/*========= BODY AND GLOBAL =========*/
*{	border: 0;	margin: 0;	padding: 0;}
a { color: #6FBDFF; text-decoration: none;}
a:hover{ color: #ffffff;  text-decoration: underline;}
body{ color: #cccccc; background: #486069 url(default/bgr.jpg) repeat-x top; }
li{list-style: none;}

/*=== Layout ===*/
#top{
	clear: both;
	height: 30px;
	margin: 0 auto;
	padding:0;
	line-height:29px;
	font-size:11px;
}



/*========= ORANGE TOP NAVIGATION =========*/
#topmenu{position:relative;height: 33px;margin-bottom:20px;}
#topmenu li{border-left: 1px solid #505050; float: left;line-height: 33px;}
#topmenu li a{color: #EBEBEB;display: block;margin: 0 1px 0 0;padding: 0 15px;}
#topmenu li a:hover,#topmenu li.active a{ color: #6FBDFF;background:#232323;text-decoration: none;}

/*- Subscribe -*/
.subscribe{	color: #000000; float:right;}
.subscribe a { color: #ffffff; }
.subscribe a:hover { text-decoration:underline; color: #000000;}

/*The "Submit Comment" styling for the comment.*/
.current_page_item a {	color: #000000;}

/* Style drop down list */
.nav1 li ul {position: absolute;width: 130px;left: -999em;}
.nav1 li ul li {border: 1px solid #F7F6F6;border-width:0 1px 1px;background: #FFF;}
.nav1 li:hover ul, .nav1 li.sfhover ul{left: auto;}
.nav1 li ul li a {line-height: 25px;font-size: 11px;color: #555555;width: 130px;padding-bottom:0;}
.nav1 li ul li a {}
.nav1 li ul li ul li a {border-width:0 1px 1px 0px;}
.nav1 li ul ul {margin: -25px 0 0 150px;}
.nav1 li ul ul li a {line-height: 25px;}
.nav1 li:hover ul ul, .nav1 li.sfhover ul ul {left: -999em;}
.nav1 li:hover ul, .nav1 li li:hover ul, .nav1 li.sfhover ul, .nav1 li li.sfhover ul {left: auto;}
.nav1 li:hover, .nav1 li.hover {	position: static;}  /* IE7 Fix */


/*========= MAIN HEADER AREA =========*/
#search{ background: url(default/bgr-search.gif) no-repeat; }

/*========= CATEGORY AND RSS/TWITTER =========*/
#nav li ul li {
   background: #232323 url(../images/bgr-box-trans.png) repeat-x top; 
	border-bottom:1px solid #505050;	
	border-left:1px solid #505050;	
	border-right:1px solid #505050;			
	line-height:28px;	
	width:15em;
}

#nav li a:hover {	background: none;}
#nav li a {	color: #ffffff;}

.nav1 li ul li a:hover {
color: #ffffff; text-decoration: none;
background: #C16512;
}

.nav1 li ul li {
border: 1px solid #232323;
border-top: 0px;
}

.nav1 a {
	color: #ffffff;
}

.nav1 li ul li a {
font-weight: bold;
background: #505050;
width: 230px;
color: #ffffff;
}


/*========= FOOTER AREA =========*/
#footer { background:#e4e2db url(default/bgr-footer.gif) repeat-x; }	
#footer, #footer a{	color: #777777; }


/*========= CONTENT AREA =========*/
.box, .widget {border:1px solid #505050; background: #232323 url(../images/bgr-box-trans.png) repeat-x top left; }
.box2 {border:1px solid #000000; background: #232323 url(../images/bgr-box-trans.png) repeat-x top left; }
.box2 .spacer.white, .list2 li { background: #232323; }

span.continue-archives a { color:#777777; }

/*- Typography -*/



h3, h4, h5{color: #505050;}
	
#sidebar h3{
	background:#505050;
	font: 12px Arial, Helvetica, sans-serif;
	color:#cccccc;
	font-weight:bold;
	padding:5px 8px;
	display: block;
	margin: 0 0 7px 0;
	text-align: left;
	border: 1px solid #010101;
	height:16px;
}






h2{
	color: #ffffff;
	font: 18px Georgia, "Times New Roman", Times, serif;
	margin: 12px 0 5px;
}

h2 a{	color: #FF7F2A; text-decoration: none;}

h2 a:hover{
	color: #ffffff; text-decoration: none;
}

.date-comments a {color: #CCCCCC; }

.widget a{
color: #00AAFF;
text-decoration: none;
}

.widget a:hover{
color: #ffffff;
}

ol.commentlist li.comment{
	padding: 15px 15px 5px;
	margin:10px 0;
	background:#333333;
	border:1px solid #505050;	
}

.gravatar {
	float:right;
	border: 1px solid #101010;
	margin: 0px 7px 0 0;
	padding:4px;
	background:#505050;
}

.comm-nav {
font-family:Arial,sans-serif;
font-size:14px;
font-weight:bold;
text-align:right;
margin-bottom: 10px;
color: #ffffff;
}
.comm-nav-bottom {
border-top:1px solid #CCCCCC;
padding:2em 0;
}
.comm-nav p {
margin:0;
}
.comm-nav.bottom {
border-top:1px solid #CCCCCC;
margin-bottom:1em;
}
.comm-nav a {
background-color:#232323;
border:1px solid #729EB8;
color:#729EB8;
font-weight:normal;
text-decoration:none;
}
.comm-nav a strong {
}
.comm-nav a:link, .comm-nav a:visited {
border:1px solid #729EB8;
padding:0.2em 0.4em;
}
.comm-nav a:hover {
background-color:#232323;
border:1px solid #98D0FF;
color:#98D0FF;
font-weight:normal;
}
.comm-nav a.active {
background-color:#232323;
border:1px solid #98D0FF;
color:#98D0FF;
}

.comm-nav .page-numbers .current {
background-color:#232323;
border:1px solid #ffffff;
color:#ffffff;
padding:0.2em 0.4em;
}

#centercol h6, #centercol h3 {
	background: #333333;
	margin: 0 0 15px 0px;
	padding:10px 18px 5px 18px;
	border:1px solid #505050;
	color:#ffffff;
	text-align: left;
	height:20px;
	font-size:14px;
}



.sbe2{
	color: #ffffff;
	font: 18px Georgia, "Times New Roman", Times, serif;
	margin: 36px 0 5px;
	border-bottom: 1px solid #505050;
}

.commentmetadata a {
	font-size:11px;
	color:#ffffff;
}

/*Recommendation images section of the comments*/
.information {
float:right;
	border: 1px solid #101010;
	margin: 0px 7px 0 0;
	padding:4px;
	background:#505050;
}

.information img { 
	margin: 0 0 0 0;
}
/*Recommendation images section of the comments*/

/*Dividing line between comment details and gravatar, and the rest of the comment.*/
.comment-divider {
	border-bottom: 1px solid #505050;
	margin: 0px 0 12px 0;
	padding:4px;
}
/*Dividing line between comment details and gravatar, and the rest of the comment.*/

/*The "Submit Comment" styling for the comment.*/
input#submit {
	font-size: 12px;
	color:#ffffff;
	font-weight:bold;
	padding:7px 10px;
	margin: 0 0 7px 0;
	text-align: left;
	border: 1px solid #505050;
	background:#28353A;
}


/* PageNavi */

.more_entries {font-size:11px; padding-bottom:35px;}
.more_entries .wp-pagenavi {clear:both;float: right;}
.more_entries .wp-pagenavi a {text-decoration: none !important; font-weight:normal; font-size:12px;}
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover,
.more_entries .wp-pagenavi .current,
.more_entries .wp-pagenavi a,
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited,
.more_entries .wp-pagenavi span.pages { background: #C16512;color: #000000; padding: 4px 8px !important; margin-left: 4px; border:1px solid #232323; line-height:24px; }
.more_entries .wp-pagenavi .extend { background:none; border:none; }

.box img { 
	border: 1px solid #505050;
	margin: 0 0 10px 0;
	padding: 2px;
	background: #000000;
}

/*=============================================================

CUSTOM BELOW

==============================================================*/

/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

.date-comments{
border-top: 1px solid #cacaca;
border-bottom: 0px;
margin-top: 10px;
}


.widget .profileslist
{
list-style: none;
margin: 0;
}

.widget ul.profileslist li { padding-left: 28px }

li.sc
{
background-image: url(http://valvecommunity.com/images/icons/steamcommunity-24x24.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 28px;
margin: .3em 0;
}

li.html
{
background-image: url(http://valvecommunity.com/images/icons/html-24x24.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}
li.gmail
{
background-image: url(http://valvecommunity.com/images/icons/gmail-24x24.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.youtube
{
background-image: url(http://valvecommunity.com/images/icons/youtube-24x24.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.flickr
{
background-image: url(http://valvecommunity.com/images/icons/flickr-24x24.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}
li.vimeo
{
background-image: url(http://valvecommunity.com/images/icons/vimeo-24x24.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}
li.twitter
{
background-image: url(http://valvecommunity.com/images/icons/twitter-24x24.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.delicious
{
background-image: url(http://valvecommunity.com/images/icons/delicious-24x24.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.moddb
{
background-image: url(http://valvecommunity.com/images/icons/moddb-24x24.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.facebook
{
background-image: url(http://valvecommunity.com/images/icons/facebook-24x24.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.stumbleupon
{
background-image: url(http://valvecommunity.com/images/icons/stumbleupon-24x24.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}



.excerpt_image {float: left;padding-right: 17px;}
.excerpt_image img {margin: 5px 0 11px 0;}

/* Phillip's Additional Styling*/

/* ---------------------- Recommendation Image Alignment ------------------  */

ol.commentlist .comment_rec_image {float: left;padding-right: 17px;}
ol.commentlist .comment_rec_image img {margin: 5px 0 7px 0;}

/* ---------------------- Recommendation Image Alignment ------------------  */

.entry .excerpt_image {float: left;padding-right: 17px;}
.entry .excerpt_image img {margin: 5px 0 11px 0;}

/* ---------------------- START MESSAGES ---------------------------  */	
/*COMMON*/
.warning, .err, .success, .rssfeed {
 width:99%;
 height:76px;
 margin-bottom:5px;
}

/*DESCRIPTION*/
.desc {
 float:left;
 display:inline;
 margin-left:14px;
}

.desc p {
 color:#fff !important;
 clear:both;
 float:left;
}

.desc span {
clear:both;
float:left;
font-weight : bold; 
font-size : 1.2em; 
padding-bottom : 2px; 
margin-top:15px;
}

/*WARNING*/
.warning {
 border:1px solid #F9C800;
 background:#999966;
}

.warning .desc span {
 color : #F9C800; 
}

.warning .warn_icon {
 clear:both;
 float:left;
 display:inline;
 width:48px;
 height:48px;
 margin-top:14px;
 margin-left:14px;
 background:url('/media/admin/warn.png') no-repeat 0 0;
}

/*ERROR*/

.err {
background : #e28b65;
border : 1px solid #a5260f;
}

.err .desc span {
 color : #981d05; 
}

.err .err_icon {
 clear:both;
 float:left;
 display:inline;
 width:48px;
 height:48px;
 margin-top:14px;
 margin-left:14px;
 background:url('/media/admin/fail.png') no-repeat 0 0;
}

/*SUCCESS*/

.success {
background : #b9e57b; 
border : 1px solid #41a808; 
}

.success .desc span {
 color : #3a9805;
}

.success .success_icon {
 clear:both;
 float:left;
 display:inline;
 width:48px;
 height:48px;
 margin-top:14px;
 margin-left:14px;
 background:url('/media/admin/success.png') no-repeat 0 0;
}

/*RSS FEED*/

.rssfeed {
background : #787878; 
border : 1px solid #5a5a5a; 
}

.rssfeed .desc span {
 color : #ffffff;
}

.rssfeed .rssfeed_icon {
 clear:both;
 float:left;
 display:inline;
 width:48px;
 height:48px;
 margin-top:14px;
 margin-left:14px;
 background:url('/media/admin/rssfeed.png') no-repeat 0 0;
}

/* ---------------------- END MESSAGES ---------------------------  */	




.ppsig {
border-top: 1px dashed #666;
font-size: 10px;
font-family: verdana;
margin-top: 12px;
margin-bottom: 12px;
text-align: right;
letter-spacing: 0.2px;
}



.nav li ul li a {
width: 230px;
}

#nav li ul li {
width: 230px;
}

.nav1 li ul li .miniwidth a {
width: 100px;
}

.nav li ul li .miniwidth a {
width: 100px;
}

.nav1 li ul li .miniwidth2 a {
width: 150px;
}

.nav li ul li .miniwidth2 a {
width: 150px;
}

ol.commentlist .content {
margin-left:15px;
min-height:180px;
}

.grav {
	background: url(images/ico-grav.png) center left no-repeat;
	padding-left: 24px;
	line-height: 16px;
}

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 20px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #32332B;
	border: 1px solid #DEDBD1;
	border-top: 4px solid #DEDBD1;
	color: #EBE9E1;
}
#box-table-a td
{
	padding: 8px;
	background: #F2F1EB; 
	border-bottom: 1px solid #fff;
	color: #111;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #E4E3D5;
	color: #32332B;
}

#box-table-a td .trodd
{
	background: #E5E4DE;
}



blockquote {
    margin: 1em 3em;
    padding: .5em 1em;
    border-left: 5px solid #787878;
    background-color: #EBE9E1; }

blockquote p {
    margin: 0; }

.screenshot-table td img a{ padding: 1px; margin: 0;}
.screenshot-table td img { padding: 1px; margin: 0;}
.screenshot-table td { padding: 1px; margin: 0;}

.arclist ul li{
	color:#c0c0c0;
	font-size:12px;
	padding: 5px 0px;
}

.download {
 width:45%;
 margin-bottom:5px;
 border:1px solid #686A65;
 background:#464646;
 color : #E6ECE0;
 padding: 5px 5px 5px 5px;
}

#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('images/gradhover.png') repeat-x;
	color: #339;
}

/*- Widget lists -*/
.widget ul{
	line-height:16px;
	padding: 0px;
}
.widget ul li{
	border-bottom: 1px dashed #333333;
	padding: 5px 0px 5px 10px;
}
.widget ul li a{
	color:#DCDCDC;
}
.widget ul li a:hover{
	color:#00AAFF;
}

.widget ul li ul{
	margin: 5px 0 0px 10px;
}	

.widget ul li ul li{
	background: none;
	border-top: 1px dotted #f1f1ed;
	border-bottom: none;	
	padding: 5px 0px;
	list-style-type: circle;
}

.widget ul li ul li ul li{
	background: none;
	border-top: 1px dashed #f1f1ed;
	border-bottom: none;	
	padding: 5px 0px;
	list-style-type: disc;
}

.widget p {
	padding-left: 10px;
}

.info, .success, .warning, .error, .validation, .fwolr {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('default/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('default/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('default/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('default/error.png');
}
.fwolr {
color: #ffffff;
background-color: #486069;
background-image: url('default/fwolr.png');
}