/*  
Theme Name: WHR
Description: Website Hosting Review Stylesheet
Version: 1.0
Author: Mark Jackson
Author URL: http://www.host-review.co.uk
*/

/* Layout Stylesheet */ 

body {
 font-family: verdana, arial, sans-serif;
 margin:0px;
 background:#808080;
 color: #333333;
 padding:0;
 font-size: 12px;
 margin: 0;
}

a {
 text-decoration:none; 
 outline: none;
}

a:link, a:active, a:visited {
 color:#6c6c74; 
 text-decoration: none;
}

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

.text1 {
 font-family: verdana, arial,sans-serif,helvetica; 
 font-size: 13px;
}

.text2 {
 font-family: verdana,arial,sans-serif,helvetica; 
 line-height: 14pt;
}

/* Header Presentation */ 

h1
{ font-family: arial, sans-serif;
  font-size: 108%;
  letter-spacing: .1em;
}

h2 { 
 margin: 0px 0px 12px 0px; 
 padding: 0px 0px 5px 0px;
 font-family: arial, sans-serif;
 border-bottom: 1px solid;
 border-color: #83B82E;
 color: #83B82E;
 text-transform: uppercase;
 font-size: 20px;
 font-weight: normal;
}

h3 {
 margin:0;
 padding:15px;
 }

h4 {
 margin: 0px 0px 12px 0px; 
 padding: 5px 0px 5px 0px;
 font-family: arial, sans-serif;
 border-bottom: 1px solid;
 border-color: #83B82E;
 color: #83B82E;
 text-transform: uppercase;
 font-size: 20px;
 font-weight: normal;
 }

/* EXPERIMENTAL Stylesheet 1 */ 

ol.events li { position: relative; }
ol.events li span { position: absolute; top: 0; right: 0; }

/* Menu Stylesheet */ 

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
margin-top: 94px;
font-size: 12px;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #95c359;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #95c359;
text-decoration: none;
}

#navlist li a:hover, #navlist li a#active
{
background: #777777; 
}

/* Container Styles */ 

#content {
 width:980px;
 margin:auto;
 background:#ffffff;
 }

#topleft {
 float:left;
 width:410px;
 height:110px;
 background: #FFF url(http://www.host-review.co.uk/images/logo3a.png) no-repeat;
 text-align: left;
 overflow:hidden;
 margin: 0;
}

#topright {
 float:right;
 width:570px;
 height:110px;
 background: #FFF url(http://www.host-review.co.uk/images/logo3b.png) no-repeat;
 overflow:hidden;
 margin: 0;
}

#banner {
 margin-top:25px;
 height:60px;
}

#bar {
 height:25px;
 background:#95c359;
 color: #333333;
 overflow:hidden;
 }

#barsmall {
 height:5px;
 background:#95c359;
 color: #333333;
 clear:both;
 width:980px;
 overflow:hidden;
 }

#topbar {
 height:5px;
 background:#555555;
 color: #333333;
 overflow:hidden;
 }

#navbar {
 height:20px;
 background:#cfd5d9;
 color: #656f57;
 font-weight: bold; 
 margin: 0px;
 font-size: 13px; 
 padding: 3px 0px 3px 15px;
 line-height: 1.7em;
 }

#navcont {
 background:#edf3e9;
 color: #656f57;
 padding:10px;
 }

#navpoll {
 background:#c6c6c6;
 color: #656f57;
 padding: 5px;
 margin: 10px;
 }

#l-col {
 float:left;
 background:#edf3e9;
 color: #333333;
 width:245px;
 border-right: 1px solid;
 border-color: #95c359;
}

#l-col a
{
 text-decoration: none;
}

#l-col a:hover
{
border-bottom: 1px solid;
}

#r-col {
 float:right;
 width:704px;
 padding:15px;
}

#inner-cont {
 width:97.25%;
 background:#ffffff;
 color: #333333;
 padding: 10px;
 text-align:left;
}

#ftr {
 height:20px;
 background:#555555;
 color: #D9E1D1;
 margin:0;
 font-size: 11px;
 padding: 5px 0px 0px 0px;
}

#ftr a {
 color: #83B82E; 
}

