/* 
Name: newsboys online
Author: Nick Francis
Questions/Comments: nick@project83.com   
*/

/* main styles */
body {
	margin:0;
	padding:0;
	background:#000 url(../images/bg.gif) repeat-x top left;
	text-align:center;
	}
	
#wrap {
	margin:0 auto;
	text-align:left;
	width:726px;
	font-family:Arial, Helvetica, Lucida Grande, sans-serif;
	font-size:small;
	color:#fff;
	}	

a {
	color:#EDDFAE;
	}
	
a:visited {
	color:#CCC;
	}	
	
a:hover {
	text-decoration:none;
	}		
	
.clear {
	clear:both;
	}	
	
.float-left {
	float:left;
	margin:0 10px 10px 0;
	}	
	
.float-right {
	float:right;
	margin:0 0 10px 10px;
	}	

/* navigation */	
#nav {
	width:726px;
	margin:0;
	padding:0;
	list-style:none;
	}	
	
#nav li {
	float:left;
	margin:0;
	padding:0;
	text-indent:-9000px;
	}	
	
#nav a {
	display:block;
	margin:0;
	padding:0;
	height:32px;
	border:none;
	}		
	
li#nav-home a {
	width:111px;
	background:url(../images/home.gif) no-repeat top left;
	}	
	
li#nav-home a:hover, li#nav-news a:hover, li#nav-tour a:hover, li#nav-media a:hover, li#nav-store a:hover, li#nav-photos a:hover  {
	background-position:0 -32px;
	}	
	
li#nav-news a {
	width:115px;
	background:url(../images/news.gif) no-repeat top left;
	}	
	
li#nav-tour a {
	width:115px;
	background:url(../images/tour.gif) no-repeat top left;
	}	
	
li#nav-media a {
	width:127px;
	background:url(../images/media.gif) no-repeat top left;
	}	

li#nav-store a {
	width:120px;
	background:url(../images/store.gif) no-repeat top left;
	}	
	
li#nav-photos a {
	width:138px;
	background:url(../images/photos.gif) no-repeat top left;
	}		

#nb-interactive {
	margin:0;
	padding:0;
	width:726px;
	height:22px;
	background:url(../images/nb_interactive.gif) no-repeat top left;
	}	
	
#nb-interactive p a {
	color:#202020;
	}	
	
ul#subnav {
	margin:0 0 0 115px;
	padding:0;
	list-style:none;
	}
	
ul#subnav li {
	float:left;
	display:inline;
	line-height:22px;
	}		
	
ul#subnav a {
	display:block;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding:0 20px;
	font-family:Arial, Helvetica, "Lucida Grande", "Trebuchet MS", sans-serif;
	font-size:13px;
	}	
	
ul#subnav a:hover {
	color:#EDE8C8;
	}	

/* content area */	
h2.page-title {
	width:711px;
	margin:0 0 0 1px;
	padding:0 0 0 10px;
	color:#000;
	font-weight:normal;
	font-family:Arial, Helvetica, "Lucida Grande", "Trebuchet MS", sans-serif;
	background:#c5c5c5;
	border-bottom:3px solid #fff;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	font-size:170%;
	}
	
#content h2 {
	color:#F2621C;
	font-size:200%;
	font-weight:normal;
	margin:0;
	padding:15px 0 10px 0;
	}	
	
#content h3 {
	color:#FBF9DA;
	padding:5px 10px;
	margin:10px 0;
	background:#151517;
	border-bottom:#F2621C dotted 1px;
	border-top:#F2621C dotted 1px;
	}		
	
#content-top {
	width:726px;
	height:10px;
	background:url(../images/content_top.gif) no-repeat top left;
	}	
	
#content {
	margin:0 0 0 1px;
	padding:0 10px 10px 10px;
	width:697px;
	background:#202020;
	border-left:4px solid #fff;
	border-right:4px solid #fff;
	line-height:18px;
	}	
	
