/*  
Theme Name:Cuppa Joes Coffee
Theme URI:http://www.cuppajoescoffee.com/
Description:The second greatest theme ever
Version:9.9998
Author:Mr Black
Author URI:http://www.cuppajoescoffee.com/
*/

*{margin:0; padding:0}

html, body{background:#f4f2e5; color:#000; font:12px Arial,Helvetica,sans-serif; height:100%}

	h1{font:bold 24px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; margin-bottom:3px;}

	h2{font:26px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; margin:0; padding-bottom:5px;}
	
	h3{font:18px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; margin-bottom:5px;}

		a.grey{color:#ccc}
			a.grey:hover{color:#666}
		a.grey:visited{color:#ccc}
			a.grey:visited:hover{color:#666}

	h4{font-size:16px; letter-spacing:-1px; margin-bottom:5px; color:#c00}

	h5{font-size:16px; letter-spacing:-1px; margin:50px 0 10px 0;}

	a{color:#7b6a51; text-decoration:none}
	
	a:hover{color:#000; text-decoration:underline; outline:none;}

		a:hover img, a:hover object, a:hover area, a:hover map, a:hover embed {outline:none}
	
		input:hover, select:hover, option:hover, map:hover, area:hover {outline:none;}

	li{list-style:none}

#topbg{width:100%; min-width:760px; height:30px; background:transparent url(images/000-topbg.gif) top repeat-x;}

	#masthead{padding:0; margin:0 0 0 20px; background:transparent url(images/000-toplogo.gif) top left no-repeat; height:30px; width:100px; float:left}
	
	#masthead a{position:absolute; top:0; left:auto; width:50px; height:29px;}
	
	#masthead h1{display:none}

	.topDrop{float:right; margin:4px 10px 0 0}
		.topDrop select{background:#fff; color:#000; font-size:14px; text-align:left;}


#wrapper{margin:0 auto; text-align:left; min-width:760px; width:100%}

	* html #wrapper{width:760px}


ul.nav{list-style:none;}

	#navbar{border-bottom:2px solid #b5a48b}

	.nav li{float:left; display:block;}
	
	.nav li a{font-size:12px; color:#333; text-decoration:none; display:block; padding:8px 15px; font-weight:bold}
	
	.nav li a:hover{background:#a3d065}
	
	.nav li.skip{border-left:1px solid #ddd; float:right; display:block width:100px}
	
	.nav li.skip a{width:100px}

#mid{}

#mainCol{float:left; margin:25px 0 0 0; min-width:435px; width:69%; padding-left:5px;}

	#mainGallery{float:left; margin:25px 0 0 0; min-width:750px; width:98%; padding-left:5px;}

#midCol{color:#444; float:right; margin:25px 25px 0 0; width:25%;}

#midCol p{color:#777}

.middle_additions{margin-bottom:40px}

.middle_additions h2{border-bottom:3px solid #e3dfc7; margin:0; text-align:center;}

.middle_additions img{border:1px solid #b8b8b8; margin:0 0 5px 0}

#searchWrap{float:right; margin:2px 12px 0 0}

#searchWrap input{vertical-align:middle}

#searchWrap #s{font-size:1.1em; padding:1px 2px; margin-right:3px; width:120px}

#searchWrap #s:focus{}

#midCol ul{list-style:none; margin:8px 0 4px}


.entry p{margin:0 0 20px 0; font-size:14px; line-height:20px}

	.entry img{border:1px solid #000; padding:1px; margin-right:10px; margin-bottom:10px}
	
	.entry img.right{margin:0 0 10px 10px}
	
	.entry ul{margin:15px 0; line-height:20px;}
	
	.entry ul li{list-style-type:none; list-style-position:inside; padding:6px 40px; font-size:14px}
	
	.entry blockquote{float:right; color:#999; width:150px; margin:0 0 15px 15px; font-size:22px;  font-style:italic; text-align:center}


.postMeta{background:url(images/dot.gif) repeat-x left center; text-transform:uppercase; font-size:11px; text-align:right; margin-bottom:5px}

.postMeta span.date{background:#fff; color:#7f7f7f; padding:0 2px 0 4px}

.postMeta span.comments{background:#fff url(images/chat_grey.gif) no-repeat left center; padding-left:15px; margin-left:2px}



.middle_additions ul{margin:0; padding:0}

.middle_additions li{list-style:decimal; list-style-position:inside; font-weight:bold; border-bottom:1px solid #e3dfc7; text-align:left; padding:4px 0;}

.middle_additions li.nolist{list-style:none; font-weight:normal}


	.middle_additions li span.title{color:#7f7f7f; padding:0 2px 0 4px}

	.middle_additions li span.date{text-transform:uppercase; color:#7f7f7f; padding:0 2px 0 4px}


.postList{border-bottom:1px solid #a0d9fd; text-align:left; padding:5px 0}

	.postList:hover{background:#fff8c1}

.postList span.title{color:#7f7f7f; padding:0 2px 0 4px;}

.postList span.date{text-transform:uppercase; color:#7f7f7f; padding:0 2px 0 4px;}


/* style me some comments and inputs */
#comments_wrapper{margin:50px 0 0 0}

#comments{width:435px; padding:12px 0 0 0}

#comments h3, 
h3#respond{color:#555; margin-bottom:7px}

ol.commentslist{list-style:none; margin:5px 0 12px}

.commentslist li{background:#fff url(images/lgrey_diag.gif) repeat top left; border:1px solid #bbb; margin-bottom:7px; padding:7px 0}

.commentslist li a{font-weight:bold; background:url(images/dot.gif) repeat-x bottom left}

.commentslist li.alt{background:#fff}

.commentslist li:hover{border-color:#888}

.commentslist .comment_text{margin:0 7px; line-height:1.4em; overflow:hidden}

.comment_text p, 
.comment_text ul, 
.comment_text ol, 
.comment_text blockquote{margin:1em 0}

.comment_text ul, 
.comment_text ol, 
.comment_text blockquote{margin:0 1em}

p.author_meta{font-weight:bold; text-transform:uppercase; margin:0 0 0 7px}

p.post_meta{font-size:11px; text-transform:uppercase; text-align:right; margin:0 7px 0 0}

.commentslist li.author{background:#444; color:#ccc}

.commentslist li.author a{color:#ddd}

.commentslist li.author a:hover{color:#fff}

#comments_closed{background:#333; color:#ccc; padding:7px 0; margin-top:12px; line-height:1.5em}

p.nocomments{margin:0 12px 0 7px}

p.nocomments a{color:#ddd; font-weight:bold; text-decoration:underline}

p.nocomments a:hover{color:#fff}

ol.pingslist{margin:1.5em 2em; font-size:12px}

.pingslist li{color:#7f7f7f; margin:0 0 7px 0}

.pingslist li a{font-weight:bold; background:url(images/dot.gif) repeat-x bottom left}

#commentform p{margin:1em 0}

#commentform p a{font-weight:bold; background:url(images/dot.gif) repeat-x bottom left}

#author, 
#email, 
#url, 
#comment{font:1.1em arial,helvetica,verdana,sans-serif; border:1px solid #BBB; padding:2px}

#comment{width:429px; overflow:auto}

#commentform p small{font-size:10px; color:#7f7f7f}

.commentslist code{background:transparent}

.post{margin:0 0 10px 0}

	.postIndex{margin:10px 20px 0 0; float:left}

#recent_list{padding:10px 0 0 0}

#recent_news{width:49%; margin:20px 0; float:left}

#recent_editorials{width:49%; margin:20px 0; float:right}

.viewmore{font-weight:bold; float:right}

.center{text-align:center}

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

.fix{display:inline-block}

* html .fix{height:1%}

.fix{display:block}

.posthidden{display:none}

.postshown{display:block}

.right{float:right}

.left{float:left}

.center{text-align:center}

/* footer - text string and links */

#footer{border-top:3px solid #b5a48b; margin:50px 0 0 0}

#footer a{font-weight:bold}
	
#footer p{padding:5px 0 20px 5px;}

	.footerRight{padding:5px 5px 20px 5px; float:right; text-align:right;}

a p.previous_entry{float:left; font-size:18px; background:#eee; border:1px solid #ccc; padding:5px}

a:hover p.previous_entry{background:#ddd; border:1px solid #bbb}

a p.next_entry{float:right; font-size:18px; background:#eee; border:1px solid #ccc; padding:5px}

a:hover p.next_entry{background:#ddd; border:1px solid #bbb}

img#wpstats{width:0px;height:0px;overflow:hidden}

#adsTop{width:748px; margin:5px auto;}

	#adsTop img{margin:0; padding:0; border:0;}

	#adsLeft{text-align:center;}

	#adsRight{text-align:center;}

#adsTopVideo{width:640px;text-align:center; margin:0 auto}

	#adsBottomVideo{width:650px; clear:both; text-align:center; margin:20px auto 0 auto}

iframe{margin:20px 0 0 0}