/*CSS Document*/
@charset "utf-8";

@import "reset.css";
@import "basic.css";
@import "styles.css";
@import "../webfonts/Helsinki_fontface/stylesheet.css";

body {
	background:#DBEAFF;
	overflow-x:hidden;
	font-family:Arial,Helvetica,sans-serif
}
#wrapper {margin: 0px auto 20px;}
#header {}
#header header {
	width:1061px;
	margin:0px auto 0px auto;
	position:relative;
}
#header img {display:block;float:left;}
#header h1 a {
	display:block;
	margin: 0px;
	position:absolute;
	width:470px;
	height:320px;
	left:-37px;
	top:-34px;
	overflow: hidden;
	text-indent: -2000px;
}
#header h1 a img {text-align:center;margin: 0px auto;display: block;}
#header .jointext a { font-size:1.6em!important; }
#nav {
	width:983px;
	height:85px;
	margin:0px auto 0px auto;
	background: url(../images/sprite_nav.jpg) no-repeat center top;
	position: relative;
	z-index: 5;
}
#nav ul {}
#nav li {float:left;}
#nav li a {
	display:block;
	float:left;
	height:85px;
}
#nav li.members a { width:220px; }
#nav li.bookmark a {width:231px;}
#nav li.submit a { width:225px; }
#nav li.signup a { width:306px; }
#nav li.members a:hover, #nav li.bookmark a:hover, 
#nav li.submit a:hover, #nav li.signup a:hover { background:url(../images/sprite_nav.jpg) no-repeat left -90px; }
#nav li.members a:hover { background-position:1px -90px; }
#nav li.bookmark a:hover { background-position:-219px -90px; }
#nav li.submit a:hover { background-position:-450px -90px; }
#nav li.signup a:hover { background-position:-675px -90px; }
#main {
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	margin: -20px auto 0px auto;
	padding: 20px 5px 10px 10px;
	width: 945px;
	background:url(../images/bg_main.jpg) repeat left top;
	box-shadow:0px 0px 10px #a5c3d4;
	-moz-box-shadow:0px 0px 10px #a5c3d4;
	-webkit-box-shadow:0px 0px 10px #a5c3d4;
	position: relative;
	z-index: 4;
}
.roundcorner_wrapper {
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
}
/*** thumb picture ***/
.thumb_section {}
.thumb_section a img {display:block;}
.thumb_section .third {width:315px;float:left;}
.thumb_section .bigth A , .thumb_section .midth A , .thumb_section .multith A IMG {
	margin: 0px 0px 5px 0px;
	text-decoration: none;
	float: left;
	border:5px solid #ffffff;
	padding-bottom:0px;
	position:relative;
}
.thumb_section .bigth A IMG {width: 300px;height:508px;}
.thumb_section .midth A IMG {width: 300px;}
.thumb_section .multith A IMG {
	margin-right:5px;
	width:142px;
	height:142px;
	background:none;
	padding-bottom:0px;
}
.thumb_section .bigth A .ddlnow , .thumb_section .midth A .ddlnow {
	left:0px;
	bottom: 3px;
	position: absolute;
	background:url(../images/th_ddlnow.png) no-repeat left -300px;
	display:block;
	width:300px;
	height:60px;
}
.thumb_section .bigth A:HOVER .ddlnow , .thumb_section .midth A:HOVER .ddlnow {position: absolute;background-position:left top;}
/*** video section ***/
#video_section2 .video_thumb {
	margin: 0 7px 10px 3px;
	float: left;
	padding-bottom: 19px;
	background: url(../images/bg_video_thumb2.jpg) no-repeat center bottom;
	width: 305px;
	overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#video_section2 .video_thumb A {display: block;text-decoration: none;float: left;position: relative;}
#video_section2 .video_thumb A IMG {width: 307px;display:block;}
#video_section2 .video_thumb A .logo {left: 0;position: absolute;top: 0;visibility: hidden;}
#video_section2 .video_thumb A:hover .logo {visibility: visible;}

/*** picture section ***/
.jointext {
	margin:0px 0px 20px;
	text-align: center;
	font-weight: normal;
	font-size: 0.95em;
	font-family:"Comic Sans MS", tahoma, verdana, sans-serif;
}
.jointext a {
	font-size:2.8em;
	text-shadow: 1px 1px 0px #bf0072;
	font-weight: normal;
	letter-spacing: normal;
	text-decoration:underline;
	display:block;
	font-family:HelsinkiRegular, "KomikaHandBold";
}
.jointext p {font-size:1.25em;color:#484848;font-weight:bold;letter-spacing: -1px;text-align: center;}

/*** footer ***/
#footer	{
	padding-bottom: 30px;
	padding-top: 30px;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000); /* IE6–IE9 */
	zoom: 1;
	}

#footer .content {
	width:800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footer ul {
	display: block;
	width: 900px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#footer li {
	display:inline;
	float:left;
	margin-right: 65px;
}

#footer li a {
	display:block;
	color: #D6D6D6;
	font-weight: normal;
	font-size: 12px;
}

#footer li a:hover {
	color: #D6D6D6;
	text-decoration: none;
}
#footer li a:active {


}

#footer h2 {
	color:#D6D6D6;
	text-shadow:0 0 0 transparent;
	text-align:center;
}
#footer p {
	text-align: center;
	color: #D6D6D6;
	font-size: 12px;
	letter-spacing: 0px;
}