/*
Theme Name: Järvheden
Theme URI: http://www.jarvheden.se
Description:
Version: 1.0
Author: Vektorgrafik Sthlm AB
Author URI: http://www.vektorgrafik.se
Tags: Funny, Humor, Comedy, Black, Yellow
*/

/*												 Begin Style Reset 												*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; } 
object{outline:none;}
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img {  border:0; } 
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } 
ol,ul {     list-style:none; } 
caption,th {     text-align:left; } 
h1,h2,h3,h4,h5,h6 {     font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; } 
li{	list-style-type:none;}
.clear{	clear:both;}
a:active{	outline: none;}
a:focus{	-moz-outline-style: none;}
a{	text-decoration:none;}
/* End Style Reset */

.color-1{color:#f2db0c;}
::-moz-selection{background:#f2db0c; color:#333}
::selection{background:#f2db0c; color:#333}
/* 												Begin Structure 												*/
#wrapper{margin:0 auto; width:100%; text-align:left; min-width:960px}
#header{width:100%; height:290px; background:url("images/header_bg.png") repeat-x}
#header2{width:100%; height:170px; background:url("images/header_bg.png") repeat-x}
#left_header{float:left; margin:0px 70px 0px 0px}
#right_header{float:left}
#tour{color:#fff; width:250px; padding:15px 0px 0px 30px; clear:both}
#tour p{font-size:20px; margin:0px 0px 0px 0px; line-height:20px}
#tour span{font-size:13px}
#tour img{margin:20px 0px 0px -5px; opacity:1.0}
#tour img:hover{opacity:0.9}
#tour a{color:#fff}
#tour a:hover{color:#f2db0c}
#flash{margin:4px 0 0 100px; position:absolute; width:505px}
#flash object{position:relative; z-index:20}
#logo{margin-top:8px; float:left}
#content{width:100%; background:#fff url("images/content_bg.png") repeat-x}
#effex.container{background:url("images/header_img.png") no-repeat; background-position:-80px 0px; height:170px; position:relative; overflow:hidden}
#extra p{font-size:14px; color:#eee; line-height:1em}
#extra{float:left; color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,.6); margin:0 0px 0px 442px; font-size:15px; font-weight:bold; position:absolute; top:73px; text-align:right; width:470px}
table#extra table td{vertical-align:middle}
#musik .mAp{margin:0px 0px 15px 0px}
.narrowcolumn object, .narrowcolumn embed{max-width:500px !important}
#trumpet{position:absolute; right:-135px; top:0; width:793px; height:290px; background:url("images/trumpet.png") 0 0 no-repeat;}
.page-template-startpage-php #effex.container {overflow:inherit; height:289px}


/* Sidebar */
#sidebar ul.archive-list, #sidebar2 ul.archive-list{list-style:disc; margin-left:15px; color:#666}
#sidebar ul.archive-list li, #sidebar2 ul.archive-list li{list-style-type:disc}
.bg-link{background:#222; padding:4px 8px; font-weight:bold; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
.bg-link:hover{background:#333}
.twitter-message{margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #555}
#searchform #s{border:0; background:url(images/search-bg.png) 0 0 no-repeat; height:21px; width:143px; color:#eee; padding:6px 6px 4px 6px; font:bold 11px Arial,Helvetica,sans-serif; margin-right:3px}

input:focus, input:active, textarea:focus, textarea:active{outline:none}
#searchsubmit{background:url(images/search-btn.png) 0 0 no-repeat; text-transform:uppercase; text-indent:-9999em; border:0; height:30px; width:47px; cursor:pointer}
#searchsubmit:hover{background-position:0 -31px}
#searchsubmit:active, #searchsubmit:focus{background-position:0 -61px}

#sidebar ul, #sidebar2 ul{margin-bottom:20px}
#sidebar_wrapper{background:url("images/sidebar_top_bg.png") no-repeat center top; float:right; padding:15px 0px 0px 0px; margin:-11px 0 30px; float:left; z-index:500; position:relative}
#sidebar p, #sidebar2 p{font-size:11px}
#sidebar{background:url("images/sidebar_cheat_bg.png") no-repeat center bottom; width:210px; padding:30px 50px 180px 40px; min-height:270px; color:#fff; font-size:11px}
#sidebar a, #sidebar a:visited{color:#bfbfbf}
#sidebar a:hover{color:#F2DB0C}
#sidebar h2, #sidebar2 h2{color:#F2DB0C; font-family:"Trebuchet MS",Arial,sans-serif; margin:26px 0px 4px 0px; font-size:17px; font-weight:bold}
#sidebar .entry p{color:#fff; margin:0px; font-size:11px}
#sidebar .entry, #sidebar2 .entry{padding:0}
#latest-posts{margin:20px 0px 0px 0px}

/* End Sidebar */
/* Sidebar2 */
#sidebar2_wrapper{background:url("images/sidebar_top_bg.png") no-repeat center top; float:right; padding:15px 0px 0px 0px; margin:-11px 0 30px; float:left; position:relative}
#sidebar2{background:url("images/sidebar_cheat_bg.png") no-repeat center bottom; width:210px; padding:30px 50px 160px 40px; min-height:270px; color:#fff; font-size:11px}
#sidebar2 a{color:#bfbfbf}
#sidebar2 a:hover{color:#F2DB0C}
#sidebar2 .entry p{color:#fff; margin:0px; font-size:11px}
.page .entry{padding:10px 0 0}

/* End Sidebar2 */
/*Footer*/
#footer{width:100%; clear:both; height:169px; background:url("images/footer_bg.png") repeat-x; text-shadow:0 1px 0 rgba(255,255,255,.9)}
#footer .container{padding:20px 20px 0px 30px; width:910px}
#footer .left_area{width:330px; float:left; margin:0px 60px 0px 0px}
#footer .left_area img{float:left; margin:0px 20px 0px 0px}
#footer .middle_area{width:290px; float:left}
#footer .middle_area img{float:left; margin:0px 20px 40px 0px}
#footer .middle_area p{font-size:13px}
#footer .right_area{width:30px; float:right}
#footer p{color:#000; margin:5px 0px 0px 0px; font-size:11px; line-height:1.4em}
#footer a{color:#9a9a9a}
#footer span{color:#9a9a9a; font-size:11px}
#footer .left_area img{opacity:1.0}
#footer .left_area img:hover{opacity:0.8}
#footer .right_area img{opacity:1.0}
#footer .right_area img:hover{opacity:0.8}
.single_post{/*background:url("images/separator.png") no-repeat center bottom; */padding:12px 0px 10px 0px; margin-bottom:20px; overflow:hidden; border-bottom:1px dotted #eee}
small.date{padding:0px 0px 0px 0px; margin-bottom:20px; font-size:11px; display:block}
.logo h1{margin:0; padding:0; line-height:normal}
.container{margin:0 auto; width:960px}

/* End Structure */
/* Begin Typography */
body{font-size:62.5%; font-family:Arial,Helvetica,sans-serif; text-align:center}
h1, h2, h3, h4, h5, h6{color:#111; font-weight:bold; line-height:1.4em; margin:0 0 0.2em}
h1{font-size:20px; margin-bottom:10px}
h1 a, #top .description{text-decoration:none}
h2{font-size:32px; line-height:1.2em; clear:both; display:block; margin-bottom:5px}
h3{font-size:17px}
h4{font-size:11px; font-weight:normal; font-style:italic; color:#666; line-height:1.0em}
p{font-size:13px; line-height:1.6em; margin:0.4em 0 1.2em}
#top .description{font-size:1.1em}
.date{color:#999}

/* End Typography */
/* Begin Colors &Design*/
body{background:#E2E1E1}
#top{color:#fff}
.narrowcolumn{padding:30px 30px 70px 30px; ; width:500px !important; float:left; margin:0px 100px 0px 0px}
a{color:#4f4f4f; text-decoration:none}
.narrowcolumn p{font-family:Helvetica,Arial,sans-serif; color:#333}
.narrowcolumn p a{color:#4f4f4f; text-decoration:none; border-bottom:1px solid #ddd}
.navigation a{color:#4f4f4f; text-decoration:none; border:0}
.narrowcolumn a:hover{color:#000/*f2db0c*/; border-bottom:1px solid #f2db0c; text-decoration:none}
.narrowcolumn .postmetadata a{text-decoration:none; border:0}
.narrowcolumn h2 a{color:#000}
.nocomments{text-indent:-9999px}

/* MENU */
#nav{margin:0px 0px 0px 93px; height:36px; z-index:300; position:relative}
#nav li{float:left; margin:8px 0 0 25px}
#nav li a{color:#fff; font-size:14px; font-weight:bold; display:block}
#nav li a:hover{font-size:14px; font-weight:bold; color:#f2db0c; display:block}
#nav li.current_page_item a{color:#f2db0c !important; border-bottom:3px solid #f2db0c; /*padding:0px 0px 7px 0px; */height:24px}
/* MENU2 */
#nav2{margin:0px 0px 0px /*442*/445px; height:36px; z-index:200; position:relative}
#nav2 li{float:left; margin:8px 0 0 25px}
#nav2 li a{color:#fff; font-size:14px; font-weight:bold; display:block}
#nav2 li a:hover{font-size:14px; font-weight:bold; color:#f2db0c; display:block}
#nav2 li.current_page_item a{color:#f2db0c !important; border-bottom:3px solid #f2db0c; /*padding:0px 0px 7px 0px; */height:24px}
h1 a, h1 a:hover, h1 a:visited{color:#fff}
.description{color:#fff}
h2 a, h3 a{color:#333; text-decoration:none}

/* End Colors &Design */
/* Begin Forms */
/*
input#s{padding:4px; background:#fff; border:1px solid #303030; margin:0px 5px 0px 0px}
*/
.avatar{float:left; margin-right:10px}
textarea#comment{padding:5px; font-family:"Trebuchet MS",Arial; font-size:13px; -moz-border-radius:5px; -webkit-border-radius:5px; width:470px}
textarea{overflow:auto; padding:4px 6px}
.radio .wpcf7-list-item{display:block}
span.wpcf7-form-control-wrap{position:relative}
span.wpcf7-not-valid-tip{background:#fff; color:#c03; font-size:12px; position:absolute; top:-2px; left:0; padding:0px 6px; margin-left:2px; z-index:100}
.wpcf7-response-output{font-size:12px}
.wpcf7-validation-errors{color:#c03}
.wpcf7-mail-sent-ok{color:#81D30F; font-weight:bold}
.wpcf7-list-item-label{padding-right:10px}
/* End Forms */
/* WORDPRESS STANDARD */ /* Begin Images */
p img{padding:0; max-width:100%}
img.centered{display:block; margin-left:auto; margin-right:auto}
img.alignright{margin:0 0 10px 20px; padding:6px 0 0; display:inline}
img.alignleft{margin:0 20px 10px 0; padding:6px 0 0; display:inline}
.alignright{float:right}
.alignleft{float:left}

/* End Images */
/*YOUTUBE*/
ul.youtube li{clear:both}
ul.youtube{padding:0px 0px 50px 0px}

/* Begin Comments*/
.alt{margin:0; padding:10px}
.commentlist{padding:0; text-align:justify}
.commentlist_guestbook{padding:0; text-align:justify}
#commentlist_wrapper img.paper{margin:-30px 0px 0px 0px; position:relative; left:-20px}
.commentlist li, .commentlist_guestbook li{margin:15px 0 10px; padding:25px 25px 20px; list-style:none; background:#f6f6f6; text-shadow:0 1px 0 #fff; font-size:11px; -moz-border-radius:5px; -webkit-border-radius:5px}

.commentmetadata a{color:#999}
.commentlist li ul li, .commentlist_guestbook li ul li{margin-right:-5px; margin-left:10px}
cite.fn{font-size:12px; font-weight:bold}
.commentlist p, .commentlist_guestbook p{font-size:12px; line-height:1.5em; margin:10px 5px 15px 0; color:#555; text-shadow:0 1px 0 #fff}
.children{padding:0}
#commentform p{margin:5px 0}
#commentform input#input{padding:0px; margin:0px}
.nocomments{text-align:center; margin:0; padding:0}
.commentmetadata{margin:0; display:block}

/* End Comments */
/* Begin Calendar */
#wp-calendar{empty-cells:show; margin:10px auto 0; width:155px}
#wp-calendar #next a{padding-right:10px; text-align:right}
#wp-calendar #prev a{padding-left:10px; text-align:left}
#wp-calendar a{display:block}
#wp-calendar caption{text-align:center; width:100%}
#wp-calendar td{padding:3px 0; text-align:center}
#wp-calendar td.pad:hover{/* Doesn't work in IE */background-color:#fff}

/* End Calendar */
/* Begin Various Tags &Classes */
.left{float:left}
.right{float:right}
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; display:block}
.center{text-align:center}
.hidden{display:none}
.screen-reader-text{ position:absolute;  left:-1000em}
hr{display:none}
a img{border:none}
.navigation{display:block; text-align:center; margin-top:10px; font-size:12px; color:#303030; clear:both; height:60px}
#olderposts{margin-top:20px}
#olderposts a{font-size:12px; color:#000; font-weight:bold}
.postmetadata{background:#f6f6f6; margin:10px 0px 30px 0px; padding:6px 10px; clear:both; text-shadow:0 1px 0 rgba(255,255,255,.9); color:#666; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}

#respond{}
#commentform p{margin:0px 0px 8px 0px}
#commentform input, #commentform textarea, .wpcf7 input, .wpcf7 textarea{padding:4px; border:1px solid #eee; margin-right:10px; border-top:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 3px rgba(100,100,100,.1)}
#commentform input:focus, #commentform input:active, #commentform textarea:focus, #commentform textarea:active, .wpcf7 input:focus, .wpcf7 input:active, .wpcf7 textarea:focus, .wpcf7 textarea:active{border:1px solid #ddd; border-top:1px solid #ccc; -moz-box-shadow:inset 0 1px 3px rgba(100,100,100,.2)}
#commentform textarea, .wpcf7 textarea{max-width:500px; width:500px}
#commentform label small{font-size:12px; color:#666}
#commentform #submit, .wpcf7 #submit{background:#333; color:#fff; font:bold 12px "Trebuchet MS",Arial,Helvetica,sans-serif; border:0; cursor:pointer; padding:0; height:30px; width:150px; text-align:center}
#commentform #submit:hover{background:#444; color:#f2db0c}

/* End Various Tags &Classes*/
/* Captions */
.aligncenter, 
div.aligncenter{display:block; margin-left:auto; margin-right:auto}
.wp-caption{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}

/* End captions */
.piclenselink{display:none}
#calendar_wrapLarge{padding:15px 0px 0px 0px; margin:30px 0px 0px 0px; background:url("images/separator.png") no-repeat center top}

/**/
#turneplan-btn{background:url(images/turneplan-btn.png) 0 0 no-repeat; height:33px; width:111px; display:block; margin-left:-3px}
#turneplan-btn:hover{background-position:0 -40px}
#turneplan-btn:active, #turneplan-btn:focus{background-position:0 -80px; outline:none}
div.next-tour-date{font-size:13px; margin-bottom:15px}
p.next-tour-date{margin-bottom:0}
.clear{clear:both}