/*
Variable Grid System.
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/

Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_main {
margin-left: auto;
margin-right: auto;
background-image:url(http://sc2.replayers.com/images/body_bg.jpg);
background-position:50% 50%;
background-repeat:repeat-y;
background-attachment:fixed;
}


.container_12 {
margin-left: auto;
margin-right: auto;
width: 960px;
background-color: #000;
background-image:url(http://sc2.replayers.com/images/container_bg.gif);
background-repeat: repeat-x;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
background-color: #1c1c1c;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
margin-left: 0;
}

.omega {
margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
width:60px;
}

.container_12 .grid_2 {
width:140px;
}

.container_12 .grid_3 {
width:220px;
}

.container_12 .grid_4 {
width:300px;
}

.container_12 .grid_5 {
width:380px;
}

.container_12 .grid_6 {
width:460px;
}

.container_12 .grid_7 {
width:540px;
}

.container_12 .grid_8 {
width:620px;
}

.container_12 .grid_9 {
width:700px;
}

.container_12 .grid_10 {
width:780px;
}

.container_12 .grid_11 {
width:860px;
}

.container_12 .grid_12 {
width:940px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
padding-left:80px;
}

.container_12 .prefix_2 {
padding-left:160px;
}

.container_12 .prefix_3 {
padding-left:240px;
}

.container_12 .prefix_4 {
padding-left:320px;
}

.container_12 .prefix_5 {
padding-left:400px;
}

.container_12 .prefix_6 {
padding-left:480px;
}

.container_12 .prefix_7 {
padding-left:560px;
}

.container_12 .prefix_8 {
padding-left:640px;
}

.container_12 .prefix_9 {
padding-left:720px;
}

.container_12 .prefix_10 {
padding-left:800px;
}

.container_12 .prefix_11 {
padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
padding-right:80px;
}

.container_12 .suffix_2 {
padding-right:160px;
}

.container_12 .suffix_3 {
padding-right:240px;
}

.container_12 .suffix_4 {
padding-right:320px;
}

.container_12 .suffix_5 {
padding-right:400px;
}

.container_12 .suffix_6 {
padding-right:480px;
}

.container_12 .suffix_7 {
padding-right:560px;
}

.container_12 .suffix_8 {
padding-right:640px;
}

.container_12 .suffix_9 {
padding-right:720px;
}

.container_12 .suffix_10 {
padding-right:800px;
}

.container_12 .suffix_11 {
padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
left:80px;
}

.container_12 .push_2 {
left:160px;
}

.container_12 .push_3 {
left:240px;
}

.container_12 .push_4 {
left:320px;
}

.container_12 .push_5 {
left:400px;
}

.container_12 .push_6 {
left:480px;
}

.container_12 .push_7 {
left:560px;
}

.container_12 .push_8 {
left:640px;
}

.container_12 .push_9 {
left:720px;
}

.container_12 .push_10 {
left:800px;
}

.container_12 .push_11 {
left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
left:-80px;
}

.container_12 .pull_2 {
left:-160px;
}

.container_12 .pull_3 {
left:-240px;
}

.container_12 .pull_4 {
left:-320px;
}

.container_12 .pull_5 {
left:-400px;
}

.container_12 .pull_6 {
left:-480px;
}

.container_12 .pull_7 {
left:-560px;
}

.container_12 .pull_8 {
left:-640px;
}

.container_12 .pull_9 {
left:-720px;
}

.container_12 .pull_10 {
left:-800px;
}

.container_12 .pull_11 {
left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}




.top_banner {
background-image: url('http://sc2.replayers.com/images/top_banner.jpg');
height: 207px;
width: 961px;
}

.search_bar {
width: 880px;
height: 38px;
margin-top: 8px; 
margin-left: 75px; 
/*background-image:  url('http://sc2.replayers.com/images/search_bar.gif');*/
}





