/* @override http://www.sarahkelly.com/new/_css/style.css */

/* Copyright Magnus Pedersen, Fuser 2009 */
/* www.fuser.se, magnus@fuser.se */

/* CSS reset */

/* @group CSS reset */

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}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* @end */

/* General */

body {
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

/* Layout */

body {
	background: url(../_img/bg_body.jpg) repeat-x #040001;
}

#wrap3 {
	width: 1124px;
	margin: 0 auto auto;
	text-align: left;
	background: url(../_img/bg_top.png) no-repeat;
}

#container {
	width: 978px;
	margin: 0 auto auto;
	text-align: left;
}

#top {
	height: 10px;
}

#header {
	height: 476px;
	position: relative;
	background: url(../_img/top_wide_pic.jpg) no-repeat;
}

#header #logo {
	background: url(../_img/sk_logo.png) no-repeat;
	width: 366px;
	height: 230px;
	position: absolute;
	top: 162px;
	left: 516px;
}

/* @group tabs */

#header #tabs {
	position: absolute;
	top: 472px;
	left: 374px;
	height: 33px;
}

#header #tabs ul {

}

#header #tabs ul li {
	display: inline;
}

#header #tabs ul li a {
	float: left;
	margin-right: 2px;
	display: block;
	background-color: #f0f0f0;
	font-size: 0.8em;
	padding: 4px 7px 3px;
	color: #919191;
	text-decoration: none;
}

#header #tabs ul li a:hover {
	color: #2b2b2b;
}

#header #tabs ul li a.active {
	background-color: #fff;
	color: #333;
	font-weight: bold;
}

/* @end */

/* @group submenu */

#header #submenu {
	position: absolute;
	top: 494px;
	left: 367px;
	font-size: 0.9em;
	z-index: 1;
	display: block;
}

#header #submenu ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

#header #submenu ul li a {
	color: #717171;
	padding-left: 10px;
	font-size: 0.75em;
	padding-right: 10px;
	height: 18px;
	display: inline-block;
	padding-top: 5px;
	text-decoration: none;
	margin: 0;
	float: left;
}

#header #submenu ul li a:hover {
	color: #000;
}

#header #submenu ul li a.active {
	/*text-decoration: underline;*/
	color: #000;
	
	/*background-color: #ababab;*/
	font-weight:600;
}

/* @end */

#content-wrap {
	background: url(../_img/bg_content.png) repeat-y 3px;
	position: relative;
	top: 34px;
	zoom:100%;
}

#contentHeader {
	position: relative;
}

#content {
	clear: both;
	color: #444;
	padding: 0;
	margin: 0;
}

#content #contentPane {
	width: 326px;
	padding: 0 20px;
	margin: 0;
	font-size:0.8em;
}

#content #contentPage {
	width: 606px;
	padding: 0;
	margin: 0;
}

#content #contentPage #page {
	font-size: 0.8em;
	padding: 15px 30px 30px;
	min-height: 250px;
}

#page h1 {
	font-size: 1.5em;
	margin-bottom: 10px;
}

#page p {
	line-height: 1.4em;
}

#footer {
	clear: both;
	color: #909090;
	font-size: 0.75em;
	background: url(../_img/bg_footer.png) no-repeat;
	margin-top: 34px;
	margin-right: auto;
	margin-left: auto;
	height: 56px;
	width: 977px;
	padding-top: 49px;
}

/* Jonas changes */

div#page h2
{
font-size:1.5em;
margin-bottom: 0.5em;
}

div#page h3
{
margin-bottom: 0.3em;
	border-bottom: 1px solid #cfcfcf;
	text-transform: uppercase;
	color: #b4b3b4;
	font-size: 1.4em;
}

div#page h4
{
font-size:1.2em;
margin-bottom: 0.5em;
}

div#page h5
{
font-size:0.8em;
margin-bottom: 0.1em;
margin-top:0.4em;
font-weight:600;
text-transform: uppercase;
}

