* { margin:0px; padding:0px; }
body { text-align: center; font-family:Verdana; color:#ccc; font-size: 12px; font-weight: normal; background-color:#000; }
a:link, a:visited { color:#ff6600; text-decoration:none; }
a:hover, a:active { color:#ff6600; text-decoration:underline; }
img { border:0px; }

#page { margin:0px auto; width: 752px; }
#header { width:752px; height: 47px; background-image: url("styl1/header.jpg"); border-bottom: 1px solid #666; }
#buttons { width: 752px; height: 20px; border-bottom: 1px solid #666; padding: 5px 0px 5px 0px; }
#main { width: 752px; height: 436px; margin-top: 10px; }
#footer { border-top: 1px dashed #333; border-bottom: 1px dashed #333; width: 752px; margin-top: 10px; }

/* NAVIGATION */
#buttonbox { width:752px; margin:0px auto;  }
.button a:link, .button a:visited { font-size: 11px;color: #ccc; width:102px; line-height: 18px; display:block; float:left; text-decoration:none; border: 1px solid #666;  }
.button a:hover, .button a:active { color: #ff6600; }
.space { width:4px; height: 18px; border-top: 1px solid #666; border-bottom: 1px solid #666; float:left; display: block; }

/* MAIN */
#left, #right { width: 200px; height: 436px; float: left; background-image:url(styl1/filmbox436.jpg); }
#middle { width: 352px; height: 436px; float: left; }

/* LEFT & RIGHT ( GALERIES ) */
#left .top, #right .top { line-height: 26px; }
#left .frame140, #right .frame140, #galeries .frame140 { width: 140px; height: 120px; margin: 0px auto; margin-top: 6px; }
#left .bottom, #right .bottom { line-height: 26px; margin-top: 6px; }

/* MIDDLE */
#novinky { width: 330px; margin-left: 10px; margin-right: 10px; border: 1px solid #666; background-image:url(styl1/mesh.gif); }
#novinky .nadpis { text-align: right; margin-right: 10px; margin-left: 10px; border-bottom: 1px solid #666; line-height: 26px; }
#novinky .text { height: 172px; width: 310px; padding: 10px; overflow: auto; text-align: left; }
#middle .vysvetlivky { text-align: left; line-height: 16px; padding: 10px; border: 1px solid #666; margin: 10px; }

/* GALERIES ( ONEFOTO, KNIHA, BLOGS ) */
#galeries, #onefoto, #kniha, #blogs { width: 752px; }
#galeries .galeriebox140 { display: inline; width:200px; height:310px; float:left; margin-right:76px; margin-top: 10px; margin-bottom: 5px; background-image:url(styl1/galeriebox140.jpg); }
#galeries .nadpis { margin-top: 5px; line-height: 20px; }
#galeries .popis { height: 154px; width: 140px; margin: 0px auto; margin-top: 5px; vertical-align: middle; text-align:center; }

/* BEZ ALBA ( FOTOGRAFIE ) */
#bezalba .frame140, #fotografie140 .frame140 { width: 140px; height: 120px; float: left; margin-right: 6px; margin-bottom: 6px; }

/* FOTOFRAFIE */
#fotografie140 { width: 752px; margin-top: 10px; }
#fotografie140 .frame140 { width: 140px; height: 120px; float: left; margin-right: 13px; margin-bottom: 13px; }
#foto750 { width: 752px; margin: 0px auto; padding-top: 20px; }
#slideshowlink { padding: 10px; }

/* FOTOCONTROL */

#fotocontrol { height: 32px; margin: 0px auto; margin-top: 10px; }
#next a:link, #next a:visited, #previous a:link, #previous a:visited { width: 43px; height: 32px; float: left; display: block;  }
#next a:hover, #next a:active, #previous a:hover, #previous a:active { background-position:-43px 0; }
#next a:link, #next a:visited { background-image: url("styl1/next.gif"); }
#previous a:link, #previous a:visited { background-image: url("styl1/previous.gif"); } 
#fotonazev { float: left; height: 32px; }
#fotonazev .l1 { line-height: 20px; font-size: 20px; color: #666; font-weight:lighter; }
#fotonazev .l2 { line-height: 12px; color: #666; }
#down a:link, #down a:visited { margin: 0px auto; display: block; width: 29px; height: 15px; background-image: url("styl1/down.gif"); margin-top:10px; margin-bottom:10px; }
#down a:hover, #down a:active { background-position:-29px 0; }
#extras { display: none; width: 375px; margin: 0px auto; }
#fotopopis { width: 355px; padding: 10px; text-align: justify; border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #666;}
#extrabuttons { width: 375px; height: 30px; border:1px solid #666; }

#rating { display: none; width: 355px; height: 100px; margin-top: 10px; border:1px solid #666; padding: 10px; }
#rating p { padding-top: 10px; }
#comments { display: none; width: 375px; margin-top: 10px; border:1px solid #666; }
#comments p { padding: 10px;  }
#comments .komentar { text-align:left; border-bottom:1px dashed #666; }
#comments input { margin: 5px; }
#starbox { width: 200px; margin:0px auto; }
.star { width:40px; margin:0px; padding:0px; float: left; }

/* BLOG ( ABOUT )*/

#oneblog, #blogfotos { margin: 0px auto; }
#oneblog { width: 722px; padding: 10px; padding-right: 20px; text-align:left; margin-top: 10px; background-color: #fff; color:#333; background-image:url(styl1/blog.gif); background-position:right top; background-repeat:repeat-y; }
#blognadpis, h1 { font-size: 20px; font-weight: bold; text-align: left; }
#blogtext { letter-spacing: 0.1em; text-align: left; line-height: 14px; }
#blogtext p { letter-spacing: 0.1em; text-align: left; line-height: 14px; }
#blogdatum { font-size: 9px; text-align: left; }
#blogfotos { width: 755px; height: 70px; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; background-image:url(styl1/blogfotos.gif); background-repeat:no-repeat; }
#blogfotos .blogfotobox { float:left; width: 70px; height: 70px; display:inline; margin-left: 5px; border: 1px solid #333; background-color: #ccc; }

/* ABOUT */
#about { width: 732px; margin: 0px auto; padding: 10px; text-align: left;  }
#about .aboutlinks { line-height: 60px; border: 1px solid #333; padding: 0px; margin-top: 5px; }
#about .nadpis { margin-top: 5px; font-weight: bold; }
#about .frame70 { width: 70px; height: 60px; float: left; margin-right: 10px; text-align:center; background-image:url(styl1/frame/custom70.gif);}

/***********/
#rated { width: 180px; line-height: 20px; background-image:url(styl1/extrap.gif); background-repeat:no-repeat; margin-top: 5px; margin-left: 2px; display: inline; float:left; text-align:center; }
#commentbutton a:link, #commentbutton a:visited  { width: 180px; line-height: 20px; background-image:url(styl1/extrabutton.gif); margin-top: 5px; margin-left: 7px; display: inline; float:left; text-align:center;  }
#commentbutton a:hover, #commentbutton a:active { background-position: -180px 0; }
#ratingbutton p, #ratingbutton a:link, #ratingbutton a:visited  { width: 180px; line-height: 20px; background-image:url(styl1/extrabutton.gif); margin-top: 5px; margin-left: 2px; display: inline; float:left; text-align:center; }
#ratingbutton a:hover, #ratingbutton a:active { background-position: -180px 0; }

/* GALERIES */

#foto375, #slide375 { width: 375px; margin: 0px auto; padding-top: 20px;  text-align: center; }

/* EXTRAS */
#rated img { margin-top:1px; }
#paging { width: 715px; height: 30px; padding: 5px; }
#guestbook { width: 600px; margin:0px auto;  }
#guestbook input { margin: 5px; }
#guestbook p.vzkaz { text-align:left; border-bottom:1px solid #333; }
#guestbook p { padding: 10px; border-bottom:1px solid #333; }
#slide375 { height: 390px; }

/* TOP 10 */
#top10 { margin:0px auto;width:724px;height:1375px;border:1px solid #333; text-align: center; }

#top10 .heading { width: 724px; border-bottom: 1px solid #333; height: 65px; line-height: 65px; }
#top10 .first, #top10 .second { width: 724px; border-bottom: 1px solid #333; height: 130px; line-height: 130px; }
#top10 .first { background-color:#1c1c1c; }
#top10 .num { width: 80px; float: left; }
#top10 .others, #top10 .last { width: 160px; float: left; height: 130px;  }
#top10 .others, #top10 .num { border-right: thin solid #333; }

.reference { visibility:hidden; }