/*  
Theme Name: Kids tunes
Description: Kids tunes theme
Version: 1.0
Author: Cormac Parle
Author URI: http://www.kids-tunes.com
*/

/*************************************
 +Containers
 *************************************/
body{
	color:#555;
	font-family: helvetica, arial, sans-serif;
	line-height:1.4em;
	margin:0;
	padding:0;
}
#container { width: 100%; }
#content{
	padding:5px 0 0 20px;
	margin: 0 auto;
	width: 980px;
	position: relative;
}
#headers { padding: 0; margin: 0; float: left; width: 540px; }
div#footer{
	clear:both;
	width: 100%;
	text-align: center;
}
ul#footer {
    padding: 0 auto;
    list-style-type: none;
}
ul#footer li { 
    display: inline;
    list-style-type: none;
    font-size: 12px;
    color: #808C16;
}
div#credits { margin: 0 auto; font-size: 11px; }

input,select { font-family: "Courier New",monospace;  }

/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:3em;
	clear: both;
}

.entrymeta{
	font-size:0.9em;
}
.postedby{
	padding:3px;
}
.filedto{
	padding:3px;
}
.commentslink{
	padding:3px;
}

.entry .entrytitle h3 {
    font-size: 12px;
    text-transform: none;
    font-style: italic;
    font-weight: normal;
}

.entrybody { float: left; width: 100%; }
.entrybody div.text {
    float: left; 
    clear: left; 
    margin: 0 0 15px 0;
    padding: 0 60px 0 0;
    font-size: 17px;
    width: 690px;
}

input.comment {
   background: url(images/button_comment.png) top left no-repeat;
   border: 0!important;
   height: 30px;
   width: 128px;
   color: #555;
}

/*************************************
 +Misc
 *************************************/
#headers p#homeLink { 
    float: left;
    width: 135px; 
    background: url(images/logo_small.jpg) top left no-repeat;
    height: 79px;
    margin: 0;
}
#headers p#homeLink a { display: block; width: 135px; height: 79px; text-align: right; color: #fff; }
h1 { 
    padding: 50px 0 0 0;
    margin: 0;
    font-size: 32px; 
    float: left;
    width: 405px;
    line-height: 1.1em;
}
h2 { padding: 0; margin: 0 0 25px 0; padding: 10px 0 0 135px; font-size: 24px;  clear: left; }
h2.home { padding-left: 195px; }
 
a{
	color:#808c16; 
	text-decoration:none;
}
a:hover { text-decoration:underline; }

.alignright { float:right; clear: right; margin-top: 10px; padding-left: 10px; }

#blurb { width: 980px; float: left; margin-bottom: 60px; }
#blurb div.browseOptions { 
    width: 323px;
    float: left;
}
#blurb div.browseOptions h3 { width: 120px; margin: 0 10px 0 0; float: left; padding: 0; }
#blurb div.browseOptions ul { 
    width: 150px;
    padding: 0; 
    margin: 0; 
    float: left; 
    list-style-type: none;
}
#blurb div.browseOptions ul li { list-style-type: none; padding: 0; margin: 0; font-size: 12px; line-height: 17px; }
#blurb div.browseOptions ul li a { color: #555; }
    
a img { border: none; }

div.navigation { clear: left; }

/*************************************
 +Sidebar
 *************************************/

#sidebar {
    float: left;
    width: 430px;
}

#sidebar #social {
    margin: -3px 0 0 312px;
}

#sidebar #social a { font-size: 12px; }
#sidebar #social a img { position: relative; top: 3px; }


#sidebar form {
    margin-bottom: 14px;
}
#sidebar form#searchform input { width: 360px; margin-left:1px;  }
#sidebar form#searchform input.button { width: auto; margin-left: 0; }
#sidebar form input,#sidebar form select {
    border: 1px #ccc solid;
    color: #555;
}
#sidebar form select { font-family: helvetica, arial, sans-serif; font-size: 12px; }
#sidebar form input.button { font-size: 11px; color: #555;}
#sidebar form input.change { background: url(images/button_change.png) top left no-repeat; border: none; }
#sidebar form input.search { background: url(images/button_search.png) top left no-repeat; border: none; }

#sidebar #cartHeader { margin: 0 0 6px 162px; }
#sidebar #cartHeader form#currencyForm { display: inline; margin-right: 5px; }
#sidebar #cartHeader a { font-size: 13px; font-weight: bold; }
#sidebar #cartHeader a { font-size: 13px; font-weight: bold; }
#sidebar #cartHeader a img { position: relative; top: 5px; margin: 0 4px 0 0; }


