/** ================================================== /
 * Soho Template for Website Baker                     /
 * @author David C. Campbell (www.dccampbell.com)      /
 * @version 1.0 (02/25/10)                             /
 * @copyright DCCampbell.com and SohoBakeryAndCafe.com /
/*  ================================================= */

/** =====================  /
/*  == Universal Reset ==  /
/*  ===================== */

html { height: 100.2%; }
* {	margin: 0; padding: 0; }

/** =================  /
/*  == Page Layout ==  /
/*  ================= */
	
body {
	margin: 0px;
	height: 100%;
	padding: 0px;
	color: #333;
	background: url(images/bg.gif) #CCDE95 50% 0px repeat;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	font-family: 'Lucida Grande','Lucida Sans Unicode',Helvetica,Verdana;
}

div#general {
	width: 980px;
	position:relative;
	margin:0px auto;
	background: url(images/bg_content.gif) #fff 0px 100px repeat-y;
	border-left: thin solid #CCC;
	border-right: thin solid #CCC;
	min-height:100%;
}

.noscript .js {display:none;}
.hide {display:none;}

/** ============  /
/*  == Header ==  /
/*  ============ */

div#header {
	height: 100px;
	background: url(images/header.jpg) #86604D 0px no-repeat;
	border-bottom: thin solid #CCC;
}

div#logo {
	height: 100px;
	width: 275px;
	background: url(images/logo.png) center no-repeat;
}

/** ==================  /
/*  == Content Area ==  /
/*  ================== */

div#main {
	width: 741px;
	float: right;
	padding: 15px 19px 70px;
	border-left: thin solid #CCC;
}

div#main div.section {
	padding-top: 5px;
}

/** =============  /
/*  == Sidebar ==  /
/*  ============= */
	
div#sidebar {
	width: 179px;
	float: left;
	padding: 0 10px;
	height: 500px;
	text-align:center;
}

div.sponsor {
	height:80px;
	width:100px;
	margin:5px auto;
}

#sponsor1 {background: url(images/BoarsHeadLogo.jpg) no-repeat;}
#sponsor2 {background: url(images/LarrysBeansLogo.jpg) no-repeat;}


/** ============  /
/*  == Footer ==  /
/*  ============ */
	
div#bottom {
	clear: both;
	height: 0px;
}

div#footer {
	clear: both;
	width: 960px;
	float: left;
	position: absolute; 
	bottom: 0px;
	padding: 10px;
	text-align: center;
	color: #FFF;
	background: url(images/footer.png) 0px 0px #86604D;
	font-weight:bold;
	line-height:normal;
	border-top: thin solid #CCC;
}

div#footer a {}
div#footer a:link,
div#footer a:visited,
div#footer a:active,
div#footer a:hover {
	border: none;
	background: transparent;
	text-decoration: none;
}

/** ==============  /
/*  == Nav Menu ==  /
/*  ============== */

#preload {
	background: url(images/nav_hover.png);
	display:none;
}

ul#menu {
	margin:0px auto;
	width:150px;
	height:300px;
	line-height:35px; 
	list-style:none;
	background:url(images/nav.png) 0 0 no-repeat;
}

ul#menu li {
	float: left;
	width:150px;
	height:35px;
	position:relative;
}

ul#menu li a, div.link {
	width:150px;
	height:35px;
}

ul#menu li a:active div#nav_home, ul#menu li a:hover div#nav_home {
	background: url(images/nav_hover.png) 0px -035px no-repeat;
}
ul#menu li a:active div#nav_about, ul#menu li a:hover div#nav_about {
	background: url(images/nav_hover.png) 0px -070px no-repeat;
}
ul#menu li a:active div#nav_bakery, ul#menu li a:hover div#nav_bakery {
	background: url(images/nav_hover.png) 0px -105px no-repeat;
}
ul#menu li a:active div#nav_cakes, ul#menu li a:hover div#nav_cakes {
	background: url(images/nav_hover.png) 0px -140px no-repeat;
}
ul#menu li a:active div#nav_deli, ul#menu li a:hover div#nav_deli {
	background: url(images/nav_hover.png) 0px -175px no-repeat;
}
ul#menu li a:active div#nav_cafe, ul#menu li a:hover div#nav_cafe {
	background: url(images/nav_hover.png) 0px -210px no-repeat;
}
ul#menu li a:active div#nav_visit, ul#menu li a:hover div#nav_visit {
	background: url(images/nav_hover.png) 0px -245px no-repeat;
}

