/* body & misc */
html { height: 100%; }
* { margin:0; padding:0; text-decoration:none; outline:0; border:0; }
body { font-size:62.5%; font-family:verdana, geneva, sans-serif; text-decoration:none; text-align:center; color:#ccc; background:#111; }
a { color:#3996d6; }
a:hover, a.active { color:#ccc; }
ul { float:left: clear:none; list-style: none; }
li { float:left; clear:none; }
form { width:400px; }
.formWrap { }
.formWrap .thanks { display:none; } 
.formWrap .error { display:none; margin-left:80px; color:red; clear:both; text-align:left; }
label { float:left; padding:2px; display:inline-block; width:70px; text-align:right; color:#ccc; }
input, textarea { float:left; padding:2px; width:200px; background:#222; color:#ccc; }
input:hover, textarea:hover { background:#333; }
textarea { width:300px; height:100px; font-size:1em; font-family:verdana, geneva, sans-serif; text-decoration:none; }
.submit { margin:5px; padding:0 10px; margin-left:75px; width:auto; color:#3996d6; cursor:pointer; }
.submit:hover { color:#ccc; background:#3996d6; }
/* END body & misc */

/* wrap */
#wrap {
	margin:5px auto; padding:0; 
	display:block;
	width:100%; overflow:hidden; 
	font-size:1.2em; text-align:left; 
}
/* END wrap */


/* header */
#header { position:relative; float:left; display:inline-block; width:100%; }

#logo_container { }
#logo, #logo_hover { position:absolute; top:0; left:5px; display:none; }
#logo { display:block; }

#nav { float:right; margin:15px 40px 0 350px; }
#nav li { /*clear:both;*/ display:block; margin-right:20px; position:relative; z-index:100; line-height:18px; background:#111; }
#nav li a { padding:3px; }
#nav li a:hover { background:#3996d6; color:#111; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#nav li.category_list a:hover { -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; }
#nav li a.active { background:#3996d6; color:#111; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#nav li ul { position:absolute; left:-9999px; z-index:99; text-align:center; }
#nav li ul li { margin:0 auto; padding:0 2px; text-align:left; width:105px; background:#3996d6; }
#nav li ul li a { display:block; color:#111; }
#nav li ul li a:hover { color:#fff !important; }
#nav li ul li a.active { color:#fff !important; }
#nav li:hover ul, #nav li.ieHover ul { top:18px; left:0; }
/* END nav */


/* footer */
#footer { position:relative; float:right; margin:10px 10px 0 0; display:inline-block; font-size:0.8em; opacity:0.3; filter:alpha(opacity=30); }
#footer:hover { opacity:1; filter:alpha(opacity=100); }
#footer img { margin-right:20px; }
/* END footer */


/* content */
#content { margin:5px 0; position:relative; float:left; display:inline-block; clear:none; width:100%; overflow:hidden; text-align:center; }
#content #breadcrumbs { display:none; margin-bottom:5px; font-weight:bold; font-size:1.2em; color:#3996d6;}
#content #container { text-align:center; }

#text_area { margin:0 auto; position:relative; width:50%; height:100%; overflow:auto; text-align:center; }
#text_area.text_page {text-align:left; }
#text_area img { margin:0 10px; float:left; }
#text_area a img { border:0; }

#picContainer { position:relative; width:100%; overflow:hidden; text-align:center; }
#picContainer #loader { position:absolute; top:50%; left:50%; z-index: 8; width:42px; height:42px; background:url(../images/loader.gif) no-repeat; }

#img_prev, #img_next { display:none; position:absolute; top:0; z-index:10; width:50%; height:100%; cursor:pointer; filter:alpha(opacity=80); opacity:0.50; }
#img_prev { left:0; }
#img_next { right:0; }
#img_prev .btn { display:block; width:99%; height:100%; background:url(../images/img_prev.png) left center no-repeat; }
#img_next .btn { display:block; width:99%; height:100%; background:url(../images/img_next.png) right center no-repeat; }
#img_prev:hover, #img_next:hover { }

#loveBtn { display:none; padding:5px 5px 5px 25px; position:absolute; bottom:50px; left:0; z-index:11; width:auto; height:15px; font-size:0.8em; text-align:center; cursor:pointer; background:#111 url(../images/loveBtn.png) 5px 5px no-repeat;  }

#picInfoBtn { display:none; padding:2px; position:absolute; bottom:60px; right:0; z-index:11; width:15px; height:15px; text-align:center; cursor:pointer; background:#3996d6; }
#picInfoBtn a { color:#111; }
#picInfoBtn:hover { background:#555; }
#picInfo { display:none; padding:10px; padding-right:30px; position:absolute; bottom:60px; right:0; z-index:10; width:200px; height:auto; overflow:hidden; text-align:center; filter:alpha(opacity=95); opacity:0.95; background:#555; }

#infoBtn { display:none; padding:2px; position:absolute; top:0px; right:0; z-index:14; width:30px; height:15px; text-align:center; cursor:pointer; background:#3996d6; }
#infoBtn a { color:#fff; }
#infoBtn:hover { background:#555; }
#pictures_text_area { display:none; padding:10px; position:absolute; top:19px; left:0; z-index:13; width:auto; height:40%; overflow:auto; filter:alpha(opacity=95); opacity:0.95; background:#555; }
/* END content */


/* intro slideshow */
#content #intro_container { width:800px; margin:0 auto; }
#intro_slideshow { float:left; position:relative; width:720px; height:490px; overflow:hidden; }
#intro_slideshow li { position:absolute; top:0; right:0;}
#intro_slideshow p { position:absolute; bottom:0; left:0; width:100%; background:#3996d6; color:#fff; font-size:0.9em; padding:2px 0; opacity:0.8; filter:alpha(opacity=80); }
#intro_slideshow img { border:0; }
#intro_text_area { display:none; float:left; position:relative; margin:0 5px; width:170px; height:100%; overflow:auto; text-align:left; font-size:0.9em; }
#intro_text_area img { margin:0 10px; float:left; }
#intro_text_area a img { border:0; }
/* END intro slideshow */


/* pictures */
#thumbsBtn { display:none; padding:0 5px; position:absolute; bottom:0; left:0; z-index:11; cursor:pointer; background:#ccc; border-top:#ccc thin solid; }
#thumbsBtn:hover { background:#fff; }
#pictures_container { position:relative; margin-top:5px; }

#thumbs_prev, #thumbs_next { display:none; position:absolute; z-index:12; width:15px; height:100%; line-height:45px; font-weight:bold; cursor:pointer; color:#111; background:#3996d6; }
#thumbs_prev { left:0px; }
#thumbs_next { right:0px; }
#thumbs_prev:hover, #thumbs_next:hover { }

#viewable { margin:0 auto; display:block; position:relative; width:100%; height:50px; overflow:hidden; filter:alpha(opacity=95); opacity:0.95; }
#pictures { position:absolute; top:0; left:0; display:block; float:left; overflow:hidden; }
#pictures { display:block; float:left; overflow:hidden; }
#pictures li { float:left; }
#pictures li a { filter: alpha(opacity=50); opacity:0.5; }
#pictures li a.active { filter: alpha(opacity=100); opacity:1; }
/* END pictures */


/* categories, subcategories, galleries */
#categories, #subcategories, #galleries { display:inline-block; }
#categories li, #subcategories li, #galleries li { overflow:hidden; }
#categories a, #subcategories a, #galleries a {
	float: left;
	position: relative;
	text-align: center;
}
#categories a:hover, #subcategories a:hover, #galleries a:hover { color:#fff; }
#categories img, #subcategories img, #galleries img { float: left; }
#categories span, #subcategories span, #galleries span { 
	font-size:2em;
	float: left; height:95%; line-height:180px;
	padding: 5px 0;
	background: #3996d6; 
	cursor: pointer;
	position: absolute; top:0; left:0; filter: alpha(opacity=80); opacity: 0.8; /* if using images */
	/* position: relative; if not using images */	
}
/* END categories, subcategories, galleries */

/* category tabs */
#tabs a { float:left; position:relative; border:0; }
#tabs a:hover { }
/* END category tabs */


/* tooltips */
.tooltip { display:none; position:absolute; z-index:9999; padding:3px; color:#111; background:#3996d6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* rounded borders */
.roundBorders { border-radius:5px !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; }
.roundBordersTL { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important;
	border-top-left-radius:5px !important; -moz-border-radius-topleft:5px !important; -webkit-border-top-left-radius:5px !important; }
.roundBordersBL { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important;
	border-bottom-left-radius:5px !important; -moz-border-radius-bottomleft:5px !important; -webkit-border-bottom-left-radius:5px !important; }
.roundBordersTR { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important;
	border-top-right-radius:5px !important; -moz-border-radius-topright:5px !important; -webkit-border-top-right-radius:5px !important; }
.roundBordersBR { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important;
	border-bottom-right-radius:5px !important; -moz-border-radius-bottomright:5px !important; -webkit-border-bottom-right-radius:5px !important; }
.roundBordersTop { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important;
	border-top-left-radius:5px !important; border-top-right-radius:5px !important; 
	-moz-border-radius-topleft:5px !important; -moz-border-radius-topright:5px !important; 
	-webkit-border-top-left-radius:5px !important; -webkit-border-top-right-radius:5px !important; 
}
.roundBordersBottom { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important;
	border-bottom-left-radius:5px !important; border-bottom-right-radius:5px !important; 
	-moz-border-radius-bottomleft:5px !important; -moz-border-radius-bottomright:5px !important; 
	-webkit-border-bottom-left-radius:5px !important; -webkit-border-bottom-right-radius:5px !important; 
}

#bluelightmedia { position:absolute; bottom:0; left:2px; z-index:999; opacity:0.1; }
#bluelightmedia:hover { opacity:1; }