/*---layout elements ---*/
body { font-size: 62.5%;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #111111;  background:#F8F8F8 ; }
* { padding: 0; margin: 0; }
#container { width: 80em; margin: .3em auto 0 auto; padding: 0;  border: .2em solid #eee; }
#page { padding:0em; background: #FFF; border: .2em solid #e0e0e0; }
#header { clear: both; height: 8em; padding-top: .4em;  }
#nav { clear: both; background: url(images/nav1.png) repeat-x top; height: 2.6em; font-family: "Trebuchet MS";  }
#nav ul{list-style: none;padding: 0;margin: 0;}
#nav li{float: left;}
#nav li a{background: height: 1.6em;line-height: 2.6em;float: left;display: block;color: #444;text-decoration: none;text-align: center; border-right:.1em solid #ccc; padding: 0 1.2em; font-weight: normal;}
#nav li a:hover{background:#fff;opacity:0.4;filter:alpha(opacity=40); color: black; }
.breadcrumb {margin-top: 5px; margin-left: 22px;}
.breadcrumb a {color: #555;}
#content_box { }
#content { width: 53em; float: left; }
.post_box { margin: 0; clear: both; padding: 0 2.25em;}
#footer { text-align: right; clear: both; background: #fff; }
#sidebars {float: right; width: 20em;}
#sidebar_1, #sidebar_2, #sidebar_3, #sidebar_4 {padding: 1em; margin: 1em;}
.sidebar {background:#fafafa; border: .1em solid #d3d3d3;}
.sidebar a:hover { text-decoration: underline; }
.sidebar h3 {font-size: 1.3em; line-height: 1.385em; margin-bottom: 0.692em; font-weight: bold; color:#333; letter-spacing: -1px;}
.sidebar ul{margin: 0 0 0 0em; font-size: 1.2em; list-style: none;}
.sidebar li{line-height: 1.7em; list-style: none; background:url(images/bullet.gif) top left no-repeat; padding-left: 1em;}
.sidebar li a{color:#333;}
.rlinks {float:right; font-size:1.2em; padding: .2em .9em 0 0; font-family:Trebuchet MS;}
.rlinks a {color: #666;}

.gray {color:#333}
#logo a { color: #FDB026; }
#logo a:hover {color:#FDB026; }
a, h2 a:hover, { color: #FDB026; }
#tagline { color: #666 }
h1, h2, h2 a { color: #111111; }
#footer, #footer a { color: #888888; }
#footer a:hover { color: #111111; }

/*--- styles ---*/
h2, h3, h6 { font-weight: normal; }
h1{color:#79AD3A; font-weight:normal; margin:15px 0px 10px 0px; line-height:28px; font-size:20px;}
h1.title{color:#ffffff; font-weight:normal; margin:15px 0px 10px 0px; line-height:28px; font-size:18px;}
h4, h5 { font-weight: bold; }
h5, h6 { text-transform: uppercase; letter-spacing: 1px; }
#header #logoscale {background: url(images/scale.png) top left no-repeat; width: 7em; height: 6.6em; float: left; margin: .6em 0 0 1em; }
#header #logo { font-size: 2.8em; line-height: 1.167em; font-family:"Century Schoolbook"; font-weight: normal; padding-top:.4em;  }
#header #tagline { font-size: 1.2em; line-height: 1.666em; font-style: italic; text-align: left; padding-left: 10em;}
#tagline { font-weight: normal; margin-top:-10px;}
.headline_area h1, .headline_area h2 { font-size: 2.2em; line-height: 1.364em; }
.formatting h2 {color:#79AD3A;}
.formatting h2 { font-weight: bold; }
.formatting h2 { font-size: 1.444em; line-height: 1.25em; margin: 1.33em 0 0.625em 0; text-align: left;  }
.formatting h3 {font-family: "Century Gothic"; font-size: 1.4em; line-height: 1.25em; margin: 1.33em 0 0.625em 0; letter-spacing:0; font-weight: 400;}

.formatting h4 { font-size: 1em; }
.formatting h5 { font-size: 0.833em; }
.formatting h6 { font-size: 0.833em; }
.formatting { font-size: 1.2em; line-height: 1.53em; }
.formatting p { margin-bottom: 1.33em; }
.formatting ul, .formatting ol { margin: 0 0 1.6em 3em; }
.formatting ul ul, .formatting ul ol, .formatting ol ul, .formatting ol ol { margin: 0 0 0 1.667em; }
.formatting dl { margin-bottom: 1.667em; }
.formatting dd { margin-bottom: 1.667em; }
.formatting blockquote { margin: 0 0 1.667em 0.833em; padding-left: 0.833em; }
.formatting a { text-decoration: underline; }
.formatting a:hover { text-decoration: none; }
.formatting ul { list-style: square; }
.formatting dt { font-weight: bold; }
#footer a { border-bottom: 1px solid #ccc; }
#footer p { font-size: 1.2em; line-height: 1.667em; }

/*---:[ pullquotes ]:---*/
.formatting blockquote.right, .formatting blockquote.left { border: none; }
.formatting blockquote.right { float: right; }
.formatting blockquote.left { float: left; }
.formatting blockquote.right p, .formatting blockquote.left p { margin: 0; }
/*---:[ images ]:---*/
.formatting img.left, .formatting img.alignleft{ margin: 0 1.667em 1.667em 0; }
.formatting img.right, .formatting img.alignright { margin: 0 0 1.667em 1.667em; }
.formatting img.center, .formatting img.aligncenter { margin: 0 auto 1.667em auto; }
.formatting img.block, .formatting img.alignnone { margin: 0 auto 1.667em 0; }
.formatting img[align="left"] { margin-right: 1.667em; margin-bottom: 1.667em; }
.formatting img[align="right"] { margin-bottom: 1.667em; margin-left: 1.667em; }
.formatting img[align="middle"] { margin-bottom: 1.667em; }

/*---self clearing floats---*/
 #content_box:after, #sidebars:after, .formatting:after, .teasers_box:after, .prev_next:after, ul.sidebar_list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
 /*---:[ global elements ]:---*/
a, a:hover { text-decoration: none; }
a img { border: none; }
blockquote { border-left: 1px solid #ddd; color: #666; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
.remove_bottom_margin { margin-bottom: 0 !important; }

/*---:[ universal image classes ]:---*/
img.alignleft, img.left { float: left; }
img.alignright, img.right { float: right; }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

/*---:[ headline meta data (includes bylines) ]:---*/
.headline_meta { font-style: italic; }
	.headline_meta span, .headline_meta abbr { font-style: normal; text-transform: uppercase; letter-spacing: 1px; }
	.headline_meta a { border-bottom: 1px solid #eee; }

table.comp {border:0;border-collapse: collapse; margin-top: 10px;  }
.comp th {text-align:center; color:#eee; text-transform:uppercase; padding:0 10px; border-right:1px solid #ddd; font-weight:normal; font-size:12px; background:url(images/sliver.png) repeat-x; height:34px;}
.comp tr {background:#ebebeb; }
.comp td { padding:9px; border:1px solid #ddd; font-size:13px; text-align:center;  }
.comp .rank {font-size:22px; font-weight:bold; color:#111;}
.comp .reviews {text-align:center; line-height:21px; margin-bottom: 4px;}
.comp .white  {background:#fff;}
.comp .dropshadow {background:#fff url(images/bottom.png) top no-repeat; height:13px;}
.criteria td {width:300px;}

.good {color: #79AD3A;}
.bad {color: #990000;}

a.editorschoice {background: url(images/editorschoice.jpg) top no-repeat; width: 179px; height: 340px; display: block; margin: 1em 0 0 1em;}