/******************************************************************************/
/*       <link href="css/styles.css" type="text/css" rel="stylesheet" />      */
/******************************************************************************/

@import url("reset.css");

/*** standard classes ***********************************************************************************************/
.separator1{height: 1px;font-size: 1px;display: block;}
.separator2{height: 2px;font-size: 1px;display: block;}
.separator3{height: 3px;font-size: 1px;display: block;}
.separator5{height: 5px;font-size: 1px;display: block;}
.separator10{height: 10px;font-size: 1px;display: block;}
.separator20{height: 20px;font-size: 1px;display: block;}
.separator50{height: 50px;font-size: 1px;display: block;}

.clear{clear:both;display: block;}
strong{ font-weight:bold;}
em{ font-style:italic;}

.left{ float:left;}
.right{ float:right;}

.cufon-canvas .cufon-alt{ display:none;}
/*** follow sections can edit *****************************************************************************/
HTML, BODY, .basis{
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
BODY{
	background-color: #FFFFFF;
	behavior: url("../js/csshover.htc");
}
.basis{
	margin: auto;
	width: 1102px;	/* width of basis */
	margin-bottom: -70px;
	display: table;
	height: auto;
	height: 100%;
	min-height: 100%;
	background-color: #ffffff;
}
.main{
	height: 100%;
}

/*** header **************************************************************/
.header{
	height: 86px;	/* height of header */
	/*overflow:hidden;*/
	width:914px;
	margin:auto;
	border-bottom:2px solid #d9d9d9;
	position: relative;
}
.header a.logo{ display:block; margin:auto; height:54px; width:322px; overflow:hidden;}
#recipes .header a.logo,#living-a-la-lulu .header a.logo{ height:59px;}

/*.header a.sitetitle{
	display:block;
	color:#3aa1c2; font-size:54px; text-transform:lowercase; text-align:center; text-decoration:none;
	margin:0; padding:0; height:54px;
}
.header a.sitetitle em{ display:inline-block; height:54px; padding:0; margin:0; color:#24c0fd;}
*/

div.top_nav{ text-align:center; height:28px; overflow:hidden; vertical-align:top;}
div.top_nav a{ display:inline-block; color:#7c7c7c; font-size:28px; text-transform:lowercase; text-decoration:none; margin:0 20px; height:28px;}
div.top_nav a.active,div.top_nav .current-cat a{ color:#ef8015;}
div.top_nav a:hover{ color:#ff0000;}

#buybook div.top_nav a.active{ color:#ee8b25;}
#press div.top_nav a.active{ color:#8dc442;}
#recipes div.top_nav a.active{ color:#145885;}
#living-a-la-lulu div.top_nav a.active{ color:#692707;}
#bio div.top_nav a.active{ color:#306f38;}
#contact div.top_nav a.active{ color:#d42d27;}
#music div.top_nav a.active{ color:#861b53;}
#store div.top_nav a.active{ color:#23c8ff;}

/*** content **************************************************************/
.content{
}

/* title */
.title{ padding-left:156px; padding-right:180px;}
.title h1{ text-align:center; text-transform:uppercase; font-size:17px; padding:15px 0 5px;}
.title h1{ color:#135783;}

#buybook .title h1{ color:#ee8b25;}
#press .title h1{ color:#8dc442;}
#recipes .title h1{ color:#145686;}
#living-a-la-lulu .title h1{ color:#692707;}
#bio .title h1{ color:#317037;}
#contact .title h1{ color:#d42d27;}
#music .title h1{ color:#861b53;}
#store .title h1{ color:#23c8ff;}
/* /title */


/* left_col */
.left_column{ width: 156px; float: left;}
.left_column li a{ display:inline-block; text-transform:uppercase; width:145px; text-decoration:none;}

.leftmenu_lev1{ padding-bottom:38px;}
.leftmenu_lev1 li{ padding:1px 0 11px;}
.leftmenu_lev1 li a{ text-decoration:none; font-size:18px; color:#989493;}
.leftmenu_lev1 li a.active,.leftmenu_lev1 .current-cat a{ color:#145885;}
{ color:#175783;}
.leftmenu_lev1 li a:hover{ color:#ff0000;}

.leftmenu_lev2 li{ padding-bottom:5px;}
.leftmenu_lev2 li a{ font-size:12px; color:#a1a1a1;}
.leftmenu_lev2 li a.active{ color:#074d7c;}
.leftmenu_lev2 li a:hover{ color:#ff0000;}

/* /left_col */

/* center_col */
.center_column{
	width: 690px;
	float: left;
	/*border:2px solid #b0b0b0;*/
	padding:30px 30px 2px;
	overflow:none;
	position:relative;
}

#buybook .center_column, #press .center_column{ padding:0; width:750px; text-align:center; overflow:visible; height:auto;}
#bio .center_column { color:#38743e; width:700px; height:auto; padding:8px 25px 68px; font-size:26px; text-align:left;}
#bio .center_column big{ color:#0fc020; font-size:26px;}
#bio .center_column .bio_img{ float:left; padding-top:15px; padding-right:15px;}
#bio .center_column .end_line{ display:inline-block; margin-right:10px; margin-top:28px; height:35px; width:375px; background-color:#317037;}

#contact .center_column{ width:660px; height:auto; padding:45px 45px 95px; color:#565656;}
#contact .center_column img{ display:inline-block; vertical-align:text-bottom;}
#contact .center_column .phone{ font-size:28px; padding-bottom:30px;}
#contact .center_column .phone img{ padding-left:24px;}
#contact .center_column .email{ font-size:28px; padding-bottom:45px;}
#contact .center_column .email a{ color:#565656; text-decoration:none;}
#contact .center_column .email a:hover{ color:#ff0000;}
#contact .center_column .email img{ padding-left:31px; padding-right:}

#contact .center_column ul{
	margin-left:30px; padding-top:90px; padding-bottom:200px; background:url(../images/grill.jpg) no-repeat center bottom;
	text-align:center; font-size:24px; line-height:12px;
}
#contact .center_column ul li.cuf{ font-size:20px; line-height:12px;}

/* Posts */
h2.pagetitle{ font-size:20px; font-weight:bold; color:#565656; text-align:center; padding-bottom:15px;}

.post{ border:1px solid #b0b0b0; margin-bottom:20px; padding:15px 20px 20px; color:#939393; font-size:12px; line-height:22px;}
.post.category-living-a-la-lulu{ color:#692707; padding-top:5px; font-size:12px; line-height:20px;border:1px solid #915032;}
.center_column .post .post_info{ text-align:center; text-transform:uppercase; color:#a3a3a3;}
.center_column .post h2{ text-align:center; padding-bottom:38px; text-transform:uppercase; font-size:35px;position:relative;}
.center_column .post h2 a{ text-decoration:none; color:#868786;}
.center_column .post h2 a:hover{ color:#ff0000;}
.post.category-living-a-la-lulu h2 a{ color:#692707; font-weight:normal;}
.postmetadata{color:#848484;margin-top:30px;text-transform:uppercase;}
#searchpage .post{ color:#939393;}
#searchpage .post h3 a{ font-size:16px; text-decoration:none; color:#868786;}
#searchpage .post h3 a:hover{ color:#ff0000;}


/* /Posts */

.center_column .links{ text-align:center; padding-top:16px;}
.center_column .links a{ display:inline-block; height:34px; margin:0 3px;}


.thumbnails { padding-top:10px;}
.thumbnails a { display:inline-block;}
.thumbnails a img{ display:inline-block; border:1px outset #8c8c8c;}
p.hint{ text-align:center; text-transform:uppercase; font-size:16px; color:#7c7c7c; padding:3px 0 32px;}

#viewport{ padding:50px 0 20px;}
#previous, #next{ display:inline-block; margin:0 20px 16px;}

/* /center_col */

/* right_col */
.right_column{
	width: 180px;
	float: right;
}

.center_column1
    {
	width: 350px;
	float: left;
	margin-left: 35%;
	
	/*border:2px solid #b0b0b0;*/
	padding:30px 30px 2px;
	overflow:none;
	position:relative;
}

form.email_subscribe{ border:2px solid #bfbfbf; padding:26px 5px 17px 5px; margin-top:5px;}
form.email_subscribe label{ display:block; color:#9b9b9b; font-size:13px; padding:0px 0 7px;}

form.email_subscribe #email{ display:block; border:1px solid #c9c9c9; width:130px; height:21px; padding:0 7px;}
form.email_subscribe #subscribe{ display:block; width:84px; height:23px; margin:16px auto 0;}

form.email_subscribe_new{ border:2px solid #bfbfbf; padding:10px 5px 17px 5px; margin-top:5px;}
form.email_subscribe_new label{ display:block; color:#9b9b9b; font-size:13px; padding:0px 0 7px;}

form.email_subscribe_new #email{ display:block; border:1px solid #c9c9c9; width:130px; height:21px; padding:0 7px;}
form.email_subscribe_new #subscribe{ display:block; width:84px; height:23px; margin:16px auto 0;}

/* /right_col */


/*** footer **************************************************************/

/*needed to make room for footer*/
.clearfooter{
	clear: both;
	height: 70px;	/* height of footer */
}
* > HTML .clearfooter {
	float: left;
	width: 100%;
}/* ie mac styles */

.footer{
	width: 1102px;	/* width of basis */
	margin: auto;
	height: 70px;	/* height of footer */
}

.footer .links{ text-align:center; padding-top:16px;  padding-left:156px; padding-right:180px;}
.footer .links a{ display:inline-block; height:35px; width:35px; margin:0 3px;}
.footer .copyright{ text-align:center; font-size:12px; color:#6d6d6d;  padding-left:156px; padding-right:180px;}