#left-column {
	float:left;
	width:480px;
	margin:0;
	padding:0;
	}	
	
dl.news-wrap {
	margin:0 0 20px 0;
	padding:10px;
	width:453px;
	background:#313131;
	border:1px solid #3b3b3b;
	}	
	
dl.news-wrap dt a {
	text-decoration:underline;
	color:#F2621C;
	}
	
dl.news-wrap dt {
	font-size:120%;
	color:#F2621C;
	padding-left:15px;
	background:url(../images/document.gif) no-repeat top left;
	}		
	
dl.news-wrap dt a:hover {
	text-decoration:none;
	}
	
dl.news-wrap dd.date {
	margin:0;
	padding:5px 0 5px 15px;
	color:#EDDFAE;
	font-size:80%;
	}	
	
dl.news-wrap dd {
	color:#fff;
	padding:5px 0 0 15px;
	margin:0;
	}		
	
dl.news-wrap dd a {
	color:#EDDFAE;
	font-style:italic;
	}
	
/* home page */
#header-home {
	width:726px;
	height:119px;
	background:url(../images/header_home.jpg) no-repeat top left;
	margin:0;
}

#header-home img {
	margin:10px 0 0 505px;
}

#home-left {
	float:left;
	margin:0 0 20px 0;
	padding:0 10px 10px 10px;
	width:453px;
	background:#313131;
	border:1px solid #3b3b3b;		
	}
	
#home-right {
	float:right;
	width:203px;
	margin:0;
	padding:0;
}	

p.song {
	font-size:90%;
	margin:3px 0 15px 0;
	padding:0 5px;
}

#threecol {
	width:694px;
	margin:0;
	padding:0;
	border:1px solid #000;
	border-bottom:none;
	background:#000;
}

#threecol .col-wrap {
	float:left;
	width:230px;
	margin:0;
	padding:0;
}

#threecol .col-wrap h2 {
	font-size:120%;
	color:#fff;
	font-weight:normal;
	background:url(../images/3col_bg.gif) repeat-x top left;
	margin:0;
	padding:0 8px;
	line-height:33px;
	
}
	
	
#threecol .col-wrap h2 span {
	padding-left:22px;
	background:url(../images/star.gif) no-repeat center left;
}		

#threecol .col-wrap ul {
	margin:8px 0 8px 20px;
	padding:0;
	list-style:none;
}

#threecol .col-wrap li {
	padding:5px 0 5px 18px;
	color:#FBD3A2;
	font-size:90%;
	background:url(../images/diamond.gif) no-repeat center left;
}

#threecol .col-wrap li a {
	color:#FBD3A2;
	text-decoration:none;
}

#threecol .col-wrap li a:hover {
	text-decoration:underline;
}

.col-wrap a.button {
	padding:4px 6px;
	color:#fff;
	background:#555 url(../images/button_bg.gif) repeat-x top left;
	text-align:center;
	font-size:90%;
	text-decoration:none;
	border-top:#353535 solid 1px;
	border-bottom:#797979 solid 1px;
}

.col-wrap a.button:hover {
	text-decoration:underline;
}

.col-wrap .img-wrap {
	margin-top:10px;
}

.col-wrap .img-wrap img {
	float:left;
	display:inline;
	width:90px;
	height:110px;
	border:#2D2D2D 2px solid;
	margin:0 5px 5px 0;
}	

.img-wrap {
	float:left;
	margin:5px 10px 5px 0;
	text-align:center;
}
	
/* tour page */
table#tourdates {
	border-collapse:collapse;
	width:697px;
	font-size:95%;
	text-align:center;
	}		
	
table#tourdates a {
	color:#F2621C;
	}	
	
table#tourdates caption, table#tourdates caption {
	display:none;
	}	
	
table#tourdates th {
	font-size:110%;
	background:#b8b8b8;
	color:#000;
	padding:4px;
	border-right:2px solid #202020;
	}	
	