#menu li span {
	position: absolute;
	top: 35px;
	left: 110px;
	width: 110px;
	height: 90px;
	text-align: center;
	display: none;
	background: url(images/nav_cakes.png) no-repeat;
	z-index:1;
}

ul#cakemenu {
	margin:0px auto;
	width:110px;
	height:90px;
	line-height:30px; 
	list-style:none;
	background: url(images/nav_cakes.png) no-repeat;
}

ul#cakemenu li {
	float:left;
	width:110px;
	height:30px;
}

ul#cakemenu li a, div.clink {
	width:110px;
	height:30px;
}

ul#cakemenu li a:active div#nav_varieties, ul#menu li a:hover div#nav_varieties {
	background: url(images/nav_cakes_hover.png) 0px -00px no-repeat;
}
ul#cakemenu li a:active div#nav_specialty, ul#menu li a:hover div#nav_specialty {
	background: url(images/nav_cakes_hover.png) 0px -30px no-repeat;
}
ul#cakemenu li a:active div#nav_weddings, ul#menu li a:hover div#nav_weddings {
	background: url(images/nav_cakes_hover.png) 0px -60px no-repeat;
}

/** =================  /
/*  == Link Styles ==  /
/*  ================= */

div#header a:link, div#header a:visited,
div#header a:active, div#header a:hover,
div#top a:link, div#top a:visited,
div#top a:active, div#top a:hover {
	border: none;
	text-decoration: none;
}

a:link, a:visited {
	color: #DF7E00;
	text-decoration: none;
}

a:active, a:hover {
	color: #000000;
	text-decoration: none;
}

/** ================  /
/*  == Item Lists ==  /
/*  ================ */

ul.itemlist {
	display:inline-block;
	width:325px;
	float:left;
	margin:5px 20px;
}

ul.itemlist li {
	display: block;
	list-style-type: none;
	margin: 0px 10px 8px 0px;
	padding: 0px;
	width: 325px;
	clear: both;
	font-weight:bold;
	text-align:right;
	color:#C86419;
}

ul.itemlist li span, ul.itemlist li div {
	float: left;
}

ul.itemlist li div {
	font-weight:normal;
	color:#000;
	font-size:smaller;
	font-style:italic;
	margin: -5px 0px 8px 15px;
}

ul.itemlist li h3 {
	float:left;
	color:#7D9632;
	margin-left:-15px;
	margin-bottom:10px;
	padding:0px;
}

/** ==================  /
/*  == Misc. Styles ==  /
/*  ================== */

img { border:none; }
hr { margin-top:7px; }

h2 { margin-bottom:3px; }
div#main h2 { height: 14px; }

small {	font-size: 10px; }

strong {
	color: #000;
	font-weight: bold;
}

.indent { margin-left:60px; }
.indent ul { margin-left:40px; }


/** =======================  /
/*  == jQuery - Galleria ==  /
/*  ======================= */

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.gal{text-align:center; margin:0px auto; position:relative;}
.gallery{text-align:center; margin:80px auto 0px; width:715px;}
.gallery li{width:68px;height:50px;border:3px double #111;margin: 5px 2px 0px;background:#000;}
.caption{display:none;}
.galnav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}	
#main_image{margin:0 auto;height:475px;width:725px;background:white;}

#main_image img {
  max-width:725px;
  width: expression(this.width > 725 ? 725: true);
  max-height:475px;
  height: expression(this.height > 475 ? 475: true);
}


/** =======================  /
/*  == jQuery - lightBox ==  /
 * !author Leandro Vieira Pinho
 * !version 0.5
 * !license CC Attribution-No Derivative Works 2.5 Brazil
 * !example http://leandrovieira.com/projects/jquery/lightbox/
/*  ======================= */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}