body { background:#000 url(/images/body3.gif) repeat top center fixed; color:#fff; font-size: 13px; margin: 0;}
.container {border-left: 5px solid #111;  border-right: 5px solid #111; position: relative; padding-bottom: 25px;}
.container.bg01 {background: #000 url(/images/header01.jpg) no-repeat top center;}
.container.bg02 {background: #000 url(/images/header02.jpg) no-repeat top center;}
.container.bg03 {background: #000 url(/images/header03.jpg) no-repeat top center;}
.container.bg04 {background: #000 url(/images/header04.jpg) no-repeat top center;}
.container.bg05 {background: #000 url(/images/header05.jpg) no-repeat top center;}
.container.bg06 {background: #000 url(/images/header06.jpg) no-repeat top center;}
.container.bg07 {background: #000 url(/images/header07.jpg) no-repeat top center;}
.container.bg08 {background: #000 url(/images/header08.jpg) no-repeat top center;}
.container.bg09 {background: #000 url(/images/header09.jpg) no-repeat top center;}
.container.bg010 {background: #000 url(/images/header010.jpg) no-repeat top center;}
.container.bg011 {background: #000 url(/images/header011.jpg) no-repeat top center;}
.container.bg012 {background: #000 url(/images/header012.jpg) no-repeat top center;}
.container.bg013 {background: #000 url(/images/header013.jpg) no-repeat top center;}
.container.bg014 {background: #000 url(/images/header014.jpg) no-repeat top center;}
.container.bg015 {background: #000 url(/images/header015.jpg) no-repeat top center;}
.container.bg016 {background: #000 url(/images/header016.jpg) no-repeat top center;}



#primary, #secondary {overflow: hidden;}
#primary {margin-top: 55px;}
#secondary { background:#fff; color:#000;margin-top:55px;}
#secondary a{color:#ccc;}
#secondary a:hover {color:#fff;}
.prepend-half, .append-half { padding-left: 20px;}

.wrap {padding: 10px;}
.wrapper {position: relative;}


#hd {
position:relative;
height:290px;
} 

a#logo {
	width: 502px;
	height:90px;
	background:url(/images/logo.png) no-repeat top center;
	border:0;
	outline:0;
	text-indent:-9999em;
	cursor:pointer;
	display:block;
	position:absolute; z-index:2; top:220px; top: 180px; left:220px;
	} 

/* links & headers */

h1, h2, h3, h4, h5 {color: #FFFF00;}

a:link, a:visited {
	border:0pt none;
	color:#999;
	text-decoration:underline;
	font-style:normal;
	}

a:hover, a:active {
border:0pt none;
text-decoration: none;
}

h3, h3 a:link, h3 a:visited, h4 {
font-size:16px; 
text-decoration:none; 
font-weight:bold;
color:#fff800;
}

h3 a:hover {
text-decoration: none;
color: #000;
background: #ff0;
}


#primary h4 {color:#fff;}
#primary h4 a span {background:#EB2036; padding: 2px 5px;}
#primary h4 a{ text-decoration:none !important; text-transform:uppercase !important; color:#fff !important;}

#secondary .s_channel {padding:10px 0 0 5px; position:relative;}
#secondary h4 { position:absolute; z-index:2; top:0; left:5px;}
#secondary h4,
#secondary h4 a{ text-decoration:none !important; text-transform:uppercase !important; color:#000 !important;background:yellow; padding-bottom:10px;}

#secondary #s_discography dl, 
#secondary #s_discography p.s_byline {display:none;}
#secondary #s_discography .s_items {margin-left:0px;}
#secondary #s_discography .fullsize {width:300px; height:220px; margin-bottom:1px;}
#secondary #s_discography  h4 { position:absolute; z-index:2; top:18px; left:5px;}
#secondary #s_discography h3 a {background:yellow; padding:0 5px 5px 5px; }
#secondary #s_discography h3 {margin-bottom:5px;}
#secondary #s_discography  .btn * {background-image: url(/images/btn_bg_fff.png) !important; }

#secondary .s_items {background: url(/images/black.jpg) no-repeat top left; padding-top:10px;}
#secondary #s_discography .s_items {background:none; padding-top:0px;}
#secondary #s_whoisonline .s_items{background: #000; margin-left: 0px;}
#secondary #s_whoisonline .s_item { color:#fff;}

/* navigation */


#navigation {
position:absolute;
left: 0px;
top: 318px;
top: 280px;
z-index:5;
background: #000 /*url(/images/bg_nav.png)*/;
width:950px;
padding: 4px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}


#navigation ul {
list-style-type:none;
margin:0 0 5px 200px;
padding:0; font-family:Arial; text-transform:uppercase;
}

.pg-home a.nav-home {color: #ff0 !important;}
.pg-news a.nav-news {color: #ff0 !important;}
.pg-events a.nav-events {color: #ff0 !important;}
.pg-media a.nav-media {color: #ff0 !important;}
.pg-discography a.nav-discography {color: #ff0 !important;}
.pg-info a.nav-info {color: #ff0 !important;}
.pg-forum a.nav-forum {color: #ff0 !important;}






#ft_navigation ul li, #navigation ul li,#ft_navigation ul li a,  #navigation ul li a {
float:left; 
display:inline; 
padding-right:10px; 
font-weight:bold; 
text-decoration:none;
color:#FFF;
}



/* v2 nav

#navigation {
position:absolute;
left: 0px;
top: 20px;
z-index:5;
background: transparent;
padding: 5px 0px;
width: 100px;
}


#navigation ul {
list-style-type:none;
margin:0 0 5px 0;
padding:0; font-family:Arial; text-transform:uppercase;
}

#ft_navigation ul li, #ft_navigation ul li a, #navigation ul li a {
float:left; 
display:inline; 
padding-right:10px; 
font-weight:bold; 
text-decoration:none;
color:#FFF;
}


 #navigation ul li a {display: block; float: none; margin-bottom: 2px; padding: 3px 5px; border-bottom: 1px solid #555; background: url(/images/bg_nav.png);}
*/

/* end:navigation */

/* =========
HOME PAGE
========= */

.pg-home #s_news h4 { background: url(/images/bg_karlscorner2.jpg) no-repeat; height:40px; margin-left: 17px;}
.pg-home #s_news h4 span {background: none; text-align: -9999px; display: none;}
.pg-home #s_media p {display: none;}
.pg-home #s_media .s_items {margin: 1em .25em;}
.pg-home #s_media .s_item {padding-bottom: 1.5em; margin-bottom: 1.5em;}
.pg-home #s_media h4 {margin-left: -10px;}
.pg-home #s_events h4 span.s_events_up_arch {display: none;}

.pg-home #s_gallery {position: relative;}
.pg-home #s_gallery h4 { position: absolute; top: -10px; left: -25px; background: black;}
.pg-home #s_gallery {background: #151515 url(/images/body.gif); width: 540px; margin: 0 auto;}
.pg-home #s_gallery .s_items {margin: 0 1em; padding-top: 30px;} 
.pg-home #s_gallery .s_item {margin: 0 0;}

.preorder { position: relative; margin-bottom: 12px;}
.btns-preorder {position: absolute; top: 170px; left: 12px;}
.btns-preorder a {font-weight: bold; color: #FFFF00 !important;}
.btns-preorder a:hover {color: white !important;}

.s_more {text-align: left; font-weight: bold; color: black; margin-top: -15px; margin-right: 10px;}
.s_more span {padding: 4px; background: #ff0;}
.s_more a {color: black;}
.s_more.s_news {position: absolute; /* top: 430px; */ top: 380px; left: 490px;}
.s_more.s_media {position: absolute; top: 23px; left: 98px;}


/* ==========
NEWS / KARL'S CORNER
========== */
.pg-news #s_news .s_items {padding-top: 25px;}

/* for jquery */
.bubbleInfo {
/*    position: relative;
	margin: 150px 0 0 12px;
*/
	position: absolute;
	top: 395px;
	left: 30px;
	}
.popup {
    position: absolute;
    display: none; 
}

/* for jquery  */


/* ==========
FORUM
========== */

.pg-forum .container {min-height: 750px;}
.pg-forum #hd {position:relative;height:165px;} 
.pg-forum a#logo {top: 10px; left:220px;}
.pg-forum .container { background-color: #000;background-image: none !important;}
.pg-forum #navigation {top: 110px;}
.pg-forum #s_membership {text-align: right; float: right}


/* btn */
.btn * {background-image: url(/images/btn_bg_000000.png); height:20px;}
a.btn, a:visited.btn {color:#fff !important; background-color:#000; text-decoration:none; font-weight:bold;}
a:hover.btn {color: #000 !important; background-color: yellow;}
/* end: btn */


/* become a fan */
a.fan-btn, span.fan-btn {display:block; width:300px; height:30px;outline:0; border:0; text-indent:-9999em; background: url(/images/btn_signup.gif) no-repeat; margin:10px 0 0 5px;}
a.fan-btn:hover, span.fan-btn{ background-position:0 -30px; cursor:pointer;}

#secondary #s_membership {width:295px; background:#000; margin: 0 5px; color: white;}
#secondary #s_membership p {display: none;}
#secondary #s_membership .loggedin p {display: block !important;}
#secondary #s_membership span {padding-top: 5px; text-align: right;}
#secondary #s_membership p.name {font-size: 22px; margin: 0; padding: 0 4px; }
#secondary #s_membership .s_item {}
#secondary #s_membership a {color:#fff;}
#s_membership .s_item, #s_membership .s_items, #s_membership.s_channel  {margin-top:0 !important;}



.pg-user #secondary {color: #fff; background: #000;}



/* img_holder */
.img_holder {display:block; text-indent:-9999em; cursor:pointer;}
.img_holder.mailKarl {
width:240px; 
height:40px; 
background: url(/images/bg_karlscorner.jpg) no-repeat;
margin-bottom:10px;
}


/* google search */
form#cse-search-box { height:40px; padding:0px; margin:0 0 0px;position:relative; /* border:1px solid #4e4843; */ background:#000; width: 300px; margin-left: 5px;}
input#google_input {margin:11px 0 0 8px; width:205px; color:#000; background:#ff0 !important; line-height:100%; border:1px solid #ff0 !important;}

input#google_submit { position:absolute; top:10px; left:217px; z-index:10; 
                      display:block; width:74px; height:18px;
                      outline:0; border:0; text-indent:-9999em; font-size:1px; /* for IE */overflow:hidden;
                      background: url(/images/btn_search.gif) no-repeat; 
                      }
input#google_submit:hover { background-position:0 -20px; cursor:pointer;}
#search_box {background: url(/images/google_input.gif) no-repeat top left; margin:0 0 0 680px;}


#slider {width: 300px; height: 300px; overflow: hidden; margin-bottom: 0px; margin-left:5px;}
	#slider ul, #slider li
		{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:300px;
		height:300px;
		overflow:hidden; 
		}	


body.pg-discography dt{float:left; margin-right:3px;}

/* === USER / PROFILES / FORUM === */
.pg-user h1, .pg-user h2, .pg-user h3, .pg-user h4, .pg-user h5 {color: yellow;}

.span-9 h1 {color: yellow;}
.span-9 .s_avatar  { width: 300px; height: 200px;}
.span-9 th {background-color: #121212; color: white;}

 
/* ==========
TWITTER
========== */
#secondary .s_tweets {margin-bottom: 20px; background: #cbe4f1 url(/images/bg_tweets.jpg) no-repeat top center;}
#secondary h4.s_twitter_followers {position: relative;}
#secondary .s_items {background-image: none !important;}
.s_tweets a.s_avatar {background: none;}
.s_tweets p {margin: 0 0 0 !important;}
.s_twitter_follow_us {float: right; margin: -20px 0px 0px; background: #111; padding: 4px 8px; float: none;clear: both; display: block; width: 100%; color: white;}

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

#footer {width: 950px; height:100px;background: #222; margin: 0 auto; float: none; border-left: 5px solid #111;border-right: 5px solid #111;border-bottom: 5px solid #333; border-top: 5px solid #333; position: relative;}
#footer  h3 {clear:both; color:#fff; margin:0; font-size:larger; padding-top:10px;}
#footer  #s_artistbio h4 {display:none;}
#footer  #s_artistbio .s_items {margin:0;}
#footer  #s_artistbio a {color:#fff;padding-right:5px; text-decoration:none; text-transform: capitalize; font-size:12px; }
#footer  #s_artistbio a:hover { text-decoration:underline;}
#footer  #s_artistbio.s_channel {margin-top:0;}

#ft_navigation {}
#ft_navigation ul{
list-style-type:none;
margin: 5px;
padding:0;
}

#ft_navigation ul li,
#ft_navigation ul li a { color:#fff;padding-right:3px; font-weight: normal; }
 #navigation ul li a:hover {color:yellow;}
#ft_navigation ul li a:hover{ text-decoration:underline;}

#ft-logos { display: block; clear: both; height: 30px; position: relative;}
/* #ft-logos {position:absolute; right:10px; top:0px; text-align: right;} */
#ft-logos a {color:#fff; font-size: 10px;}
#ft-legal { position: absolute; top: 7px; left: 75px; width: 345px; }

 
    
/* default_styling  -- hello world */
.s_channel{margin: 1em 0;}
.s_channel h3 { margin-bottom: .1em; }
h4{padding: .25em .5em;}
.s_items{margin: 1em 2em;}
.s_item { margin: 1em 0; }

.image, .fullsize, .thumbnail {border: 2px solid #222;}


.s_permabar {border-color: #111;}
p.formats
{
margin: 0;
padding: 0;
}

div#s_twitter div.image {display:none;}

th {text-align:left;}
td.s_filter form {text-align:right; }
h4 a img {float: none; display: block;}
.s_block {display: block;}



.address1,
.address2,
.zip {display: block;}

p.sharethis {font: normal 9px Verdana, Arial, Helvetica; clear: both; color: #555; margin-top: 20px;} /* lyrics */

body.pg-ringtones li.s_track {clear: both; margin-bottom: 3em; margin-top: 2em;} /* ringtones */ 
span.pageTotal {height:18px;}

#beatsbydre { display: block; display: none;}