/*
Theme Name: SSGWP
Theme URI: http://www.superserialgamers.com
Version: 1.0
Description: 2 Column theme from kri8it
Author: kri8it Charl Pretorius
Author URI: http://www.kri8it.com
*/

body{
	background:url(images/body-back.jpg) repeat-x top left;
	text-align:center;
	font-family:"Trebuchet MS";
	line-height:100%;
	font-size:12px;
}
#head-wrapper{
	
}

.container{
	width:980px;
	margin: 0 auto;
	text-align:left;
}

#head{
	background:url(images/skull-back.jpg) no-repeat left top;
	height:127px;
	position:relative;
}
#head h1{
	position: absolute;
	top:0;
	left:0px;
}

#head .main-nav{
	position: absolute;
	bottom:0;
	right:279px;
}
#head .main-nav ul{
	list-style:none;
}
#head .main-nav ul li{
	float:left;
	position:relative;
}
#head .main-nav ul li a{
	display:inline-block;
	height:51px;
	line-height:51px;
	padding-left:20px;
	padding-right:20px;
	text-transform:lowercase;
	font-size:16px;
	font-weight:normal;
	color:#F5F5F5;
	text-decoration:none;
	border-top:1px solid #000;
}
#head .main-nav ul li a:hover{
	color:#028cc5;
	border-top:1px solid #424242;
}

#head .main-nav ul li ul{border-bottom:1px solid #007aac;position:absolute;top:52px;left:0;z-index:1000;width:150px;background-color:#007aac;padding-bottom:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;
-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px}
#head .main-nav ul li ul li{position:relative;width:144px;padding:3px;}
#head .main-nav ul li ul li:hover{background-color:#028cc5}
#head .main-nav ul li ul li a{padding:0px;display:block;height:20px;line-height:20px;border-top:none;padding-left:10px;font-size:14px;}
#head .main-nav ul li ul li a:hover{border-top:none; color:#333;}

#head .main-nav ul li ul li ul{position:absolute;top:0px;left:150px;border-bottom:none;border-right:1px solid #007aac;-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;
-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px;padding-bottom:0;padding-right:3px;}
#head .main-nav ul li ul li ul li{}
#head .main-nav ul li ul li ul li a{}
#head .main-nav ul li ul li ul li a:hover{}

#head .head-right{
	height:127px;
	float:right;
}
#head .head-right .social{
	height:75px;
	padding-left:37px;
}
#head .head-right .social a{
	padding-right:10px;
	line-height:110px;
}
#head .head-right .search{
	background:url(images/search-back.jpg) no-repeat bottom left;
	height:42px;
	padding-left:8px;
	padding-top:10px;
	width:261px;
}

#searchform div {
	background:transparent url(images/searchbox-back.jpg) no-repeat scroll left top;
	height:34px;
	position:relative;
	width:253px;
}
#searchform .searchbox {
	border:0 none;
	color:#d1d1d1;
	font-size:12px;
	left:10px;
	padding:1px;
	position:absolute;
	top:8px;
	width:202px;
}
#searchform input.submit {
	position:absolute;
	right:0;
}

#body-wrapper{
	background:url(images/body-wrapper-back.jpg) no-repeat center 3px ;
}
#body{
	position:relative;	
	background:url(images/sidebar-slither.jpg) repeat-y top right #efefef;
	border-left: 1px solid #000;
	border-top: 3px solid #028cc5;
}
#body .content-left{
	width:710px;
	/*margin-top:3px;*/
	/*border-left: 1px solid #000;*/
	background-color:#efefef;
	float:left;
	padding-bottom:15px;
}
#body .sub-nav{
	height:39px;
	background-color:#3c3c3c;
	width:710px;
}

#body .sub-nav ul{
	list-style:none;
}
#body .sub-nav ul li{
	float:left;
	position:relative;
}
#body .sub-nav ul li a{
	display:inline-block;
	height:36px;
	line-height:36px;
	padding-left:10px;
	padding-right:10px;
	text-transform:lowercase;
	font-size:11px;
	font-weight:normal;
	color:#F5F5F5;
	text-decoration:none;	
}
#body .sub-nav ul li a:hover{
	background-color:#333;
}