div#contentPane h3
{
font-size:1.3em;
margin-bottom: 0.5em;
}

#content table tr td
{
vertical-align:top;
}

#pageTable
{
width: 100%;
}

.dataTable1{
border-collapse: collapse;
}

.dataTable1 td {
padding-left: 3px;
padding-right:3px;
padding-top:2px;
padding-bottom:2px;
font-size:12px;
             
}

.dataTable1 td.header
{
font-weight:bold;
border-bottom:1px solid black;
}

td.mediaCount,td.commentCount
{
text-align:right;
}

div.commentCount
{
background-image: url('../_img/SK_icons.png');
background-position: 0px -16px;
background-repeat:no-repeat;
width:29px;
height: 16px;
text-align:center;
color:#eeeeee;
font-size:12px;
font-weight:600;
padding-top:2px;
margin-left:auto;
margin-right:auto;
}

div.mediaCount
{
background-image: url('../_img/image.png');
background-repeat:no-repeat;
background-position: top center;
width:30px;
height: 16px;
text-align:center;
color:#eeeeee;
font-size:12px;
font-weight:600;
padding-top:2px;
margin-left:auto;
margin-right:auto;
}



.dataTable1 tr.alt td {
background-color:#e0e0e0;
}

.dataTable1 tr.highlighted td
{
background-color:#333333;
color: #e0e0e0;
}

table.mediaplayer
{
width:100%;
}

table.mediaplayer tr td
	{
	background: transparent url('../_img/bg_listen_player.png') repeat-x 0 0;
	color: #777777;
	font-size: 12px;
	height:23px;
	font-weight:600;
}

table.mediaplayer tr td
	{
	vertical-align: middle !important;
		
}
	
table.mediaplayer tr td.header
	{
	font-weight: 600;
	background-color: #dedede;
	color: #8a8a8a;
	font-style: normal;
	border-bottom: 1px solid #a1a1a1;
	vertical-align:bottom !important;
}


table.mediaplayer tr.active td  
{
	background: transparent url('../_img/bg_listen_player.png') repeat-x 0 -23px;
	color: #777777;
	font-size: 12px;
	height:23px;
	font-weight:600;
}
table.mediaplayer tr.highlighted td  
	{
	background-color: #444444 !important;
	background-image:none;
	color: #DDDDDD !important;
	}

div.playbtn
{
width:16px;
height:16px;
background:transparent url('../_img/SK_icons.png') no-repeat 0 0;
margin-left:5px;
}

a.mp3
{
display:block;
width:44px;
height:15px;
background: transparent url('../_img/SK_icons.png') no-repeat 0 -35px;
margin-left:auto;
margin-right:auto;
}

a.pdf
{
display:block;
width:17px;
height:17px;
background: transparent url('../_img/pdf.png') no-repeat 0 0;
margin-left:auto;
margin-right:auto;
}

div#divShowMediaNav
{
clear:both;
}
	
#divShowMediaShow
{
height:410px;
}

#linkTable
{
font-size:22px;
}
#linkTable tr td
{
	vertical-align:middle !important; 
	padding:3px;
}


#twitter_update_list 
{
margin-bottom:10px;
}

#twitter_update_list li
{
font-size:11px;
margin-bottom:5px;
margin-top:5px;
background-color:#EEEEEE;
padding:3px;
}

.fg-button { 
   outline: 0; 
   margin:0 4px 0 0; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1;
	padding: .4em 1em .4em 1em;
	font-size: 0.85em;
}

a
{
color:inherit;
}

a.linkbutton, a.sharebutton {
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid #aaa;
	color: #909090;
	text-transform: uppercase;
	font-size: 11px;
	background-color: #e0e0e0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
}
a.linkbutton:hover, a.sharebutton:hover {
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid #198d90;
	color: #198d90;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	background-color: #ced3d3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tdSubmit
{
text-align:right;
}

#fileQueue {
border:1px solid #E5E5E5;
height:116px;
margin-bottom:10px;
overflow:auto;
width:290px;
}

