/*  
Theme Name: Coffee Phil
Version: 1.0
Author: N Allen
Description: The Coffee Philosophy Blog
*/

@import url("style-coffee.css");

* {
	font-family: Verdana, sans-serif;
}

body {
	font-size: 12px;
	color: #023854;	
	margin: 0px 0px 0px 0px;
}
body * {
	margin: 0px; 
	padding: 0px;
}
hr {
	height: 5px;
	margin: 10px 0px;
	border: none;
}
blockquote{
	margin: 0px 0px 0px 5px;
	padding: 8px 25px 5px 40px;
	font-size: 15px;
	font-style: italic;
	font-family: Georgia, Times New Roman, Serif;
	}
blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
.clearboth {
	clear: both;
}
.alignleft{
	float:left}
.alignright{
	float:right}
/*************************************
	Links
**************************************/
a {
	text-decoration: none;
	outline:none;
	}
	
a:hover{
	text-decoration: underline;
	}
/*************************************
	Headings
**************************************/
h1  {
	font-size: 26px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	}
h3.h1 { /*make homepage h3's for the first 2 stories look like H1 */
	font-size: 22px;
 }
h1 a, h3 a, h1 a:visited, h3 a:visited  {
	text-decoration: none;
}
h1 a:hover, h3 a:hover {
	text-decoration: underline;
}
h2 {
	font-size: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 10px 0px;
	line-height: 120%;
	margin: 0px;
}
	
h2 a, h2 a:visited  {
	color: #666;
	text-decoration: underline;
}
h2 a:hover {
	text-decoration: none;
	}
h3 {
	font-size: 18px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
        padding: 7px 0px;
}
#sidebar h3 {
	font-size: 22px; 
}
h3 a, h3 a:visited {
	text-decoration: none;
}
#sidebar h2 {
	margin: 0px 0; padding: 5px 0px;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
#sidebar #popular h2 {
}
h6 {
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0px 0 10px 0px;
	line-height: 150%;
	margin: 0px;
}

/*************************************
	Subscribe form 
**************************************/
.subscribe {
	width:383px;
	height:60px;
	float: right;
 	position: absolute;
	top: 0px;
	right: 0px;
}
.subscribeform {
	float:left;
	padding:5px 0 0 18px;
	overflow:hidden;}
	
.subscribeform p { 
	margin:0;
	padding:0;
 	font:bold 14px Arial, Helvetica, sans-serif; 
	color:#fff; }
	
.subscribeform .input{
	 width:188px;
	 height:21px;
	 padding:12px 5px 0 5px;
	 border:none;} 
.sbutton {
	width:74px;
	padding:5px 0 5px 0;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
	cursor:pointer;
	border:none;
	}


/*************************************
	RSS Feed
**************************************/
 .rss {
 	float:left;
	padding: 8px 0 0 19px; margin: 0px;
}

 
ul.tablist { 	
	margin:5px 0px; 
	padding:0; 
	list-style: none; 
	color:#333;}
ul.tablist li  { 
	font-size:11px; 
	margin:0 5px ;  
	padding: 2px 0 0 15px; 
	list-style:none;
	border-bottom:1px dotted #959595; 
	text-align:left;}
ul.tablist li a         { 
	text-decoration: none; 
	line-height:18px;}
ul.tablist li a:hover 	{ 
	}


/*************************************
	Main Container
**************************************/
#container { 
	width:840px;
	text-align: left; 
	margin: 0 auto;
	padding: 0px 10px;
	border: 0px solid black;
	clear: both;
	overflow:hidden;
	height:100%;
	}


 
/*************************************
	Content
**************************************/
#content {
	width: 512px;
	float: left; 
	padding: 14px 10px 20px 10px;
	display: block;
	overflow:hidden;
	}
#content h1.btmspace{
	margin-bottom:15px;
	}
#content p{
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	}
#content p img{
	border: none;
	padding: 0px 5px 15px 0px;
	}
#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 35px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: disc outside;
	margin: 0px 30px 0px 30px;
	padding: 5px 0px 0px 0;
	}
#content ol li {		
	padding: 5px 0px 5px 0;
	}
#content .post-meta-top {
	display: block;
	margin: 0px 0px 15px 0px;
	padding: 5px 0px;
	float:left;
	background:url(images/sepretor_hr.png) repeat-x bottom;
	width:100%;
}
#content .post-bottom {
	display: block;
	margin: 0px 0px 25px 0px;
	padding: 5px 10px;
	clear: both;
	overflow:hidden;
	height:100%;
}
.post-bottom a {
	color: #535353;
	text-decoration: none;
}
.post-bottom a:hover {
	text-decoration: underline;
}
.cat {
	float:  left;
	width: 75%;
	text-align: left;
}
.cat span {
	padding: 0px 0px 0px 18px;
}
.comm {
	float: right;
	width: 38px;
	height:39px;
	font-size:22px;
	line-height:27px;
	text-align: center;
}
.comm span {	
	 text-align:center;
	 padding:5px 0 0 0;
}
.comm a {
	text-decoration: none;
}