#body .sub-nav ul li ul{border-bottom:1px solid #333;position:absolute;top:36px;left:0;z-index:1000;width:140px;background-color:#333;padding-bottom:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;
-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px}
#body .sub-nav ul li ul li{position:relative;width:134px;padding:3px;}
#body .sub-nav ul li ul li:hover{background-color:#333}
#body .sub-nav ul li ul li a{padding:0px;display:block;height:20px;line-height:20px;border-top:none;padding-left:10px;font-size:11px;}
#body .sub-nav ul li ul li a:hover{border-top:none; color:#fff;}

#body .sub-nav ul li ul li ul{position:absolute;top:0px;left:140px;border-bottom:none;border-right:1px solid #007aac;-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;
-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px;padding-bottom:0;padding-right:3px;}
#body .sub-nav ul li ul li ul li{}
#body .sub-nav ul li ul li ul li a{}
#body .sub-nav ul li ul li ul li a:hover{}

#body .sidebar{
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #000;
	width:267px;
	float:right;	
}

#body .sidebar2{ 
	float:right; 
	width:169px;
	padding:15px; 
	background:#fafafa;
	margin-left:10px;
	-moz-border-radius: 3px; border-radius: 3px;
	border: 1px solid #ccc;
	color:#666;
}

#body .sidebar2 #rating{
	position:relative;
}
#body .sidebar2 #rating .percent{
	font-size:14px;
	font-weight:bold;
	left:5px;
	position:absolute;
	top:4px;
	color:#000;
}
#body .sidebar2 #rating .full-bar{
	margin-top:10px;
	margin-bottom:10px;
	background-color:#028CC5;
	height:20px;
}
#body .sidebar2 #rating .full-bar .bar{
	background-color:#FF8A00;
	height:20px;
}


#body .sidebar2 #rating{}

#body .sidebar2 .forum-link{margin-top:15px; font-weight:bold;}

#body .sidebar2 h4 , #body .sidebar2 h2{
	font-weight:bolder;
	font-size:16px;
	margin-bottom:10px;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px dashed #ccc;
	border-top:1px dashed #ccc;
	margin-top:20px;
	color:#666;
}

#body .sidebar2 .sideblog h3{
	font-size:12px;
	color:#333;
}

#body .sidebar2 .sideblog ul li{
	padding-bottom:10px;
	border-bottom: 1px dashed #ccc;
	margin-bottom:10px;
}

#body .sidebar2 ul{
	list-style:none;	
}
#body .sidebar2 ul li{
	margin-bottom:5px;
	line-height:120%;
}
#body .sidebar2 a{
	color:#028CC5;
	text-decoration:none;
	border:none;
}
#body .sidebar2 a img{ border:none;}
#body .sidebar2 a:hover{
	text-decoration:underline;
}
#body .sidebar2 #post-info{
	
}

#body .sidebar2 .post-social{
	margin-top:15px;
	margin-bottom:15px;
}

#body .content.home{
	padding:18px;	
}

#body .content{
	padding:18px;
	padding-right:0px;	
}

#body .content .home.posts{
	margin-top:15px;
	background: url(images/posts-top.jpg) no-repeat top center;
	width:675px;
}

#body .content .posts{width:480px; float:left;}
#body .content .posts h2.cat-title{position:relative;height:33px; color:#fff; background:#272124;margin-top:0px;margin-bottom:10px;font-size:20px;font-weight:normal; line-height:33px;padding-left:10px;}
#body .content .posts #breadcrumbs{margin-bottom:10px;color:#c2c2c2;font-size:11px;}
#body .content .posts #breadcrumbs a{color:#5f5e5e; text-decoration:none;}
#body .content .posts #breadcrumbs a:hover{text-decoration:underline;}
#body .content .posts .post{/*background:url(images/post-bottom.jpg) no-repeat bottom center;*/ padding-bottom:15px; margin-bottom:5px;}
#body .content .posts .post h2.heading{
	position:relative;/*height:33px;*/ color:#fff; margin-top:0px;margin-bottom:10px;font-size:18px;font-weight:normal; line-height:33px;padding-left:10px;
	-moz-border-radius: 3px;-webkit-border-radius: 3px;
	background: /*url(images/post-head-right.jpg) no-repeat top right*/ #028cc5;
}
#body .content .posts .post h2{ margin-bottom:10px; color:#333;}
#body .content .posts .post-left{width:330px;float:left;}
#body .content .posts .post-right{width:330px;float:left; margin-left:14px;}

