/*
Theme Name: Sweet Will-Yums Theme
Theme URI: http://www.sweetwillyums.com
Description: A custom theme and style sheet
Version: Version 1 
Author: Stranger Studios
/*-----------Block Level Elements--------------*/

body {background: #FFFAE5; font-family: Arial, Helvetica, sans-serif; text-align:center; margin: 0; padding: 0; font-size: .9em; color: #333; }

h1, h2, h3, h4, h5 {margin: 0; padding: 0; }

form {margin-bottom: 0; padding-bottom: 0; }

p {margin: 5px 0 0 0; padding: 0 0 5px 0; line-height: 1.3em; }

a:link {color: #82B543; text-decoration: underline; }
a:hover {color: #5858C9; text-decoration: none; }
a:visited {color: #666; }

#page {margin: 0 auto; padding: 0; text-align: left; width: 970px; background: url(images/bg_body.gif) 0px 10px no-repeat; }

#main {float: right; width: 685px; margin: 30px 25px 0 0;}

#content {padding: 20px 30px 0px 30px; background: #FFF url(images/bg_content.gif) top left repeat-y; }
#subcontent {background: #E8DBAC url(images/bg_subcontent.gif) top left repeat-y; padding: 10px 30px 1px 30px;}

#related {list-style-type: none; margin: 0; padding: 0; font-size: .8em;}
#related li {float: left; display: inline block; width: 192px; padding: 5px; margin: 0 2px 10px 2px; background: #FFF; border: 1px solid #CCC; }
#related li img {float: left; margin: 0 5px 0 0; }
#related li div {float: right; width: 122px;}
#related li div span {color: #999; }
#related li p { }

#contentbase {background: url(images/bg_contentbase.gif) bottom center no-repeat; height: 25px;}
#subcontentbase {background: url(images/bg_subcontentbase.gif) bottom center no-repeat; height: 25px; font-size: 1px; }

#footer {color: #555; text-align: center; font-size:.8em; margin-top: 10px; }
#footer a {color: #444; }

/*-------------Menu----------------*/
#menu {background: url(images/bg_menu.gif) top left no-repeat; list-style-type: none; margin: 0 0 25px 0; padding: 0; width: 625px; height: 50px; }
#menu li {float: left; margin: 0; padding: 0; background: url(images/bg_menuli.gif) 0px 13px no-repeat; }
#menu li.cookies { background: none; }

#menu img {margin: 0; padding: 0;}

#menu li a {display: block; height: 50px; padding: 0 13px 0 13px; }
#menu li a:link, #menu li a:visited {background-position: 13px 0px; background-repeat: no-repeat; }
#menu li a:hover {background-position: 13px -50px; background-repeat: no-repeat;}
#menu li.selected a, #menu li.selected a:link, #menu li.selected a:visited {background-position: 13px -50px; background-repeat: no-repeat;}

#menu li.cookies a {background-image: url(images/menu_cookies.gif); width: 85px; height: 50px; }
#menu li.biscotti a {background-image: url(images/menu_biscotti.gif); width: 75px; height: 50px; }
#menu li.granola a {background-image: url(images/menu_granola.gif); width: 80px; height: 50px; }
#menu li.gift a {background-image: url(images/menu_gift.gif); width: 150px; height: 50px; }
#menu li.cart a {background-image: url(images/menu_cart.gif); width: 85px; height: 50px; }

#menu li.cookies img {width: 85px; height: 50px; }
#menu li.biscotti img {width: 75px; height: 50px; }
#menu li.granola img {width: 80px; height: 50px; }
#menu li.gift img {width: 150px; height: 50px; }
#menu li.cart img {width: 85px; height: 50px; }

#menu li.cart ul.cart-contents {position: absolute; list-style: none; margin: -33px 0 0 102px; color: #FFF; font-size: 12px; }
#menu li.cart ul.cart-contents li {background: none; }

/*-------------Headings-------------*/

h1 {margin: 59px 0 40px 7px; }

h2 {color: #5858C9; margin: 0 0 10px 0; font-size: 1.6em; }

h3 {color: #444; margin: 10px 0 5px 0; font-size: 1.2em; }

h4 {color: #BEA241; margin-bottom: 10px; font-size: 1.2em; }

h5 {color: #222; margin: 0 0 5px 0; font-size: 1em; }

h5 a:link {color: #5858C9; font-weight: bold; }
h5 a:hover {color: #82B543; }

h5 span {color: #CCC; }

/*-------------The Post-------------*/

.home {background: url(images/bg_homepage.jpg) bottom right no-repeat; padding: 30px 290px 30px 0px; }
.home p {font-size: 1.8em; margin: 0; }

.home h2 {margin: 0; padding: 0; }
.home h4 {color: #333; font-size: 1.5em; margin: 15px 0 5px 0; padding: 0; font-weight: normal; }
.home ul {margin: 0; padding: 0 0 20px 0; list-style: none; float: left; width: 300px; }
.home ul li {display: block; float: left; width: 150px; margin-bottom: 10px; }


h2 a:hover, h2 a:visited, h2 a {  }

.post {  }

.post p {  }

.post a {  }

.post ul {  }

.post li {  }

.entry {  }

.entrytext .postmetadata {  }

.postmetadata alt {  }

.postmetadata a {  }

.navigation {  }

.alignleft {  }

.alignright {  }

.center {  }

.pagetitle {  }

blockquote {  }

cite {  }

a img {  }

acronym, abbr {  }

/*--------------Sidebar------------*/

#sidebar {float: left; width: 235px; margin-left: 25px; background: url(images/bg_sidebar.gif) top left no-repeat;}
#sidebar ul {list-style-type: none; margin: 0; padding: 0;}
#sidebar p {font-size: .9em; font-weight: bold; }

.ad {width: 225px; height: 100px; min-height: 100px; margin-top: 10px; font-size: 11px; }

/*--------------Comments--------------*/

ol.commentlist {  }

ol.commentlist li {  }

ol.commentlist li.alt {  }

ol.commentlist a {  }

small.commentmetadata {  }

/*--------------Search Form-------------*/

#searchform {  }

#searchform input {  }

#searchform #s {  }


/*-------------Calendar-----------------*/

#wp-calendar {  }

#wp-calendar th {  }

#wp-calendar a {  }

#prev a, #next a {  }

#wp-calendar caption {  }


/*-------------Products------------------*/

.productlist ul {list-style-type: none; margin: 0; padding: 0; }
.productlist ul li {float: left; display: inline block; width: 185px; margin: 10px; background: #FFF; text-align: center;}
.productlist ul li img {margin: 0 0 10px 0; }
.productlist ul li p {font-size: .9em; }
.productlist ul li .button {padding: 0 60px 0 60px; }

.productsingle .info {float: left; width: 350px;}
.productsingle .info div {clear: left; margin: 10px 0 15px 0; }
.productsingle .info div label {float: left; width: 70px; font-weight: bold; }
.productsingle .info div .price {color: #82B543; font-weight: bold; }

.productsingle .images {float: right; width: 240px; margin-right: 15px; padding-bottom: 21px;}
.productsingle .images .md-pic {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCC; }
.productsingle .images ul {list-style-type: none;}
.productsingle .images ul li {display: block; float: left; width: 60px; height: 40px; border: 1px solid #DDD; margin-right: 5px; }

.moreinfo {clear: both; margin: 15px 0 0 0; padding: 15px 0 15px 0; border-top: 1px dashed #EEE; border-bottom: 1px solid #CCC; }
.moreinfo p {font-size: .9em; color: #444; }

a.addtocart, input.addtocart {float: left; display: block; width: 130px; height: 30px; margin-right: 10px; background-image: url(images/button_addtocart.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.addtocart:hover, input.addtocart:hover {background-position: 0px -30px}

a.addtocart_sm {display: block; float: left; width: 65px; height: 15px; background-image: url(images/button_addtocart_sm.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.addtocart_sm:hover {background-position: 0px -15px}

a.tellafriend {float: left; display: block; width: 130px; height: 30px; background-image: url(images/button_tellafriend.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.tellafriend:hover {background-position: 0px -30px}

/*-- Shoppping Cart -- */
.cart td {border-top: 1px solid #DDD; padding: 10px 0 10px 0; }
.cart thead td {font-weight: bold; border-top: none; border-bottom: 2px solid #DDD; }
.cart .name {font-weight: bold; }
.cart ul {margin: 5px 0 0 20px; padding: 0; font-size: .8em; color: #666; }
.cart tfoot {font-weight: bold; font-size: 1.1em; }
.cart tfoot .topfoot td {border-top-width: 3px;}
.cart tfoot td.total {border-top: 1px solid #000;}


/*-------------Contact Form------------------*/

.contactform {margin: 15px 0 0 0; }
.contactform label {float: left; width: 120px; margin: 0 5px 5px 0; padding-top: 3px; }
.contactform div {clear: left; margin-bottom: 8px; font-weight: bold; }
.contactform textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.contactform input {font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.message {background: #FFF; border: 1px solid #82B543; color: #82B543; font-weight: bold; font-size: .9em; padding: 5px; margin: 0 0 10px 0; }

/*-------------Misc------------------*/

.clear {clear: both;}
.grey {color: #AAA;}

.top1px {padding-top: 2px; }

.pad10 {padding: 10px; }

.postpic {float: right; margin: 0 0 15px 15px; padding: 0; border: 1px solid #CCC; }