/*   
Theme Name: Storbildsfabriken
Theme URI: http://storbildsfabriken.se/
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 */
html,body{
font-family:Helvetica,Arial;
font-size:85%;
word-spacing:0.1em;
color:#000;
text-decoration:none;
text-align:center;
}
body{background:#fff}


/* 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:1.2em;}
h1 span{color:#f7941d;}
h2{margin:.5em 0 .5em 0;font-size:1.6em;color:#333;padding:0;line-height:1em;}
h3{margin:.5em 0 .5em;font-size:1.2em;color:#333;line-height:1.2em;}
h4{}
ul,ol,p{line-height:1.6em;word-spacing:.2em;padding:0 0 1em 0}
li{}
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:#f7941d}
a:hover{color:#000}
table { margin-bottom: 10px; }
table h4 {margin-top: 15px; }
table h5 {line-height: 1.6em}
table tr td { padding: 5px 0 0; }


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

div.alignright{float:right;display:inline;overflow:hidden; margin-left: 10px;}
div.alignleft{float:right;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.gif) no-repeat;display:block;width:185px;height:45px;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:#f7941d;word-spacing:0}
    #nav li.ftp{float:right;margin:-67px 0 0 0;}
    #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:0; 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:#f7941d;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/storbild_flash_massor.jpg ) no-repeat; height: 300px; }
/* 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:#f7941d;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.last { background: url( gfx/product_bottom.png ) no-repeat left bottom; height: 17px; padding:0; margin: 0; width: 182px;}
    #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;}
    #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 }
    #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;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:#f7941d}
#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}