* { padding: 0; margin: 0; }
.clearfix { display: block; clear: both; }
html {background: #8F1E1E url(images/bg-body.gif) repeat-x bottom fixed;}
body { background: url(images/bg-html.png) repeat-x top fixed; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; padding: 10px 0 10px 0; margin: 0 0 0 0; }

h1 { font-family: Trebuchet MS; font-size: 2.0em; font-weight: normal; letter-spacing: -0.03em; margin: 0 0 0.25em 0; clear: both;}
h2 { font-family: Trebuchet MS;font-size: 1.8em; font-weight: normal; letter-spacing: -0.03em; margin: 0 0 0.25em 0; }
h3 { font-size: 1.0em; line-height: 1.5em;}
h4 {font-size: 0.9em;}
p { line-height: 1.5em; margin: 0 0 1em 0; }
img {border: 0;}
a:link {color: #0066FF;}
a:visited {color: #3366FF;}
a:hover { color: #FF0000; }
a:active {color: #990000; background-color: #FFFF99;}
ul {margin: 0 0 1em 1em;}
li {line-height: 1.5em;}
#wrapper { width: 920px; padding: 15px; background: #FFFFFF; margin: 0 auto; }
#header { float: left; width: 100%;}
#nav { float: left; width: 100%; font-size: 0.7em; margin: 0 0 10px 0; }
#content { float: left; width: 100%; }

#sidebar { float: left; width: 185px; font-size: 0.70em; margin: 0 20px 1em 0;}
#main { float: left; width: 712px; font-size: 0.70em; margin: 0 0 0 0;}
#mainextra { float: left; width: 580px; font-size: 0.70em; margin: 0 0 1em 0; }
#extra {float: right; width: 122px; text-align: center; font-size: 0.70em; margin: 0 0 1em 0;}
#extra img {border: 1px solid #000000;}
#footer { float: left; width: 98%; font-size: 0.70em; padding: 1%; text-align: center; background: #FFCCFF; margin: 0 0 1em 0;}

.header { background: #FFFFFF url(images/bg-header.gif); }
.logo { font-size: 2.4em; display: block; margin: 0;}

ul.nav { list-style: none; float: left; width: 100%; background: #B22222 url(images/bg-nav.png); margin: 0;}
ul.nav li { float: left; line-height: 1.2em; border-right: 1px solid #FFFFFF; }
ul.nav li a { display: block; font-weight: bold; text-decoration: none; padding: 7px 12px; }
ul.nav li a:link { color: #FFFFFF; }
ul.nav li a:visited { color: #FFFFFF; }
ul.nav li a:hover { color: #FFFFFF; background: #B22222 url(images/bg-nav.png) bottom; }
ul.nav li a:active { color: #FFFFFF; }

h4.sidebar-title { float: left; width: 97%; padding: 0 0 0 3%; background: url(images/bg-sidebar-title.png) left top; }
h4.sidebar-title span { display: block; color: #FFFFFF; padding: 6px 0 6px 0; background: url(images/bg-sidebar-title.png) right top; }
ul.cats { float: left; width: 100%; list-style: none; padding: 0.5em 0 1em 0; background: url(images/bg-sidebar.png) no-repeat bottom; margin: 0 0 1em 0; }
ul.cats li { float: left; width: 175px; padding: 0 5px; line-height: 1.0em; }
ul.cats li a { display: block; text-decoration: none; padding: 5px 0 5px 20px; font-weight: normal; background: url(images/icon-category.gif) no-repeat left }
ul.cats li a:hover { text-decoration: underline; }
.sidebar-ad { float: left; width: 100%; font-size: 0.9em; font-weight: bold; text-align: center; padding: 1em 0 1em 0; background: url(images/bg-sidebar.png) no-repeat bottom; margin: 0 0 1em 0;}
.sidebar-ad img {border: 1px solid #000000;}
ul.hardlinks { float: left; width: 100%; list-style: none; padding: 0.5em 0 1em 0; background: url(images/bg-sidebar.png) no-repeat bottom; margin: 0 0 1em 0; }
ul.hardlinks li { float: left; width: 175px; padding: 0 5px; line-height: 1.0em; }
ul.hardlinks li a { display: block; text-decoration: none; padding: 5px 0 5px 20px; font-weight: normal; background: url(images/icon-category.gif) no-repeat left }
ul.hardlinks li a:hover { text-decoration: underline; }

.page-heading {border-bottom: 2px solid #FF9900; margin: 0 0 1em 0;}

.feature580 {float: left; width: 580px; padding: 0 0 10px 0; background: url(images/bg-feature580.png) no-repeat bottom; margin: 0 0 1em 0;}
.feature580 h2 {float: left; width: 550px; padding: 10px 15px 5px 15px; background: url(images/bg-feature580.png) no-repeat top; margin: 0}
.feature580 p {padding: 0 15px; margin: 0 0 5px 0;}

.main-left { float: left; width: 49%; margin: 0 0 1em 0; }
.main-right { float: right; width: 49%; margin: 0 0 1em 0; }
.entry {float: left; width: 100%; border-bottom: 1px solid #FF0000; margin: 0 0 1em 0;}
p.post-title { margin: 0 0 0 0;}
p.post-title strong {font-size: 1.1em;}
.post-image-list {float: right; border: 1px solid #000000; margin: 0 0 1em 20px;}
.post-image-full {float: right; border: 1px solid #000000; margin: 0 0 1em 20px;}
.linkreview {padding: 2px 0 2px 20px; background: url(images/icon-review.png) no-repeat left;}
.linksite {padding: 2px 0 2px 20px; background: url(images/icon-link.png) no-repeat left;}
.linksection {padding: 2px 0 2px 20px; background: url(images/icon-category.gif) no-repeat left;}
.paginate {float: left; width: 100%; font-size: 1.1em; font-weight: bold;}
.paginate b {display: block; float: left; padding: 0.10em 0.5em 0.10em 0.5em; margin: 0 5px 0 0;}
.paginate a {display: block; float: left; padding: 0.10em 0.5em 0.10em 0.5em; border: 1px solid #0099FF; margin: 0 5px 0 0; text-decoration: none;}
.paginate a:hover {color: #FFFFFF; background: #FF0000; border: 1px solid #000000;}

ul.recentposts { float: left; width: 95%; list-style: none; margin: 0 0 1em 0; }
ul.recentposts li { }
ul.recentposts li a { display: block; text-decoration: none; padding: 5px 0 5px 16px; font-weight: normal; background: url(images/icon-arrow.png) no-repeat left }
ul.recentposts li a:hover { text-decoration: underline; }


.right { float: right; margin: 0 20px 0 20px; }
.ratingsbox {float: left; width: 100%; margin: 0 0 1em 0; clear: both;}
ul.ratings { float: left; width: 100%; list-style: none; border-top: 1px dotted #DCDCDC; border-bottom: 1px dotted #DCDCDC; margin: 0 0 1em 0;}
ul.ratings li { float: left; width: auto; padding: 7px 20px 7px 3%;}
.ratings-title { float: left; display: block; width: auto; margin: 0 1em 0 0;}
.ratings-category { background: url(images/icon-category.png) no-repeat left }
.ratings-images { background: url(images/icon-image.png) no-repeat left }
.ratings-video { background: url(images/icon-video.png) no-repeat left }
.ratings-presentation { background: url(images/icon-presentation.png) no-repeat left }
.ratings-overall { background: url(images/icon-overall.png) no-repeat left }

.review-thumbs { float: left; width: 100%; text-align: center; margin: 0 0 0.5em 0; clear: both;}
.review-thumbs img { border: 1px solid #000000; margin: 0 0.5em 1em 0.5em; }
.review-thumbs div {display: none;}

.photos-home {float: left; width: 150px; text-align: center;}
.photos-home img {border: 1px solid #000000; margin: 0;}
.photos-thumb {float: left; width: 20%; height: 180px; text-align: center;}
.photos-thumb img {border: 1px solid #000000;}
.photos-full {text-align: center;}

.footer-links {font-size: 0.7em; text-align: center;}