#nhead {
 font-family: arial, verdana, sans-serif;
 color:#716f64;
 font-size: 16px; 
 font-weight: bold;
 padding: 0px 0px 3px 0px;
}

#ndate {
 border-bottom: 2px dotted;
 border-top: 2px dotted;
 border-color: #dddddd;
 background:#f3f3f3;
 padding: 0px 0px 0px 5px;
 color:#61a210;

}

#ncontent {
 padding: 3px 8px 3px 8px;
 border-bottom: 2px dotted;
 border-color: #dddddd;
 word-spacing: 1px;
}

#quote {
 font-family: verdana, arial, sans-serif;
 background-color: #edf3e9;
 width:85%;
 margin:auto;
 margin-top: 8px;
 margin-bottom: 8px;
 line-height: 14pt;
 padding: 2px 6px 2px 6px;
 font-style: italic; 
}

#quote1 {
 font-family: verdana, arial, sans-serif;
 background-color: #f5f5f5;
 width:88%;
 border: 1px dotted #dddddd;
 margin:auto;
 margin-top: 8px;
 margin-bottom: 8px;
 line-height: 14pt;
 padding: 2px 6px 2px 6px;
 font-style: italic; 
}

#revs {
 background-color: #f5f5f5;
 color: #656f57;
 border-bottom: 2px solid #95c359;
 border-left: 2px solid #95c359;
 border-right: 2px solid #95c359;
 padding: 0px 4px 0px 4px;
 margin: 0px 0px 0px 0px;
 clear:both;
}

#newssearch {
padding: 0px;
background: #f3f3f3; 
border-bottom: 2px solid; 
border-top: 2px solid; 
border-color:#c0c0c0; 
color:#716f64;
width:100%;
}

#listp {
 padding:5px;
 border: 1px solid #dddddd; 
}

#listp a:link, #listp a:visited {
 border-bottom: 1px dashed;
}

#listp a:hover {
 border-bottom: 1px solid;
}

#listdetail a:link, #listdetail a:visited {
 border-bottom: 1px dashed;
}

#listdetail a:hover {
 border-bottom: 1px solid;
}

#listoutside {
padding: 3px; 
height:130px; 
background: #f3f3f3;
border-top: 2px solid #83B82E; 
border-bottom: 2px solid #83B82E;
color:#716f64;
}

.listright {
float:right; 
padding: 0px; 
width: 748px; 
line-height: 16pt;
}

#t10_head {
padding:5px; 
background:#95c359; 
color:#ffffff; 
text-align:center;
}

#t10_content {
padding:0px; 
border: 2px solid #95c359; 
background:#f5f5f5; 
text-align:justify;
overflow:hidden;
}

#lat_head {
margin: auto; 
background: #95c359; 
color: #ffffff; 
padding: 5px; 
width:870px; 
clear:both;
}

#lat_content {
margin: auto; 
background: #f5f5f5; 
color: #656f57; 
border: 2px solid #95c359; 
padding: 10px; 
width:856px;
}

#lat_stats {
margin: auto; 
background: #f5f5f5; 
color: #656f57; 
border-top: 2px solid #95c359; 
border-bottom: 2px solid #95c359; 
padding: 10px; 
width:860px;
text-align:center;
}

.lat_link a {
 color: #ffffff;
 font-weight: bold; 
}


/* EXPERIMENTAL Stylesheet */ 

ol.events li { position: relative; }
ol.events li span { position: absolute; top: 0; right: 0; }

#green {
 width: 200px;
 background-color: #61a210;
 height: 30px;
}

#green1 {
 width: 200px;
 background-color: #79cc14;
 height: 3px;
}

#green2 {
 width: 200px;
 background-color: #c0c0c0;
 height: 20px;
}

#green3 {
 width: 200px;
 background-color: #f5f5f5;
 height: 30px;
}

#green4 {
 width: 200px;
 background-color: #d0d0d0;
 height: 15px;
}

#green5 {
 width: 200px;
 background-color: #c2f386;
 height: 15px;
}

#green6 {
 width: 200px;
 background-color: #716f64;
 height: 15px;
}

#green7 {
 background-color: #95c359;
}


#green8 {
 background-color: #a5cc7a;
}