/*
Theme Name: CoffeeAngel
Description: Designed by Oran Day for Coffee Angel, 2009. Built by Patrick Mullen
Version: 1.1.5
Author: Oran Day & Patrick Mullen
*/

Orange: #f78f1e
Gray: #808080
Shopping Cart Grey:#e5e5e5
*/






/* RESET */
/* ----------------------------------------- */

*				{	margin: 0; padding: 0; }
html			{ 	overflow-y: scroll; }
html, body		{ 	height: 100%; }
body			{ 	font-size: 62.5%; font-family:  verdana, arial, helvetica; color: #808080;
					background: url(images/bg.gif); }
ul				{ 	list-style: none; }
ol				{ 	list-style: none; }
a				{ 	outline: none; text-decoration: none; }
a img			{ 	border: none; }

table			{ 	border-collapse: collapse; }








/* 
UTILITY 
*/

.floatLeft		{ 	float:left; }
.floatRight		{ 	float:right; }
.clear			{ 	clear:both; }
.button			{	border: 0px solid #565656, background: #fffff; padding: 2px 3px;
					-moz-border-radius: 5px; -webkit-border-radius: 5px; color: #ffffff; }
button:hover	{	background: #fffff; color: #565656 ; }

.breadcrumb
{
	font-size: 1.1em;
	color: #000000;
	margin: 30px 0 0 10px;
	position: relative;
	float: left;
}
 


/*
Typography
*/

a					{	color: #808080; }
a:hover				{	color: #f78f1e; }
span.black			{	font-family: georgia; font-size:13px; margin-bottom:0px; color:#808080; }
span.orange			{	font-family: georgia; font-size:13px; margin-bottom:0px; color:#f78f1e;  }





/* 
Structure 
*/
#page-wrap		{ 	width: 960px; margin: 60px auto -150px; background: #ffffff;
				 	min-height: 100%; height: auto !important; height: 100%; }
				 	
#push			{	height: 100px; }
		
#main-col		{	float: left; width:645px; margin:20px 0 0 0px; padding-left:20px; padding-bottom:50px; border-left: 1px solid #808080; }

#main-col p		{	font-family: georgia; font-size:13px; line-height:18px; color:#808080; } 

#img			{	width: 297px; margin-left:20px; float: right;}

#main-col p.postmetadata	{	font-family: georgia; font-size:13px; line-height:18px; color:#565656; padding-bottom:15px; border-bottom:1px solid #808080;} 







/* 
HEADER
*/
#header				{	width:840px; height:100%; 
					float: left; margin: 0px 60px 0px 60px; }

#top-bar			{	width:840px; padding: 20px 0 20px 0; 
					float: left; border-bottom:1px solid #808080; //margin: 0px 60px 0px 60px;// }
					
#logo				{	width:265px; height:55px; display: block;
					background: url(images/logo.gif) top left no-repeat; 
					text-indent: -9999px; float: left; //margin: 0px 60px 0px 60px;// }
					
#socialnetworking	{	float: right; //margin: 0px 60px 0px 0px;//  }



#bottom-bar			{	width:840px; padding: 0px 0 20px 0; 
					margin: 14px 0px 0px 0px; float: left; border-bottom: 1px solid #808080; background:#ffffff;}
					
#fadeshow1			{ z-index:0; background:#ffffff; }



#top-bar p			{	color: #565656;	margin: 10px 0 10px 10px; width:300px; float: left; }


form#searchform		{	margin: 28px 15px 10px 0px; float: right; }





/* 
sidebar
*/
#nav			{	float: left; width: 200px; height:100%; margin-left:20px; margin-top: 25px; margin-right:10px;   }

#sidebar		{	float: left; width: 200px; margin-left:0px;  }

#sidebar ul		{	  }

#sidebar li		{	margin-top:-14px; font-weight: bold;}



#twitter		{	font-family: georgia; float: left; width: 150px; margin-left:40px; border-top: 1px solid #808080; font-size:12px; line-height:15px; }

#twitter ul		{	margin-left:-40px;  }

#twitter li		{	margin-top:0px; font-weight: bold;}

span.tweet_title{	font-family: lucida, lucida console, verdana;  font-size:12px; line-height:18px; color:#f78f1e; } 



/*
Page Templates
*/
#post				{  }

#post p				

.post h2			{  	font-family: georgia; line-height:14px; }

.post h4			{	width:101%; line-height:20px; border-top:1px solid #cccccc; border-bottom:1px solid #565656; font-family: georgia; font-size:13px; 									color:#000000; margin:0 0 5px 0; text-style: uppercase;}

h6					{	font-family: georgia; margin-top:-10px; color:#000000; border-bottom: 1px solid #808080;}





#justtext p		{ 	padding-right:120px; }


/*
Homepage
*/
#homepage p		{ 	font-size:13px; line-height:16px; width:500px;}


.post h4.home			{	width:500px; line-height:20px; border-top:1px solid #cccccc; border-bottom:1px solid #565656; font-family: georgia; font-size:13px; 									color:#000000; margin:0 0 5px 0; text-style: uppercase;}
/*
Text & Image Page
*/

#image-shift .alignnone	{ margin-right: -225px;}


.s1					{ float: right; margin-left: 15px; margin-right: -5px; margin-top: 0px; cursor: pointer; overflow: hidden; width: 302px; }

.s1 img				{	border: 1px solid #f78f1e; }

#image-shift p		{ 	padding-right:320px; }

.hiddengallery			{ 	position:fixed;
							margin: -1900px 0px 0px -1900px; width:100%; height:100%; }

#hiddengallery img		{ width:100%; height:100%; }

/*
News Page
*/
#main-col-news		{	float: left; width:645px; margin:20px 0 0 0px; padding-left:20px; padding-bottom:50px; border-left: 1px solid #808080; }

#main-col-news p		{	font-family: georgia; font-size:13px; line-height:18px; color:#808080; width:500px; } 

#main-col-news img			{ margin-left:0px; }

#main-col-news p.postmetadata	{	font-family: georgia; font-size:13px; line-height:18px; color:#565656; padding-bottom:15px; border-bottom:1px solid #808080;} 





/*
Comments
*/

ol.commentlist		{	list-style: none; width:460px;}
.comment-bubble		{	border:1px solid #6d6e70; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px;}

ol.commentlist li	{	padding-bottom: 15px; margin-left:-40px; }
ol.commentlist li p	{	font-size: 1.2em; color:#ffffff;  }

ol.commentlist li p.commentmetadata	{	color:#d6de23; font-size: 1.0em; margin-top: -30px; margin-left:40px;  }

img.avatar			{	margin-top:5px;	}





/*
SHOP ENTRIES
*/

#post ul			{	margin-left:-40px; }

#post li			{	display:inline; }




/* 
Shop
*/
#shop			{	float: left; width:405px; margin:0px 0 0 0px; background:; }

#shop h4		{	width:103%; line-height:20px; border-top:1px solid #cccccc; border-bottom:1px solid #565656; font-family: georgia; font-size:13px; color:#000000; margin:0 0 -10px 0;}


#cartwrap		{	float: right; width:200px; margin:0px 0 0 0px; }


#cart			{	float: right; width:200px; margin:0px 0 0 0px; padding-left:10px; background:#e5e5e5; }




// #listcategories		{	float: left; width:417px; margin:0px 0 20px 0px; padding:0px 0 0px 0px; }


// #listcategories	a		{	font-family:georgia; font-size:13px; color:#757575; font-weight:bold; }

// #listcategories	a:hover	{	font-family:georgia; font-size:13px; color:#f78f1e; font-weight:bold;}

// #listcategories li.cat-item	{	 width:407px; float: left; border-bottom:1px solid #cccccc; padding-left:10px; margin-top:5px; }






 #categories			{	float: right; width:200px; margin:10px 0 0 0px; padding:10px 0 10px 10px; background:#e5e5e5; }
 #categories a			{	font-family:georgia; font-size:12px; color:#757575; }
 #categories a:hover	{	font-family:georgia; font-size:12px; color:#f78f1e; }
 #categories h3			{	font-family: georgia; margin:0px 0 5px 0px; font-weight: bold; font-size: 12px; }
 #categories a.productlink	
 
 
 
 
 
/*
RSS ENTRIES
*/
.feed				{	border-bottom:1px;}
.rssdatebox			{	width: 18px; float: left; padding: 2px; background: #6d6e70;
						color: white; text-align: centre; margin: 0px 10px 0 0; }
.rssday				{	font-size: 1.2em; font-weight: bold; margin-left:2px; }
.rssmonth			{	font-size: .8em; font-weight: bold; 
						text-transform: uppercase; margin-left:2px; }
.rssyear			{	font-size: 1.2em; font-weight: bold; margin-left:2px; }
h4.rss				{	color: #565656; font-size: 1.2em;  }
p.footnote			{	padding-top: 10px; padding-bottom:10px; border-bottom:1px dashed #d6de23; }
hr.rss				{	margin-bottom:10px; border:0; color: #ffffff; height: 0px; width: 100%; text-align: left; }




/*
FOOTER
*/
#footer			{ 	height: 80px; background: #ffffff; border-top: 1px solid #808080;
					padding-bottom: 10px; margin:0 60px 0px 60px; }

#footer p		{	font-family: verdana; font-size:11px; line-height:16px;	}

a.otog			{	color:#f78f1e; }


a.otog:hover	{	color:#808080; }



/* SEARCHBOX */
#searchbox {
	background: url(images/searchbox.gif) no-repeat;
	width:180px;
	height:21px;
	display:block;
	float:right;
	margin-top:25px;
	margin-right:15px !important;
	margin-right:5px;
	padding:3px 2px;
}


#searchbox .textfield {
	background:none;
	border:0px;
	width:152px;
	height:17px;
	float:left;
	margin-right:2px;
	padding-left:2px;
}


#searchbox .button {
	background:none;
	border:0px;
	width:18px;
	height:18px;
	cursor:pointer;
	float:left;
	margin-top:1px;
}

#searchbox .searchtip {
	color:#999;
}
/* SEARCHBOX END */




/*
WIDGETS
*/
.widget				{	background: #fff; width: 185px; float: left; border-right: 1px solid #565656;
					border-bottom: 1px solid #565656;
					-moz-border-radius: 5px; -webkit-border-radius:5px; margin: 0 0 15px 0; }
.widget	.inside		{	padding: 0px;	}
.widget ul			{	list-style: square; margin-left: 15px; }
.widget ul a		{	display: block; padding: 2px; }
.widget ul a:hover	{	background: red; color: white; }	
.thumb				{	width: 62px; float: left; margin: 0 0 10px 15px; }
.flick-thumb		{	hei