/*
Theme Name: Leyende
Theme URI: http://www.leyende.com/
Description: 
Version: 1.0
Author: Hyacinth Cruz
Author URI: http://pi.lipinas.com
Tags: leyende, organic, custom theme

	Based on Kubrick v1.5
	http://binarybonsai.com/kubrick/
	The Kubrick theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* - BASIC STUFF - */
body { /*background: url(images/background.jpg) repeat;*/ background: #fff; color:#000;margin:0 auto;}
a { color: #000 !important; text-decoration: none !important; border-bottom: 1px solid #808080}
a:hover {color: #333 !important}
.additional-meta {}
blockquote {font-style:oblique}
img { border: 0; }

#featured a, #sidelinks a, #menu a, .proddesc a, #footer a, .imagecol a, p.copyscape a { border:none }

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2.entry-title {text-transform: uppercase; font-size: 1em;}
h2#comments{margin:20px auto 10px;font-size:140%;}
h1.news { background: url(images/small-logo.png) no-repeat; padding-left: 25px; text-transform: uppercase; font-size: 1.2em; color: #000; margin: 5px 0}
/* headings inside posts */
.entry-content h3 {font-size:140%;font-family: "Lucida Grande", sans-serif; }
.entry-content h4 {font-size:120%;font-family: "Lucida Grande", sans-serif; }
.entry-content h5 {font-size:100%;font-family: "Lucida Grande", sans-serif; }
.entry-content h6 {font-size:90%; font-family: "Lucida Grande", sans-serif; }

/* -- MAIN DIV'S -- */
#wrapper {font-family: "Lucida Grande", sans-serif; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.8em; float:none;clear:both;margin:0 auto;padding:0;width:785px; }
#top-bg { position: absolute; top:0; background: url(images/top-bg.gif) top left no-repeat; margin-left: -43px; width: 445px; height: 157px;  }
#header { padding: 0 0 20px 0; height: 95px; background: url(images/line.gif) bottom left repeat-x;}
#menu {position: relative; z-index: 99; margin-bottom: 45px;  background: url(images/line.gif) bottom left repeat-x; padding: 4px 0; clear: both;}
#menu ul li { display: inline; text-transform: uppercase; /*margin-right: 20px; */ font-size: 1.2em; }
#menu ul li  ul li { margin-right: 20px }
#page-wrap { margin-top: 60px; }
#banner { margin-bottom: 20px; height: 182px; background: url(images/line.gif) bottom left repeat-x; }
#banner img { margin: 0; padding: 0; }
#footer {height:30px;overflow:hidden; margin:10px auto 0;clear:both; padding-top: 20px}
	#footer ul { float: left; width: 780px; background: url(images/line.gif) top left repeat-x;padding: 5px 0;  }
		#footer ul li { list-style:none !important; float: left; padding-right: 20px}
		#footer ul li.faq  img { vertical-align: middle }
	#footer li.right { float: right; padding-right: 5px; }


/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap {float:left; clear:none;width:345px; padding: 5px; }
.liner { background: url(images/line.gif) bottom left repeat-x; height: 1px;  margin: 25px 0 10px 0}
/* -- SIDEBARS --*/
.sidebar-wrap {overflow:hidden; float:left; clear:none;width:195px; background: url(images/line-v.gif) top right repeat-y; margin-bottom: 20px; padding-right: 30px}
.sidebar {width:99%;clear:none;}
.block-1 {float:right;}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:1em 0 1em 1em}
img.alignleft {float:left;clear:none;margin:1em 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

#nav li { /* all list items */
	float: left;
}

#nav {  height: 25px; }

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-left: -5px;
	padding-top: 10px;

}
#nav li img { vertical-align: bottom; }
/*#nav li ul li.active { border-bottom: 1px solid #000; }*/
#nav li ul li { display: inline }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: 0;
	
}
#twitterfeed { background: url(images/line.gif) top left repeat-x; }
#twitterfeed h3 {padding-top:15px; }
#twitter_user { display:none }

#followus { background: url(images/line.gif) top left repeat-x; padding-top:15px }
#td_left, #td_right { vertical-align: top } 
#td_right { padding-left:30px }
#tbl_output .post_heading, #tbl_output .page_heading { padding: 30px 0 10px 0; font-family: "Lucida Grande",sans-serif !important;  font-size: 12px;}
#tbl_output .pagenav ul li.page_item, #tbl_output .pagenav ul li.post_item   {    font-family: "Lucida Grande",sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.8em; }
#featured h3 { padding-bottom:15px }
#twitterfeed  li { border-bottom: 1px solid #ccc; margin-top:5px }
#twitterfeed li p { text-align:right; font-style:italic; margin-top:0px }
/* featured*/
/*#news p, #featured p { line-height: 12px; } */
#featured { padding: 10px 15px; background: url("images/line-v.gif") top left repeat-y !important; width: 195px; float:left; }
#featured_image { float: left;  width: 100%; }
	#featured_image img { margin-top: 20px }
#featured_title { float: left; width: 100%;margin-right: 20px }
#featured_title #buy { margin-top: 40px; }
#logo {  margin: 35px 0 0 10px; width: 400px; float: left; z-index: 999; position: relative }
#logo a{ border:0;}
/*#featured_title  a img { vertical-align: bottom; } */
#sidelinks { padding: 10px 0 10px 0; }
#sidebar { min-height: 300px ; margin-left: 20px; float: right; width: 180px }
/*cart*/
#cart { float: right; width: 150px;  margin-top:80px;}	
#cartcount { background: url(images/cart.gif) left center no-repeat; padding-left: 30px; line-height: 15px;  }

.prodimg { margin: 0; padding:0; z-index: 1; }
form.hoverimg { position: absolute; bottom: 0; left: 0; padding: 0 5px; width: 140px; background: url(images/prodbg.png) repeat;font-weight: bold; color: #666;  }

        
		
ul.thumbs { margin: 0; padding:0;}
ul.thumbs li { list-style-type: none; display: inline; padding:0; margin:0;position: relative; width: 150px; height: 225px;}
ul.thumbs li img { margin-top: -6px;border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc; cursor: pointer }
ul.thumbs li img.right { border-right: 0px; }

/* Hides from IE-mac \*/
* html .thumbs li {height: 1%;}
.thumbs li {display: block;}
/* End hide from IE-mac */


/** product display **/
.wpsc_product_title {font-family: "Lucida Grande", sans-serif; font-size: 11.5px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.1em; color: #000; text-transform: none}
.wpsc_description p {font-family: "Lucida Grande", sans-serif; font-size: 11px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1em; color: #000;}
.wpsc_product_price { float: left;font-family: "Lucida Grande", sans-serif; font-size: 11px; font-style: normal; font-weight: bold; letter-spacing: normal; color: #4c4c4c; line-height: 4px; }
.more  { text-align: right; padding-right: 10px;line-height: 4px; }
.more a  { font-family: "Lucida Grande", sans-serif; font-size: 11px; font-style: normal; font-weight: bold; letter-spacing: normal; color: #4c4c4c }
.wpsc_description { margin-bottom: 0px; }
.proddesc {background: url(images/prodbg.png);margin: 3px 0 1px 0; padding:0; display: none;position: absolute; bottom: 0;left: 0; padding: 15px 8px; width: 134px; height: 100px; font-weight: bold; color: #666;  }
.proddesc .wpsc_description { padding-bottom: 1px;}
.wpsc_page_numbers { margin: 30px 0;float: right; text-align: right;  }
select { width: 125px;font-family: "Lucida Grande", sans-serif; font-size: 11px; font-style: normal; font-weight: normal; letter-spacing: normal; color: #000; line-height: 10px }
.varname { display: none; }

/** page content  **/
#page-content { width: 600px; }

/** single product display**/
.prodtitles {font-family: Arial,"Lucida Grande", sans-serif; font-size: 11.5px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 1.1em; color: #000; text-transform: uppercase }
.buynow, .singlep div#pqty span {font-family: Arial,"Lucida Grande", sans-serif; font-size: 11px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 1.1em; color: #666; }
.singlep { padding-bottom: 30px; padding-left: 20px; }
.singlep div#pqty { float: left; width: 100px; margin-top: -8px; }
.singlep div#wpsc_variation_forms { float: left; margin-right: 10px;  height: 12px; } 
.singlep div#wpsc_product_price { font-family: "Lucida Grande", sans-serif; font-size: 11px; font-style: normal; font-weight: bold; letter-spacing: normal; color: #4c4c4c; margin-top: 20px; color: #000; font-size: 12px; display: block }
.singlep div#wpsc_product_price p { line-height: 2px; padding-top: 10px }
.singlep .description {width: 300px;font-family: Arial,"Lucida Grande", sans-serif; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: normal; /*line-height: 1.1em;*/ color: #000; }
.singlep .description a { border:0; }
.singlep select, .singlep div#pqty input { font-size: 12px; color: #000; }
.wpsc_buy_button {margin-top: 5px;  cursor: pointer; display: block;border:0;background:url(images/addtocart.gif) no-repeat; width: 89px; height: 23px; text-indent: -999px; line-height: 0;  }

/** checkout**/
.wpsc_container { padding: 10px 0;}
.productcart { padding-bottom: 20px}
.productcart input {background:#efefef; text-align:center; border:0; font-family: Arial,"Lucida Grande", sans-serif; font-size: 11px !important; letter-spacing: normal !important; color: #000 }
.product_row {background: #9f9f9f; font-family: Arial,"Lucida Grande", sans-serif; font-size: 11px; color: #000 }
.total_price {background: #9f9f9f; font-size: 12px; }
.wpsc_checkout_table {font-family: Arial,"Lucida Grande", sans-serif; font-size: 11px; color: #000 }
.wpsc_checkout_table input, .wpsc_checkout_table textarea, .wpsc_checkout_table select {background: #dbd7d7; border:0; font-family: Arial,"Lucida Grande", sans-serif; font-size: 11px !important; letter-spacing: normal !important; color: #000 }
.even  {background: #dbd7d7; }
input.make_purchase, input.clear_btn {border: 0; color: #000; font-family: Arial,"Lucida Grande", sans-serif; font-size: 11.5px; font-weight: bold; text-transform: uppercase; margin-right: 20px; background: #dbd7d7; cursor: pointer }
input.updatebtn { border: 0; color: #fff; font-family: Arial,"Lucida Grande", sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; background: none; cursor: pointer}

/** extra images */
#extraimages { width: 210px;}
#imgcol { position: relative !important; float: left; margin: 0; width: 200px}
#extraimages h2 { background:#666; text-transform: uppercase;text-align:left; border:0; font-family: Arial,"Lucida Grande", sans-serif; font-size: 11px !important; letter-spacing: normal !important; color: #fff; font-weight: bold; padding: 0 5px;    }

#wpsc_variation_forms, #pqty, p.addtocart { display:none !important }

.buy_button {
    background: url("images/buynow.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 20px;
    line-height: 0;
    margin-top: 5px;
    text-indent: -999px;
    width: 60px;
}