@charset "utf-8";

/* Reset */
@import url("reset.css");

/*

Design by Gimme-Website 

Contents:

1. BODY + PAGE
	General Link Styles
2. HEADER
	Logo
	Top Banner
3. CONTENT
	Left Content
	Center Content
	Right Content
4. FOOTER
5. MISC

*/

/* BODY + PAGE */

body {
	background:#0c101c url(../images/bg-body.jpg) repeat;
	color:#fff;
	font:normal 12px "Trebuchet MS", Arial, sans-serif;
	margin:0;
	text-align:center;
}
#page {
	background:#074172;
	border:1px solid #0870a5;
	border-top:none;
	color:#000;
	margin:0 auto;
	text-align:left;
	width:1020px;
}

/* General Link Styles */

a {
	color:#039bd8;
	text-decoration:underline;
}
a:hover {
	color:#fff;
}
a img {
	background:#3d5862;
	border:1px solid #9abecb;
	padding:1px;
}

/* HEADER */

#header {
	margin:0 auto;
	width:1000px;
}

/* Logo */

#logo {
	background:url(../images/bg-logo.jpg) no-repeat;
	float:left;
	height:100px;
	width:500px;
}
h1 {
	font-size:18px;
	font-weight:bold;
	visibility:hidden;
}
h2 {
	font-size:16px;
	font-weight:bold;
	visibility:hidden;
}

/* Top Banner */

#top_banner {
	float:right;
	height:90px;
	margin:10px 0 0;
	width:480px;
}

/* CONTENT */

#content {
	margin:0 auto;
	width:1000px;
}
#content p {
	padding:5px;
}
#content .box a {
	color:#012c51;
	text-decoration:underline;
}
#content .box a:hover {
	color:#000;
}
#content ul.float {
	float:left;
	width:145px;
}
#content ul li {
	background:url(../images/bullet.gif) left no-repeat;
	font-size:12px;
	line-height:22px;
	margin:0 0 0 5px;
}
#content ul li a {
	border-bottom:1px dotted #012c51;
	color:#012c51;
	font-weight:bold;
	margin:0 0 0 15px;
	text-decoration:none;
}
#content ul li a:hover {
	border-bottom:1px dotted #000;
	color:#000;
}

/* Left content */

#content_left {
	float:left;
	margin:7px 7px 0 0;
	width:152px;
}
#content_left .box {
	background:#7bbad7;
	border:1px solid #9abecb;
	color:#000;
	margin:0 0 7px 0;
	width:150px;
}
#content_left .box h3.title {
	background:no-repeat;
	height:35px;
	text-align:center;
	width:150px;
}
#content_left .box h3.title.navigation { background-image:url(../images/bg-h3_left_navigation.jpg); }
#content_left .box h3.title.topsites { background-image:url(../images/bg-h3_left_topsites.jpg); }
#content_left .box h3.title.sponsors { background-image:url(../images/bg-h3_left_sponsors.jpg); }
#content_left .box h3.title.categories { background-image:url(../images/bg-h3_left_categories.jpg); }
#content_left .box h3.title span {
	visibility:hidden;
}
#content_left .box a img {
	display:block;
	margin:5px auto;
}
#content_left .box .box_foot {
	background:url(../images/bg-box_left_foot.jpg) bottom no-repeat;
	height:12px;
	width:150px;
}

/* Center Content */

