/***********************************************/
/* Overhauled PC tag styles                    */
/***********************************************/ 

body { background-color: #000000; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color: #333333; margin-left: auto; margin-right: auto; }
a:link { color: #dd6900; text-decoration: none; }
a:visited { color: #dd6900; text-decoration: none; }
a:hover, a:active { color: #767676; text-decoration: none; }
h1 { font-family: Verdana, Arial, sans-serif; font-size: 150%; color: #FF0000; margin: 0px; padding: 0px; font-style: normal; font-weight: 900; }
h2 { font-family: Arial,sans-serif; font-size: 114%; color: #CC9900; margin: 0px; padding: 0px; }
h3 { font-family: Arial,sans-serif; font-size: 100%; color: #FFCC00; margin: 0px; padding: 0px; }
h4 { font-family: Arial,sans-serif; font-size: 100%; font-weight: normal; color: #333333; margin: 0px; padding: 0px; }
h5 { font-family: Verdana,Arial,sans-serif; font-size: 100%; color: #334d55; margin: 0px; padding: 0px; }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#header { padding: 0px 0px 0px 0px; }
#ohpcmain { width:expression(document.body.clientWidth > 1320? "1320px": "auto" ); max-width:1280px; margin-left: auto; margin-right: auto;  border: 1px solid #ff8c00; background-color: #111111; color: #ffffff; }
#leftbar { float: left; width: 162px; padding:0px 6px 6px 6px; }
#center { float:left; width: 100%; }

#default { float:left; width: 100%; text-align:center; }

#rightbar { float:left; width: 162px; padding:0px 6px 6px 6px; }

/******************************* Header styles *******************************/

/************* #globalNav styles **************/

#globalNav { font-size:11px; height:15px; background: #1d1c19 url(../images/gradients/cellpic_nav.gif) repeat-x; color:#333333; border-top: 1px solid #d77700; border-bottom: 1px solid #d77700; padding: 4px 4px 4px 4px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/************** General Formatting styles ***************/

.smallfont { font-size: 11px; }
.tcat { background: #171717 url(../images/gradients/cellpic3.gif) repeat-x top left; color: #8e8e8e; width: 100%; height: 20px; text-align:center; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; border-bottom: 1px solid #000000; }
.tcat a:link, .tcat a:visited { color:#FFFFFF; }
.tcat a:hover { color: #dd6900; text-decoration:underline; }
.logo {	background-image: url(../images/gradients/logobg.gif); background-repeat: repeat-x; height: 100px; }

/******************************* End Header styles *******************************/

/******************************* #content styles *******************************/

/************** Featured Article ***************/

.content { padding: 5px; }
.img { float:left; }
.block { clear:both; display:block; height:100px; text-align:left; }
.sidebox { background-color: #373737; font-size: 11px; border: 1px solid #d2a900; }
.sidebox2 { background-color: #373737; font-size: 11px; border-right: 1px solid #d2a900; }
.sidebox3 { background-color: #373737; font-size: 11px; border-left: 1px solid #d2a900; }
.article_type { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: teal; }
.title { font: bold 13px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color: #666666; }
.padding { padding:3px; }
.articles_info { border-bottom: 1px solid #000000; font-size: 11px; color:teal; padding: 0px 3px 3px 0px; }

/************* #siteInfo styles ***************/

#siteInfo { clear:both; font-size:10px; background: #1d1c19 url(../images/gradients/cellpic_nav.gif) repeat-x; color:#dd6900; height: 15px; padding: 4px 4px 4px 4px; border-top: 1px solid #d77700; }

/************** Featured ***************/

.featured { font-size: 11px; background-color: #373737; border: 1px solid #d2a900; height:auto; }

.featured h1 {
  color:#DD6900;
  font-size: 150%;
  padding: 3px 0px 3px 0px;
}

/************** Nav ***************/

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}

#nav ul li {
	position: relative;
	}
	
#nav li ul {
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
#nav ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */

#nav ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */
		
#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
#nav li:hover ul, li.over ul { display: block; } /* The magic */




/************** Review ***************/

.review {
	padding: 5px;
	font-size: 11pt;
	list-style-image: url(http://www.overhauledpc.com/images/icons/arrow.gif);
}

.review h1 {
  color:#DD6900;
  font-size: 150%;
  padding-bottom:6px;
  padding-top:6px;
  border-bottom:1px dashed;
}

.review h2 {
  font-size: 140%;
  border-bottom:1px dashed;
  padding-bottom:3px;
}

.review h3 {
  font-size: 130%;
  border-bottom:1px dashed;
  padding-bottom:3px;
}

.review img {
	border:1px solid black;	
	margin:4px;
}

.tblSpecs	{background: #414141; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; }
.tblSpecs td{font-size:10px;padding:2px;border-bottom:1px solid #fff;}
.tblSpecs td.tblEmp	{font-size:10px;padding:2px;background-color:#535353;border-bottom:1px solid #fff;border-right:1px solid #fff;}
.tblSpecs ul,.tblSpecs li{font-size:11px;margin:0px 5px;padding:0px;}
.tblSpecsGroup{font-size:11px;font-weight:bold; padding:5px;background-color:#616161;color:#FF9900;}