table#tourdates td {
	background:#131313;
	border-right:2px solid #202020;
	border-top:2px solid #202020;
	padding:5px;
	}	
	
a.tickets {
	padding:4px 0 4px 23px;
	background:url(../images/tickets.gif) no-repeat center left;
	}	
	
table#tourdates td.details {
	color:#EDDFAE;
	font-size:90%;
	text-align:left;
	padding:3px 10px 3px 20px;
	}

table#tourdates p.showDetails {
	display:none;
	padding:0;
	margin:0;
	}	
	
table#tourdates a.directions {
	margin:0 25px 0 15px;
	padding:4px 0 4px 23px;
	background:url(../images/directions.gif) no-repeat center left;
	}	
	
div.contentToChange p {
	margin:10px 30px 10px 30px;
	}	
	
/* music page */
.music-wrap {
	float:left;
	display:inline;
	margin:10px 0 30px 0;
	padding:0;
	width:288px;
	}	
	
.music-wrap a img {
	border:none;
	}
	
/* albums page */
.album-wrap {
	float:left;
	width:292px;
	background:#313131;
	border:1px solid #3b3b3b;
	padding:4px;
	margin:10px 30px 20px 20px;
	}	
	
.album-wrap img {
	float:left;
	display:inline;
	border:1px solid #686868;
	margin-right:10px;
	}	
	
.album-wrap p.title {
	font-size:140%;
	background:#191919;
	font-weight:bold;
	margin:0 0 0 93px;
	padding:3px 3px 0 3px;
	}	
	
.album-wrap p.title a {
	border:none;
	background:#191919;
	color:#F2621C;
	text-decoration:none;
	}		
	
.album-wrap p.title a:hover {
	text-decoration:underline;
	}
	
.album-wrap p.release {
	padding:3px;
	margin:0 0 0 93px;
	background:#191919;
	font-size:90%;
	color:#EDDFAE;
	}		
	
.album-wrap img.purchase {
	float:right;
	padding:0;
	margin:10px 10px 0 0;
	}

.album-wrap a img.purchase {
	border:none;
	}	
	
.album-wrap p.tracklisting {
	margin:0;
	padding-top:10px;
	font-weight:bold;
	font-style:italic;
	}
	
.album-wrap ol li {
	font-size:90%;
	}		
	
/* photos page */
.gallery {
	margin-bottom:15px;
}

.gallery img {
	vertical-align:top;
	margin:10px 7px 0 7px;
	border:3px solid #fff;
	}
	
ul#photo-archives {
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
	}		
	
ul#photo-archives li {
	padding:5px 0;
	}	
	
/* downloads page */
h3.wallpaper span {
	width:19px;
	height:17px;
	padding:0 20px 0 6px;
	background:url(../images/wallpaper_icon.gif) no-repeat top left;
	}	
	
p.windows {
	float:left;
	display:inline;
	width:300px;
	margin:0 30px 0 0;
	padding-bottom:35px;
	font-size:90%;
	vertical-align:top;
	color:#A4A4A4;
	}	
	
p.windows span, p.mac span {
	font-weight:bold;
	color:#FFF;
	}	
	
p.mac {
	color:#A4A4A4;
	font-size:90%;
	}	
	
.wallpaper-wrap {
	width:206px;
	float:left;
	display:inline;
	text-align:center;
	margin:10px 24px 15px 0;
	}		
	
.wallpaper-wrap img {
	background:#3A3A3A;
	padding:4px;
	border: 1px solid #494949;
	}	
	
.wallpaper-wrap a {
	display:block;
	padding:2px 0;
	}	
	
#buddies img {
	float:left;
	display:inline;
	border:none;
	margin:0 25px 0 10px;
	}	
	
/* nbtv */
ul#nbtv-nav {
	margin:0;
	padding:0;
	list-style:none;
}	
	
ul#nbtv-nav li {
	float:left;
}	

