/* -- START CSS --

Author: Heather Graham Online
Author URI: http://heather-graham.org
Theme Name: HG09
Description:  Main content area template based on WP-Celebrity theme designed by <a href="http://dznrokr-fansites.com">DZNROKR</a>


/**************GLOBALS*****************/



body {
margin : 0;
background : url(images/bg.jpeg) repeat;
font-family : Tahoma;
font-size : 12px;
line-height : 11pt;
color : #474747;
text-align : justify;

}


a:link {color:#A51047; font-weight: normal; text-decoration: none; }
a:visited {color:#A51047; font-weight: normal; text-decoration: none; }
a:hover {color : #E56526; font-weight: normal; text-decoration: underline; }
a:active {color:#A51047; font-weight: normal; text-decoration: none; }


a.navi:link {color: #999999; text-decoration: none; font-size: 16px; font-weight: bold;}
a.navi:visited {color: #999999; text-decoration: none; font-size: 16px; font-weight: bold;}
a.navi:hover {color: #E6814D; text-decoration: underline; font-size: 16px; font-weight: bold;}
a.navi:active {color: #999999; text-decoration: none; font-size: 16px; font-weight: bold;} 


div#wrapper {
width : 819px;
background : url(images/bg.jpg) repeat;
background-position : 0 0;
margin-top : 370px;
margin-bottom : auto;
margin-left : 58px;
margin-right : auto;
padding : 0;

}

div#ad2 {
position: absolute; 
top: 315px; 
left: 940px; 

}

div#sidebar {
background: url(images/side-bg.jpg) repeat-y;
float:right;
width:290px;
height: auto;
margin-top : 142px;
margin-right: -62px;
padding-left: 10px; 

}




div#content {
width: 500px;
margin-left:-0px;
margin-right: 10px;
padding-left: 0px; 
padding-right: 10px; 

}


div#footer {
background : url(images/bottom.jpg) no-repeat;
background-color: #ffffff;
width : 100%;
height : 140px;
margin-top : auto;
margin-bottom : auto;
margin-left : 0;
margin-right : auto;
padding : 0;
}





#pic0 {
position: absolute;
top:0px;
left:0px;
width : 100%;
height : 305px;
background-color:#ffffff;

}



#pic1 {
background : url(images/top.jpg) no-repeat;
position: absolute;
top: 0px;
left: 0px;
width : 573px;
height : 305px;

}




#pic2 {
background : url(images/side-top.jpg) no-repeat;
position: absolute;
top: 0px;
left: 573px;
width : 451px;
height : 512px;

}


#pic3 {
background : url(images/nav.jpg) no-repeat;
position: absolute;
top: 305px;
left: 0px;
width : 573px;
height : 51px;

}


#pic4 {
position: relative;
top: auto;
left: -9px;
width : 289px;
height : 266px;

}



div#nav {
position : absolute;
top : 335px;
left : 65px;
width : 573px;
height : 51px;
font-family: Helvetica, sans-serif;
font-size: 18px;
color: #E65773;


}



h1 {
font-family : Helvetica;
font-size : 22px;
color : #E2536F;
font-weight : normal;

}



h2 {
font-family : Helvetica;
font-size : 20px;
color : #F4CA5C;
font-weight : normal;

}




h3 {

font-family : Helvetica;
font-size : 18px;
color : #923989;
font-weight : bold;

}



hr {
border: 0;
width: 100%;
background-color: #E4A76E;
color: #E4A76E;
height: 2px;

}


