/*
Theme Name: Review Clinic
Theme URI: http://www.reviewclinic.co.uk
Version: 1.0
Author: Sam Logan
Author URI: http://www.sjlwebdesign.co.uk
*/

@charset "UTF-8";

body { margin: 0px; font-family: Georgia, "Times New Roman", Times, serif;  font-size: 13px; color: #3b2122; background-color: #d95920; }
#page { background-image: url(images/bg.jpg); }
#header { position: relative; margin: 0px auto; width: 936px; height: 125px; background-image: url(images/header-bg.png); background-repeat: no-repeat; }
#content { position: relative; margin: 0px auto; width: 860px; background-image: url(images/content-bg.png); padding: 40px 33px 80px 43px; }
#footer { position: relative; width: 100%; height: 381px; background-image: url(images/footer-bg.png); margin-top: -22px; z-index: 9; }

.logo { position: absolute; left: 39px; top: 75px; }
.search { position: absolute; right: 71px; top: 84px; }
.left { width: 516px; float: left; }
.right { width: 296px; float: right; }

.sidebar { width: 256px; background-color: #cee9e7; position: relative; padding: 24px 20px 39px; color: #43949c; font-size: 14px; }
.sidebar-top { width: 296px; height: 24px; background-image: url(images/sidebar-top.jpg); position: absolute; top: 0px; left: 0px; }
.sidebar-bottom { width: 296px; height: 39px; background-image: url(images/sidebar-bottom.jpg); position: absolute; bottom: 0px; left: 0px; }
.sidebar a { color: #3b2122; }
.sidebar a:hover { color: #43949c; }
.clearer { clear: both; }

.footer-wrap { margin: 0px auto; width: 892px; padding-top: 53px; position:relative; color: #4a1d08; }
.footer-wrap a{  color: #4a1d08; }
.footer-wrap a:hover{ color: #993c15; }
.popular-posts { width: 261px; height: 181px; float: left; background-image: url(images/popular-posts.png); padding: 60px 20px 10px; }
.we-like { width: 261px; height: 181px; float: left; background-image: url(images/we-like.png); padding: 60px 20px 10px; }
.twitter { width: 230px; height: 181px; float: left; background-image: url(images/twitter-me.png); background-repeat: no-repeat; padding: 60px 40px 10px 20px; }
.twitter  li span{ display: block; padding-bottom: 10px; }
.splatter { position: absolute; top: 0px; right: -214px; background-image: url(images/splatter.png); width: 213px; height: 235px; }

h1, h2, h3, h4, h5 { color: #d95920; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
p { line-height: 20px; }
a { color: #d95920; }
a:hover { color: #6bb8c2; }
li { margin-top: 8px; margin-bottom: 8px; padding-top: 0px; padding-bottom: 0px; }
h2 a{ color: #292e56!important; }

.sidebar ul, #footer ul { padding-left: 0px; margin-left: 0px; list-style-type: none; }
.sidebar li { list-style-type: none; }
.sidebar h3 { color: #6bb8c2; }

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}
 @media print {
.sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; }
.sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h1 { font-family: Verdana; visibility: hidden; }
}

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
a img { border: none; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.avatar{ float: left; margin-right: 10px; }
ol.commentlist li{ border: #CCC 1px dashed; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; }
ol.commentlist li.alt{ background-color: #f6f6f6; }
textarea#comment{ width: 250px; border: #CCC 1px dashed;  }
#commentform{ margin-left: 38px; }
#commentform input{ width: 241px; border: #CCC 1px dashed; padding: 6px 4px 6px 5px; color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
.post{ padding-bottom: 15px; margin-bottom: 15px;  border-bottom: #CCC 1px dashed; }