/*   
Theme Name: Bernatello's
Description: Bernatello's Custom WordPress Theme
Author: ArcStone Technologies
Author URI: http://www.arcstone.com
*/

*
{
	margin		: 0;
	padding		: 0;
}
html, body
{
	margin		: 0;
	padding		: 0;
	height		: 100%;
	/* NOTE: html, body backround colors for brands set in header.php */	
	font		: 12px 'Lucida Grande', 'Lucida Sans Regular', Arial, Helvetica, sans-serif;
	color		: #242220;
}

a#top { height:0;line-height:0;font-size:0; }

a, img, table, td { border: 0; }

a { color: #0060a9; }
a:hover { text-decoration: none; }

h1 
{ 
	letter-spacing	: -1px;
	font-size		: 28px;
	font-weight		: normal;
	margin			: 15px 0;
	line-height		: 30px;
}
h1 em { font: italic 25px Georgia, serif; color: #ed5425; }
h1:first-child { margin-top: 0; }

h2 
{ 
	margin		: 10px 0; 
	font-size	: 15px;
	font-weight	: bold;
	color		: #7c5f2e;
}
h3 { margin: 10px 0; }
h4 { margin: 10px 0; }
h5
{
	font-size	: 14px;
	font-weight	: bold;
	margin		: 0 0 5px 0;
	color		: #000;
}

p { margin: 15px 0; }

small, .tip { }

.divider
{
	clear		: both;
	margin		: 15px 0;
	width		: 100%;
	height		: 1px;
	font-size	: 1px;
	line-height	: 1px;
	background	: #d5d5d3;
}

.clear
{
	clear	: both;
	width	: 100%;
}

/* ----------------------------------------------------- button */

/* BUTTON */
a.button
{
	display				: inline-block;
	text-transform		: uppercase;
	text-decoration		: none;
	font				: 12px 'Lucida Grande', 'Lucida Sans Regular', Arial, Helvetica, sans-serif;
	height				: 34px;
	line-height			: 33px;
	padding-right		: 15px;
	color				: #0060a9 !important; /* yes, I used !important ... */
	background			: url(images/button_bg.png) bottom right no-repeat;
	text-shadow			: #FFF 0px 1px 0px;
	cursor				: pointer;
}
a.button div 
{
	padding-left	: 32px;
	height			: 34px;
	background		: url(images/button_bg.png) top left no-repeat;
	cursor			: pointer;
}
a:hover.button { color: #00467c; text-decoration: underline; }

/* BUTTON SMALL */
a.button.small
{
	height		: 28px;
	line-height	: 29px;
	font-size	: 10px;
	background	: url(images/button_small_bg.png) bottom right no-repeat;
}
a.button.small div 
{
	height		: 28px;
	background	: url(images/button_small_bg.png) top left no-repeat;
}


input.button
{
	width			: 130px;
	height			: 34px;
	border			: 0;
	padding			: 0;
	background		: url(images/submit_bg.png) center center no-repeat;
	color			: #0060a9;
	font-size		: 12px;
	text-transform	: uppercase;
	line-height		: 33px;
	text-shadow		: #FFF 0px 1px 0px;
}

/* ----------------------------------------------------- form */

input[type=text], input.text, textarea
{ 
	padding		: 4px; 
	font		: 12px Arial, Helvetica, sans-serif;
	text-align	: left;
}
select, option  { padding: 1px; }

fieldset { }
legend { }

form ul 
{ 
	list-style	: none; 
	padding		: 20px 0;
}
#main form ul { margin: 10px 0; }

form ul label
{
	display		: block; 
	font-weight	: bold;
	font-size	: 10px;
	float		: left;
	width		: 130px;
	line-height	: 22px;
}

form ul li
{
	display	: block;
	clear	: both;
	padding	: 3px 0;
}


#page 
{ 
	text-align	: left; 
	width		: 100%;
	float		: left;
	background	: url(images/page_bg.jpg) top center no-repeat;
}
.container 
{
	width		: 900px;
	margin		: 0 auto;
	position	: relative;
}

/* ----------------------------------------------------- page-head */

#page-head
{
	width		: 100%;
	height		: 50px;
	position	: relative;
	z-index		: 20;
}

/* ----------------------------------------------------- nav */

/* DROPDOWNS: css/superfish.css */

#nav 
{ 
	width		: 847px;
	height		: 47px;
	margin		: 0 auto;
	position	: relative;
	z-index		: 20;
}
#nav ul.sf-menu { margin-top: 10px; }

#nav a.parent
{
	display				: block;
	float				: left;
	height				: 25px;
	line-height			: 25px;
	text-transform		: uppercase;
	text-decoration		: none;
	font-size			: 12px;
	color				: #DDD;
	background-color	: none;
	background-position	: bottom center;
	background-repeat	: no-repeat;
	text-indent			: -9999px;
}
#nav a:hover.parent { background-position: top center; }

a#nav-about 		{ width: 102px; background-image: url(images/nav-about.png); margin-right: 13px; }
a#nav-brands 		{ width: 89px;  background-image: url(images/nav-brands.png); margin-right: 10px; }
a#nav-community		{ width: 130px; background-image: url(images/nav-community.png); margin-right: 22px; }
a#nav-promotions	{ width: 152px; background-image: url(images/nav-promotions.png); margin-right: 10px; }
a#nav-stores		{ width: 110px; background-image: url(images/nav-stores.png); margin-right: 10px; }
a#nav-contact		{ width: 90px;  background-image: url(images/nav-contact.png); }

#logo a 
{ 
	width			: 90px; 
	height			: 32px;
	background		: url(images/logo.png) center center no-repeat;
	text-indent		: -9999px;
	margin-right	: 19px;
}

/* ----------------------------------------------------- slider */

#media 
{
	float		: left;
	width		: 100%;
	position	: relative;
	background	: url(images/home_bg_photo_1.jpg) bottom left no-repeat;
}

#slider-prev, #slider-next
{
	width		: 48px;
	height		: 200px;
	position	: absolute;
	z-index		: 11;
	cursor		: pointer;
}
#slider-prev { top: 51px; left: 28px; background: url(images/slider-prev.png) center center no-repeat; }
#slider-next { top: 51px; left: 825px; background: url(images/slider-next.png) center center no-repeat; }

#slider 
{
	width		: 720px;
	height		: 280px;
	margin		: 0 0 0 95px;
	float		: left;
	overflow	: hidden; 
	position	: relative; 
	z-index		: 10;
}
#slider ul 
{ 
	list-style	: none; 
	width		: 10000px; 
}
#slider ul li 
{ 
	width	: 720px; 
	margin-top: 40px;
	height	: 240px; 
	float	: left;
}

#slider li table { width: 660px; margin: 0 auto; }
#slider li table td { vertical-align: top; }

#slider .content h3
{
	font		: 30px/32px Times, 'Times New Roman', serif;
	font-weight	: normal;
	color		: #6d5e4c;
	margin		: 45px 0 15px 0;
}

/* ----------------------------------------------------- slider-nav */

#slider-nav
{
	clear		: both;
	width		: 100%;
	height		: 103px;
	background	: url(images/slider-nav_bg.png) top left repeat-x;
}
#slider-nav ol
{ 
	width		: 840px;
	margin		: 0 auto;
	list-style	: none; 
}
#slider-nav li { display: inline; position: relative; }
#slider-nav a
{
	position			: relative;
	display				: block;
	float				: left;
	margin				: 12px 0 0 28px;
	width				: 180px;
	height				: 85px;
	text-align			: center;
}
#slider-nav a img { position : relative; top: 0; left: 0; width: 180px; }

/* ----------------------------------------------------- splash */

#splash { position: relative; z-index: 1; }
#splash .container { height: 350px; }

/* ----------------------------------------------------- brand-head */

#brand-head { height: 96px; position: relative; }
a#brand-logo { position: relative; top: 15px; left: 66px; }

/* ----------------------------------------------------- base */

#base 
{
	width		: 100%;
	clear		: both;
	float		: left;
	min-height	: 450px;
	background	: url(images/home_bg_photo_1.jpg) 0px 170px no-repeat;
}
.home #base, .bernatellos #base, .bellatoria #base, .green-mill #base, .roma #base { background: none; }

/* ----------------------------------------------------- #section-head */

#section-head h2
{
	height		: 83px;
	line-height	: 83px;
	margin		: 0;
	padding		: 0;
	color		: #5b8731;
	font-size	: 30px;
	font-weight	: normal;
	padding		: 0 0 0 50px;
}

/* ----------------------------------------------------- main */

#core 
{ 
	width		: 100%;
	clear		: both;
	float		: left;
	min-height	: 450px;
	background	: url(images/interior_bg_photo.jpg) bottom right no-repeat;
}
.home #core { background: url(images/home_bg_photo_2.jpg) top right no-repeat; min-height: 375px; }

#main
{
	width		: 587px;
	margin-left	: 24px; 
	float		: left;
	line-height	: 18px;
}
#main-top 
{ 
	float		: left;
	width		: 100%;
	height		: 65px;
	background	: url(images/main_bg_top_corporate.png) top center no-repeat;
}
#main-inner
{
	width		: 100%;
	float		: left;
	background	: url(images/main_bg_corporate.png) top center repeat-y;
}
#main .content 
{ 
	clear		: both;
	float		: left;
	padding		: 0 56px; 
}
#main-bottom 
{
	clear		: both;
	width		: 100%;
	height		: 35px;
	background	: url(images/main_bg_bottom_corporate.png) bottom center no-repeat;
}

#main ul, #main ol { margin: 20px; }
#main li { margin-bottom: 6px; }



#testimonial 
{
	width: 396px;
	clear: both;
	margin: 20px 0;
	background: url(images/testimonial_bg.png) bottom right no-repeat;
}
#testimonial p
{
	margin: 0;
	font-size: 11px;
	color: #3b6382;
	padding: 15px 25px;
	line-height: 14px;
}


.filter
{
	padding			: 10px 5px;
	margin			: 10px 0;
	border			: #d5d5d3 1px solid;
	border-right	: 0;
	border-left		: 0;
	font-size		: 14px;
	color			: #ed5425;
}

a.month
{
	display		: block;
	padding		: 5px 10px;
	text-align	: right;
	cursor		: arrow;
	background	: #ed5425;
	clear		: both;
	font		: 16px Georgia, serif;
	color		: #FFF;
	margin		: 15px 0;
}

/* ----------------------------------------------------- product */

div.category-head
{
	clear				: both;
	width				: 470px;
	height				: 30px;
	padding-top			: 10px;
	background-position	: center center;
	background-repeat	: no-repeat;
}

table.product, table.event { margin-top: 15px; }
table.product td, table.event td { vertical-align: top; font-size: 11px; line-height: 16px; }
table.product .button { float: left; margin-right: 6px; }

.thumbnail { font-size: 0; line-height: 0; position: relative; }
.thumbnail img 
{ 
	background	: #FFF;
	border		: #d6d6d6 1px solid;
	padding		: 4px;
	z-index		: 1;
}
.thumbnail .zoom
{ 
	width		: 20px;
	height		: 20px;
	background	: #FFF url(images/icon_zoom.png) bottom left no-repeat;
	z-index		: 2; 
	position	: absolute;
	bottom		: 5px;
	left		: 5px;
}

/* ----------------------------------------------------- brand-nav */

#main ul#brand-nav { margin: 0 0 20px 0; padding: 0; list-style: none; height: 34px;}
#main ul#brand-nav li { margin: 0; display: inline; }
ul#brand-nav a
{
	display			: block;
	float			: left;
	height			: 34px;
	padding			: 0 25px;
	font-size		: 13px;
	text-decoration	: none;
	color			: #0060a9;
	line-height		: 34px;
	background		: #FFF;
	border			: #cccccc 1px solid;
}
ul#brand-nav li:first-child a { border-left: #cccccc 1px solid; }
ul#brand-nav a:hover { background: #f8f8f1 url(images/brand-nav_hover.gif) top left repeat-x; }


/* ----------------------------------------------------- home */

.home table td { vertical-align: top; }


/* HOME WELCOME */
#home-welcome
{
	width		: 342px;
	min-height	: 322px;
	background	: url(images/home-welcome_bg.png) top center no-repeat;
	color		: #56724f;
}
#home-welcome .content 
{ 
	padding	: 65px 36px 20px 36px; 
	font	: 15px/26px Georgia, Times, 'Times New Roman', serif;
}
blockquote { font: 15px/26px Georgia, Times, 'Times New Roman', serif; color: #56724f; }




/* HOME NEWS */
#home-news { width: 225px; }
#home-news ol { margin: 45px 0 15px 0; padding: 0; list-style: none; }
#home-news li 
{ 
	font-size		: 11px; 
	color			: #584c3d;
	margin-bottom	: 20px;
}
#home-news h3 { margin-bottom: 2px; }
#home-news h3 a { font-size: 14px; color: #b0bf6c; font-weight: bold; }
#home-news h5.date { font-size: 10px; color: #000; margin-top: 0; }

/* HOME PROFILES */
#home-profiles { width: 230px; }
#home-profiles .content 
{ 
	padding		: 10px;
	margin		: 35px 0 15px 0;
	font-size	: .8em;
	line-height	: 1.3em;
	color		: #605f60;
	background	: url(images/overlay_white_80.png); 
}
#home-profiles h6 { font-size: 12px; font-weight: normal; color: #8a5510; margin: 0 0 10px 80px; }
/*#home-profiles p { margin: 10px 0 10px 100px; }*/
#home-profiles .content em { font-family: Arial, sans-serif; color: #557b32; }



/* ----------------------------------------------------- social */



#home-social
{
	background	: #ebeadd url(images/home-social_bg.gif) top center no-repeat;	
	width		: 272px;
	height		: 88px;
	margin		: 9px auto;
	position	: relative;
}
#home-social a { position: absolute; }

#home-social a#social-email		{ top: 40px; left: 25px; }
#home-social a#social-twitter	{ top: 40px; left: 150px; }
#home-social a#social-facebook	{ top: 62px; left: 150px; }





#interior-social
{
	background	: #ebeadd url(images/interior-social_bg.gif) top center no-repeat;	
	width		: 248px;
	height		: 88px;
	margin		: 9px auto;
	position	: relative;
}
#interior-social a { position: absolute; }

#interior-social a#social-email		{ top: 40px; left: 10px; }
#interior-social a#social-twitter	{ top: 40px; left: 139px; }
#interior-social a#social-facebook	{ top: 62px; left: 139px; }




.products #social { border: 0; margin-top: 10px; }

#social 
{ 
	width		: 470px; 
	height		: 40px;
	border-top	: #d2d2cc 4px double; 
	margin		: 15px 0 0 0;
	float		: left;
}
#social ul
{
	list-style	: none;
	width		: 470px;
	height		: 27px;
	line-height	: 29px;
	font-size	: 10px;
	float		: left;
	margin		: 8px 0 0 0;
	color		: #666;
	background	: url(images/social_bg.png) center center no-repeat;
}
#social ul li
{
	display	: block;
	float	: left;
	margin	: 0 10px;
}
#social ul li a.social
{
	float				: left;
	margin-top			: 6px;
}

a.social
{
	display	: block;
	text-decoration		: none;
	font-weight			: bold;
	color				: #2e7db8;
	font-size			: 10px;
	padding-left		: 20px;
	height				: 16px;
	line-height			: 16px;
	background-repeat	: no-repeat;
	background-position	: center left;
}

a:hover.social { color: #003a65; }

a#social-email 		{ background-image: url(images/icon_email.png); }
a#social-facebook 	{ background-image: url(images/icon_facebook.png); }
a#social-twitter 	{ background-image: url(images/icon_twitter.png); }


/* ----------------------------------------------------- posts */

.posts-list { list-style: none; }

.post { margin-bottom: 20px; }

img.thumb 
{ 
	float	: left;
	margin	: 15px 15px 15px 0;
}

a > img.thumb { }
a:hover > img.thumb { }

/* ----------------------------------------------------- comments */

#comments { clear: both; }

.comments-list { list-style: none; }
.comments-list li { margin-bottom: 20px; }

/* ----------------------------------------------------- comment-form */

#comment-form li small { padding-left: 5px; }

#comment-form-comment 
{
	width	: 265px;
	height	: 80px;
}

/* ----------------------------------------------------- sidebar */

#sidebar
{
	float	: left;
	width	: 251px;
}
#sidebar .content { padding	: 15px 0; }
#sidebar ul, #sidebar ol { list-style: none; }

#sidebar .callout 
{
	background				: url(images/sidebar_callout_bg.png) top left repeat-y;
	margin					: 0 0 8px 0;
	padding					: 20px 25px;
	color					: #fef3de;
	font-size				: 11px;
	line-height				: 16px;
	-moz-border-radius		: 4px;
	-khtml-border-radius	: 4px;
	-webkit-border-radius	: 4px;
	border-radius			: 2px;	
}
#sidebar .callout a { color: #03d8ff; }

#sidebar h3
{
	font-size		: 22px;
	line-height		: 22px;
	font-weight		: normal;
	color			: #fee5a5;
	margin			: 0 0 5px 0;
}
#sidebar h5 { color: #ff683f; }

h2 + h5 { margin-top: -5px; }


.corporate #sidebar .content { width: 251px; position: fixed; }
.corporate #sidebar .callout 
{ 
	background	: #f1f8ec; 
	padding		: 15px; 
	color		: #584c3d;
}
.corporate #sidebar .callout h5 { color: #000; }
.corporate #sidebar .callout a { color: #3e86bd; }
.corporate #sidebar .callout h3 { font-size: 16px; line-height: 18px; color: #5b8731; }

/* ----------------------------------------------------- footer */

#footer 
{ 
	width		: 830px;
	margin		: 10px auto;
	font-size	: 10px;
	text-align	: center;
}
#footer, #footer a 
{ 
	color			: #787878; 
	text-decoration	: none; 
}
#footer a:hover { text-decoration: underline; }

#footer ul 
{ 
	list-style				: none; 
	height					: 22px;
	line-height				: 22px;
	margin					: 8px 0;
	background				: #e5f2dc;
	-moz-border-radius		: 4px;
	-khtml-border-radius	: 4px;
	-webkit-border-radius	: 4px;
	border-radius			: 2px;
}
#footer li { display: inline; padding: 0 10px; }
#footer li a 
{
	font-size		: 11px;
	text-deocration	: none;
	text-transform	: uppercase;
	color			: #646a64;
}
#footer li a:hover { text-decoration: underline; } 

/* ----------------------------------------------------- fancybox */

/* fancybox css overwrites */

#fancy_outer div#fancy_close
{
	display		: block;
	margin		: 0;
	padding		: 0;
	width		: 102px;
	height		: 35px;
	left		: 0;
	top			: -35px;
	background	: url(images/fancybox_cancel.png) top right no-repeat;
}

#fancy_outer div#fancy_inner { background: #FFF url(images/fancybox_bg.png) bottom left repeat-x; }