img#showPressArchiveThumb
{
float:left;
margin-right:10px;
margin-bottom:10px;
}

table.tblGallery td
{
width: 109px;
height: 109px;
padding: 2px;
vertical-align:middle !important;
text-align: center;
border-style: none;
border-width: 0;
}

table.tblGallery td img
{
cursor:pointer;
}

h5.commentTitle
{
font-size:0.9em;
}
/*
span.commentAuthor
{
font-size: 0.8em;
}
*/
span.commentDate
{
font-size: 0.8em;
	color: #909090;
}
/*
span.commentOn
{
font-size: 0.8em;
}
*/

div.commentText
{
font-style: italic;
	margin-top: 6px;
	font-size: 0.9em;
	padding: 4px;
	background-color: #ececec;
}

td#concertsLeft
{
width:396px;
}
td#concertsRight
{
width:150px
}

table#upcomingConcerts, table#concertArchive
{
width:95%;
}

div#contentPane h3.ui-accordion-header
{margin-bottom:0px;}

span.ui-icon-triangle-1-e,span.ui-icon-triangle-1-s
{
background-position:-3200px -1600px;
}

div.ui-accordion-content ul li
{
font-size:1.0em;
}

#divShowMedia
{
font-size:12px;
}

#divShowMedia h3
{
font-size:14px;
margin-bottom:10px
}

#showMediaInfo
{
text-align:left;
float:right;
width:150px;
}
#showMediaInfo h5
{
font-size:12px;
margin-bottom:4px;
margin-top:10px;
font-weight:600;
font-variant: small-caps;          
}

div#commentForm
{
display:none;
text-align:left;
font-size:0.8em;
}

div#commentForm h5
{
font-size:0.8em;
margin-bottom: 0.1em;
margin-top:0.4em;
font-weight:600;
text-transform: uppercase;
}

div#commentForm input[type=text]
{
width: 300px;
}

div#commentForm textarea
{
width: 300px;
height:170px;	
}

table.tblPressClips td
{
padding:5px;
}

table.tblPressClips td.pressTitle a
{
	text-decoration: none;
	font-size:1.3em;
}

#showPressArchiveThumb
{
float:left;
}

table.tblTagMedia td
{
padding-top:5px;
padding-bottom:10px;
}

table.tblTagMedia input[type=text]
{
width:250px;
}

table.tblTagMedia textarea
{
width:250px;
height:50px;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}
#youtubeExample
{
font-size:0.7em;
}

div#videos input[type=text]
{
width:350px;
}

#musicPlayer
{
width: 540px;
}
#flashPlayer
{
position:absolute;
top:20px;
left:20px;
}

#musicPlayerHeader
{
height: 72px;
background-image: url(../_img/musicplayerbg.jpg);
background-repeat:repeat-x;                
position:relative;
}

#nowPlaying
{
font-size: 18px;	
position:absolute;
top: 25px;
left:160px;
color: #a5a5a5;
width:300px;
}

#playlist
{
clear:both;
width:100%;
text-align:center;
	
}

table#disco td
{
padding:4px;
}

td#fpLeft
{
width:356px;
}

td#fpRight
{
width:200px;
}

label.error
{
font-size:0.8em;
color:red;
}

span#emailpromise
{
font-size:0.7em;
}

div#fpComments
{
width:190px;
height: 350px;
overflow: auto;
}

div#fpCommentsContainer
{
width:190px;
/*height: 250px;*/
overflow: hidden;
}


div#fpConcertsContainer
{
width:346px;
/*height: 100px;*/
overflow: hidden;
}

div#fpConcerts
{
overflow: auto;
width:346px;
height: 200px;

}


div.fpLeftPane, div#contentPane div#comments, div.leftPaneHeader  {
	background: url(../_img/bg_fpLeftPane.png) no-repeat left top;
	padding: 15px 15px 15px 25px;
	font-size: 12px;
	/*border-bottom: 1px solid #cdcdcd;*/
}