#body .content .posts .post-right #twitter{width:160px; float:left; font-size:11px; color:#5b5b5b; overflow:hidden;}
#body .content .posts .post-right #twitter a{color:#01719f; text-decoration:none;}
#body .content .posts .post-right #twitter a:hover{text-decoration:underline;}
#body .content .posts .post-right #twitter li{margin-bottom:5px;}

#body .content .posts .post-right #forums{width:160px; float:left; margin-left:10px;font-size:11px; color:#5b5b5b;overflow:hidden;}
#body .content .posts .post-right #forums a{color:#01719f; text-decoration:none;}
#body .content .posts .post-right #forums a:hover{text-decoration:underline;}

#body .content .posts.home h2{position:relative;height:33px; color:#fff; background:#272124;margin-top:15px;margin-bottom:10px;font-size:18px;font-weight:normal; line-height:33px;padding-left:10px;}
#body .content .posts.home h2 span{position:absolute; right:15px;}
#body .content .posts.home h2 span a{font-size:11px; color:#efefef; text-decoration:none; font-style:italic;}
#body .content .posts.home h2 a{ color:#fff;}

#body .content .posts.home h3{font-size:16px; color:#242424;margin:0;}
#body .content .posts.home h3 a{color:#242424; text-decoration:none;}

#body .content .posts.home p{margin-top:8px; margin-bottom:8px; color:#484848; line-height:120%;}
#body .content .posts p{margin-top:8px; margin-bottom:8px; color:#484848; line-height:140%; font-size:13px;}
#body .content .posts blockquote{ font-style:italic; border-left: 3px solid #e4e4e4; margin-left:10px; padding-left:10px;}

#body .content .posts img.post-image{border:1px solid #272124;margin-top:10px; margin-bottom:5px;}
#body .content .posts .post img{border:1px solid #272124;margin-top:5px; margin-bottom:5px;}
#body .content .posts .post img.alignleft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:0px;
}

#body .content .posts .post img.alignright{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:0px;
}

#body .content .posts .post a{color:#01719f; text-decoration:none;}
#body .content .posts .post a:hover{text-decoration:underline;}

#body .content .posts .post ul{ list-style-position:outside; padding-left:20px;color:#484848;line-height:140%;}

#body .content .posts.home .post-meta{color:#c2c2c2;font-size:11px;margin-top:5px; padding-bottom:5px; border-bottom:1px solid #dddddd;}
#body .content .posts .post-meta{color:#c2c2c2;font-size:11px;margin-top:5px;padding-top:5px; padding-bottom:5px; border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;}
#body .content .posts .post-meta a{color:#5f5e5e; text-decoration:none;}
#body .content .posts .post-meta a:hover{text-decoration:underline;}
#body .content .posts.home .post-footer {border-top:1px solid #dddddd; padding-top:5px; text-align:right; margin-bottom:15px;}
#body .content .posts.home .post-footer {border-top:1px solid #ccc; padding-top:5px; text-align:right; margin-bottom:15px;}
#body .content .posts .post-footer{text-align:left; padding-top:10px;clear:both;}

#body .content .posts .post-footer span {float:left;color:#c2c2c2;font-size:11px;}
#body .content .posts .post-footer span a{color:#5f5e5e; text-decoration:none;}
#body .content .posts .post-footer a.readmore{ font-size:14px; color:#1c1a1b; text-decoration:none;}
#body .content .posts .post-footer img{
	margin:0;
	border:none;
}