ul#nbtv-nav a {
	display:block;
	line-height:25px;
	text-decoration:none;
	padding:0 10px;
	margin:0 6px;
	color:#EDDFAE;
	background:#202020;
	border:1px solid #3B3B3B;
	border-bottom:0;
}	

ul#nbtv-nav a:hover {
	color:#fff;
}

ul#nbtv-nav li.active a {
	line-height:26px;
	position:relative;
	top:1px;
	background:#313131;
	color:#fff;
}
	
#vidplayer {
	padding:10px;
	width:453px;
	background:#313131;
	border:1px solid #3b3b3b;	
}	

p.internet {
	margin:0;
	padding:0 0 5px 0;
	font-size:90%;
	position:relative;
	bottom:15px;
}
	
/* contact page */
fieldset {
	margin:15px 0 0 0;
	padding:0;
	border:none;
	}
	
fieldset ul {
	list-style:none;
	margin:0;
	padding:0;
	}	
	
fieldset label {
	float:left;
	clear:right;
	width:60px;
	text-align:right;
	margin:0;
	padding-top:4px;
	}

fieldset input, textarea, select {
	margin:0 0 8px 15px;
	padding:2px;
	color:#202020;
	font-size:100%;
	font-family:Arial, Helvetica, Lucida Grande, sans-serif;
	border:2px solid #3b3b3b;
	}	
	
fieldset #name, fieldset #email {
	width:185px;
	}	
	
fieldset #submit {
	border:1px solid #3F3F3F;
	background:#202020;
	color:#F2621C;
	margin:10px 0 15px 275px;
	}	
	
/* GO ministry signup */
#ministry legend {
	font-size:130%;
	padding:0 6px;
	color:#FE6320;
	}

#ministry fieldset {
	margin:0;
	padding:0 10px;
	width:400px;
	}
	
#ministry ul {
	list-style:none;
	margin-left:30px;
	padding:10px 0;
	}	
	
#ministry label {
	float:left;
	clear:right;
	width:150px;
	text-align:right;
	margin:0;
	padding-top:4px;
	}

#ministry input {
	width:150px;
	margin:2px 0 8px 15px;
	padding:2px;
	border:1px solid #999;
	}
	
#ministry select {
	margin:2px 0 8px 15px;
	padding:2px;
	border:1px solid #999;
}	
	
#ministry #submit {
	width:auto;
	padding:3px 5px;
	background:#000;
	font-size:120%;
	color:#FE6320;
	margin:10px 0 5px 166px;
	}	
	
	
/* sidebar */	
#right-column {
	float:right;
	width:195px;
	margin:0;
	padding:6px;
	background:#353535;
	border:1px solid #3F3F3F;
	}	
	
#right-column a img {
	margin:0 0 20px 0;
	padding:0 0 0 3px;
	border:none;
	}		
	
#right-column h3 {
	margin:0;
	padding:0 0 5px 0;
	color:#fff;
	font-weight:normal;
	border-bottom:1px solid #3F3F3F;
	border-top:none;
	background:none;
	}	
	
#right-column h3 span {
	color:#F2621C;
	font-size:80%;
	margin-left:40px;
	}	
	
#right-column fieldset {
	margin:0 0 15px 0;
	padding:0 0 0 10px;
	border:none;
	color:#F2621C;
	}	
	
#right-column input {
	padding:2px;
	margin:4px 6px;
	border:1px solid #3F3F3F;
	color:#202020;
	font-size:90%;
	width:150px;
	}	
	
#right-column fieldset #submit {
	border:1px solid #3F3F3F;
	background:#202020;
	color:#F2621C;
	margin-left:115px;
	width:auto;
	}	
	
/* footer */	
#footer {
	width:726px;
	background:url(../images/footer_bg.jpg) no-repeat top left;
	}
	
#footer-home {
	width:726px;
	background:url(../images/footer_home_bg.jpg) no-repeat top left;
	}		
	
#footer p, #footer-home p {
	margin:0;
	padding:0 0 10px 0;
	}