.thumbs{
font-size:15px;
font-weight:bold;
border: 3px solid #eee;
padding:0 5px 10px 5px;
width:150px;
text-align:center;
}
.thumbs ul{
padding:0;
margin:0;
}
.thumbs ul li{
display:inline;
}
.thumbs a{
text-decoration:none;
padding:0 5px;
border: 3px solid #feb;
}
a.thumberup{
background:url(http://sc2.replayers.com/images/thumbs_down.jpg) top right no-repeat;
padding-right:20px;
}
a.thumberdown{
background:url(http://sc2.replayers.com/images/thumbs_down.jpg) top left no-repeat;
padding-left:20px;
}
.thumbs a:hover{
border: 3px solid #feb300;
}








.ratingbox{
clear:both;
margin:auto;
width:165px;
}

.ratingbox img{
padding:0px;
margin:0px;
float:left;
}



.entry {
}
.entry p {
margin-top: 0px;
}




.column { background-color:#92C348; height:400px; float:left; margin-top:20px; }
.gutter { background-color:#BCDA86; height:400px; float:left; margin-top:20px; }
.gutter_outer { background-color:#56644A; height:400px; float:left; margin-top:20px; }

/* 
Lazy stylesheeting goes here 
TODO : Fix and cleanup this area
*/
h1 {  }
input, select {background-color: #1c1c1c; font-size: 12px; padding: 1px; font-family: verdana, arial, sans-serif; color: #aaa;  border: 1px solid #666; font-family: verdana, arial, sans-serif; }
.form_button {color: #dd9900; padding: 2px;}
textarea {background-color: #1c1c1c; font-size: 12px;  font-family: verdana, arial, sans-serif; color: #aaa;  border: 1px solid #666; font-family: verdana, arial, sans-serif;  }

label.fix_width_check { font-size:11px; }
#content_width, #full_width, #full_width_text { font-size:40px; font-family: verdana, arial, sans-serif  }
p { line-height:22px; }
a { text-decoration:none; color:#ccadaa; }
a img { border:none; }

#preview_grid, #download_css, #preview_fluid_grid, #download_fluid_css { margin-bottom:30px; display:block; }
#preview_grid p, #download_css p, #preview_fluid_grid p, #download_fluid_css p { margin-top:5px;  }
#footer p { font-size:12px;  }
div {overflow: visible; }
.hidden { display:none ; } 


body {background-color: #000; font-family: verdana, arial, sans-serif; font-size: 12px; color: #eee;}
img {border: 0px;}
.container { background-color:#000; }
.container div p {}

.box-wrap {
display: block;
/*background-image: url('images/comment_bg.gif');*/
background-repeat: repeat-x;
}
.box-wrap ul{
list-style-type:none;
margin:0;
padding:0;
display: block;
}

.box-wrap ul li{
list-style-type: none;
margin:0;
padding:0;
padding: 5px;
float:left;
}
.box-wrap ul li a {

}
.box-wrap strong {
color:#fc9;
}
.profile-box strong {
color:#fc9;
}
.profile-box {
background-repeat: repeat-x;
}
.profile-box ul{
list-style-type:none;
margin:0;
padding:0;
}

.profile-box ul li{
list-style-type: none;
margin:0;
padding:0;
padding: 5px;
float:left;
}

.menu {background-color:#8d4d32; color:#272727; border-bottom:1px solid #c78062; height:23px;width:218px; overflow: hidden; background-image: url('http://sc2.replayers.com/images/box_gradient.gif');}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline; line-height:23px;}
.menu li a {color:#fff; text-decoration:none; padding:4px 5px 6px 5px;  border-left:1px solid #c78062; border-right:1px solid #c78062;}
.menu li a.tabactive {border-left:1px solid #c78062; border-right:1px solid #c78062; background-color:#c78062; font-weight:bold;  position:relative; }
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {
border:1px solid #3a3a3a; background-color: #363636; width:216px; text-align:center;padding:0px; font-size:12px; margin-bottom:5px;  display:none; 
}

.img75{height: 75%; width: 75%;}


.contentlist {
margin-top: 10px;
color: #999;
font-size: 10px;
}
.contentlist a {
font-size: 14px;
display: block;
}

.box_header {
width: 100%; 
height: 22px;
margin: 0px; 
background-color: #8d4d32; 
border: 1px solid;
border-color: #000;
color: #fff;
text-transform: uppercase;
text-align: center;
background-image: url('http://sc2.replayers.com/images/box_gradient.gif');
}
.box_header h2 {
margin-left: 5px;
margin-top: 3px;
color: #fff;
font-size: 12px;
font-weight: none;
}
.box_main {
margin-top: 0px; 
width: 100%; 
background-color: #363636;  
border: 1px solid;
border-color: #000;
background-image: url('http://sc2.replayers.com/images/box_bg.gif');

}
.box_padding {
padding: 5px;
}

.pro_blog_link {
font-size: 20px;
color:#ffc;
}
.blog_link {
font-size: 16px;
}

.nav_bar {
}

.nav_bar img {
	border: none;
	display: inline;
	margin: 0px;
}

.content_post {
	margin-top: 10px;
}
.content_post p {
	margin: 0px;
}

.post p {
margin: 0px; !important;
}