/*  
Theme Name: Sarai2009
Theme URI: http://www.sarai-hair.co.uk/
Description: The 2009 theme for Sarai Hair.
Version: 1.0
Author: Greg Kendall
Author URI: http://www.kendallinternet.co.uk/

*** REGARDING IMAGES ***
All CSS that involves the use of images, can be found in the 'index.php' file.
This is to ease installation inside subdirectories of a server.
*/
/* All defaults */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;outline:0;font-size:100%;}
img, abbr, acronym {border:0;}
ol {list-style:none;}
/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
/*
Set's border, padding and margin to 0 for all values
*/
* {
   padding: 0;
   margin: 0;
   border: 0;
}
body,
html {
   color: #000; 
   font-family: Verdana, Arial, Tahoma, sans-serif;
   height: 100%;
   background: url(images/faux-column-left.png) 0 100px repeat-y #fff; /*** This is the left column background "faked" with an image. The 100px is added to have control of where the vertically repeating starts. The background color #fff (white) will be the background color for our content area ***/
}
body {
   font-size: 70%;
   min-width: 760px; /* Don't work in IE */
}
h1, h2, h3, h4, h5 {
   font-weight: bold;
   padding-bottom: 5px;
}
h1 {
   font-size: 1.5em;
}
h2 {
   font-size: 1.4em;
}
h2#whychoose {
   padding-top: 1.5em;
}
h3 {
   font-size: 1.3em;
}
h3.tami4 {
   padding-top:5px;
   font-size: 1.3em;
}
h4 {
   font-size: 1.2em;
}
h5 {
   font-size: 1.1em;
}
p {
   padding: 7px 0 7px 0;
}
a {
   color: #000099;
}
a:hover {
   color: #0000FF;
   text-decoration: none;
}
a,
a:link,
a:hover,
a:active,
a.nobkgrd,
a.nobkgrd:link,
a.nobkgrd:hover,
a.nobkgrd:active {
	padding:0;
	text-decoration:underline;
        color:blue;
	}

a:visited,
a.nobkgrd:visited {
        color:purple;
	}
h1 a, 
#header h2 {
   color: #fff;
}
a.related,
a.related:link,
a.related:hover,
a.related:active,
a.related:visited {
	padding:0;
	text-decoration:none;
        color:#ffffff;
	}
a.related:hover {
	text-decoration:underline;
	}
blockquote {
    margin: 1em 3em;
    padding: .5em 1em;
    border-left: 5px solid #6e9938;
    background-color: #e0e9e9;
}
blockquote p {
    margin: 0;
}
.clear {
   clear: both;
}
#page {
   width:1002px; /* page width optimised for 1024 x 768 res */
   margin:0 auto; /* centered website */
   min-height: 100%;
   background: url(images/faux-column-right.png) 100% 100px repeat-y; /*** This is the right column background "faked" with an image.  The 100px is added to have control of where the vertically repeating starts. ***/
}
* html #mainContainer {
   height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
.floatleft {
   float:left;
}
.floatcenter {
   float:center;
}
.floatright {
   float:right;
}
/**************************
HEADER
**************************/
#header {
   background-color: #ffffff;
}
#hdr-logo {
   background: url(images/faux-hdr-logo.png) 100% 100px repeat-x;
   height:72px;
}
.logo {
   float:left;
   padding-left:7px;
}
#hdr-img {
   background: url(images/faux-hdr-img.png) 100% 100px repeat-y;
   height:99px;
}
#mainimg {
   background: url(images/faux-img-temp.html);
   height:190px;
}
div.sarai {
   background: url(images/sarai_hair_and_beauty_banner.jpg);
   height:190px;
}
.hdr-msgs {
   float:right;
   padding-top:10px;
   padding-right:100px;
   font-family: Verdana, Arial, Tahoma, sans-serif;
   font-size: 1.4em;
   color:#000000;
}
/* For hdr-nav, see separate nav.css file */
/**************************
Image(s)) under navbar
**************************/
.pics{ 
	width:1002px;
	height:190px;
	padding:0;
	}
