/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey

*/

body { background:#ffffff url(http://publiccoffeehouse.com/img/bg_shop.jpg) repeat top left; font:12px Arial, Helvetica, sans-serif; color:#454033;}

/*	--------------------------------------------------

 Structure

 -------------------------------------------------- */
#header { background:#000000; padding: 10px 3.5% 0 3.5%; position:relative;  }

#footer { clear:both; padding:13px 0 15px 0; height:100%; overflow:hidden; background:#000000; border:none;  }

/*	--------------------------------------------------

Header

-------------------------------------------------- */

.h_left {  float:left; position:relative; margin-right:35px; display:block; background: #000000;  margin-top:-2px; }
h1.logo { font-size:18px;  padding:2px 2px; border-bottom:none; float:left; }

#searchform #s { font:12px Arial, Helvetica, sans-serif; width:155px; margin-top:1px; color:#7f7f7f; background:none; border:none; padding:4px;  }

/*	--------------------------------------------------

navigation

-------------------------------------------------- */

#nav li a { padding:0px 10px ;   clear:both; display:block; color:#fff; text-decoration:none;  color:#771100; border-left:1px solid #fff; line-height:10px;  }

/* home page boxes ---------------------------------------*/

.container { width: 880px; padding: 10px 5% 20px 5%; height:100%; overflow:hidden; position:relative; float:left; }

#bottom  { clear:both; background:#771100; border-top:0px solid #7f7f7f;  border-bottom:0px solid #7f7f7f; padding:5px 0; }

#bottom-in { padding: 10px 4%;  }

.xboxcontent img { width:89%; padding:5%; margin: 0 auto 10px auto !important; background:transparent; border:none; -ms-interpolation-mode: bicubic; display: block; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }

/* home page boxes rounded corner---------------------------------------*/

.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #771100; border-right:1px solid #771100;}
.xb1 {margin:0 5px; background:#771100;}

.xboxcontent {display:block; background:#fff; border:0 solid #771100; border-width:0 1px; padding:5px 5px; height: 350px; }

.xboxcontent2  { display:block; background:#fff; border:0 solid #771100; border-width:0 1px; padding:5px 5px; min-height:670px;  _height:670px;  }


/*------------------------------------------------------

 nav menu 

--------------------------------------------------------*/

/* Root Menu Hover Persistence */

ul#navmenu-h a:hover, 

ul#navmenu-h li:hover a, 

ul#navmenu-h li.iehover a,

ul#navmenu-h li:hover a:hover, 

{ color:#333; background:#fff no-repeat right -29px; }




/*	--------------------------------------------------

Content

-------------------------------------------------- */


#content .post_img .i_zoom2 { position:absolute; right:8px; bottom:8px; background:#000;  padding:10px; display:block; opacity:0.8; }

.post_img {padding:8px ; background:#fff; margin:12px 15px 0px 0; position:relative; text-align:center; width:390px; float:left;   }

*+html #content .post_img .i_zoom2 { bottom:11px; }

/*	--------------------------------------------------

footer 

-------------------------------------------------- */

#footer { font-size:12px;   height:100%; overflow:hidden; width:100%; float:left;  text-align:center; color:#fff; text-decoration:none; }