#sidebar ul#categories {
    list-style-type: none;
    padding: 0;
    margin: 0;
    left: 0;
    width: 430px;
    float: left;
}
#sidebar ul#categories li {
    list-style-type: none;
    padding: 0;
    margin: 0 3px 0 0;
    float: left;
    font-size: 12px;
    line-height: 1.2em;
    height: 16px;
}
#sidebar ul#categories li {
    list-style-type: none;
    padding: 0;
    margin: 0 3px 0 0;
    float: left;
    font-size: 12px;
    line-height: 1.2em;
    height: 16px;
}
#sidebar ul#categories li a { 
    display: block; 
    height: 100%; 
    color: #555; 
    padding: 1px 0 0 15px;
}
#sidebar ul#categories li#showTags a.moreLink {
    background: url(/wp-content/themes/kids-tunes/images/greyDot.jpg) 2px 2px no-repeat; 
    width: 32px;
    height: 30px;
    padding-left: 17px;
}
#sidebar ul#categories li#showTags div#tags {
    margin:0;
    padding:0;
    position:absolute;
    right:14px;
    top:103px;
    width:430px;
    float: left;
    display: none;
}
#sidebar ul#categories li#showTags div#tags div {
    width: 430px;
    margin:0; padding:0;
    float: left;
}
#sidebar ul#categories li#showTags div#tags div.top {
    background: url(images/more_box_top.png) bottom left no-repeat;
    height: 12px; 
    padding-top: 3px;
}
#sidebar ul#categories li#showTags div#tags div.mid {
    background: url(images/more_box_mid.png) top left repeat-y;
}
#sidebar ul#categories li#showTags div#tags div.bottom {
    background: url(images/more_box_bottom.png) top left no-repeat;
    height: 9px;
}
#sidebar ul#categories li#showTags div#tags ul { float: left; margin: 0; padding: 10px 0;}
#sidebar ul#categories li#showTags div#tags ul li { height: 24px; width: 30%; }
#sidebar ul#categories li#showTags:hover div#tags,
#sidebar ul#categories li#showTags div#tags:hover { display: block; }



/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:25em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#f3f5e9;
	border:1px dotted #d1d1d1;
	padding:0.5em;
}
h3#comments{
font-size:1.6em;
}


/*************************************
 +eShop
 *************************************/
 p.eshopshipping { display: none; }
 div.cartopt { text-align: right;  margin-top: 2em; font-size: 0.7em;  }
 div.cartopt input { font-size: 1em; }
 div.cartopt input.button { 
     border: 0;
     background: url(images/button_update_cart.png) top left no-repeat;
     color: #555;
     width: 91px;
     height: 20px;
 }
 div.cartopt p { width: auto!important; padding: 0!important; }
 
 ul.continue-proceed { list-style-type: none; margin: 35px 0 0 0; padding: 0 0 35px 0; clear: left; }
 ul.continue-proceed li { float: right; }
 
 
input.checkout { 
    font-size: 1.2em!important; 
    color: #fff;
    background: url(images/button_checkout.png) top left no-repeat;
    border: 0;
    width: 118px!important;
    height: 30px;
}
.continue-proceed li a {
    display: block;
    margin-right: 20px;
    color: #555;
    background: url(images/button_continue_shopping.png) top left no-repeat;
    height: 30px;
    width: 176px;
    text-align: center;
    padding-top: 5px;
}
.continue-proceed li a:hover { text-decoration: none; }

form#checkoutForm div#continue { 
   float: left;
}
form#checkoutForm div#continue p {
    float: left;
    margin: 0;
}
a.backToCart {
    display: block;
    margin-right: 20px;
    color: #555;
    background: url(images/button_back_to_cart.png) top left no-repeat;
    height: 23px;
    width: 206px;
    text-align: center;
    padding-top: 5px;
}
form#checkoutForm div#continue input { float: left; }

table.cart { margin-bottom: 40px; }
table.cart tr.alt,
table.cart tr.total { text-align: right; }

 /* generic form button */
input.button {
	width:auto;
	border:auto;
	font-family: helvetica,arial,sans-serif;
}
input.button:hover,input.button:focus,input.button:active {
	cursor:pointer;
}

form.eshopcart { width: 100%; }

