/*   
Theme Name: Bandbutiken
Theme URI: http://bandbutiken/
Description: 
Author: Erik Pettersson
Version: 0.1
*/


/* RESET v1.0, 2008-02-12 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}


/* GENERAL */
body{
font:62.5% Arial, Helvetica, sans-serif;
word-spacing:0.1em;
color:#000;
text-decoration:none;
text-align:center;
background:#fff url(gfx/bg_logobg.gif) no-repeat center -26px}


/* TYPOGRAPHY */
h1,h2,h3,h4{padding:0;font-weight:700;}
h1{margin:0 0 .5em 0;font-size:3em;color:#333;padding:0;line-height:3em;}
h1 span{color:#959595;}
h2{margin:.5em 0 .5em 0;font-size:1.7em;color:#333;padding:0;line-height:1.7em;}
h3{margin:.5em 0 .5em;font-size:1.4em;color:#333;line-height:1.4em;}
h4, th {margin:.5em 0; font-size:1.2em; color:#000; line-height:1.3em; font-weight:bold}
ul,ol,p{line-height:1.6em;word-spacing:.2em;padding:0 0 1em 0}
p, td { font-size:1.2em; }
li{ font-size:1.1em}
li ul li { font-size:11px }
hr{}
small{font-size:.8em;display:block;}
.post_heading{background:url(gfx/bg_post_heading.gif) no-repeat;padding:10px 10px 0 10px;border:1px solid #D1D1D1;margin-bottom:1em;}
.post_heading h3{margin-bottom:0;padding-bottom:7px;background:url(gfx/bg_post_heading_bottom.gif) bottom center no-repeat;float:left;display:inline;overflow:hidden;width:350px;}
.post_heading p.comment_count{float:right;display:inline;overflow:hidden;width:26px;height:25px;background:url(gfx/ico_comments.gif) no-repeat;color:#f7941d;font-weight:400;font-size:.8em;text-align:center;line-height:2.2em;}
/* Links */
a{text-decoration:none;color:#959595}
p a:link, p a:visited { color:#5c75d2; text-decoration:none; font-weight:bold }
a:hover{color:#000; text-decoration:none;}
table h4 {margin-top: 15px; }
table h5 {line-height: 1.6em}

/* IMAGES */
img.alignright{float:right;display:inline;overflow:hidden; margin-left: 10px;}
img.alignleft{float:left;display:inline;overflow:hidden; margin-right: 10px;}

div.alignright{float:right;display:inline;overflow:hidden; margin-left: 10px;}
div.alignleft{float:left;display:inline;overflow:hidden; margin-right: 10px;}

p.wp-caption-text { text-align: center; font-style: italic; padding: 0; margin: 0;}


/* FORMS */
input,
textarea{border:1px solid #ccc;padding:.6em;font-family:Helvetica,Arial}
/* Only for IE: */
input { 
width: 50%; 
overflow: visible;
padding: 0 2px;}
/* Other Browsers: */
input {
font-size: 1em; /* What you want*/ 
/*\*/padding: .6em;*/ /* Hiding for IE5/Mac */}
input:focus,
textarea:focus{border:1px solid #40433b}
textarea{width:93%;max-width:93%}
input.button,
input.submit,
button{cursor:pointer;border:0;color:#fff;overflow:visible;background:url(gfx/ico_submit_send.gif) no-repeat;width:82px;height:27px;display:block;text-indent:-9999px;font-size:.01em;line-height:2em;}
label{cursor:pointer}


/* TABLE */


/* LAYOUT */
.wrapper{width:960px;margin:0 auto;text-align:left}
/* Header */
#header{background:url(gfx/bg_header.png) bottom center no-repeat;}
#header h1,
#header p{line-height:1em;margin:0;padding:12px 0 10px 22px}
#header h1 a,
#header p a{background:url(gfx/bg_logo.png) no-repeat;display:block;width:200px;height:61px;text-indent:-9999px;line-height:1em;font-size:1em}
    #nav{margin:0 10px; position: relative; z-index 10;}
    #nav li{float:left;display:inline;overflow:hidden;}
    #nav a{display:block;margin:0 2px 0 0;padding:10px 10px 5px 10px;border:1px solid #d1d1d1;background:#fff url(gfx/bg_nav.gif) bottom repeat-x;font-size:1.2em;font-weight:700;color:#959595;word-spacing:0}
    #nav li.ftp{float:right;margin:-83px 0 0 0;}
    /*#nav li.ftp a{background:url(gfx/link_logo.gif) no-repeat center center;display:block;width:84px;height:24px;text-indent:-9999px;line-height:1em;font-size:1em; border-top: none;
    }*/
    #nav li.ftp a{border-top:0;}
    #nav li a:hover,
    #nav li.current_page_item a,
    #nav li.current_page_parent a,
    #nav li.current_page_ancestor a{color:#000}
    #nav li.current_page_item a,
    #nav li.current_page_parent a,
    #nav li.current_page_ancestor a{border-bottom: 1px solid #f7f7f7;}
    #nav span{display:block;font-size:.8em;font-weight:400;color:#555;}
    #nav a:hover span,
    #nav li.current_page_item span,
    #nav li.current_page_parent span,
    #nav li.current_page_ancestor span{color:#000;}
    #subnav{padding:0;border:1px solid #d1d1d1;height:107px;margin:-1px 10px 0 10px;background:url(gfx/bg_subnav.gif) repeat-x;}
    #subnav li{float:left;display:inline;overflow:hidden;margin:7px 10px 7px -1px;padding:0 0 0 10px;border-left:1px solid #d1d1d1;}
    #subnav a{display:block;margin:0;padding:0;color:#959595;font-weight:700;}
    #subnav a:hover,
    #subnav li.current_page_item a,
    #subnav li.current_page_parent a,
    #subnav li.current_page_ancestor a{color:#000;}
/* Media */
#media{background:url(gfx/bg_stripe.png) top center repeat-x;margin:0 auto 1em auto;}
#media .container{width:922px;background:#fff;height:310px;margin:0 auto;margin-top:-88px;padding:0;border:1px solid #e3e3e3;}
#media .container #flash_container { background: url( img/vit_liggande_V.jpg ) no-repeat; height: 300px; }

/* Banner */
#advert {
background:url(gfx/bg_stripe.png) top center repeat-x;
display:block;
margin:0 auto 1em auto;
width:100%
}
#advert .container {
background:#fff;
border:1px solid #e3e3e3;
height:310px;
margin:0 auto;
margin-top:-88px;
padding:0;
width:922px
}

/* Article */
#article{background:url(gfx/bg_article.png) top center repeat-y;}
    #products,
    #content,
    #sidebar{float:left;display:inline;overflow:hidden}
    #products{width:182px;margin:0 0 0 6px; padding: 0; background:url(gfx/bg_product_nav.gif) repeat-y;}
    #products h3{width:182px;height:47px;margin:0;background:url(gfx/bg_products_header.gif) no-repeat;text-indent:-9999px}
    #products li{padding:0;margin:0;}
    #products a{font-size:1.2em;line-height:1.2;color:#959595;display:block;font-weight:700;margin:0 20px 0 23px;padding:7px 4px 7px 4px;border-bottom:1px solid #fff;}
    #products a:hover,
    #products li.current_page_item a{color:#000;}
    #products li.current_page_item li a{color:#f7941d;}
    #products li.current_page_item li a:hover{color:#000;}
    #products li li{margin:1px 14px 0 17px;}
    #products li li a{font-size:1em;background:#fff;margin:0;padding:5px 10px;font-weight:400;}
    #products li ul{display:none;}
    #products li.current_page_item ul,
    #products li.current_page_parent ul,
    #products li.current_page_ancestor ul{display:block;}
    #products li.last { background: url( gfx/product_bottom.gif ) no-repeat 16px bottom; height: 17px; }
    #content{width:460px;margin:1em 0 0 53px; }
    #content ol{ list-style-type: decimal; list-style-position: inside}
    #content ul{ list-style: disc; list-style-position: inside}
    #content .commentlist { list-style-type: none; list-style-position: outside;  }
    #content .commentlist .commentmetadata a{ color: #818181 } 

.navigation a {
	font:3em "Times New Roman", Georgia, Times, serif;
	color:#333
}
    #sidebar{width:193px;background:url(gfx/bg_sidebar.gif) no-repeat;margin:0 0 0 42px;}
        #sidebar .container{background:url(gfx/bg_sidebar_bottom.gif) bottom no-repeat;padding:0 10px 10px;}
        #sidebar h3{font-weight:400;}
        #sidebar input.button{background:url(gfx/ico_submit.gif) no-repeat 0 1px;width:32px;height:31px;text-indent:-9999px;}
        #sidebar h3.offert{margin:1em 0 0 7px;padding-bottom:1em;}
        #sidebar h3.offert a{display:block;background:url(gfx/ico_offert.gif) no-repeat;padding:0 0 0 45px;height:33px;line-height:2.5em;font-weight:700;}
        #sidebar h3.garanti{display:block;background:url(gfx/garanti_no_bg.png) no-repeat;padding:0 0 15px 45px;height:33px;line-height:2.5em;font-weight:700;
        margin-left: 6px;}
/* Footer */
#footer{color:#000;margin:0;background:#e4e3e3;margin-top:2em;}
#footer p{}
#footer a{color:#959595}
#footer a:hover{color:#000}
#footer h3{color:#333;margin:1em 0 .6em 0;font-size:1.8em}
    .column{float:left;display:inline;overflow:hidden;width:220px;margin:0 0 0 20px;}
#footer img.garanti{float:right;display:inline;overflow:hidden;margin:1.2em 0 0 2px;}
/* Comments */
ul.commentlist img.avatar,
ul.commentlist span.says{display:none;}
ul.commentlist cite.fn,
ul.commentlist cite.fn a{font-size:1.1em;font-style: normal;font-weight:700}
ul.commentlist .commentmetadata a{color:#555;}
ul.commentlist li.comment{background:#ececec url(gfx/bg_comment.gif) bottom center no-repeat;padding:10px 10px 15px 10px;}
ul.commentlist li p{padding-top:1em;}
/* PLUGINS */
/* Mailchimp */
#mc_signup_container h3{background:url(gfx/ico_email.gif) no-repeat;padding:0 0 0 45px;height:33px;}
#mc_signup_container .mc_input{width:100px;}
.mc_merge_var,
.mc_signup_submit{float:left!important;display:inline!important;overflow:hidden!important;clear:none!important;margin-top:.5em;}
.mc_signup_submit{width:33px!important; /* background:url(gfx/ico_submit.gif) no-repeat; */}
/* Contact Form 7 */
.wpcf7-not-valid-tip{
display:block!important;
position:relative!important;
margin:0!important;
left:0!important;
width:auto!important;
border:0!important;
color:red!important;
font-size:1em!important;
}
.wpcf7-response-output,
.wpcf7-display-none,
.wpcf7-validation-errors,
.wpcf7-mail-sent-ng{
position:relative!important;
margin:0!important;
left:0!important;
width:auto!important;
border:0!important;
color:red!important;
font-size:1em!important;
padding:0 0 1em 0!important;}

/* TOOLS */
.clear{clear:both}