div.leftPaneNoHeader
{
	background: url(../_img/bg_noheader.png) no-repeat left top;
	padding: 15px 15px 15px 25px;
	font-size: 12px;
	/*border-bottom: 1px solid #cdcdcd;*/
	
}

div.fpLeftPane.clean {
	background: none no-repeat left top;
	padding: 15px 15px 15px 25px;
	font-size: 12px;
	/*border-bottom: 1px solid #cdcdcd;*/
}

#comments hr {
}

#comments h4.commentTitle {
}

#comments span.commentAuthor {
	text-transform: uppercase;
	color: #919191;
	font-size: 0.8em;
}

div.fpLeftPane h4, div#contentPane div#comments h3,div.leftPaneHeader h4,leftPaneNoHeader h4  {
	background-color: #e0e0e0;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	padding: 5px 10px;
	display: block;
	margin-top: -15px;
	margin-right: auto;
	margin-bottom: 10px;
}

div#contentPane div#navAccordion h3 {
	font-size: 12px;
	padding: 5px;
}

h3 {
	font-weight: normal;
	font-style: normal;
}

input.submit {
	background-color: #e0e0e0;
	border: 1px solid #bababa;
	color: #909090;
	font-weight: bold;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
}

a {
	color: #198d90;
}

td#musicLeft
{
width:250px;
}

td#musicRight
{
width:306px;
}

div#fpQuote
{
font-size:0.9em;
font-style: italic;

}
div#fpQuote img
{
float:right;
margin-left:10px;
magin-bottom:10px;       
height:90px;
}
div#fpQuote span.quotename
{
font-size:1em;
font-weight:bold;
font-style:normal;
}

#fpNeedYou img
{
float:left;
margin-right:10px;
margin-bottom:10px;
}

div.chunk
{
padding:5px;
}

div.linkContainer
{
width:540px;
height:50px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #FFFFFF;
background-color:#e7e7e7;
cursor:pointer;
margin-bottom:15px;	
}

div.linkleft
{
width:160px;
height:50px;
border-right:1px solid #cacaca;
float:left;
background-repeat: no-repeat;
background-position: center;
}

div.linkRight
{
font-size:18px;
color: #198d90;
margin-top:16px;
padding-left:30px;
float:left;
height:50px;
font-weight:900;
}

div#linkMyspace
{
background-image: url('../_img/myspace.png');
}

div#linkFacebook
{
background-image: url('../_img/facebook.png');
}

div#linkTwitter
{
background-image: url('../_img/twitter2.png');
}

div#linkMOM
{
background-image: url('../_img/mom.png');
}

div.shareBox
{
width:540px;
height:115px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #FFFFFF;
background-color:#e7e7e7;
cursor:pointer;
margin-bottom:15px;
}
div#shareContainer
{
	
}



#divM #mc
{
float:left;
padding:15px 70px 15px 30px;
width:169px;
border-right:1px solid #cacaca;
height: 85px;
font-size:20px;
}

#divM #mn
{
float:left;
padding:15px 70px 15px 30px;
width:169px;
height: 85px;
font-size:20px;
}

#divM #mc span, #divM #mn span 
{
color:#198d90;
}

div#shareContainer div
{
padding-top:25px;
padding-left:15px;
width:160px;
padding-right:4px;
height:90px;
float:left;
background-position: top right;
background-repeat:no-repeat;    
}

div.shareBox h5
{
font-size:10px;
text-transform: uppercase;
color:#555555;
font-weight:300;
         
}

div.shareBox h4
{
font-size:16px;
color:#198d90;
font-weight:900;        
}

div#shareContainer div#cc,div#shareContainer div#cs
{
border-right:1px solid #cacaca;
}

div#shareContainer div#cc
{
background-image: url(../_img/ccbg.png);

}

