/* BASIC ELEMENTS
========================================

*/

* {
	margin:0px;
	padding:0px;
	border:0px;
	
}

body{
	background:#FFFFFF;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%;
}

p{
	padding-bottom:10px;
	font-size:1.20em;
	color:#636363;
	line-height:1.4em;
}

a{
	color:#ec1f2e;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}


h1,h2,h3,h4,h5,h6{
	font-size:1em;
}

h3{
	padding-bottom:5px;
	font-size:1.30em;
	text-transform:uppercase;
	color:#ec1f2e;
}

img{
	border:0px;
}


/* LAYOUT
========================================
*/


/* Background
----------------------------------------
*/


/* Container
----------------------------------------
*/

#container{
	margin: 0px auto;
	padding:0px;
	width:910px;
}

/* Header
----------------------------------------
*/

#img-heading{
	
}


/* Content
----------------------------------------
*/

/* left column */

#col-left{
	float:left;
	width: 597px;
}

#col-left #col-a{
	float:left;
	width:385px;
}

#col-left #col-b{
	float:left;
	width:200px;
	padding-left:10px;
}

#col-b #tour-list, #col-b #archive-list{
	clear:both;
	padding-top:10px;
	padding-left:20px;
	list-style: none;
	font-size:1.1em;
	font-weight:lighter;
	color:#000000;
}

#col-b #tour-list li, #col-b #archive-list li{
	padding-bottom:10px;
}

#tour-list li a, #col-b #archive-list a{
	color:#000000;
	text-transform:uppercase;
}

.top-but1, .top-but2{
	float:right;
	display:block;
	width:140px;
	height:16px;
	margin-top:5px;
	margin-right:-7px;
	padding-top:4px;
	padding-left:7px;
	font-size:1.10em;
	color:#000000;
	text-transform:uppercase;
	background:url(../images/top_but1.gif) no-repeat;
}

.top-but2{
	margin-right:3px;
	background:url(../images/top_but1.gif) no-repeat;
}

.bottom-but{
	float:right;
	display:block;
	width:140px;
	height:16px;
	margin-top:00px;
	margin-right:-7px;
	padding-top:4px;
	padding-bottom:10px;
	padding-left:7px;
	font-size:1.10em;
	color:#000000;
	text-transform:uppercase;
	background:url(../images/top_but1.gif) no-repeat;
}

/* right column */

#col-right{
	float:left;
	width: 300px;
	margin-left:10px;
}

#col-right div{
	float:left;
}
	
#flashplayer{
	padding-bottom:5px;
}

#mailing-list{
	width:295px;
	height:128px;
	padding-bottom:5px;
	background:url(../images/mailinglist.gif) no-repeat;
	color:#FFFFFF
}

#mailing-list .top{
	height:66px;
}


#mailing-list .submit-button{
	margin-left:180px;
}

#mailing-list form{
	margin-top:45px;
	padding-left:15px;
}

#mailing-list label{
	display:block;
	float:left;
	width:30px;
	padding-top:3px;
	text-transform:uppercase;
}

#mailing-list input{
	margin-bottom:10px;
	margin-left:10px;
	border:0px;
	height:16px;
}

#album{
	width:295px;
	height:128px;
	background:url(../images/latest_album.gif) no-repeat;
	padding-bottom:5px;
}

#album a{
	display:block;
	float:left;
	margin-top:110px;
	width:60px;
	height:10px;
	padding-bottom:5px;
}

#album a.itunes{
	position:relative;
	left:140px;
}

#album a.cdbaby{
	position:relative;
	left:160px;
}

#merch_ad a{
	display:block;
	width:295px;
	height:128px;
	background:url(../images/merch_ad.gif) no-repeat;
	padding-bottom:5px;
}

#album span, #merch_ad span, #street_ad span{
	display: none;
}

#street_ad a{
	display:block;
	width:295px;
	height:128px;
	background:url(../images/join_streetteam.gif) no-repeat;
	padding-bottom:5px;
}


