/*
Theme Name: Trästockfestivalen 2010
Theme URI: http://www.trastockfestivalen.se/
Description: Theme för Trästockfestivalen 2010.
Version: 1.0
Author: Fredrik Danielsson
Author URI: http://www.fredrikdanielsson.se/
Tags: Trästock 2010
*/


/* ========== */
/* ! GENERAL  */
/* ========== */

body {
	margin: 0;
	padding: 0;
	background-color: #666;
	background: url(images/bgr_light.jpg);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

#pagewrap {
	width:960px;
	margin: 0;
	padding: 0 20px 0 0;
	position: relative;
	background: url(images/site_bgr.png) repeat-y 0 0 transparent;	
}

h2 {
	font-size: 22px;
	line-height: 24px;
	margin: 0 0 14px 0;
	font-weight: normal;
	text-transform: uppercase;
}

h3 {
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 1.5em 0 0.5em 0;
}

button {
	
}

p {
	margin: 1em 0;
}

img {border: none;}
.alignleft {float: left;}
.alignright {float: right;}
.none {	display: none;}
.clear { clear: both;}


/* ===================== */
/* ! LINKS  */
/* ===================== */

a,
a:link,
a:visited {
	color: #ff3600;
	text-decoration: none;
}

#footer a {
	color: #853b28;
}

a:hover {
	color: #FFB900 !important;
}
a:active {
	color: #ff3600 !important;
}



/* ========= */
/* ! HEADER  */
/* ========= */

#header {
	width: 960px;
	height: 230px;
	margin: 0;
	padding: 0;
	background-color: #000;
	position: relative;
}

#header h1 {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

#header img {
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
}

/* ========= */
/* ! PRANK   */
/* ========= */

#prank {
	position: absolute;
	width: 200px;
	height: 180px;
	left: 0;
	right: 0;
	z-index: 20;
}

#prank #dontfuckwithme {
	position: absolute;
	width: 70px;
	height: 70px;
	top:117px;
	left: 0;
	background:url(images/transparent.png) repeat transparent;
	z-index: 22;
}

/* ============= */
/* ! NAVIGATION  */
/* ============= */

#nav {
	position: absolute;
	top:190px;
	left: 30px;
	height:40px;
	z-index: 5;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	margin: 0 30px 0 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	font-family: Helvetica, Arial, "Sans-serif";
}

#nav,
#nav a,
#nav a:link,
#nav a:visited {
	color: #dfcfb9;
}

#nav .tba {
	color: #444;
}

/* ============================ */
/* ! LIVE DURING THE FESTIVAL   */
/* ============================ */

.live {
	background: url(images/bgr_live.jpg) #669900 no-repeat 0 0;
	margin: 0px 0px 0px 0px;
	padding: 40px 20px 0 20px;
	position: relative;
	width: 920px;
	overflow: auto;	
	color: #9c9388;		
}

.live .fb-box {
	width: 580px;
	float: right;
}

.live iframe {
	vertical-align: bottom !important;
}

.live .content {
	width: 320px;
	float: left;
}

.live .content h2 {
	font-family: "droid-serif-1","droid-serif-2","helvetica","arial",sans-serif;
	margin-top: 20px;
	font-size: 28px;
	line-height: 30px;
}

.live .content .aboutfb {
	font-size: 12px;
	line-height: 16px;
	margin: 14px 0 14px 0;
	color: #9c9388;
}

.live .content img {
	margin: 0 0 0 -4px;
}

/* =============== */
/* ! THANKS PAGE   */
/* =============== */

.tack {
	background: url(images/bgr_tack.jpg) #669900 no-repeat 0 0;
	margin: 0px 0px 0px 0px;
	padding: 80px 120px 40px 120px;
	position: relative;
	width: 720px;
	overflow: auto;	
	color: #9c9388;
	font-size: 16px;
	line-height: 24px;
}

.tack h2 {
	font-size: 32px;
}

.tack .comment {
	font-size: 14px;
	text-align: right;
}