div#shareContainer div#cs
{
background-image: url(../_img/csbg.png);
}

div#shareContainer div#m
{
background-image: url(../_img/bgm.png);
float:right;
}

#divCC, #divMC, #divCS
{
width:440px;
height:85px;
padding:15px 70px 15px 30px;
}

div#c
{
height: 20px;
padding:10px 0px 10px 0px;
text-align:center;
}


a.footerLink
{
display:block;
float:left;
text-decoration:none;
/*background-color:red;*/
background-image: url('../_img/SK_icons.png');
background-repeat: no-repeat;
margin-right:10px;
}
a.footerLink span
{
visibility: hidden;

}

div#footer a#myspace
{
width:60px;
height:11px;
background-position: 0px -80px;
position:relative;
top:4px;
}

div#footer a#facebook
{
width:57px;
height:11px;
background-position: 0px -65px;
position:relative;
top:2px;
}

div#footer a#twitter
{
width:57px;
height:11px;
background-position: 0px -53px;
position:relative;
top:2px;
}


div#footerContent
{
margin-left:280px;
text-align:left;
color:#777777;
font-weight:bold;
}

a#webmaster
{
color:#777777;
font-weight:bold;
text-decoration:none;
}

span.blogDate
{
font-size:0.8em;
color:#999999;
}

div.pagination
{
//	width:540px;
height:20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #FFFFFF;
background-color:#e7e7e7;
cursor:pointer;
margin-bottom:15px;	
background-color:#cacaca;
/*padding-left:40px;*/
text-align:center;
padding-top:4px;
}

div.pagination a
{
color: #444444;
font-size:14px;
font-weight:bold;
text-decoration: none;
}

div.ui-accordion-content ul li a
{
text-decoration:none;
}

div.fpLeftPane input#name,div.fpLeftPane input#email
{
width:190px;
}

div#showPressArchiveDetails
{
float:left;
width:390px;
}

.chunk p
{
margin-bottom:0.8em;
}

div#albumdetails
{
width:540px;
height:150px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #FFFFFF;
background-color:#e7e7e7;
margin-bottom:15px;	
}

div.grammy
{
background-image: url('../_img/grammybg.png');
background-repeat:no-repeat;
background-position: 140px 0px;
}



div#albumdetails div#pic
{
float:left;
width:150px;
border-right:1px solid #cacaca;
height:150px;
}

div#albumdetails div#pic img
{
width:120px;
margin: 15px;
}

div#albumdetails div#details
{
float:left;
padding:15px;
width:150px;
height:120px;
border-right:1px solid #cacaca;
}

div#albumdetails div#about 
{
width:170px;
height:120px;
padding:15px;
float:left;
}

div#albumdetails div#details h4
{
color: #777777;
}

#footer a.stbutton 
{
color:inherit !important;
text-decoration:none;
}

table#disco tr.header td
{
text-align:center;
font-weight:600;
border-bottom:1px solid #444444;
}

div.quote
{
width:500px;
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;
*/
border: 1px solid #FFFFFF;
background-color:#e7e7e7;
margin-bottom:15px;
padding:20px;
}

div.quoteAlt
{
width:500px;
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;
*/
border: 1px solid #FFFFFF;
/*background-color:#e7e7e7;*/
margin-bottom:15px;
padding:20px;
}

div.quote img, div.quoteAlt img
{
width:100px;
float:left;
margin-right: 15px;
margin-bottom: 10px;
}


div.quote span.quotename,div.quoteAlt span.quotename
{
font-weight:600;
clear: both;
display:block;
}

ul.quickfacts
{
margin-left: 30px;
}
ul.quickfacts li
{
font-size:1.2em;
}

p.pageintro
{
width:400px;
font-size:1.1em;
margin-top:10px;
margin-bottom:10px;
}

table.articles td
{
padding:10px;
height:80px;
}

table.articles tr.alt td
{
background-color:#e7e7e7;
}


table.pressvideos td
{
padding:10px;

}