.i_comment2 {
margin-top:10px;
padding-left:13px;
padding-right:10px;
background:url(images/i_comment2.png) no-repeat 0 3px;
}
.i_comment2 a {
font-weight:bold;
}

.auth {
	float: left;
 	padding:0 0px 0 0;
	text-align: left;
}
.auth span {
	padding: 0px 0px 0px 15px;
}
.auth a {
	text-decoration: none;
}
.date {
	float: left;
	text-align: left;
	padding:0 0px 0 5px;
}
.date span {
}
/*********************************************
		Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 15px 0px;
	padding: 2px 0px;
	height: 22px;
}
.nav-previous {
	width: 249px; 
	float: left; 
	text-align: left;
	margin: 2px 0px;
}
.nav-next {
	width: 249px; 
	float: right; 
	text-align: right;
	margin: 2px 0px;
}
.page-nav a {
	text-decoration: none;
}
.nav-previous a {
	padding-left: 10px;
}
.nav-next a {
	padding-right: 10px;
}
/*************************************
**************************************
	Comments
**************************************
**************************************/
#comments-wrap {
}

.textarea {}
.Cbutton { 
	border:none; 
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:4px;}

/*	Headers	*/

#comments-wrap h6 {
	font-size: 20px;
}

/*	Comments	*/

.commentlist {	
}
.thecomment {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
.comment-body {
	margin: 0px; padding:5px 10px 20px 30px;
}
.comment-metadata {
	padding:5px 10px;
}
.comment-metadata a, .comment-metadata a:visited {
}
.comment-metadata a:hover {
}
.authorcomment {
	margin: 0px 0px 10px 0px;
	font-size:12px;
	overflow: hidden;
	height:100%;
}
.authorcomment .comment-body {
	border: none;
	
	
}
.authorcomment .comment-metadata {
	padding: 11px 10px;
}

.nav-next	  { padding-right:8px; font-weight:bold;}
.nav-previous { padding-left:8px; font-weight:bold;}

/*	Comment Form	*/

 
/*************************************
	Sidebar
**************************************/
#sidebar {
	float: right;
	display: block;
	width: 285px;
	margin: 0 0px 0 0px;
	padding: 0px 3px 0px 0px;
	background: url(images/b1_sidebarbg.png) repeat-y left;
	margin-top:14px;	
}

.sidebar_top {
background:url(images/sidebar1_top.png) no-repeat top left;
}
.sidebar_bottom {
background:url(images/sidebar1_bottom.png) no-repeat bottom left;
padding-left:20px;
overflow:hidden;
height:100%;
}


#sidebar .sidebar-bot {
	display: block;
	height: 20px;
	clear: both;
}
#sidebar ul {
	list-style-type: none;
	
}
#sidebar .advertise {
	text-align: left;
	padding:0;
	margin-left:7px;
}
#sidebar .advertise img {
	padding:0 5px;
	border:none;
}
#sidebarwrap {
 	padding: 15px 0px 0px 0px;
	margin: 0px;
	border: none;
}

/*************************************
	Popular Posts Section
**************************************/
#sidebar #sidebarwrap #popular {
	margin: 0px;
	padding:0px 0px 0px 0px;
	font-size: 11px;
	
}

 /*popular box Rounded Corner start */
#pxsnazzy {margin:0 0 10px 0;}
.pxtop, .pxbottom {display:block; font-size:1px;}
.pxb1, .pxb2, .pxb3, .pxb4 {display:block; overflow:hidden;}
.pxb1, .pxb2, .pxb3 {height:1px;}
.pxb1 {margin:0 5px;}
.pxb2 {margin:0 3px; }
.pxb3 {margin:0 2px;}
.pxb4 {height:2px; margin:0 1px;}
.pxboxcontent {display:block; padding:2px;}
/*popular box Rounded Corner End */


#popular ul {
	margin: 0px; padding: 0px 10px 15px 10px;
	
}
#popular ul li {
	margin: 0px; padding: 0px;
}
#popular ul li ul {
	padding:  0px;
}
#popular ul li ul li {
	margin: 0px; padding: 5px 15px;
}
#popular ul li ul li a, #popular ul li ul li a:visited {
	padding: 0;
	margin: 0px;
	text-decoration: none;
}
#popular ul li ul li a:hover {
	text-decoration: none;
}

#sidebar #search { 
width:auto; 
background:none; 
overflow:hidden; 
height:100%; 
float:none; 
} 
#sidebar h2 { 
clear:both; 
}
#sidebar #searchform {
margin:10px 0px;
text-align:left;
float:none;
background:none;
}
#sidebar #searchform input {
margin-bottom:5px;
padding:3px;
font:bold 11px Arial, Helvetica, sans-serif;
}