.pics img {
	padding:0;
	width:1002px;
	height:190px;
	top:0;
	left:0
	}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
   padding-left: 225px; /*** Same width as margin-left for the float-wrap div ***/
   padding-right: 300px; /*** Our right column width ***/
}
.outerfwidth {
   padding-left:225px; /*** Same width as margin-left for the float-wrap div ***/
   padding-right:-10px; /*** Our right column width ***/
}
.outer-posts {
   padding-left: 10px; /*** Same width as margin-left for the float-posts div ***/
   padding-right: 320px; /*** Our right column width ***/
   background: url(images/faux-img-fcfcfc.png) 0 100px repeat-y #fcfcfc; /* may 10 */
}
.inner {
   width: 100%;
   padding-bottom: 15px; /*** Padding-bottom value is the same value as the total height of the footer ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
   float: left;
   width: 100%;
   margin-left: -225px; /*** Same length as .outer padding-left but with negative value ***/
}
.float-posts {
   float: left;
   width: 96%; /*** IMPORTANT! **/
   margin-left: 10px;
}
#content {
   float: right;
   margin-right: -225px; /*** Same length as .outer padding-left but with negative value ***/
   width: 100%;
   position: relative; /*** IE needs this  ***/
   padding-bottom:20px;
   background: url(images/faux-column-left.png) 0 100px repeat-y #fff; /* aug 09 */
}
#content-posts {
   float: left;
   margin-right: -10px; /*** Same length as .outerposts padding-left but with negative value ***/
   width: 100%;
   position: relative; /*** IE needs this  ***/
   padding-bottom:20px;
   padding-left:10px;
   background: url(images/faux-img-fcfcfc.png) 0 100px repeat-y #fcfcfc; /* may 10 */
}
#content ul {
   list-style-position:outside;
   list-style-image:url(images/bullet-lt-grey.gif);
   list-style-type:square;
   padding:6px;
   margin:2px;
   margin-left:20px;
}
#content ul li {
   padding-bottom:10px;
}
#content img.imgright {
   margin-left:10px;
   float:right;
}
#content img.bordered {
   border:solid 1px #00B2EF;
}
.post {
   position:relative;
   top:7px; /* moves text down from nav bar */
   left:-15px; /* moves text towards left column */
}
.email {
   position:relative;
   top:3px;
}
#products {
   float:right;
   width:310px;
}
#products td {
   background:pink;
   border:solid 1px #00B2EF;
   width:150px;
}
.bottled {
   padding-left:19px;
}
.saving {
   padding-left:40px;
}
.bottprice {
   padding-left:88px;
}
.rentprice {
   padding-left:69px;
}
.saniprice {
   padding-left:39px;
}
#schcontain {
   position:relative;
   width:100%;
   padding-bottom:20px;
}
#schcontain-ideal {
   position:relative;
   width:100%;
   padding-bottom:0px;
}
#schcontain-home {
   position:relative;
   width:100%;
   top:20px;
   padding-bottom:0px;
}
#schleft {
   position:absolute;
   width:48%;
   margin-right:15px;
}
#schspace {
   position:absolute;
   top:0px;
   left:48%;
   width:4%;
}
#schright {
   position:absolute;
   top:0px;
   left:52%;
   width:48%;
}
.schoolbord {
        margin:0px;
        margin-right:10px;
        padding:0px;
        border:solid 1px #6E9938;
      }
#schhr {
   margin-top:10px;
   margin-bottom:10px;
      }
.schhr {
   height:1px;
   color:#6E9938;
   background-color:#6E9938;
      }
table.product-chart {
	border:thin solid #ffffff;
        border-collapse: collapse;
      }
table.product-chart td,
table.product-chart th {
	border:1px solid gray;
        padding:5px;
        text-align:center;
      }
table.product-chart tr.spacing td {
        border:0;
        line-height:200%;
      }
table.product-chart th.borderless,
table.product-chart td.borderless {
        border:0;
      }
table.product-chart th.chartimg img,
table.product-chart td.chartimg img {
        position:relative;
        top:0px;
        right:8px;
      }
table.product-chart th.category {
        vertical-align:super;
      }
table.product-chart td.dummy {
	border:0px;
        border-left:1px solid gray;
      }
table.product-chart td.feature {
        color: #ffffff;
        background-color: #6E9938;
      }
table.product-chart a {
        font-family: Verdana, Arial, Tahoma, sans-serif;
	padding-bottom: 7px;
	padding-top: 6px;
	padding-left: 15px;
	padding-right: 0px;
	color: #ffffff;
	text-decoration: none;
      }
table.product-chart a.btn-more {
	padding-right: 14px;
        background:url(images/more.html) no-repeat;
      }
