/*
Theme Name: MeltMeWickless
Theme URI: http://www.meltmewickless.com
Description: Custom Theme for meltmewickless.com.
Version: 1
Author: Rob Harris
Author URI: http://www.robharrisdesign.com
Tags: brown, custom header, fixed width, two columns, widgets

*/
body{ text-align:center; margin: 0; padding: 0; background:url(images/page_bg.jpg) center top no-repeat #725c62; font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; }
#header{width: 897px; height: 254px; margin: 0 auto; margin-top: 60px;}
#headInfo{ width: 275px; height: 74px; float: left; clear: both; background-image:url(images/header_06.jpg); background-color: #462a32; text-align: center; font-family:Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #FFF; padding: 5px 2px;}
#nav{ width: 880px; height: 32px; margin: 0 auto; z-index: 10; }
#body{ width: 928px; margin: 0 auto; background:url(images/deco.png) repeat-y; }
#content{ background:url(images/body_03.png) repeat-y; width: 897px; height: auto; text-align:center; margin: 0 auto; clear: both; float: left; margin-left: 15px; }
#contentInner{ background:url(images/body_01.jpg) no-repeat top center; min-height: 288px; margin: 0 auto; float: left; clear: both; width: 100%; }
#footer{ width: 100%; height: 200px; background:#503a40; color: #FFF; }
#footInner{ width: 880px; margin: 0 auto; text-align: right; padding-top: 10px; }
#nav a, #nav a:visited { display:block; padding-top: 5px; height: 31px; font-size: 20px; color: #B7B992; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; float: left; margin-left: 7px; text-decoration: none; }
#left-side {width: 540px; margin: 0px 10px 0px 30px; float: left; clear: left; line-height: 20px; text-align: left;}
/*nav*/
#nav a:hover{ color: #341F25; }
#nav a span.r, #nav a:visited span.r{ width: 7px; height: 31px; display:block; float: left; background:url(images/nav_corners_over_bg.png) no-repeat; background-position: top right; }
#nav a span.c, #nav a:visited span.c{ background:url(images/nav_over_bg.png) repeat-x; background-position: top; display: block; float: left; padding-top: 3px; height: 28px; }
#nav a:hover span.c{ background-position: bottom; color: #341F25; }
#nav a:hover span.r{ background-position: bottom right; }
#nav a span.l, #nav a:visited span.l{ width: 7px; height: 31px; display:block; float: left; background:url(images/nav_corners_over_bg.png) no-repeat; background-position: top left; }
#nav a:hover span.l{ background-position: bottom left; }

/*dropdown Menu */

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#nav ul li {
	position: relative;
	float: left;
	}
	
#nav ul li ul {
	position: absolute;
	left: 10px; /* Set 1px less than menu width */
	top: 35px;
	display: none;
	width: 250px;
	/*background: #341F25;*/
	background-image:url(images/dd_top.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px 0 5px 0;
	border-bottom: 5px solid #b7b992;
	z-index: 11;
	}
#nav ul li ul li{
	width: 250px;
}

/* Styles for Menu Items 
#nav ul li a {
	display: block;
	text-decoration: none;
	}

#nav ul li ul li a {
	display: block;
	text-decoration: none;
	}
*/	
/* Holly Hack. IE Requirement \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */

#nav ul li:hover ul, #nav ul li.over ul { display: block; }  /*The magic */

/*end nav*/

#sideBar{ float:right; clear: right; width: 278px; margin: 0px 30px 0px 0px; }
h2.posthead{ border-bottom: 1px dashed #503a40; color: #503a40; padding: 5px 0px; margin: 0 0 10px 0; font-size: 26px; }
h2.posthead a, h2.posthead a:visited{text-decoration: none; color: #503a40; }
h2.posthead a:hover{ color:#66F; }
a, a:visited{color:#503a40; }
a:hover{ color:#66F; }
#sideBar ul li.widget span.head{width: 264px; height: 22px; color: #FFF; font-size: 18px; background:url(images/sb_header_bg.png) no-repeat; display:block; font-weight: bold; padding: 7px;  }
#sideBar ul li.widtet span.bottom{width: 276px; height: 10px; display:block; background:url(images/sb_foot_bg.png) no-repeat center; float:left; clear:both; }
#sideBar ul li.widget span.middle{width: 265px; padding: 7px; padding-top: 3px; background:url(images/sb_content_bg.png) repeat-y; display: block; float:left; clear:both; height:auto; }
#sideBar ul{ list-style: none; margin: 0; float: left; clear: both; padding: 0; }
#sideBar ul li.widget{margin: 0px; margin-top: 5px; float: left; clear: both; display: block; text-align: left;}
#sideBar ul li.widget input[type="text"]{ width: 250px; margin: 3px;}
#sideBar ul li.widget span.middle ul{ float: none; display: block; padding-left: 10px; }
#sideBar ul li.widget span.middle ul li{ float: none; display: block; }
/*#sideBar ul li input[type="submit]{background: #341F25; color: #FFF;}*/
ol.sidebar{ display: block; width: 55%; float: left; clear: left; margin:0; padding-left: 25px; }
ol.sidebar li{ float:left; clear: both; list-style-type:decimal; list-style-position: outside; }
.mp_submit{ background: #341F25; color: #FFF; border: 3px solid #928186; float: right; clear: both; font-weight: bold; margin: 3px; }
.wp-caption{background: #341F25; color: #FFF; text-align: center; border: 1px solid #341F25; margin: 9px; padding-top: 5px;}
.wp-caption p{ margin-top: 3px; margin-bottom: 3px; }
.wp-caption img{ border:hidden; }
.alignleft, .attachment-single-post-thumbnail{ float: left;} 

ul.products{ list-style-type: none; padding: 0px; }
ul.products li{ border-top: #ccc 1px dashed; padding-top: 7px; width: 100%; margin-bottom: 7px; float: left; clear: both; }
ul.products li h2{margin-bottom: 7px; margin-top: 2px; text-align: left;}
ul.products li img{margin-right: 7px;}
#commment{width: 535px;}
ol#commentlist{list-style: none; padding: 0px;}
ol#commentlist li{ border: 1px dashed #CCC; background: #FFF; padding: 5px; margin-top: 7px;}
h2#comments{ padding-top: 5px; border-top: 1px dashed #CCC; }
div.meta{ font-size: 10px; text-align: right; }
div.products_main{width: 166px; float: left; margin: 4px; border: 1px solid black; background: #FFF; padding: 2px; text-align: center; line-height: 16px; font-size: 13px;}
a.prod-head, a.prod-head:visited{ display: block; margin-bottom: 3px; color: #FFF; background:#503a40; text-decoration: none; padding: 1px; height: 35px; } 
a.prod-head:hover{ color:#FF9; }