/*
Theme Name: SCBaby
Theme URI: http://www.loft8studio.com/
Description: designed for Sugarcane Baby
Author: loft8 studio
Author URI: http://www.loft8studio.com
Tags: white, two columns, minimalist, valid, widget ready, simple, clean
Version: 1.0 
Note: based on Ministry Free by Brandon Fox

*/

body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #555; background: #FFFFFF url(images/page-bg.gif) repeat-y center;}

a img { border: none; }
p, h1, h2, h3, h4, h5, h6, h7, ul, small, blockquote { margin-top: 0px; margin-bottom: 18px; }
p, li, li li { line-height: 18px; }
h1 { font-size: 20px; padding-bottom: 5px; border-bottom: 1px #ccc dashed; }
h1 a { font-size: 20px; padding-bottom: 5px; color: #555; text-decoration: none; }
h2 { font-size: 14px; color: #030; }
h2 a { font-size: 14px; color: #030; }
h5 { font-size: 36px; padding-bottom: 5px; text-align: right; color: #DFDFDF; }
small { font-size: 10px; line-height: 140%; }
a { color: #555555; text-decoration: none; }
a:hover { color: #FFAD1F; }


#container { width: 982px; min-height: 600px; height: 600px; margin: 30px auto 10px; }

#search-subscribe { width: 620px; margin: 0px 10px; height: 36px; float: right; }
#search-subscribe .search { float: right; display: inline; background: #ededdc; padding: 10px; height: 20px; width: 260px; }
#search-subscribe .subscribe { float: right; display: inline; background: #ededdc; padding: 12px; height: 16px;  }
#search-subscribe a { text-decoration: none; }
#search-subscribe img { vertical-align: top; }

#header { width: 979px; height: 130px; margin: 10px auto; padding: 0px 0px 20px 0px; border-bottom: 1px solid #d0d0d0; }
p.site-title { font-size: 1.6em; margin: 50px 0px 0px; font-weight: bold; }
p.site-title a { color: #060; text-decoration: none; }
p.site-title a:hover { color: #555; }
p.description { margin-bottom: 0px; }
#logo { overflow: hidden; width: 200px; padding: 0px; margin: 0px 10px; float: left; height: 125px; }
#nav { width: 620px; padding: 15px 0px 10px 0px; margin: 0px 10px; float: right; height: 22px; }
#nav ul { margin: 0px; padding: 0px; list-style: none; }
#nav li { float: right; margin-right: 15px; text-transform: lowercase; text-align: right; }
#nav li a { color: #999; font-weight: bold; text-decoration: none; }
#nav li a:hover, #nav li a.active { color: #030; text-decoration: overline; }
.post_nav {float:left; margin-bottom:10px; padding:0 0 0 10px; width:610px; }

#shopp-cart-items { font-size: 24px; font-weight: bold; }
#shopp-cart-chkout { font-size: 18px; font-weight: bold; }

#hdrcart  { font-size: 12px; width: 280px; margin: 10px 10px; float: right; height: 70px; text-align: left; background: transparent url(images/cartbg.gif) no-repeat scroll 0 0;}
#hdreditcart {margin: 25px 0px 0px 15px; padding: 0; width: 130px; height: 100%; float: left; }
#hdritems {margin: 15px 50px 0px 0px; padding: 0px; width: 60px; height: 42px; float: right; text-align: center; }
#hdrcheckout{size: 20px; font-weight: bold;}

#wrapper { margin:auto;  width: 982px; padding-bottom: 20px; }
div.float-left { float: left; display: inline; overflow: hidden; }
div.float-right { float: right; display: inline; overflow: hidden; }
div.one-column { width: 200px; padding: 10px; }
div.two-column { width: 700px; padding: 10px; margin-left: 20px; }
div.three-column { width: 940px; padding: 10px; }
div.widget { margin-bottom: 20px; }

#sidebar, #content { overflow: hidden; }

#sidebar ul { margin: 0px 0px 20px 0px; padding: 0px; list-style: none; border-top: 1px #ccc solid; }
#sidebar li { margin: 0px; padding: 4px 0px 4px; border-bottom: 1px #ccc solid; width: 300px; font-size: 14px; }
#sidebar li a { display: block; text-decoration: none; padding: 4px 15px; font-size: 14px;}
#sidebar ul.highlight li a { background: #ededdc; }
#sidebar li a:hover { background: #ededdc; }
#sidebar ul.highlight li a:hover { background: #333; color: #fff; }
.widget h2 { font-size: 1.1em; color: #030; }

#content .post { margin-bottom: 20px; font-size: 14px;}
#content .post h1 { margin-bottom: 5px; }
#content .post h2 { text-transform: uppercase; font-size: 18px; font-weight: normal; }
#content .post p, li, li li { font-size: 14px; }
#content .post a { color: #555555; text-decoration: none; font-size: 14px; }
#content p.premeta { font-size: 12px; color: #999; margin-bottom: 20px; }
#content .postmeta { color: #999; font-size: 10px; border-top: 2px #ccc solid; padding: 4px 0px; margin-bottom: 20px; }
#checkout {color: #000000; margin: 20px; float: right; width: 350px;}

/* Comments */
#content .comments { font-size: 12px; margin: 20px 0px; }
#content .comments ul { margin: 10px 20px; padding: 0px 20px; list-style: none; border-left: 5px #ccc solid; border-right: 5px #ccc solid; }
#content .comments li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #ccc; list-style-type: none; }
#content .comments img { padding: 0px; margin: 0px 0px 10px 10px; float: right; }

#footer-wrapper { margin: auto; width: 982px; background: #ededdc; }
#footer { width: 100%; overflow: hidden; padding: 0px; }
#footer ul { margin: 0px 0px 20px 0px; padding: 0px; list-style: none; border-top: 1px #ccc solid; }
#footer li { margin: 0px; padding: 1px 0px 1px; border-bottom: 1px #ccc solid; width: 300px; font-size: 14px; line-height: 22px;}
#footer li a { display: block; text-decoration: none; padding: 1px 0px; font-size: 14px; line-height: 22px;}
#footer h2 { font-size: 18px; }
#footer-left { font-size: 11px; float: left; width: 200px; padding: 10px; }
#footer-left a { color: #555555; text-decoration: underline; }
#footer-center { float: left; width: 300px; margin: 10px 0px 0px 30px; padding: 10px; }
#footer-right { float: right; width: 300px; margin: 10px 0px 0px 30px; padding: 10px; }

a.button, a.button span, span.button, span.button input {background-image:url(images/buttons.png);}

/* WordPress Images and Captions */
#content .post p.wp-caption-text { text-align: center; font-size: 12px; line-height: 135%; margin: 0px; padding: 3px 0px; }
#content img.alignnone { margin: 0px 10px 10px 0px; }
#content .post div.alignleft, #content .post img.alignleft { float: left; margin: 0px 10px 10px 0px; }
#content .post div.aligncenter, #content .post img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; clear: both; }
#content .post div.alignright, #content .post img.alignright { float: right; margin: 0px 0px 10px 10px; }