span#t4t5spacer,
span#t5t6spacer,
span#t6t7spacer,
span#t7t10spacer {
       padding-left:0px;
      }
span#t4t5spacer {
       padding-left:20px;
      }
span#t5t6spacer {
       padding-left:20px;
      }
span#t6t7spacer {
       padding-left:17px;
      }
span#t7t10spacer {
       padding-left:5px;
      }
div#range {
       padding-top:20px;
      }
img.arightblue,
img.arightgreen {
   float:right;
   margin-top:0;
   margin-left:5px;
   padding:2px;
}
img.arightblue {
   border:solid 1px #00B2EF;
}
img.arightgreen {
   border:solid 1px #6E9938;
}
#staff h2 {
   font-size: 1.2em;
}
#staff td {
   width:20%; 
}
#staff td.rightcopy {
   padding-left:20px; 
}
#staff td.leftcopy {
   padding-right:20px;	
}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
   float: left;
   width: 225px; /*** outer padding-left minus padding ***/
   position: relative; /*** IE needs this  ***/
   padding-top:5px;
   background: url(images/faux-column-left.png) 0 100px repeat-y #fff; /* aug 09 */
}
/*************************
RIGHT COLUMN
**************************/
#right {
   float: right; 
   width: 290px; /*** outer-posts padding-right minus padding ***/
   padding: 5px;
   position: relative; /*** IE needs this  ***/
   margin-right: -300px; /** This negative margin-right value is the same as the right column width (width + padding). ***/
   position: relative; /*** IE needs this  ***/
   background: url(images/faux-column-left.png) 0 100px repeat-y #fff; /* aug 09 */
}
/*************************
RIGHT COLUMN - POSTS
**************************/
#right-posts {
   float: right; 
   width: 315px; /*** outer padding-right minus padding ***/
   padding: 5px;
   position: relative; /*** IE needs this  ***/
   margin-right: -320px; /** This negative margin-right value is the same as the right column width (width + padding). ***/
   background: url(images/faux-img-fcfcfc.png) 0 100px repeat-y #fcfcfc; /* may 10 */
}
/**************************
FOOTER
**************************/
#footer {
   width:1002px; /* page width optimised for 1024 x 768 res */
   height:134px;
   background:transparent;
}
.hiddenPic {display:none;}
/*******************************
Liquid Corners - standard values
*******************************/
.lc-container-left {
	width:175px; /* 175px wide box... */
        margin:0 10px 7px 10px; /* ...centered in left hand column... */
        padding:0; /* ...of 225px */
        }
.lc-container-right {
	width:270px; /* 270px wide box... */
        margin:0 10px 7px 10px; /* ...centered in right hand column... */
        padding:0; /* ...of 290px */
        }
.lc-container-widget {
	width:320px; /* 320px wide box... */
        margin:0 10px 7px 0; /* ...centered in right hand column... */
        padding:0; /* ...of 320px */
        }
.lc-row {
	clear:both; /* divs in table row... */
        }
.lc-row .lc-container-fwidth-left {
        float:left;
	width:380px; /* 380px wide box... */
        margin:0 auto; /* ...in left hand side... */
        padding:0; /* ... of full width page */
        }
.lc-row .lc-container-fwidth-right {
        float:right;
	width:380px; /* 380px wide box... */
        margin:0 auto; /* ...in right hand side... */
        padding:0; /* ... of full width page */
        }
.lc-spacer {
	clear:both; /* divs in table row... */
	height:20px; /* spacer for divs in table row... */
        width:100%; /* spacer for divs in table row... */
        }

.lctl, .lctr, .lcbl, .lcbr {
	height: 9px;       /* +ve height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.lctl, .lcbl { 
	margin-right: 9px; /* +ve width of one of your corners */
	}
.lctr, .lcbr { 
	margin-left: 9px;  /* +ve width of one of your corners */
	margin-top: -9px;  /* -ve height of one of your corners */
	}