#content_center {
	float:left;
	margin:7px 7px 0 0;
	width:532px;
}
#content_center .box_pub {
	background:#7bbad7;
	border:1px solid #9abecb;
	color:#000;
	margin:-7px 0 7px 0;
	width:530px;
	position: relative;
}
#content_center .box {
	background:#7bbad7;
	border:1px solid #9abecb;
	color:#000;
	margin:0 0 7px 0;
	width:530px;
	position: relative;
}
#content_center .box h3.title {
	background:no-repeat;
	height:35px;
	text-align:center;
	width:530px;
}
#content_center .box h3.title.latestvideos { background-image:url(../images/bg-h3_center_latestvideos.jpg); }
#content_center .box h3.title.partnerscontent { background-image:url(../images/bg-h3_center_partnerscontent.jpg); }
#content_center .box h3.title.watchvideo { background-image:url(../images/bg-h3_center_watchvideo.jpg); }
#content_center .box h3.title span {
	visibility:hidden;
}
#content_center .box a, #content_center .box a:hover {
	border-bottom:none;
}
#content_center .box a img {
	margin:4px;
}
#content_center .box .plug {
	background:#333b3e url(../images/bg-plug.jpg) no-repeat;
	border:1px solid #9abecb;
	color:#fff;
	display:inline;
	float:left;
	height:102px;
	line-height:13px;
	margin:5px;
	width:252px;
}
#content_center .box .plug img {
	float:left;
	height:90px;
	width:90px;
}
#content_center .box .plug h4 {
	border-bottom:2px ridge #333b3e;
	margin:5px 10px 0 103px;
	padding:0 0 3px 0;
}
#content_center .box .plug h4 a {
	color:#039bd8;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
}
#content_center .box .plug h4 a:hover {
	color:#fff;
}
#content_center .box .box_foot {
	background:url(../images/bg-box_center_foot.jpg) bottom no-repeat;
	height:12px;
	width:530px;
}
.pagination {
	color:#64747c;
	margin:10px 3px;
	width:524px;
}
.pagination span {
	background:#AEC9DA;
	border:1px solid #333B3E;
	font-size:13px;
	font-weight:bold;
	display:block;
	height:20px;
	line-height:20px;
	float:left;
	margin:3px 3px 3px 0;
	padding:2px 5px;
	text-align:center;
	width:12px;
}
.pagination span.prev {
	width:70px;
}
.pagination span.next {
	width:44px;
}
.pagination span.active {
}
.pagination a {
	text-decoration:none;
}
.pagination a:hover {
	color:#039bd8;
	text-decoration:none;
}

/* Right Content */

#content_right {
	float:left;
	margin:7px 0 0 0;
	width:302px;
}
#content_right a img {
	margin:0 0 7px 0;
	padding:0;
}
#content_right .box {
	background:#7bbad7;
	border:1px solid #9abecb;
	color:#000;
	margin:0 0 7px 0;
	width:300px;
}
#content_right .box h3.title {
	background:no-repeat;
	height:35px;
	text-align:center;
	width:300px;
}
#content_right .box h3.title.sponsors { background-image:url(../images/bg-h3_right_sponsors.jpg); }
#content_right .box h3.title.premiumsites { background-image:url(../images/bg-h3_right_premiumsites.jpg); }
#content_right .box h3.title.ourfriends { background-image:url(../images/bg-h3_right_ourfriends.jpg); }
#content_right .box h3.title.chosen { background-image:url(../images/bg-h3_right_chosen.jpg); }
#content_right .box h3.title span {
	visibility:hidden;
}
#content_right .box a img {
	border:none;
	padding:0;
}
#content_right .box .box_chosen img{
	background:#9abecb;
	border:1px solid #3d5862;
	padding:1px;
	margin:0 0 0 0;
}
#content_right .box .box_chosen .box_chosen_clear{
    margin:11px 0 0 0;
}
#content_right .box .box_foot {
	background:url(../images/bg-box_right_foot.jpg) bottom no-repeat;
	height:12px;
	width:300px;
}
#content_right .box .box_foot.special-IE6 {
	background:none;
	height:12px;
	width:300px;
}

/* FOOTER */

#footer {
	background:url(../images/bg-footer.jpg) bottom right no-repeat;
	color:#7bbad7;
	margin:0 auto;
	width:998px;
}
.footer_content {
	padding:5px;
}

#footer a {
	color:#7bbad7;
	font-weight:bold;
}
#footer a:hover {
	color:#fff;
}

/* MISC */

.clear { clear:both; }
.txt_left { text-align:left; }
.txt_center { text-align:center; }
.txt_right { text-align:right; }

/* NS 2009 */
#box_footer {
	background:#7BBBD7;
	border:1px solid #9abecb;
	color:#000;
	margin:0 0 7px 0;
	width:950px;	
}
#box_footer .dot {	
	background:url(../images/bullet.gif) left no-repeat;	
}	
#box_footer .dot a{		
	border-bottom:1px dotted #012c51;
	color:#012c51;
	font-weight:bold;
	margin:0 0 0 15px;
	text-decoration:none;	
}