/* ================== */
/* ! ARTIST LISTING   */
/* ================== */

.artistlist {
	background: url(images/bgr_artistlist.jpg) #669900 no-repeat 0 0;
	margin: 0px 0px 0px 0px;
	padding: 40px 0 30px 20px;
	position: relative;
	width: 940px;
	overflow: auto;		
}

.artistlist h2 {
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 10px 0;
}

.artistlist a { color: #e9d7c1;}

.artistlist p {
	clear: both;
	line-height: 16px;
	width:600px;
	font-size: 12px;
	line-height: 16px;
	color: #2e4607;
}

.artistlist ul.level1,
.artistlist ul.level2,
.artistlist ul.level3,
.artistlist ul.level4 {
	float: left;
	padding: 0;
	margin: 0 150px 0 0;
	list-style: none;
}

.artistlist ul.level3 {clear:left;}

.artistlist ul.level3,
.artistlist ul.level4 { margin-top: 5px }

.artistlist ul.level2 {margin-bottom: 15px;}

.artistlist ul.level1 li {
	float: left;
	font-size: 38px;
	line-height: 42px;
	font-weight: bold;
	margin: 0 30px 0 0;
	text-transform: uppercase;
	letter-spacing: -1px;
}

.artistlist ul.level2 li,
.artistlist ul.level3 li,
.artistlist ul.level4 li {
	float: left;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin: 5px 10px 0 0;
	text-transform: uppercase;	
}

.artistlist ul.level1 a,
.artistlist ul.level2 a,
.artistlist ul.level3 a,
.artistlist ul.level4 a {
	white-space: nowrap;	
}

.artistlist ul li.last {
	font-size: 12px;
}

.artistlist a.spotify {
	background: url(images/artists_on_spotify_small.png) right center no-repeat transparent;
	padding: 10px 50px 10px 0px;
}



/* ============= */
/* ! BLOG/NEWS   */
/* ============= */

#blog {
	float: right;
	width:440px;
	margin: 40px 20px 40px 0;
}

#blog div.post {
	margin: 0 0 3em 0;
	position: relative;
}

#blog h2 {
	margin: 0 0 0 0;
}

#blog p.postmetadata {
	margin: 0 0 0px 0; /*0 0 14px 0*/
	font-size: 12px;
	line-height: 16px;
	color: #ccc;
}
#blog p.postmetadata a:link, 
#blog p.postmetadata a:visited {
	color: #aaa;
}

#blog img {
	border: none;
}

#blog .entry p {
	margin: 0;
}

/* ============= */
/* ! PAGE INDEX  */
/* ============= */

#content {
	width: 960px;
	margin: 0;
	padding: 0;
	background: #fff;
}

/* ===================== */
/* ! PAGE GENERAL PAGE   */
/* ===================== */

#content .posts {
	position: relative;
	float: right;
	width:540px;
	margin: 50px 135px 60px 29px;
	padding: 0;
	background: #fff;
}

.sidebar li.return-to-index { padding: 0px 0 20px 20px; }

.sidebar li.return-to-index a {
	padding-left: 35px;
	background: url(images/return-arrow.png) no-repeat left center;
	line-height: 20px;
}

body.page-template-page_nocomment-php h2 {
	font-size: 48px;
	line-height: 50px;
}

/* =============================== */
/* ! PAGE FESTIVALINFO STARTPAGE   */
/* =============================== */

body.page-template-page_festivalinfo_start-php #content .posts {
/* 	float: right; */
	width:920px;
	margin: 50px 20px 100px 20px;
	padding: 0;
	background: #fff;	
}

body.page-template-page_festivalinfo_start-php #content .posts .entry > p {
	font-size: 22px;
	line-height: 28px;
	margin:20px 0 60px;
	width:520px;	
}

body.page-template-page_festivalinfo_start-php h2 {
	font-size: 48px;
	line-height: 50px;
}

body.page-template-page_festivalinfo_start-php #content .infocontainer {
	width:960px;
	margin: 0 0 0 -20px;
}