.lctr {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.lcbl  { 
	background-position: 0 -9px;    /* 2nd num is negative height of one of your corners */
	}
.lcbr { 
	background-position: 100% -9px; /* 2nd num is negative height of one of your corners */
	}
.lccontent {
	border-left: 1px solid #C00000; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #C00000; /* YCC: color & properties of the right-borderline */
	background: #000000;            /* YCC: background-color of the inside */
	color: #FFFFFF;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	padding-bottom:10px;             /* YCC: all texts at some distance of the bottom */
	}
.lcnotopgap {
        margin-top: 0;                  /* DNC: to avoid splitting of the box */
        }
.lcnobotgap {
        margin-bottom: -1px; padding-bottom: 1px; /* DNC: to avoid splitting of the box */
       }
/*******************************
Liquid Corners - color values
*******************************/
.lct-widget,
.lct-widget {
        width:298px;
        }
.lci-e2ad7e,
.lci-default {
        background-image: url('images/sarai_1280x18_e2ad7e.gif');
        }
.lct-e2ad7e,
.lct-default {
	border-left: 1px solid #e2ad7e;
	border-right: 1px solid #e2ad7e;
	background: #e2ad7e;
	color: #ffffff;
        }
.lci-7e4421,
.lci-widget {
        background-image: url('images/sarai_1280x18_7e4421.gif');
        }
.lct-7e4421,
.lct-widget {
	border-left: 1px solid #7e4421;
	border-right: 1px solid #7e4421;
	background: #7e4421;
	color: #ffffff;
        }
.lci-a4521e {
        background-image: url('images/sarai_1280x18_a4521e.gif');
        }
.lct-a4521e {
	border-left: 1px solid #a4521e;
	border-right: 1px solid #a4521e;
	background: #a4521e;
	color: #ffffff;
        }
.lci-a6633a {
        background-image: url('images/sarai_1280x18_a6633a.gif');
        }
.lct-a6633a {
	border-left: 1px solid #a6633a;
	border-right: 1px solid #a6633a;
	background: #a6633a;
	color: #ffffff;
        }
/*******************************
Liquid Corners - clear color values
*******************************/
.lci-e2ad7e-clear {
        background-image: url('images/sarai_1280x18_e2ad7e_clear.gif');
        }
.lct-e2ad7e-clear {
	border-left: 1px solid #e2ad7e;
	border-right: 1px solid #e2ad7e;
	background: #ffffff;
	color: #ffffff;
        }
.lci-7e4421-clear {
        background-image: url('images/sarai_1280x18_7e4421_clear.gif');
        }
.lct-7e4421-clear {
	border-left: 1px solid #7e4421;
	border-right: 1px solid #7e4421;
	background: #ffffff;
	color: #ffffff;
        }
.lci-a4521e-clear {
        background-image: url('images/sarai_1280x18_a4521e_clear.gif');
        }
.lct-a4521e-clear {
	border-left: 1px solid #a4521e;
	border-right: 1px solid #a4521e;
	background: #ffffff;
	color: #ffffff;
        }
.lci-a6633a-clear {
        background-image: url('images/sarai_1280x18_a6633a_clear.gif');
        }
.lct-a6633a-clear {
	border-left: 1px solid #a6633a;
	border-right: 1px solid #a6633a;
	background: #ffffff;
	color: #ffffff;
        }
/*******************************
Liquid Corners - links
*******************************/
.lc-container-left a,
.lc-container-right a {
	padding:0;
	text-decoration:underline;
        color:#fff;
	}
/*******************************
Liquid Corners - images
*******************************/
.lcnobotgap img {
        position:relative;
        float:left;
        padding:0 10px 10px 0;
}
td.btreats {
	width:50%;
}
td.btreats .lcnobotgap {
        height:200px;
}
/*******************************
Liquid Corners - Products, map etc
*******************************/
td.hprods {
	width:220px;
}
td.hprods .lcnobotgap {
        height:100px;
}

td.hprods .prdlogo1 {
        margin:0 18%;
}

td.hprods .prdlogo2 {
        margin:0 10%;
}

td.hprods .prdlogo3 {
        margin:0 19%;
}

td.hprods .prdlogo4 {
        margin:0 13%;
}
td.hprods .prdlogo5 {
       position:relative;
       top:20px;
}
td.hprods .prdlogo6 {
       position:relative;
       top:15px;
}
td.hprods .btyprdlogo1 {
       position:relative;
       top:15px;
}
td.hprods .btyprdlogo2 {
       position:relative;
       top:-5px;
       margin:0 5%;
}
td.hprods .btyprdlogo3 {
       margin:0 22%;
}
td.hprods .btyprdlogo4 {
       margin:0 15%;
}
td.hprods .btyprdlogo5 {
       margin:0 0;
}
td.hprods .btyprdlogo6 {
       margin:0 22%;
}
.gmap {
       position:relative;
       top:-10px;
       margin:0 3%;
}
.gcast {
       position:relative;
       top:10px;
       margin:0 15%;
}
td.hprods .btreats1,
td.hprods .btreats2,
td.hprods .btreats3,
td.hprods .btreats4,
td.hprods .btreats5,
td.hprods .btreats6,
td.hprods .btreats7,
td.hprods .btreats8 {
       position:relative;
       top:-30px;
       margin:0 2%;
}
td.hprods .btreats2,
td.hprods .btreats4,
td.hprods .btreats6,
td.hprods .btreats7 {
       margin:0 1%;
}
td.hprods .btreats3,
td.hprods .btreats4 {
       top:-26px;
}
td.hprods .btreats5,
td.hprods .btreats6,
td.hprods .btreats7 {
       top:-28px;
}
/*******************************
Packages - Wedding and Other
*******************************/
table.weddtab {
        height:1400px;
}
td.wpackages {
	width:480px;
}
td.wpackages h3 {
        color:#7e4421;
}
table.weddinfo {
        width:100%;
}
td.incl {
        width:50%;
        text-align:left;
        vertical-align:top;
        color:#000000;
}
td.prices table {
        width:100%;
}
td.prices td {
        text-align:right;
        vertical-align:top;
        color:#000000;
        white-space:nowrap;
        margin-right:0;
}
td.hprods .weddpack1,
td.hprods .weddpack2 {
        position:relative;
        border:0;
        padding:0;
        top:-24px;
        left:14px;
}
td.hprods .weddpack3 {
        position:relative;
        border:0;
        padding:0;
        top:-24px;
        left:2px;
}
td.hprods .weddpack4 {
        position:relative;
        border:0;
        padding:0;
        top:-24px;
        left:2px;
}
td.hprods .othrpack1,
td.hprods .othrpack2,
td.hprods .othrpack3,
td.hprods .othrpack4,
td.hprods .othrpack5,
td.hprods .othrpack6,
td.hprods .othrpack7,
td.hprods .othrpack8 {
        position:relative;
        border:0;
        padding:0;
        top:-24px;
        left:3px;
}
td.hprods .hairprice1,
td.hprods .hairprice2,
td.hprods .hairprice3,
td.hprods .hairprice4,
td.hprods .hairprice5,
td.hprods .hairprice6,
td.hprods .hairprice7,
td.hprods .hairprice8 {
        position:relative;
        border:0;
        padding:0;
        top:-20px;
        left:20px;
}
td.preamble {
        width:100%;
        text-align:left;
        vertical-align:top;
        color:#000000;
}
td.hprods .hairpage1,
td.hprods .hairpage2,
td.hprods .hairpage3,
td.hprods .hairpage4 {
       position:relative;
       top:-28px;
       margin:0 2%;
}
td.hprods .beautypage1,
td.hprods .beautypage2 {
       position:relative;
       top:-28px;
       margin:0 2%;
}
td.hprods .offers1,
td.hprods .offers2,
td.hprods .offers3 {
       position:relative;
       top:-26px;
       margin:0 2%;
}
td.hprods .offers2 {
       margin:0 6%;
}
/*******************************
Prices - Hair
*******************************/
table.pricetable{
        width:100%;
} 
table.pricetable td{
        color:#000000;
}
table.pricetable td.preamble {
        text-align:left;
        vertical-align:top;
}
table.pricetable td.incl {
        width:50%;
        text-align:left;
        vertical-align:top;
}
table.pricetable td.prices {
        width:50%;
        text-align:right;
        vertical-align:top;
        white-space:nowrap;
        margin-right:0;
}
td.htreatments {
        width:100%;
        text-align:left;
        vertical-align:top;
        color:#000000;
}
td.htreatments h4,
td.legalinfo h3,
td.legalinfo h4 {
        color:#7e4421;
}
td.legalinfo div.lct-7e4421-clear {
        color:#000000;
}
/*******************************
Information Page
*******************************/
div#atoz {
       width:100%;
       text-align:center;
       padding-top:1em;
}
h3.atoz {
       color:#7e4421;
}
hr.atoz {
       height:1px;
       width:100%;
       margin: 0px 0px 0px 0px; 
       border-bottom:1px solid #7e4421; 
       border-top: 0px;
       border-right: 0px;
       border-left: 0px;
}
/*******************************
Other
*******************************/
ul.plsnote {
        margin:0px 20px;
       }