/* Footer
----------------------------------------
*/

#footer{
	float:left;
	height:167px;
	width:901px;
	margin-top:0px;
	padding-left:20px;
	background:url(../images/footer.gif) no-repeat;
	color:#FFFFFF;
}

#footer ul{
	float:left;
}

#footer #foot-nav{
	width:590px;
	margin-top:115px;
	text-align:center;
	list-style:none;
}

#footer #foot-nav li{
	float:left;
	padding-right:10px;
}

#footer #foot-nav a{
	padding-right:5px;
	font-size:1.20em;
	color:#FFFFFF;
}

#footer #foot-nav p{
	font-size:1.10em;
	color:#FFFFFF;
	padding-bottom:5px;
}	

#footer .nav-rule{
	clear:both;
	float:none;
	height:10px;
	width:580px;
	background:url(../images/hr_nav.gif) no-repeat;
}

#footer .nav-rule hr{
	display:none;
}

#footer #otherlinks{
	margin-top:10px;
	margin-left:85px;
	list-style:none;
}

#footer #otherlinks li{
	padding-bottom:5px;
}

#footer #otherlinks li strong{
	display:block;
	width:200px;
	height:25px;
	font-size:1.40em;
	font-weight:100;
	background:url(../images/hr_nav.gif) 0 18px no-repeat;
}

#footer #otherlinks li a{
	font-size:1.10em;
	color:#FFFFFF;
}

#footer #otherlinks #kjf-fund{
	display:block;
	width:200px;
	height:20px;
	margin-top:65px;
	background:url(../images/kjf_fund.gif) no-repeat;
}

#footer #otherlinks #kjf-fund span{
	display:none;
}

/* NAVIGATION
========================================
*/
#navi{
	float:left;
	padding-top:10px;
	padding-bottom:5px;
	width:600px;
	height:17px;
	font-weight:bold;
	background:url(../images/nav_bg.gif) no-repeat;
}

#navi li{
	padding-left:14px;
	float:left;
	list-style:none;
}

#navi a{
	font-size:1.10em;
	text-transform:uppercase;
	color:#FFFFFF;
}

#navi a:hover{
	color:#EC1F2E;
	text-decoration:none;
}

#myspace{
	float:left;
	margin-left:7px;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:25px;
	width:275px;
	height:17px;
	background:url(../images/nav_bg2.gif) no-repeat;
}

#myspace a{
	font-size:1.10em;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
}


/* POST STYLES
========================================
*/

#post-list{
	padding-left:21px;
	list-style:none;
}
	
.post{
	float:left;
	margin-bottom:15px;
	padding-top: 5px;
	padding-bottom:5px;
	border-bottom: 1px dotted #999999;
}

.post .date{
	color:#000000;
}

.post a.post-title, a.headline{
	color:#818181;
}

.post a:hover{
	text-decoration:underline;
}

.post .date{
	display:block;
	float:left;
	width:65px;
}

	/* for two-column content  */
	#col-a #post-list .post .post-title{
		display:block;
		float:left;
		width:285px;
	}
	
.content, .content-news, .content-journal, .content-archived, .disc .col-b p{
	clear:both;
	margin-top:0px;
	width:570px;
}

.content{
	margin-left:20px;
	padding-top:10px;
}

.content-news, .content-archived{
	margin-left:65px;
	width:505px;
}

.content-archived{
	margin-left:65px;
	width:300px;
	padding-top:5px;
	font-size:1.10em;
}

.content-archived p{
	font-size:1.10em;
}

.content-archived br{
	display:none;
}

.content img, .content-news img{
	padding-right:10px;
	padding-bottom:10px;
}

/* PAGE TITLES
========================================
*/

.section-title,.sub-section-title{
	float:left;
	width:220px;
	margin-top:10px;
	height:27px;
	text-indent:-5000px;
}

#title-home{
	background:url(../images/title_headlines.gif) no-repeat;
}

#title-recentnews{
	background:url(../images/title_recentnews.gif) no-repeat;
}

#title-archivednews{
	background:url(../images/title_archivednews.gif) no-repeat;
}

#title-monthlyarchives{
	background:url(../images/title_monthlyarchives.gif) no-repeat;
}

#title-upcoming{
	background:url(../images/title_upcoming.gif) no-repeat;
}

#title-tour{
	background:url(../images/title_tour.gif) no-repeat;
}

#title-recentalbums{
	background:url(../images/title_recentalbums.gif) no-repeat;
}

#title-photos{
	background:url(../images/title_photos.gif) no-repeat;
}

#title-videos{
	background:url(../images/title_videos.gif) no-repeat;
}

#title-press{
	background:url(../images/title_press.gif) no-repeat;
}

#title-bio{
	background:url(../images/title_bio.gif) no-repeat;
}

#title-discography{
	background:url(../images/title_discography.gif) no-repeat;
}

#title-lyrics{
	background:url(../images/title_lyrics.gif) no-repeat;
}

#title-journal{
	background:url(../images/title_journal.gif) no-repeat;
}

#title-archivedentries{
	background:url(../images/title_archivedentries.gif) no-repeat;
}

#title-contact{
	background:url(../images/title_contact.gif) no-repeat;
}

#title-kjf-fund{
	background:url(../images/title_kjffund.gif) no-repeat;
}

#title-mediakit{
	background:url(../images/title_mediakit.gif) no-repeat;
}

/* INDIVIDUAL PAGE STYLES
========================================
*/

/* Discography
----------------------------------------
*/

.disc{
	float:left;
	padding-left:25px;
	padding-top:10px;
	margin-bottom:15px;
	padding-bottom:20px;
	border-bottom: 1px dotted #999999;
}


.disc .col-a{
	float:left;
	width:200px;
}

.disc .col-a p{
	margin:0px;
	margin-top:5px;
	padding:0px;
	font-size:1.20em;
}

.disc a{
	color:#EC1F2E;
}

.disc .col-b{
	float:right;
	width:350px;
	padding-left:10px;
}

.disc .col-b h3{
	margin-bottom:5px;
}

.disc .col-b p{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	width:100%;
}

.disc ol, .disc span{
	padding-left:23px;
	font-size:1.20em;
	color:#636363;
	line-height:18px;
}

.disc span{
	display:block;
	margin-top:10px;
	padding-left:0px;
}

/* Media (Photo Album)
----------------------------------------
*/

#galleries{
	clear:both;
}

#galleries .album{
	float:left;
	padding-left:22px;
	padding-top:10px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom: 1px dotted #999999;
}

#galleries .album img{
	float:left;
}

#galleries .album .albumdesc{
	float:left;
	width:360px;
	padding-left:37px;
}

#galleries h3, #galleries h3 a{
	font-size:1.30em;
	padding-bottom:0px;
	color:#EC1F2E;
	text-transform:uppercase;
}

#galleries h3 a{
	font-size:1em;
}

#albumDescEditable,#imageDescEditable{
	font-size:1.20em;
	color:#636363;
	line-height:1.4em;
}

#galleries #images{
	float:left;
	padding-top:10px;
}

#galleries .imagethumb{
	float:left;
	padding-right:21px;
	padding-bottom:21px;
}

#galleries .imgprevious,#galleries .imgnext{
	padding-right:10px;
	padding-left:10px;
	font-size:2em;
}

#galleries #image{
	clear:left;
	padding-top:10px;
}

table img{
	width:inherit;
	margin: 0px auto;
}

.pagelist{
	clear:left;
	width:500px;
	height:10px;
	margin-bottom:7px;
	padding-left:10px;
}

.pagelist ul{
	width:500px;
	list-style:none;
	font-size:1.20em;
	color:#636363;
	line-height:1.4em;
}

.pagelist li{
	float:left;
	padding-left:5px;
}

.pagelist li .disabledlink{
	color:#CCCCCC;
}


/* Contact
----------------------------------------
*/

p.contact{
	width:385px;
	color:#1e458b;
}