#body .content .posts #comments-container{
	width:480px;
	position:relative;
	background: url(images/posts-top.jpg) no-repeat top center;
	padding-top:10px;
	/*
	background:#f8f8f8;
	padding:15px;
	-moz-border-radius: 3px;-webkit-border-radius: 3px;
	*/
}

#body .content .posts #comments-container a{
	color:#0081AF;
	text-decoration:none;
}
#body .content .posts #comments-container a:hover{
	text-decoration:underline;
}

#comments-container h2#comments{
	background: url(images/comment-head.png) no-repeat left center;
	padding-left:50px;
	margin-left:20px;
	margin-top:10px;	
	margin-bottom:10px;
	font-size:16px;
	color:#444;
	line-height:45px;
}
#comments-container .comment-rss{
	position:absolute;
	top:10px;
	right:0px;
}
#comments-container ul{list-style:none;}
#comments-container .commentlist{
	padding-left:20px;
	list-style:none;
}
#comments-container .commentlist li{
	margin-bottom:10px;
}
#comments-container .commentlist li .children{
	padding-left:55px;
}
#comments-container .commentlist .gravatar{
	float:left;
}

#comments-container .commentlist .gravatar img{
	border: 4px solid #D7D7D3;
}
#comments-container .commentlist .comment-meta{
	margin-left:55px;
	margin-bottom:5px;
	padding-top:2px;
	color:#8C8C8C;
}
#comments-container .commentlist .comment-meta a{
	color:#028cc5;
	font-style:italic;
	text-decoration:none;
}
#comments-container .commentlist .comment-meta a:hover{
	text-decoration:underline;
}
#comments-container .commentlist .text{
	margin-left:55px;
	padding:10px;
	background-color:#e2e2e2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	line-height:120%;
}
#comments-container .commentlist .reply{
	margin-left:55px;
	padding-right:10px;
	padding-top:5px;
	text-align:right;
}
#comments-container .commentlist .reply a{ 
	color:#028cc5;
	font-style:italic;
	text-decoration:none;
}
#comments-container .commentlist .reply a:hover{
	text-decoration:underline;
}
#comments-container #respond{
	padding-left:20px;
}
#comments-container #respond h2{
	margin-top:15px;
	margin-bottom:15px;
	font-size:16px;
}
#comments-container #respond .cancel-comment-reply{
	margin-bottom:5px;
}
#comments-container #respond a{
	color:#028cc5;
	font-style:italic;
	text-decoration:none;
}
#comments-container #respond a:hover{
	text-decoration:underline;
}
#commentform p{
	margin-bottom:15px;
	color:#8C8C8C;
}

#commentform label{
	display:block;
}
#commentform div.slider { clear:both; position:relative; margin:0 0 10px; }
#commentform label { cursor:pointer; display:block; font-size:10px; padding:3px; background-color:#fff;-moz-border-radius: 2px;
-webkit-border-radius: 2px; margin-left:25px;  }

#commentform input[type=text]{
	width:250px;
	border: 1px solid #ccc;
	padding:3px;
}
#commentform textarea{
	width:350px;
}
#commentform input[type=submit]{
	background:url(images/submit.jpg) no-repeat left top;
	width:584px;
	height:29px;
	border:none;
	cursor:pointer;
}

/*------------------------------------------------*/
/*-----------------[COMMENT FORM]-----------------*/
/*------------------------------------------------*/
#commentform { margin: 10px 0px 0px 20px; }
#commentform textarea { background: #fff; border: 1px solid #666; width: 350px; color: #666; padding: 10px; }
#commentform #email { font-size: 13px; background: #fff; border: 1px solid #666; width: 220px; background-image: url(images/comment-email.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; color: #666; margin-bottom: 3px; }
#commentform #author { font-size: 13px; background: #fff; border: 1px solid #666; width: 220px; background-image: url(images/comment-author.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; color: #666; margin-bottom: 3px; }
#commentform #url { font-size: 13px; background: #fff; border: 1px solid #666; width: 220px; background-image: url(images/comment-website.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; color: #666; margin-bottom: 3px; }