ul.legals {
        color:#000000;
        margin:0px 20px;
       }
#cv {
       position:relative;
       top:0.31em;
}
#content ul li ul.none {
       list-style:none;
}
table.tblright {
   margin-left:10px;
   float:right;
}
td.wider {
       width:10%;
}
#pwbox-1709 {
  border:1px solid #000;
}
/*******************************
Widgets
*******************************/
#right-posts ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#right-posts ul ul {
	margin: 0;
	padding: 0 3px;
	}

#right-posts ul ul ul {
	margin: 0;
	padding: 0;
	}

#right-posts ul ul ul ul {
	margin: 0;
	padding: 0;
	}

#right-posts li {
	list-style-type: none;
	margin: 0 0 1px;
	border:0;
	padding: 3px 10px 3px 15px;
	background:transparent url(images/side-arrow.gif) 0px 6px no-repeat;
	border-bottom:1px dotted #7e4421;
	}

#right-posts li:hover {
	background:transparent url(images/side-arrow-on.gif) 0px 6px no-repeat;
	}

#right-posts li li {
	background-image:none;
	border:0;
	padding: 1px 0;
	}

#right-posts li li:hover {
	background-image:none;
	}

#right-posts li li li {
	padding-left: 10px;
	}

#right-posts a, #right-posts a:link, #right-posts a:visited {
	color:#fff;
	text-decoration:underline;
	}