body.page-template-page_festivalinfo_start-php #content .infoitem {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0px 19px 8px 20px; /* Bottom margin 20px - 1em */
	list-style: none;
	position: relative;
	border-left: 1px dashed #DFCFB9;	
}

body.page-template-page_festivalinfo_start-php #content .infoitem:first-child {
	border-left: none;
	padding-left: 20px;
}

body.page-template-page_festivalinfo_page-php h2 {
	font-size: 48px;
	line-height: 50px;
	margin-top:40px;
}
body.page-template-page_festivalinfo_page-php h2:first-child {
	margin-top: 0px;
}

body.page-template-page_festivalinfo_page-php ul.sidebar h2:first-child {
	margin-top: 20px;
}


/* =================== */
/* ! ARTISTLIST PAGE   */
/* =================== */

.artistlist-page {}

body.page-template-klara_artister-php h2 {
	font-size:48px;
	line-height:50px;
}	

.artistlist-page ul {
	margin: 0 0 1em 0;
	padding: 0 0 0em 0;
/* 	border-bottom: 1px solid #f7f3ed; */
	list-style: none;
}

.artistlist-page ul.level1 li {
	font-size: 22px;
	line-height: 26px;
}

.artistlist-page ul.level2 li {
	font-size: 18px;
	line-height: 22px;
}

.artistlist-page ul.level3 {margin: 0;}

/* ============================= */
/* ! PAGE ARTIST SINGLE PAGE */
/* ============================= */

body.page-template-artist-php h2 {
	font-size: 48px;
	line-height: 50px;
}

body.page-template-artist-php .entry img {
	float: right;
	padding: 0 0 10px 10px;
}

/* Sidebar stuff unique for Artist Pages */
body.page-template-artist-php ul.sidebar li h2:first-child {
	margin-top: 20px;
}

body.page-template-artist-php ul.sidebar li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.page-template-artist-php .meta {
	margin: 20px 0;
	padding: 10px 0;
	border-top: 1px dashed #DFCFB9;
	border-bottom: 1px dashed #DFCFB9;
}

body.page-template-artist-php .meta h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 0 340px;
}

body.page-template-artist-php ul.links {
	margin: 0 0 0 340px;
	list-style: none;
	padding: 0;
}

body.page-template-artist-php ul.links li {
/* 	font-size: 12px; */
	line-height: 20px;
/* 	float: left; */
	margin: 0px 20px 0 0;
	padding: 0 0 0 30px;
	height: 20px;
}

body.page-template-artist-php ul.links li.twitter {background: url(images/sm-16x16-twitter.png) no-repeat 0 50%;}
body.page-template-artist-php ul.links li.facebook {background: url(images/sm-16x16-facebook.png) no-repeat 0 50%;}
body.page-template-artist-php ul.links li.myspace {background: url(images/sm-16x16-myspace.png) no-repeat 0 50%;}
body.page-template-artist-php ul.links li.youtube {background: url(images/sm-16x16-youtube.png) no-repeat 0 50%;}
body.page-template-artist-php ul.links li.homepage {background: url(images/sm-16x16-homepage.png) no-repeat 0 50%;}

body.page-template-artist-php ul.schedule {
	margin: 0;
	list-style: none;
	padding: 0;
	width: 150px;
	float: left;
	top:0;
	color:#49a1d8;
}

body.page-template-artist-php ul.schedule li {
	
}

/* ================= */
/* ! PAGE SUPPORTER PAGE  */
/* ================= */

ul#supporterlist {
	margin: 2em 0;
	padding: 0;
	list-style: none;
	width: 630px;
	clear: both;
	border-top: 3px solid #f4eee6;
}

ul#supporterlist li {
	float: left;
}

ul#supporterlist img {
	border: 0;
	vertical-align: bottom;
}

/* ===================== */
/* ! COMMON PAGE STUFF   */
/* ===================== */