table th { font-weight: bold!important; }
table.cart th#cartItem, 
table th#class, 
table.cart td.leftb { text-align: left!important; padding-left: 20px!important; }
table.cart td a { color: #555; }
table.cart td a:hover { text-decoration: underline; }
table.cart caption { display: none; }
table.cartOptPresent { margin-top: 0.5em; }

.note { font-size: 0.8em }

.price { color: #990000; font-weight: bold; }

div.addToCartAndImages { float: left; padding: 0 0 0 20px; margin: 21px 0 0 0; width: 190px;}

form.addtocart {
    line-height: auto;
    padding:0!important;
    padding-top:2px!important;
}
form.addtocart fieldset {
    border:none!important;
    color:#555!important;
    background:none!important;
    padding-top: 8px!important;
}
form.addtocart fieldset legend { display :none; }
form.addtocart fieldset span.sgloptiondetails { display :none; }



form.addtocart,
div.eshopnostock,
div.productImages
{ display: block; width: 190px!important; float: left; }

div.productImages { clear: left;  }
div.productImages img { margin: 0; padding: 0; }

form.addtocart { 
    text-align: center; 
    background: url(images/basketBg.jpg) top left no-repeat;
    height: 75px;
}
form.addtocart label { font-weight: bold; }
form.addtocart div { margin: 10px; }
form.addtocart input.button { 
    background: url(images/button_product_add.png) top left no-repeat; 
    border: none; 
    color: #fff;
    height: 20px;
    width: 109px;
    margin-top: 8px;
}


div.eshopnostock strong { display: block; text-align: center; }
div.eshopnostock { background: url(images/outofstockBg.jpg) top left no-repeat; padding: 10px; margin: 0; }

form#checkoutForm fieldset { border: 0; padding: 20px 0; margin: 0; }
form#checkoutForm fieldset legend, h3 { 
clear: both;
font-size: 1.5em; line-height: 1em; color:#97ac29; margin: 0; padding: 10px 0 0 0; font-weight: bold; text-indent: 0; text-transform: lowercase; }


form.eshop { clear: both; padding-top: 40px; text-align: center; margin-bottom: 1em!important; }


div.orderDetailsPart { width: 350px; float: left; }
div.orderDetailsPart h4 { color:#97ac29; padding: 0.7em 0; margin: 0; }
div.orderDetailsPart ul { list-style-type: none; margin: 0; padding: 0; }
div.orderDetailsPart ul li { list-style-type: none; margin: 0; padding: 0;}

ul#orderConfirmOptions { float: left; margin: 10px 0 0 0; padding: 0; list-style-type: none; }
ul#orderConfirmOptions li { text-align: center; list-style-type: none; margin-bottom: 25px; }
ul#orderConfirmOptions li form.eshop { margin: 0; padding: 0;margin-bottom: 0!important; }
ul#orderConfirmOptions li input {
    font-size: 1.2em!important;
    background: url(images/button_pay.png) top left no-repeat;
    height: 30px;
    width: 203px;
    border: 0;
    color: #fff;
    position: relative;
}
ul#orderConfirmOptions li a.editAddress {
    background: url(images/button_edit_address.png) top left no-repeat;
    height: 25px;
    width: 271px;
    color: #555;
    display: block;
    padding-top: 5px;
}
ul#orderConfirmOptions li a.editAddress:hover { text-decoration: none; }
ul#orderConfirmOptions li a.backToCart { margin-right: 0; margin-left: 30px;}

ul.redirect { width: 100%; }
ul.redirect li { float: right; margin-left: 30px; height: 30px; line-height: 30px; }
ul.redirect li form input { margin-right: 100px; margin-top: -15px; }
ul.redirect li a.editAddress { height: 28px!important; padding-top: 2px!important; }
ul.redirect li a.backToCart { height: 28px!important; padding-top: 2px!important; }

div.paypal { clear: both; padding-top: 25px; }

span.items { font-weight: bold; font-size: 0.8em; display: block; }

p.emptycart { text-align: left; font-weight: bold; margin: 2em 0 0 1em; }




#process {
    margin-bottom: 30px!important;
}

.errors, .error { color: red; }

div.alignleft { width: 20%; float:left; }
div.alignright { width: 20%; float:right; }


/* listen to mp3s */


div.listen {
    background: #fff url(images/listenBgMid.png) top left repeat-y;
    width: 190px;
    float: left; 
    clear: left; 
    margin-top: 20px; 
}
div.listen h2 { padding: 0 0 0 10px; margin: 0; font-size: 0.9em; font-weight: bold;  }
div.listen ul { list-style-type: none; padding: 0; margin: 0;  }
div.listen ul li { list-style-type: none; margin-left: 10px; }
div.listen ul li a { font-size: 0.8em; }
div.listen span { 
    width: 190px;  
    display: block;
    margin: 0;
    padding: 0;
    height: 8px;
}
div.listen span.bottom { background: #fff url(images/listenBgBottom.png) top left no-repeat; }
div.listen span.top { background: #fff url(images/listenBgTop.png) top left no-repeat; }

/* summary pages */
div#bestsellers,
div#latest 
{ float: left; }

/* summary */
div.summary {
    margin: 0 0 65px 0; 
    float: left;
    width: 316px;
    padding: 20px 10px 20px 0; 
    font-size: 12px;
    line-height: 1.5em;
}
div.summary img { float: left; padding-right: 10px; }
div.summary div { float: left; }
div.summary div.left { width: 130px; }
div.summary div.right { width: 186px; }
div.summary h4 { padding: 0; margin: 0; }
div.summary p { padding: 0; margin: 0; }
div.summary ul { padding: 0; margin: 0; list-style-type: none; }
div.summary ul li { padding: 0; margin: 0; list-style-type: none; }
div.summary form { padding: 0; margin: 0; }
div.summary form.addToCart { background: none; }


div.summary input.button {
   background: url(images/button_summary_add.png) top left no-repeat;
   border: 0!important;
   height: 18px;
   width: 72px;
   margin-top: 5px;
   color: #fff;
   font-size: 11px;
}

/* subscribe */
input.subscribe {
   background: url(images/button_subscribe.png) top left no-repeat;
   border: 0!important;
   height: 30px;
   width: 94px;
   color: #fff;
}

/* "more" links */
div.navigation { margin-bottom: 60px; }
div.navigation div { padding: 0; margin: 0; width: auto; text-align: center; }
div.navigation div a {
    background: url(images/button_more.png) top left no-repeat;
    height: 25px;
    width: 79px;
    color: #555;
    display: block;
    padding-top: 5px;
}