/* General Styles rule
==================================================================*/

body {
	margin: 0;
	padding: 0;
	background:url(/images/bg.gif) repeat;
	text-align: center;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	min-width: 855px
}

.clear {
	clear:both;
}

a:link{
	color: #003366;
	text-decoration: none;
}

a:visited{
	color: #003366;
	text-decoration: none;
}

a:hover{
	color: #003366;
	text-decoration: underline;
}


a.img, a.img, a.img {
	border: 0 none;
}

h1 {
	font-size: 1.25em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
}

h4 {
	font-size: 0.9em;
}

code, pre {
	font-size: 1.1em;
}



/* Layout
==================================================================*/

#wrapper{
	margin:0 auto 0 auto;
	padding: 0;
	width:855px;
	text-align: left;
	background: #fff;
}


#branding{
	background: url(/images/header/head_bg.gif);
	width: 855px;
	height: 89px;
	padding-top: 21px;
	vertical-align: bottom;
}

#nav{
	background: url(/images/bg_nav.jpg) repeat;
	height: 19px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

#container {
	margin-top: 10px;
	padding: 0 10px 0 10px;
	line-height: 1.6em;
}

#content{
	float: right;
	width: 560px;
	margin-top: 10px;
	padding: 0 15px 0 10px;
	line-height: 1.6em;
}

/* lefthand nav*/
#links {
	float: left;
	width: 250px;
	margin-top: 10px;
	padding: 0 0 0 10px;
	line-height: 1.3em;
	background: #FFFFFF;
	color: #666666;
}



/* review page styling
==================================================================*/

#reviewheader {
	clear: both;
}

#tyrecontainer{
	border-top: 1px dotted #DFDFDF;
}

#textcontainer{
	clear: both;
}



/* FRONTPAGE
==================================================================*/

.fppost {
	padding-bottom: 1px;
}

.date {
	float:right;
	margin:-1px 0;
	color:#666;
	width:25%;
	padding:0 0 0px 0;
	background: url(/images/a22.gif) bottom repeat-x;
}

.date em {
	font-style:normal;
	color:#666;
}

.date em.postdate {
	background:url(images/date.gif) no-repeat left top;
	padding-left:17px;
}

.fpfooter {
	background: url(/images/a33.gif) repeat-x bottom;	
}

.fpfooter ul {
	list-style: none;
	text-align:right;
	padding:10px 0;	
}

.fpfooter ul li {
	display: inline;
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding:3px 0 3px 15px;
}

.fpfooter ul li.comments {
	background-image: url(/images/a36.gif);
}

.fpfooter ul li.readmore {
	background-image: url(/images/a38.gif);
}



/* MAINCONTENT
==================================================================*/

.thumbnail{
	float: left;
	padding: 5px;
	margin-right: 5px;
	border: 1px solid #ECECEC;
}

.imgborder {
	border: 1px solid #DFDFDF;
	float: right;
	clear: both;
}

.commentbox {
	background-color: #ececec;
	width: 540px;
	padding: 10px;
}

.commentfooter {
	background: url(/images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
	padding-left: 58px;
	padding-top: 1px;
	margin-bottom: 2em;
	font-size: 90%;
	color: #4A4A4A;
}

.tyretitle {
	padding-bottom: 4px;
	border-bottom: 1px dotted #DFDFDF;
	font-style: italic;
	font-size: 90%;
}

.encouragement {
	border-top: 1px dotted #DFDFDF;
	font-size: 90%;
	font-style: italic;
}



/* NAV
==================================================================*/

#nav a:link {
	color: #003366;
	text-decoration: none;
}

#nav a:visited {
	color: #003366;
	text-decoration: none;
}


#links a:link {
	color: #003366;
}

#links a:hover {
	text-decoration: underline;
}

#links a:visited {
	color: #003366;
}

#links ul li {
	background-image: url(/images/a38.gif);
}

#links img {
	padding: 5px 0 5px 0;
}

#links h2 {
	background:transparent url(/images/dots_grey.gif) repeat-x scroll center bottom;
	display:block;
	margin:16px 0pt 6px;
	padding:0pt 0pt 7px 3px;
}



/* GRID
==================================================================*/