em, i { color: #1C82A6; }



affiliates, input, textarea, select {
font-family : tahoma;
color : #474747;
font-size : 8pt;
border-color : #474747;
background : #ffffff;
border: 1px solid;
text-align : left;

}



blockquote {font-style: italic;
color: #EFDE4F;
padding: 10px;
margin:20px;
border-left: 6px solid #E4A76E;}


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


.affiliates img {
border-width :1px;
border-color: #A51047;
background-color: #A51047;
margin: 2px;
border-style: solid;
}

.affiliates img:hover {
margin: 2px;
border-width :1px;
border-color: #E56526;
background-color: #E56526;
border-style: solid;
}


/**************SIDEBAR*****************/

#sidebar ul {list-style: none; padding-left:0px; padding-right: 25px; padding-top: 0px; padding-bottom: 0px; }
#sidebar ol {list-style: none;padding:0; margin:0;}
#sidebar ul li, ol li {margin-left:8px;}
#sidebar p, ul, ol { margin:0; padding:0 0 0 0; }


#sidebar h2 {
font-family : Helvetica, sans-serif; 
font-size : 20px; 
color : #ffffff; 
font-weight: normal; 

}


img.sidebar {
	border: 3px solid #F8F0EE;
	padding: 0px;}



img.sidebar:hover {
	border: 3px solid #E2D6E0;
	padding: 0px;}



/**************CONTENT*****************/

#content ul {list-style: none;padding:0; margin:0;}
#content ol {list-style: none; padding:0; margin:0;}
#content ul li, ol li {margin-left:20px;}
#content p, ul, ol {margin:0; padding:0 0 15px 0; 
}




.post-header {float:left;width:100%; padding-bottom: 0px;}
.post-header h1 {font-family: Helvetica, sans-serif; font-size: 20px; color: #F08246; background-color: #ffffff; padding: 15px; border-left: 5px solid #dddddd;}
.post-header h1 a{font-size: 20px; color: #F08246;}
.post-header h1 a:active, visited{font-size: 20px; color: #F08246;}
.post-header h1 a:hover{font-size: 20px; color: #71A4C3; }



.post-meta {color:#282828; font-size:10px; padding-top: 0px; padding-bottom: 20px; padding-left: 15px; padding-right: 0px;}
.post-meta a {color:#A54A99; text-decoration:none normal; font-weight: normal;}
.post-meta a:active, visited {color:#A54A99; text-decoration:none normal; font-weight: normal;}
.post-meta a:hover {color:#71A4C3; text-decoration:none; font-weight: normal;}


.post-body {
margin-top: 20px;
margin-bottom:20px;
padding-top: 20px;
padding-bottom: 20px;
text-align : justify;}


.post-body img {padding:5px;margin:5px;border:0px solid #9ebecb;}
.post-body img:hover {padding:5px;margin:5px;border:0px solid #a2bac6;}


img.wp-smiley {
margin:0px;
padding:0px;
border:0px;

}




/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.6 Plugin: WP-PageNavi 2.40									|
|	Copyright (c) 2008 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://lesterchan.net															|
|																							|
|	File Information:																	|
|	- Page Navigation CSS Style													|
|	- wp-content/plugins/wp-pagenavi/pagenavi-css.css					|
|																							|
+----------------------------------------------------------------+
*/


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px 4px 4px 4px; 
	margin: 4px;
	text-decoration: none;
	border: 1px solid #813773;
	color: #813773;
	background-color: #ffffff;	
}
.wp-pagenavi a:visited {
	padding: 4px 4px 4px 4px; 
	margin: 4px;
	text-decoration: none;
	border: 1px solid #813773;
	color: #813773;
	background-color: #ffffff;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #813773;
	color: #ffffff;
	background-color: #813773;
}
.wp-pagenavi a:active {
	padding: 4px 4px 4px 4px; 
	margin: 4px;
	text-decoration: none;
	border: 1px solid #813773;
	color: #813773;
	background-color: #ffffff;	
}
.wp-pagenavi span.pages {
	padding: 4px 4px 4px 4px; 
	margin: 2px 2px 2px 2px;
	color: #813773;
	border: 1px solid #813773;
	background-color: #ffffff;
}
.wp-pagenavi span.current {
	padding: 4px 4px 4px 4px; 
	margin: 4px;
	font-weight: bold;
	border: 1px solid #813773;
	color: #ffffff;
	background-color: #813773;
}
.wp-pagenavi span.extend {
	padding: 4px 4px 4px 4px; 
	margin: 4px;	
	border: 1px solid #813773;
	color: #813773;
	background-color: #ffffff;
}





/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body, #wrap {
height : 100%;
}


body > #wrap {
height : auto;
min-height : 100%;
}


#main {
padding-bottom : 140px;
}


#footer {
position : relative;
margin-top : -140px;
height : 140px;
clear : both;
}



<style type="text/css">

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

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]--