/*
Theme Name: Sweet Lorraine Bakeshop
Theme URI: http://sweetlorrainebakeshop.com/
Description: Website design for Sweet Lorraine Bakeshop.
Version: 1.0
Author: Sweet Lorraine Bakeshop
Author URI: http://sweetlorrainebakeshop.com/

	This theme was designed and built by Sweet Lorraine Bakeshop,
	whose website you will find at http://sweetlorrainebakeshop.com/


*/

* {margin:0;padding:0}
html,body{margin:0;padding:0}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color:#fff;
 color:#333333;
 line-height:1.3em;
}

h1, h2, h3 {font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}
h3 {font-size:18px;}
h4 {font-size:14px;color:#663300;}
h1, h2, h3, h4, p {padding:0 0 4px 0;}
a, a:link {color:#330000;text-decoration:underline;}
#header a img {border:none;text-decoration:none;}
a:hover {text-decoration:none;color:#FF6699;}
ul, ol {
margin-left:10px;
padding-left: 0;
list-style: none;
line-height: 1.4;
}
blockquote {
padding:6px 20px 6px 20px;
margin:10px 0 10px 0;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}

#header {
 color: #333;
 width: 100%;
 float: left;
 padding: 0px 0px 10px 0;
 height: 120px;
 margin: 10px 0px 10px 0px;
 background: transparent;
}

	.logo {float:left;}
	
#top-nav {
margin-top:114px;
margin-left:150px;
background-color:#F37C96;
color:#fff;}

#navigation-bar ul
{
padding-left: 0;
margin-left: 0;
float:right;
background-color:#F37C96;
color: White;
}
#navigation-bar ul li { display: inline; }
#navigation-bar ul li a
{
padding: 0.2em 1em;
background-color: #F37C96;
color: White;
text-decoration: none;
float: left;
border-right: 1px dotted #fff;
}
#navigation-bar ul li a:hover
{
background-color:#663300;
color: #fff;
}

#leftcolumn {
 color: #333; background: #fff;
 margin: 0px 1px 0px 0px;
 width: 678px;
 float: left;
}
#leftcolumn-two { 
 color: #333; background: #FBE3DD;
 margin: 0px 1px 0px 0px;
 width: 678px;
 float: left;
 padding:10px;
}
	#leftcolumn-two h2 {
	padding-top:8px;
	margin-bottom:6px;
	border-bottom:2px dotted #fff;
	}
	#leftcolumn-two h4 {
	font-weight:bold;
	color:#000000;
	padding-top:8px;
	margin-bottom:4px;
	}
	#leftcolumn-two p {
	padding-top:2px;
	padding-bottom:8px;
	}
	#leftcolumn-two ul {
	padding-top:2px;
	padding-bottom:8px;
	list-style-type:square;
	padding-left:10px;
	}
	
#inner-leftcolumn { 
 color: #333;
 background: #FEEEDE;
 margin: 0px 0px 10px 0px;
 padding: 18px 10px 10px 10px;
 width: 200px;
 float: left;
 text-align:center;
}
#inner-rightcolumn { 
 float: right;
 color: #333;
 background: #DBECF9;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 width: 428px;
}
#inner-leftcolumn h3 {color:#CC0000;padding-bottom:10px;}
#inner-leftcolumn img, #inner-rightcolumn img.align-right {border:6px solid #fff;}
#inner-rightcolumn h3 {text-align:center;}
#promo-row {
clear:both;
padding:10px;
background: #fbd5e0;
}
	#promo-row p{padding:8px;}
#row-two {
margin:10px 0 10px 0;
padding:10px;
background: #FBE3DD;
}
#row-three {
margin:10px 0 10px 0;
padding:10px;
background: #feeede;
}
	
#rightcolumn { 
 float:right;
 color: #333;
 background: #feeede;
 margin-top:0;
 margin-bottom: 5px;
 padding: 10px;
 width: 200px;
 line-height:1.1em;
}

