/*
Theme Name: lifestyleimprover
Theme URI: http://testblog.latitude17south.com
Description:Custom theme for lifestyleimprover.com. Original design work by ESPIS.
Version: 2.0
Author: Latitude 17 South
Author URI:http://www.latitude17south.com
*/


/************* CSS Document *************/

a, a img{
     outline:none;
     border:0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, address, form {	
    margin: 0;
    padding: 0;
}

html {
	overflow-y:scroll;
}

html, body{
    height:100%;
    margin:0;
    padding:0;
}

body {
    background-image: url(images/BG.jpg);
    background-color: #F1F6F9;
    background-repeat: repeat-x; 
    font-family: Arial, Helvetica, Georgia, Sans-serif;
    font-size:75%;
    text-align: center; /*setting right and left margins to auto centers a div. But that doesn't work for all Internet Explorers so body{ text-align: center; } is a fix for older IEs to center the wrapper or container div.*/
    vertical-align: top;
}

#container{                                         
	min-height:100%;  
        width: 850px;
        margin: 0 auto;
        position:relative;
        background:url(http://lifestyleimprover.com/wp-content/uploads/2010/01/bg.jpg);
        background-repeat:repeat-y;               
}

* html #container{
        height:100%; /* hack for IE6 and below, which wont support min-height*/
        width:850px;       
}

#header{
	width: 850px;
        margin:0;
        height:372px;
}

#headerTop{
        height:111px;
}

#headerTop a img.logo{
        float:left;
        width: 375px;
        height:110px;
        padding-right:275px;
}

#header table {
        margin:0;
}

#header td a:link, #header td a:visited {	
        font-family: Arial, Helvetica, sans-serif;	
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
        color: #fff;
	text-decoration: none;
}

#header td a:HOVER {	
        font-family: Arial, Helvetica, sans-serif;	
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration:none;
}



/*----------------- FORM CSS----------------*/


#header form {
       float:right;
       width:200px;
       height:25px;
       margin-top:85px;       
}

#IEroot #header form, * html #header form{
       margin-top:70px;
       position:relative;
}

#searchform #s{ 
     width:125px; 
     color:#000;
}

#IEroot #searchform #s, * html #searchform #s{ 
     position:absolute;
     width:135px;
     top: 0px;
     left:0px;
}

#searchform #searchsubmit{ 
     width:53px;     
     float:right;
     padding-top:2px;
}

#IEroot #searchform #searchsubmit{
     position:absolute;
     top: 0px;
     left:150px;
}



/*------------------------------------------*/


#rotateImgs{
        height:220px;
        background:#fff;
}

#content {                                                          
	margin:0;
	width:560px;
	position:relative;
	float: left;	
        padding:20px 20px 15px; 
        background:#fff;
}

h1{
	font-size: 2em;
	padding: 15px 0;
        text-align:center;
        color:#36a2c6;
}

.post{
	padding: 0 0 10px;
        border-bottom: 3px solid #e2ebf1;
        margin-bottom:15px;
        text-align:justify;
}

.post h2, .entry h2{
	font-size: 1.5em;
}

.post h2 a, .entry h2 a {
        text-decoration:none;
}

.entry ul{
        list-style:none;
}

.entry ol{
        padding:5px 35px;
}

.entry ul li{
        padding-left:10px;
}

.entry ol li{
        padding:10px 0 0 10px;
}

.entry img{
        padding:4px;
        border:0;
}

img.alignleft{     
        margin:0 12px 8px 0;
        width:auto;
        float:left;
}

img.alignright{
        margin:0 0 8px 12px;
        width:auto;
        float:right;
}

p, .entry p{
	padding: 10px 0 0;        
        font-size:1.1em;
        line-height:1.25em;
}

p.postmetadata{
        margin:0;	
        padding:0 0 10px;
        font-size:.95em;
        border-bottom: 1px solid #e2ebf1;
}

p.center, th{
        text-align:center;
}


.navigation{      /*  This style applies to navigation at bottom of category pages */
	padding: 10px 0 0 0;
	font-size: 1.15em;	
	line-height: 18px;
        /*display: block;*/
	text-align: center;	
        margin-bottom: 60px;
}

.sidebar{
	float: left;
	width: 250px; 
	text-align:left;
        line-height:14px;
}

* html .sidebar{
        width:230px;
        margin-top:-3px;
        margin-right:-5px; 
}

.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidebar ul li{
        list-style-type:none;	
}

.sidebar ul li h2{
	font-size: 1.15em;
        color:#663333;
        text-align:center;
        list-style-type:none;
}


.sidebar ul ul li{
	background-image:url(/wp-content/uploads/2010/01/index_r13_c6.jpg);
        background-repeat:no-repeat;
        background-position: 15px 1.2em; /* position from the left and from the top */
        padding:10px 0 0 25px;
}

#IEroot .sidebar ul{
        margin-top:-10px;
}

#IEroot .sidebar ul ul li{
        background-position:15px 1.3em;
}


.sidebar ul li ul li a{
        font-weight:bold;
        font-size:1.25em;
        color:#2887ce;
        text-decoration:none;
        text-transform:uppercase;
}

.sidebar ul ul li.text{
        line-height:18px;
}

.sidebar .widget{
        text-align:center;
        list-style-type:none;
}

table{
        margin:10px 0;
}

#footer{
        position:relative;
        clear: both;
	width: 850px;
        height:40px;
        background:url(images/footer_bg.gif);
        background-repeat:no-repeat;
        margin:-40px auto 0;
}

#footer p{
        padding:14px 0 15px;
	text-align:center;
        font-size:.95em;
        color:#fff;
}


/**********comments section follows ****************/

.comments-template{
	margin: 10px 0 0;
	border-top: 2px dashed #e2ebf1;
	padding: 10px 0 0 10px;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 2px dashed #e2ebf1;
}

.comments-template ol li.alt{ /*to style alternate comment list items */
	background-color:#f1f6f9;
}

.comments-template ol li.alt, .comments-template ol li.transparent_class { /*from http://css-tricks.com/css-transparency-settings-for-all-broswers/*/
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.7;
}	

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 1.33em;
}

.commentmetadata{
	font-size: 1em;       
}

.commentmetadata a{
         color:#000;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 1em;
}

.clear{
        clear:both;
        width:100%;
        height:25px;
}

.widecolumn{
        width:560px;
        padding:0;
        margin:0;
}

/* ---------------------------- Contact Form Styling ------------------------- */

#post-32 {
        padding-left:105px;
}

/* --------------------------------------------------------------------------- */


.white_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}

.gry_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #707F86;
}

.black_18 {
	font-family: "Bookman Old Style";
	font-size: 1.5em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
}

.blue_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #3070C7;
}

.right_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color: #2275B3;
	text-decoration:none;
}

.right_text:HOVER {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
	color: #2887CE;
	text-decoration:none;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable span {
	display: block;
}

.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}

.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}

.sociable ul li:before { content: ""; }

.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}