#right-posts a:hover, #right-posts a:active {
	color:#fff;
	text-decoration:none;	
	}
/*******************************
Standard WP image alignment
*******************************/
img.alignright {
	border:1px solid #ddd;
	padding:1px;
	background:#fff;
	float: right;
	clear: right;
	margin: 0 0 5px 10px;
        }

img.alignleft {
	border:1px solid #ddd;
	padding:1px;
	background:#fff;
	float: left;
	clear: left;
	margin: 0 10px 5px 0px;
        }

img.aligncenter, img.centered, img.center { 
	border:1px solid #ddd;
	padding:1px;
	background:#fff;
	display: block; 
	margin: 0 auto 20px auto;  
	float: none; 
	clear: both;
        }
img.noborder {
        border-style:none;
        }
/*******************************
For Facebook image...
*******************************/
p.facebook {
        height:120px;
        }
p.facebook2 {
        color:#000000;
        }
img.facebook3 {
        position:relative;
        top:2px;
        margin:0 10%;
        }
/*******************************
Other stuff for blog
*******************************/
.archtitle {
	margin-top: 10px;
	margin-bottom: 10px;
        }

.entrymeta {
	margin: 0;
	padding:20px 0px;
	}

.tags {
	background: transparent url(images/tag.gif) 0 2px no-repeat;
	margin: 0;
	padding: 0 0 0 17px;
	}

.cats {
	background: transparent url(images/folder.gif) 0 3px no-repeat;
	margin: 0 0 5px;
	padding: 0 0 0 17px;
	}
img.avatar-36 {
	border:1px solid #ddd;
	padding:1px;
	background:#fff;
	float: right;
	clear: right;
	margin: 0 0 5px 10px;
        }
img.post-thum, img.thumbnail {
	padding:1px;
	background:#fff;
	border:1px solid #ccc;
	float:right;
	margin: 0 0 10px 15px;
	}
.postlist {
	margin: 0 0 10px;
	padding: 15px;
	background:#eee;
	border:1px solid #ccc;
	}
.postinfo {
	padding: 0 0 5px;
	margin: 0 0 10px;
	font-size:8pt;
	border-bottom:1px dotted #ccc;
	}
.postdate {
	padding: 5px 0 0;
	margin: 0;
	font-size:8pt;
	border-top:1px dotted #ccc;
	}

.postdate .left {
	float:left;
	width:300px;
	}

.postdate .right {
	float:right;
	width:100px;
	text-align:right;
	}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a.more-link, a.more-link:link, a.more-link:visited  {
	background: url(images/arrow-off.gif) 100% 70% no-repeat;
	padding-right:12px; 
        }

a.more-link:hover, a.more-link:active  {
	background: url(images/arrow-on.gif) 100% 70% no-repeat;
	padding-right:12px; 
	}

.entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 {
	margin-bottom: 10px;
	}
