/* CSS Document */

html {
	overflow-y:scroll;
	height: 100%;
	}

body {
	height: 100%;
	font-family:georgia, serif; font-size: 10pt; color: #654c48; line-height: 130%;
    background-color: #000;
    margin:0px; padding:0px;
    }
  
h1 {font-size: 23pt; font-weight: normal; margin:30px 0px 18px 0px; color: #654c48;}

p {margin:5px 0px 15px 0px;}


a 		   {color:#312724; 	 font-weight: normal; text-decoration:underline;}
a:visited {color:#312724;  font-weight: normal; text-decoration:underline;}
a:hover     {color:#000;  font-weight: normal; text-decoration:underline;}
a:active   {color:#312724;  font-weight: normal; text-decoration:underline;}
  
#outerscene {
	height: 100%;
	width: 100%;
	overflow: visible;
	}

#outerscene[id] {display: table; position: static;}
#middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#innerscene {position: relative; top: -50%;} /* for explorer only */
#innerscene {
	width: 100%;
	height:680px;
	margin-left: auto;
	margin-right: auto;
	background-image:url('background-basic.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	}                                      /* for all browsers*/

#innerscenecontact {position: relative; top: -50%;} /* for explorer only */
#innerscenecontact {
	width: 100%;
	height:680px;
	margin-left: auto;
	margin-right: auto;
	background-image:url('background-contact.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	}                                      /* for all browsers*/
	
	
#box {
	position: absolute;
	top: 156px;
	left: 50%;
	width: 674px;
	height: 455px;
	margin:auto auto auto -337px;
	background-image:url('box-background.jpg');
	}

#contactbox {
	position: absolute;
	top: 155px;
	left: 50%;
	width: 400px;
	margin:auto auto auto -200px;
	}

#flashcontent {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 634px;
	height: 415px;
	margin: auto auto auto auto;
	background-color: #000;
	}
	
#content {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 654px;
	height: 435px;
	text-align: left;
	background-color: #f9f6e9;
	background-image:url('content-background.jpg');
	}
#actualcontent {
	margin:45px 30px 27px 27px;
	}

.gallery {margin:5px  auto auto -3px; line-height: 120%;}
.gallery2 {margin:2px  auto auto -3px; line-height: 100%;}

.thumb {border: #afa6a5 1px solid; width:100px; height:86px; margin:4px;}
.thumb:hover {border: #766461 1px solid; width:100px; height:86px; margin:4px;}

.animthumb {border: #afa6a5 1px solid; width:187px; height:98px; margin:4px;}
.animthumb:hover {border: #766461 1px solid; width:187px; height:98px; margin:4px;}

.animthumb2 {border: #afa6a5 1px solid; width:75px; height:72px; margin:1px;}
.animthumb2:hover {border: #766461 1px solid; width:75px; height:72px; margin:1px;}

.tutorialthumb {border: #afa6a5 1px solid; width:100px; height:86px; margin:0px;}
.tutorialthumb:hover {border: #766461 1px solid; width:100px; height:86px; margin:0px;}

#tutoriallist a {font-size: 14pt; line-height: 150%; color:#654c48; text-decoration:none; margin:auto 10px auto auto;}
#tutoriallist a:visited {font-size: 14pt; color:#654c48; text-decoration:none;}
#tutoriallist a:hover {font-size: 14pt; color:#654c48;   text-decoration:underline;}
#tutoriallist a:active {font-size: 14pt; color:#654c48;  text-decoration:none;}

.date {font-size: 8pt; margin:-5px 0px 0px 0px;}
	
#navigation {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 377px;
	height: 166px;
	margin:auto auto auto 0px;
	z-index:2;
	}
	
#movember {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 201px;
	height: 277px;
	margin:auto auto auto 377px;
	}
	
#sidelinks {
	position: absolute;
	top: 350px;
	right: 20px;
	height: 55px;
	text-align:right;
	}

#sidelinks a {font-size: 13pt; line-height: 150%; color:#a9c1ba; text-decoration:none;}
#sidelinks a:visited {font-size: 13pt; color:#a9c1ba; text-decoration:none;}
#sidelinks a:hover {font-size: 13pt; color:#c6e2da; text-decoration:none;}
#sidelinks a:active {font-size: 13pt; color:#c6e2da; text-decoration:none;}


#obsah {background-color: #fff; text-align: left;}

#podobsah {margin: auto 100px auto 80px;}

#commentsobsah {position:absolute; left:0px; top:48px; background: url('bcgk6.png'); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bcgk6.png', sizingMethod='scale'); _background:transparent; width:715px;}

#formular {padding:15px 35px 5px 0px; text-align: left;}

#odkazkomentar {position:absolute; text-align:left; left:23px; bottom:15px; width:210px;}

.komentarcely {text-align:left; background-image: url('smiley1.gif'); background-position: center left; background-repeat: no-repeat; padding:3px 3px 3px 65px; margin:5px 20px 20px 25px;}
.meno {margin: 3px; font-weight: bold; color: #7a9910;}
.komentar {width:400px; text-align:left; background-color:#fff; padding:7px; border: #ddd 1px solid; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid;}
.komentartext {background-color:#eee; padding:5px;}
.krok {border: 1px solid #ccc;}

#commentsobsah {padding:0px 100px 100px 100px; background-color: #fff; width:100%;}

ul {margin-left:17px; margin-top:5px; padding:0px;}
#ciara {height:20px; background-color: #fff; border: #fff 1px solid; border-bottom: #ccc 1px solid; margin:-2px 5px 20px -10px;}


/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.mbClear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}