.green-box {background:#CFE69C;padding:10px;margin:0px 0 10px 0;border:2px solid #fff;}
.green-box h3 {color:#663300;}
.green-box p, .pink-box p, .blue-box p, .grey-box p {font-size:11px;}
.pink-box {background:#F37C96;padding:10px;margin:10px 0 10px 0;border:2px solid #fff;}
.pink-box h3 {color:#FFFFFF;}
.pink-box a:hover {text-decoration:none;color:#FFF;}
.blue-box {background:#DBECF9;padding:10px;margin:0px 0 10px 0;border:2px solid #fff;}
.blue-box h3 {color:#666;}
.grey-box {background:#EEEEEE;padding:10px;margin:0px 0 10px 0;border:2px solid #fff;}
.grey-box h3 {color:#666;}

#footer { 
 clear: both;
 font-size:11px;
 width: 900px;
 color: #333;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

 /* Misc*/

.post {padding:10px;}
.blog-post {padding:6px 10px 6px 10px;}
img.align-left, img.alignleft {float:left;margin:0 8px 0 0;border:6px solid #fff;}
img.align-right, img.alignright {float:right;margin:0 0 0 8px;border:6px solid #fff;}
.testimonials {margin:10px 0 10px 0;padding:0 8px 0 4px;font-size:12px;}
.testimonials h3 {padding-bottom:10px;color:#663300;}
.testimonials p {padding-bottom:10px;}
span.customer {font-style:oblique;color:#666666;}
.gallery {}
.gallery img {float:left;border:2px solid #fff;margin:2px;width: 50px;
	height: 50px;}
#dhtmltooltip{
position: absolute;
width: 100px;
border: 1px dotted #F37C96;
font-size:11px;
padding: 2px;
background-color: #FBE3DD;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.cat-desc {font-family:Georgia, "Times New Roman", Times, serif;margin:4px 0 10px 0;color:#666;font-style:italic;}
.product-title {font-size:16px;}
.price {margin-top:10px;color:#CC0000;}

.thumbnail-class {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 15px 0 0;
	border:4px solid #fff;
	}
.left {
	float: left;
	margin: 0 15px 0 0;
	}
.center-thumb {
	text-align:center;
	width: 100px;
	height: 100px;
	border:4px solid #fff;
	}
	
.tasting-set-box {
	background:#CFE69C;padding:10px;margin:0px 0 10px 0;border:2px solid #fff;
}

 /* Comments*/
 
 #comment-styles {
 padding:10px;
 margin:20px 0 0 0;
 border:1px solid #330000;
 }
 
#comment-styles td {font-size:92%;}
#commentform {border-top:1px solid #ccc;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;border:1px solid #ccc;}
#commentform textarea {width: 92%;padding: 2px;border:1px solid #ccc;}
#commentform #submit {margin: 0;float: left;border:1px solid #ccc;padding-bottom:6px;}
	h3#comments {font-weight:bold;color:#330000;font-size:100%;}
	h3#respond {font-weight:bold;color:#330000;font-size:100%;}
.alt {margin: 0;padding: 10px;}
	ol#commentlist {margin:0;padding:0;}
#commentlist {border-top:1px solid #ccc;}
#commentlist li {margin: 8px 0 0px 3px;padding: 5px 10px 3px 0px;list-style: none;font-size:82%;;}
#commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0; padding:0;font-size:92%;color:#666;}
.comment-author {font-weight:bold;color:#666;}
.comment-author a {color:#666;}

 /* Forms*/
option {font-size:12px;background-color:#FEEEDE;}
option.category {font-weight:bold;background-color:#FBE3DD;}
input.go {background-color: #F37C96; font-weight: bold; font-size: 12px; color: white;}

.flashunit {
	padding: 4px;
	background: #fff;
	border: 4px solid #ddd;
	margin: 10px auto;
	width: 575px;
}
.flashunit h2 {
	font: 18px normal Georgia, Times, "Times New Roman", serif;
	border: 1px solid #ddd;
	background: #f0f0f0;
	margin: 0;
	padding: 10px;
	color: #666;
	text-align: center;
}
.flashunit p {
	font: 12px normal Arial, Helvetica, sans-serif;
	padding: 10px;
	margin: 0;
	border: 1px solid #ddd;
	background: #f0f0f0;
	text-align:center;
}
object.flashvideo {
	width: 100%;
	height:350px;
}