/*
	Theme Name: SP
	Theme URL: http://sp.remula.com/
	Description: Simple Pleasures
	Author: Remula Wazokana
	Author URI: http://www.remula.com
	Version: 1.0

*/


/***********************************************************
/* Import Stylesheets                   
************************************************************/
@import url("style-header.css");
@import url("style-images.css");
@import url("style-sidebar.css");
@import url("style-postmeta.css");
@import url("style-comments.css");
@import url("style-archive.css");

body {
	color: #333333;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}

blockquote {
  display: block;
  padding: 20px 20px 10px 45px;
  margin: 20px 0;
  font-style: italic;
  font-family: Arial;
  font-size: 1.2em;
  color: #141310;
  background: #e7e6e2 url(images/blockquote.gif) no-repeat top left;
  }

#wrap {
	background: #eeeeee;
	margin: 0px auto 0px;
	padding: 0px;
	position: relative;
	}

h1.page {
  padding-top: 20px;
  padding-bottom: 10px;
  font-family: Arial;
  }
  
h1.archive {
  font-size: 3em;
  padding-bottom: 10px;
  padding-left: 5px;
  }

/************************************************
*  Hyperlinks									*
************************************************/

a:link {
	color: #00cc00;
	text-decoration: none;
	font-weight: bold;
	}
	
a:visited {
	color: #648C3B;
	text-decoration: none;
	font-weight: bold;
	}
	
a:hover {
	color: #ffffff;
	background: #00cc00;
	text-decoration: none;
	}
	
a img {	border: none;	}
	
a:focus, a:hover, a:active {
	outline: none;
	}
	

/************************************************
*  Content 					     		        * 
************************************************/
#contentwrapper {
	background: #eeeeee;
	margin: 0px auto 0px;
	width:1000px;
	padding-top: 20px;
	position: relative;
	line-height: 18px;
	}

#left_col { 
  float:left; 
  display:inline; 
  width:700px; 
  margin:0 0 0 2px; }
  
#sidebar_main_right {
	width: 270px;
	float: right;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	display: inline;
	}
  
#content {
	width: 960px;
	margin: 0px auto 0px;
	padding: 20px 0px 0px 0px;
	line-height: 18px;
	}
	
#contentleft {
	float: left;
	width: 670px;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	}
	
#contentright {
	float: right;
	width: 670px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	}
	
#contentsplit {
	float: left;
	width: 500px;
	margin: 0px;
	padding: 10px 0px 5px 20px;
	}
	
#contentfull {
	float: left;
	width: 960px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	}
	
#content a img {
	border: none;
	}

#content blockquote {
	background: #F4F4F4;
	margin: 0px 25px 15px 25px;
	padding: 10px 20px 0px 15px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
#content blockquote p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	margin: 0px;
	padding: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	margin: 0px;
	padding: 0px;
	}
	

/*********************************************************
********************POST**********************************
**********************************************************/


.comments {
	background: #eeeeee;
	margin: 0px 0px 15px 0px;
	padding: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

.sticky {
	background: #F4F4F4;
	margin: 0px 0px 50px 0px;
	padding: 20px 10px 0px 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

.clear {
	clear: both;
	}
	
.archive {
	float: left;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	}
	
/************************************************
*  Footer Background					    	*
************************************************/

#footerbg {
	background: url(images/header.png) repeat-x;
	height: 80px;
	}
	
/************************************************
*  Footer  							            *
************************************************/

/****PAGE NAVI**/

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;}

.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	font-weight: bold;}
	
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;}
	
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;}
	
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;}


/****FOOTER****/


#footer {
	width: 1000px;
	margin: 0px auto 0px;
	padding: 0px;
	line-height: 20px;
	}
	
#footer p {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	}
	
#footer a, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

#footer a:hover {
  color: #cccccc;}
	
.footerarrow, a.footerarrow:hover {
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 2px 18px;
	background: url(images/arrow_footer.png) no-repeat left center;
	}
	
.footerrss, a.footerrss:hover {
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 2px 15px;
	background: url(images/rss_footer.png) no-repeat left center;
	}	
	
.footerleft {
	width: 180px;
	float: left;
	margin: 0px;
	padding: 20px 0px 20px 0px;
	}
	
.footerright {
	width: 750px;
	float: right;
	margin: 0px;
	padding: 20px 0px 20px 0px;
	text-align: right;
	}


/* ----------------------- clearfix hack ------------------------- */
.clearfix:after { 
  content: "."; 
  display: block; 
  clear: both; 
  height: 0; 
  visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */