/*  
Theme Name: Boombox-Shop
Theme URI: http://wordpress.org/
Description: <a href="http://boombox-shop.com">Boombox-Shop</a> Theme // Based on the Kubrick Theme */

* {margin: 0; padding: 0; vertical-align: top; border-spacing: 0;}
body {font-size: 80%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color:#38373e; background: #CCC url(i/hg.gif) fixed;}

/*------------------------links--------------------*/

a, a:visited, a:active {color:#39F; text-decoration:none;}
a:hover {color:#39F; text-decoration:underline;}

/* -------------------Headlines-----------------------------*/

h1, h2, h3 {font-family: "Courier New", Courier, monospace; font-weight:normal; text-align:left; display:inline; clear:both; text-decoration:none; padding:0 2px;}
h1 {font-size:2em; margin-top:50px; color:#FFF; background:#39F;}
h1, h1 a, h1 a:hover, h1 a:visited {text-decoration: none;}
h3 {background:#FFF; color:#39F; font-size: 1.4em;}
h2 a, h2 a:hover, h2 a:visited{color:#FFF; background:#39F; text-decoration:none;padding:0 2px;}    
h2{color:#FFF; background:#39F; font-size:1.2em; text-decoration:none;} 

/*---------------Images ------------------------------*/

p img {max-width: 100%;}
.alignleft {float: left}
.alignright {float: right;}

/*--------------------wrap----------------------*/

#page {margin:0px auto 20px auto; width:800px; text-align:left; background:#fff;}
p {margin:0 0 25px 0;}

/*------------------------header--------------------*/

#header {height:200px; width:800px; background:transparent; display:block; margin:0; padding:0;}
#sitelogo {margin:0px auto 0px auto; padding: 0px 5px;}
#sitelogo a, #sitelogo a:visited {text-decoration:none;}
#sitelogo h1, #sitelogo a span{line-height:0; margin:0; padding:0;display:none;}

/*-----------------Horizontal-Navigation----------------------*/

#mainnav {height:60px; background:#FFF; clear:both; margin:0 0 25px 0;} 
#mainnav li {font-size:1.4em; font-weight:bold; color:#FFF; background: #39F; text-indent: 15px; margin-left:4px; padding:0; height:40px; width:195px; list-style:none; float:left;}
#mainnav a{background: transparent url(i/button_boombox.png)  -7px -12px no-repeat; font-size:1em; line-height: 1.2em; padding:10px 0 0 0;color:#FFF; 
font-family: "Courier New", Courier, monospace; display:block; height:40px; width:195px;}
#mainnav a:hover {text-decoration:none; color:#000; background: transparent url(i/button_boombox.png)  -7px -12px no-repeat;}
#mainnav .current_page_item a, #mainnav .current_page_parent a{
background:#000; color:#FFF; background: transparent url(i/button_boombox.png)  -7px -76px no-repeat;}
#mainnav .current_page_item a:hover, #mainnav .current_page_parent a:hover{
background:#000; color:#39F;background: transparent url(i/button_boombox.png)  -7px -76px no-repeat;}

/*--IE6 fix 3px bug--*/ 
*html #mainnav {margin:0 0 25px -3px;}
/*--End IE6 fix 3xp bug--*/

/*------------------------sidebar--------------------*/

#sidebar ul li {list-style:none;}   
#sidebar {float: right; margin:0; padding-right:4px; width:195px; list-style:none; position:relative; background: #FFF; z-index:2;}
#sidebar .widget_tag_cloud a, #sidebar .widget_recent_entries a{color:#39F;}
#sidebar h2 {font-size:1.3em; color:#333; padding:0 2px; margin:0 0 10px 0; text-align:left;}
.widgettitle {background: #39F; display:block; border-bottom:1px solid #333;}
*html .widgettitle{display:inline-block;}
#sidebar ul {margin-bottom: 15px; }
#sidebar li {color: #333; margin:0; display:block; padding:0 0 6px 0;}
#sidebar ul ul li {color: #333; display: block;}
#sidebar ul ul li li {color: #333;}
#sidebar a {padding: 6px 0;color:#333;}
#sidebar a:hover{padding: 6px 0;color:#333;text-decoration:none;}

/*------------------------content--------------------*/ 

#content {position:relative; float:left; padding:0 0 0 20px; width: 550px; font-size:1.1em; background:transparent;}
#content .navigation a{color:#000; padding:3px; margin:0; }
#content small {float:right;}
#content .navigation {height:20px;}
#content .postmetadata  {padding-top:2px; font-size:0.8em;}
#content .smallattachment {text-align:center; float: left; width:128px; margin:5px 5px 5px 0px;}
#content .attachment {text-align:center; margin:5px 0px;}   

/*-------------------post----------------------*/

.post {width: 550px; background: #fff; text-align: left; overflow:hidden; margin:0 0 20px 0; z-index:1;}
.post p {line-height:1.2em; font-size:1em;}
.post hr {display:block;}

.entry, .indexentry {margin: 20px 0px 40px 0px; background: #fff;}
.entry img, .indexentry img {border: 0px solid #ccc;}       
.more-link{font-size: 0.9em;}

.postmetadata {color:#FFF; margin:2px 0px 0px 0px; text-align:right; display:block; background-color:#000;}
.postmetadata a, .postmetadata a:visited {color: #39F; text-decoration: none; outline: none;}
.postmetadata a:hover{color: #39F; text-decoration: underline; outline: none;}

/*------------------------footer--------------------*/

#footer {color:#FFF; background: #000; padding:10px 10px 50px 10px; width:780px; font-size: 1em; overflow:hidden; clear:both;}      
#footer ul {float:left; margin: 0 20px 0 0; padding: 0 2px 20px 0;}
#footer ul li {display: inline;}
#footer div {float:left; margin: 0 20px 0 0; padding: 0 2px;}
#footer h2 {background: #000; color:#FFF; line-height: 1.4em; margin:0; padding:0; text-align:left; clear:both; border:0;}
#footer .links {margin:0; width:560px;}
#footer .archives {margin:0; width:180px;} 
#footer a, #footer a:active, #footer a:visited, #footer a:hover {color:#FFF; outline: none;}
select { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin:2px 0 13px 0; padding:1px 0; background:#FFF; color:#000; border: 1px solid #FFF;} 

/*----------contactform --------------*/

.tcf_input {display:none !important; visibility:hidden !important;}
.contactform, .contactform label, #tc_form, textarea {width:500px; text-align:left; margin:0;padding:0;}
.contactform label, .contactform input, .contactform textarea, .contactform_respons, .contactform_error {display:block;}
input {width:500px; margin:0  200px 0 0; background:#FFF; text-align:left; border:1px solid #CCC;}
#tcf_name, #tcf_sendit, #tcf_sender, #tcf_email, #tcf_subject, #tcf_captcha {background:#FFF; margin:0 200px 10px 0;}
#contactsubmit {border:0; padding:1px; margin:4px 0 4px 0; width:100px; background:#333; color:#FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border:1px solid #333; float:left;}
.contactform_error {background:#333; padding:10px 5px;}
.contactform_respons {background:#333; padding:10px 5px 100px 5px;}
.contactform_error, .contactform_respons {color:#FFF;}

/*-----------Form Elements -----------------------*/

#searchform {width: 180px; margin:10px 0; padding:0; text-align: left;}
#sidebar #searchform #s {width: 110px; margin:0; padding:2px 0px; text-align:left; background:#FFF; border:1px solid #333;}
#sidebar #searchsubmit {    width:50px; margin:0; padding: 1px; background:#333; color:#FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border:1px solid #09F;}

/*----------Tags & Classes --------------*/

acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin:5px 0 0 0;display: block}
.center {text-align: center;}
hr {display: none;}
a img {border: none;}
a {outline: none;}      
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}
small, .nocomments, .postmetadata, blockquote, strike {color: #AFAFB2;}
code {font: 1em 'Courier New', Courier, Fixed;}
.hidefocus { outline:0; }
#footer a.cyan {color:#3399FF;}

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