#content .sharebuttons {
	position: absolute;
	right: -115px;
}

/* =========== */
/* ! COMMENTS  */
/* =========== */

.comments {
	margin: 20px 0 0 0;
}

/* ==================== */
/* ! SIDEBAR SUB MENU   */
/* ==================== */

li.flexipages_widget,
li.widget_mypageorder {
	background: url(images/bgr_submenu.gif) repeat transparent;
}

li.flexipages_widget h2,
li.widget_mypageorder h2 {text-align: right; display: block !important;}

li.flexipages_widget ul,
li.widget_mypageorder ul  {margin: 0 0 1em 0; padding: 0; list-style: none;}
li.flexipages_widget ul li,
li.widget_mypageorder ul ul li {text-align: right;} /* My pageorder widget adds another level of ul. */

li.flexipages_widget ul li.current_page_item,
li.widget_mypageorder ul ul li.current_page_item {
	background:url("images/submenu_here.png") no-repeat scroll left center transparent;
	line-height:40px;
	margin:0 0 0 -20px;
	padding:0 60px 0 0px;
	width:220px;
}

/* =========================== */
/* ! SIDEBAR ARTISTLIST MENU   */
/* =========================== */

li#sidebar-artistlist {
	background: url(images/bgr_submenu.gif) repeat transparent;
}

li#sidebar-artistlist h2 {text-align: right}

li#sidebar-artistlist ul {margin: 0 0 1em 0; padding: 0; list-style: none;}
li#sidebar-artistlist ul li {text-align: right;}

li#sidebar-artistlist ul.level1 li {
	font-size:16px;
	line-height:22px;
}

li#sidebar-artistlist ul li.current_page_item {
	background:url("images/submenu_here.png") no-repeat scroll left center transparent;
	line-height:40px;
	margin:0 0 0 -20px;
	padding:0 60px 0 0px;
	width:220px;
}



/* ========== */
/* ! SIDEBAR  */
/* ========== */

ul.sidebar {
	position: relative;
	margin: 0px;
	padding: 0;
	list-style: none;
	overflow: visible;
	width: 240px;
	float: left;
	border-right: 1px dashed #DFCFB9;
}

ul.sidebar > li {
	width: 200px;
	margin: 0;
	padding: 0px 20px 8px 20px; /* Bottom margin 20px - 1em */
	list-style: none;
	position: relative;
	border-top: 1px dashed #DFCFB9;
}

ul.sidebar > li:first-child {
	border-top: none;
}

ul.sidebar > li img.sidebarimg {
	margin: 0 -20px 0 -20px;
}

ul.sidebar li p,
ul.sidebar li {
	font-size: 12px;
	line-height: 16px;
}

ul.sidebar li p {
	margin: 0 0 1em 0;
}

ul.sidebar li .textwidget h2:first-child {
	margin-top: 20px;
}
	
ul.sidebar li h2 {
	margin: 12px 0;
	font-size: 18px;
	line-height: 18px;
}


.page ul#sidebar,
.single ul#sidebar {
	margin-top: 50px;
}

/* ========= */
/* ! FOOTER  */
/* ========= */

#footer {
	width: 960px;
	margin: 0;
	padding: 0 0px;
	background-color: black;
	background: url(images/bgr_black.jpg);
	color: #666;
	overflow: auto;
	font-size: 13px;
	line-height: 18px;
}

#footer h3 {
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: normal;
}



#footer #about,
#footer #contact,
#footer #cred
{
	float: left;
	margin: 20px;
}

#footer #about {
	width: 440px;
}
#footer #contact, 
#footer #cred
{
	width:200px;
}



/* ============= */
/* ! COPYRIGHT   */
/* ============= */

#copyright {
	overflow: auto;
	background: #000;
	padding: 30px 0;
	width: 960px;
}

#copyright p {
	float: left;
	margin: 0 0 0 20px;
	color: #444;
	font-size: 11px;
	line-height: 34px;
	font-weight: bold;
}


#copyright .logos {
	float: right;
	margin: 0 30px 0 0;
}