.grid {
	font-size: 90%;
}

.grid td {
	border-bottom: 1px solid #999999;
}



/* ARTICLE/LONGTERM PAGE
==================================================================*/

.article {

}

.article h1 {
	border-bottom: 1px dotted #999999;
	width: 540px;
}


.longtermreview {
	
}

.longtermreview h4 {
	width: 535px;
	border-bottom: 1px solid #DFDFDF;
}

.longtermborder {
	float: right;
	padding: 2px;
	margin: 4px;
	font-size: 90%;
	border: 1px dotted #DFDFDF;
	text-align: center;
}

.longtermimage {

}



/* FOOTER 
==================================================================*/

#footer {
	clear: both;
	float: left;
	width: 855px;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #292929;
	border-top: 20px solid #fff;
	font-size: 0.9em;
	text-align: left;
	color: #fff;
}
#footer-divs {
	float: left;
	clear: both;
	margin: 0;
	padding: 20px;
	}
#footer-left,
#footer-mid,
#footer-right {
	width: 30%;
	padding: 20px 0 20px 20px;
	float: left;
}
#footer h2 {
	margin: 0 0 10px 0;
	padding: 0 8px;
	font-size: 1.6em;
	color: #fff;
}
#footer h2 span {
	color: #888;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #555;
}
#footer ul li {
	line-height: 26px;
	border-bottom: 1px solid #555;
}
#footer ul li a {
	display: block;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover {
	background: #191919;
}
#footer-sep {
	clear: both;
}



/* TOOLTIPS 
==================================================================*/

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	width:1px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	margin: 0;
	padding: 8px 8px 4px;
	background: url(/images/bubble.png) top left;
	font-size: 11px;
	padding: 4px 8px 8px;
	text-align: left;
	background: url(/images/bubble.png) bottom right;
}



/* REVIEWBARS 
==================================================================*/

#reviewcontainer {
	width: 400px;
}

dl { 
	margin: 0; 
	padding: 0;                    
}
dt { 
	position: relative; /* IE is dumb */
	clear: both;
	display: block; 
	float: left; 
	width: 104px; 
	height: 20px; 
	line-height: 20px;
	margin-right: 17px;              
	text-align: right; 
}
dd { 
	position: relative; /* IE is dumb */
	display: block;                 
	float: left;     
	width: 197px; 
	height: 20px; 
	margin: 0 0 15px; 
	background: url("/images/g_colorbar.jpg"); 
}
* html dd { float: none; } 
/* IE is dumb; Quick IE hack, apply favorite filter methods for 
wider browser compatibility */

dd div { 
	position: relative; 
	background: url("/images/g_colorbar2.jpg"); 
	height: 20px; 
	width: 75%; 
	text-align:right; 
}
dd div strong { 
	position: absolute; 
	right: -5px; 
	top: -2px; 
	display: block; 
	background: url("/images/g_marker.gif"); 
	height: 24px; 
	width: 9px; 
	text-align: left;
	text-indent: -9999px; 
	overflow: hidden;
}

/* long term bar styling
==================================================================*/

#vertgraph {                    
	width: 378px; 
	height: 207px; 
	position: relative; 
	background: url("/images/g_backbar.gif") no-repeat; 
}
#vertgraph ul { 
	width: 378px; 
	height: 207px; 
	margin: 0; 
	padding: 0; 
}
#vertgraph ul li {  
	position: absolute; 
	width: 28px; 
	height: 160px; 
	bottom: 34px; 
	padding: 0 !important; 
	margin: 0 !important; 
	background: url("/images/g_colorbar3.jpg") no-repeat !important;
	text-align: center; 
	font-weight: bold; 
	color: white; 
	line-height: 2.5em;
}

#vertgraph li.critical { left: 24px; background-position: 0px bottom !important; }
#vertgraph li.high { left: 101px; background-position: -28px bottom !important; }
#vertgraph li.medium { left: 176px; background-position: -56px bottom !important; }
#vertgraph li.low { left: 251px; background-position: -84px bottom !important; }
#vertgraph li.info { left: 327px; background-position: -112px bottom !important; }

/* SLIMBOX
==================================================================*/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}