#body .sidebar h2{
	background: url(images/sidebar-def.jpg) no-repeat top left;
	height:39px;
	margin:0;
	line-height:39px;
	padding-left:58px;
	color:#fff;
	font-size:18px;
	font-weight:lighter;
}
#body .sidebar h2.comments{
	background: url(images/sidebar-comments.jpg) no-repeat top left;
}  
#body .sidebar h2.posts{
	background: url(images/sidebar-posts.jpg) no-repeat top left;
} 

#body .sidebar .box ul{list-style:none; margin-bottom:15px;}
#body .sidebar .box ul li{padding-left:15px;padding-right:15px;border-bottom:1px solid #3d3e3e; padding-bottom:10px; padding-top:10px; color:#7c7c7c;}
#body .sidebar .box ul li b{font-weight:bold;}
#body .sidebar .box ul li a{color:#fff; text-decoration:none;}
#body .sidebar .box ul li a:hover{text-decoration:underline;}

#body .sidebar .box a{
	color:#efefef;
}
#body .sidebar .box a:hover{text-decoration:underline;}

#body .sidebar .box div{
	margin-top:10px;
	margin-bottom:10px;
	line-height:120%;
	padding-left:10px;
	padding-right:5px;
}

#footer-wrapper{	
	background:#000;
	border-top: 3px solid #01719f;
}
#footer{
	padding-bottom:10px;
	background: url(images/footer-skull.jpg) no-repeat top right #000;
	line-height:120%;
}

#footer h2{margin-top:0px; margin-bottom:10px;color:#efefef;}
#footer ul{list-style:none;}
#footer a{color:#efefef; text-decoration:none;}
#footer a:hover{text-decoration:underline;} 

#footer .footer-box-left{
	width:310px;float:left;
	padding:15px;
	background:url(images/footer-left-back.jpg) repeat-x top left #004866;
	/*opacity:0.6;*/
	-moz-border-radius: 3px;-webkit-border-radius: 3px;
	margin-top:69px;
	position:relative;
}
#footer .footer-box-left .link-out{
	background:url(images/link-out.png) no-repeat left top;
	width:70px;
	height:67px;
	position:absolute;
	right:-10px;
	top:-49px;
}
#footer .footer-box-mid{
	width:310px;float:left; margin-left:25px;
	margin-top:15px;
	padding:15px;
	background:url(images/footer-twitter.png) no-repeat top center;
	height:135px;
	padding-top:90px;
	overflow:hidden;
}

#footer .footer-box-mid a{
	color:#004866;
}

.aktt_tweets ul li{margin-bottom:5px;}

#footer .footer-box-right{
	width:235px;
	float:left; margin-left:19px;	
	margin-top:15px;	
	padding:15px;
	padding-right:0px;
	text-align:right;
	padding-top:70px;	
	position:relative;
}
#footer .footer-box-right .contacts{
	background:url(images/contacts.png) no-repeat top left;
	width:235px;
	height:55px;
	position:absolute;
	right:0px;
	top:-10px;
}
#footer .footer-box-right h2{
	font-size:26px;
	padding:15px;
	-moz-border-radius: 3px;-webkit-border-radius: 3px;
	background-color:#666666;
	color:#fff;
	margin-bottom:20px;	
	padding-right:75px;
}

#footer .footer-box-right ul li{
	margin-bottom:5px;
}
#footer .footer-box-right ul li a{ font-size:14px;}
#footer .footer-box-right ul li a:hover{text-decoration:none;}

.contact-mail{background:url(images/contact-mail.png) no-repeat right center; padding-right:50px; line-height:20px; padding-bottom:5px;padding-top:5px;}
.contact-skype{background:url(images/contact-skype.png) no-repeat right center;padding-right:50px; line-height:20px;padding-bottom:5px;padding-top:5px;}
.contact-web{background:url(images/contact-web.png) no-repeat right center;padding-right:50px; line-height:20px;padding-bottom:5px;padding-top:5px;}

.browsers{text-align:right;}