#copyright a:link,
#copyright a:visited { color: #444; /* text-decoration: underline */ border-bottom: 1px solid #333;  }

#copyright .logos img {
	vertical-align: bottom;
	border: 0;
}

/* ============ */
/* ! AD COLUMN  */
/* ============ */

#adcolumn {
	position: absolute;
	left: 970px;
	top: 0px;
	width: 210px;
	margin: 0;
	padding: 0;
	z-index:10;
}

#adcolumn .ad {
	width: 190px;
	margin: 20px 0;
	padding: 10px 10px 13px 10px;
	background: url(images/adbgr.png) no-repeat bottom center transparent;
}

#adcolumn .ad h2 {
	font-size: 16px;
	line-height: 18px;
	margin: 8px 0px;
}

#adcolumn .ad p {
	font-size: 11px;
	line-height: 15px;
	margin: 0 0px 8px 0px;
}

#adcolumn > p {
	font-size: 11px;
	line-height: 15px;
	margin: 16px 0;
	font-family: Georgia, serif;
	font-style: italic;
}

#adcolumn > p a {color: #81776a;}
#adcolumn > p a:hover {	color: #ff3600;}

/* Partners */

#adcolumn .partners {
	width: 190px;
	margin: 20px 0;
	padding: 10px 10px 13px 10px;
	background: url(images/partnerbgr.png) no-repeat bottom center transparent;
}

#adcolumn .ad {
	width: 190px;
	margin: 20px 0;
	padding: 10px 10px 13px 10px;
	background: url(images/adbgr.png) no-repeat bottom center transparent;
}

#adcolumn .partners h2 {
	font-size: 16px;
	line-height: 18px;
	margin: 8px 0px;
}

#adcolumn .partners p {
	font-size: 11px;
	line-height: 15px;
	margin: 8px 0px 8px 0px;
}

#adcolumn .partners img { float:left; }

#adcolumn .partners a {color: #000;}
#adcolumn .partners a:hover {color: #ff3600 !important;}

/* ============ */
/* ! FACEBOOK   */
/* ============ */

.widget_ffb {
	padding: 0 !important;
	width: 240px !important;
}

.widget_ffb .fan_box .full_widget {
	border: none !important;
}

/* ============== */
/* ! NEWSLETTER   */
/* ============== */

#newsletter input[type="text"] {
	display: inline-block;
	width: 140px;
}

#newsletter label {
	display: inline-block;
	width: 50px;
	
}

#newsletter small {
/*
	font-size: 10px;
	line-height: 12px;
*/
	color: #aaa;
}

/* ============== */
/* ! Buttons   */
/* ============== */

/*
.button {
	position: relative;
	border: 0;
	margin: 0;
	cursor: pointer;
	overflow: visible;
	line-height: 30px;
	height: 30px;
	padding: 7px 10px 8px 0;
	background: transparent url(images/button.gif) no-repeat right -64px;
	zoom:1;
}

.button span {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	padding: 0px 0 2px 10px;
	background: url(images/button.gif) no-repeat left top;
	height: 30px;
}

.button:hover {
	background-position: right -96px
}
.button:hover span {
	background-position: left -32px
}
*/


/* ===================== */
/* ! BOOK CAMPING SPOT   */
/* ===================== */

.bookcampingspot {
	float: right;
	width:240px;
	padding: 0 0 0 19px;
	border-left: 1px solid #DFCFB9;
	border-bottom: 1px solid #DFCFB9;	
	margin:  0 0 10px 10px;
}

/* ================*/
/* ! WIDGET MODS   */
/* ================*/

/* T-shirt puff */
#text-19 { padding: 0; }
#text-19 img { vertical-align: bottom; }

img.artists-on-spotify {
	float: left;
	margin: 0 0 0 -20px;
}

.wp-polls-ul li {
	margin: 0 !important;
}

/*
.wp-polls h2 {
	margin: 135px 0 0 0 !important;
}
*/