a.postlink,
a.postlink:link,
a.postlink:hover,
a.postlink:active,
a.postlink:visited {
	padding:0;
	text-decoration:none;
	color:#7e4421;
	}
a.postlink:hover {
	text-decoration:underline;
	}
.auth-bio {
	padding: 10px;
	margin: 10px 0 10px;
	border:1px solid #ccc;
	background:#eee;
	line-height:1.4em;
	}

.singlepost .auth-bio {
	margin: 0 0 10px;
	}

.auth-bio img.avatar {
	padding:1px;
	background:#fff;
	border:1px solid #ccc;
	float:right;
	margin:0 0 0 10px;
	}

.auth-bio p {
	margin:0;
	}

#content-posts .post {
	margin: 0 0 10px;
	padding: 15px;
	background:#eee;
	border:1px solid #ccc;
        }

#content-posts .post ul {
	margin-left:20px;
        list-style-type: none;
        }

#content-posts .post ul li {
        list-style-type:none;
        background: url(images/arrow-off.gif) 0 4px no-repeat;
        padding: 0 0 2px 14px;
        }
#commentform input,
#commentform textarea {
	border:1px solid #ccc;
}
#respond {
        margin-top:2em;
}
input[type="submit"] {
        font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
        text-decoration:none;
        font-size:11px!important;
        line-height:16px;
        padding:2px 8px;
        cursor:pointer;
        border-width:1px;
        border-style:solid;
        -moz-border-radius:11px;
        -khtml-border-radius:11px;
        -webkit-border-radius:11px;
        border-radius:11px;
	border-color: #dfdfdf;
	background: #f2f2f2 url(images/white-grad.png) repeat-x scroll left top;
	text-shadow: rgba(255,255,255,1) 0 1px 0;	
}
input[type=submit]:hover {
	color: #000;
	border-color: #666;
	background: #f2f2f2 url(images/white-grad-active.png) repeat-x scroll left top;
}
li.current-cat {
        background:#E2AD7E;
}
/* -------------------[ Magazine Home Page Styles ]------------------- */

ul.home-left {
	background:#eee;
	width:304px;
	border:1px solid #ccc;
	padding:2px 2px 0;
	float:left;
	margin:0 0 10px 0;
	list-style-type:none;
	}

ul.home-right {
	background:#eee;
	width:304px;
	border:1px solid #ccc;
	padding:2px 2px 0;
	float:right;
	margin:0 10px 10px 0;
	list-style-type:none;
	}

ul.home-right li.homepost, ul.home-left li.homepost {
	line-height:1.3em;
	font-size:9pt;
	margin:0 8px;
	padding: 10px 0;
	list-style-type:none;
	border-bottom:1px dotted #ccc;
	height:75px;
	overflow:hidden;
	}

ul.home-right h3, ul.home-left h3, ul.home-bottom h3 {
	font-family: arial,helvetica, sans-serif;
	padding:0;
	font-weight:bold;
	margin: 0;
	letter-spacing:0px;
	font-size:9pt;
	}

ul.home-right li img, ul.home-left li img {
	width:71px !important;
	height:71px !important;
	float:left !important;
	margin: 0 10px 0 0 !important;
	}

ul.home-bottom {
	list-style-type:none;
	margin: 0 auto;
	padding:2px;
	clear:both;
	border:1px solid #ccc;
	background:#eee;
	}

ul.home-bottom li.homepost {
	list-style-type:none;
	margin:0 8px;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	}

ul.home-bottom li img {
	width:71px !important;
	height:71px !important;
	float:left !important;
	margin: 0 10px 0 0 !important;
	}

ul.home-right li.bottom, ul.home-left li.bottom, ul.home-bottom li.bottom {
	line-height:1.3em;
	font-weight:bold;
	font-size:9pt;
	margin:0 8px;
	padding: 5px 0;
	list-style-type:none;
	border: 0;
	}

ul.home-right p, ul.home-left p, ul.home-bottom p {
	margin-bottom:0;
	}

ul.home-right li.title h2, ul.home-left li.title h2, ul.home-bottom li.title h2 {
	line-height: 1.5em;
	font-family: arial,helvetica, sans-serif;
	padding:3px 5px;
	font-weight:bold;
	margin: 0;
	color:#fff;
	background:#7e4421;
	letter-spacing:0px;
	font-size:9pt;
	text-transform:capitalize;
	}