/*
Theme Name: Doug Johns
Theme URI: http://www.dougjohns.com
Description: Custom WordPress theme based on Chris Ceja's design.
Version: 1.1
Author: Chris Ceja
Author URI: http://www.chrisceja.com/
Tags: blue, custom header, fixed width, two columns, widgets */

@charset "UTF-8";
html {
	margin: 0;
	padding: 0;
}
body {
	background-image: url(http://www.dougjohns.com/images/bg.jpg);
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #343513;
}

#wrapper {
	width: 850px;
	background-image: url(http://www.dougjohns.com/images/headerimg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#intro {
	width: 850px;
	height: 453px;
}
#flashplayer {
	height: 50px;
	width: 230px;
	position: absolute;
	margin-left: 580px;
	margin-top: 430px;
	z-index: 100;
}
a:link, a:visited {
	color: #FF9900;
	text-decoration: none;
}
a:hover, a:active {
	color: #000000;
	text-decoration: none;
}
.headline_right {
	font-size: 20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 25px;
}
.headline_left {
	font-size: 18px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
}
a.mailinglist_btn:link, a.mailinglist_btn:visited {
	font-family: Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(http://www.dougjohns.com/images/maillist.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 97px;
	position: absolute;
	margin-left: 555px;
	height: 19px;
	text-align: center;
}
a.mailinglist_btn:hover, a.mailinglist_btn:active {
	font-family: Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(http://www.dougjohns.com/images/maillist.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
a.presskit_btn:link, a.presskit_btn:visited {
	font-family: Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(http://www.dougjohns.com/images/presskit.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 85px;
	position: absolute;
	margin-left: 654px;
	height: 19px;
	text-align: center;
}
a.presskit_btn:hover, a.presskit_btn:active {
	font-family: Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(http://www.dougjohns.com/images/presskit.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
a.contact_btn:link, a.contact_btn:visited {
	font-family: Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(http://www.dougjohns.com/images/contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 72px;
	position: absolute;
	margin-left: 742px;
	height: 19px;
	text-align: center;
}
a.contact_btn:hover, a.contact_btn:active {
	font-family: Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(http://www.dougjohns.com/images/contact.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#content {
	width: 850px;
	background-image: url(http://www.dougjohns.com/images/bgcontent.jpg);
	background-repeat: repeat-y;
}


.right_column {
	width: 520px;
	float:right;
	position: relative;
	top: -1330px;
	left: -74px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 0px;
	font-family: Verdana;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	width: 450px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -545px;
	text-align: left;
}
html > body #right_column {
	width:	450px
}

.dj {
	font-family: sans-serif;
	font-size: 36px;
	line-height: 52px;
	color: #ededed;
	font-weight: lighter;
	z-index: 60;
	text-transform: lowercase;
	}

.left_column {
	width: 215px;
	font-family: Verdana;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	position: relative;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 55px;
	margin-bottom: 0px;
}
.left_column a:link, .left_column a:visited {
	text-decoration: none;
	color: #ededed;
}
.left_column a:hover, .left_column a:active {
	color: #ededed;
	text-decoration: none;
}

#news_img {
	width: 850px;
	height: 103px;
	background-image: url(images/sub_news.jpg);
	z-index: 80;
}
#listen_img {
	width: 850px;
	height: 103px;
}
#bio_img {
	width: 850px;
	height: 103px;
}
#reviews_img {
	width: 850px;
	height: 103px;
}
#photos_img {
	width: 850px;
	height: 103px;
}
#friends_img {
	width: 850px;
	height: 103px;
}
#mailinglist_img {
	width: 850px;
	height: 103px;
}
#presskit_img {
	width: 850px;
	height: 103px;
}
#contact_img {
	width: 850px;
	height: 103px;
}
#footer {
	background-image: url(http://www.dougjohns.com/images/footerbg.jpg);
	height: 117px;
  	position: relative;
  	bottom: 0px;
  	width:850px;
  	clear:both;
  	margin:0 auto;
}

#footertext {
	padding-top: 60px;
	text-align: center;
	font-family: Verdana;
	font-size: 9px;
	line-height: 13px;
	color: #999999;
}
#footertext a:link, #footertext a:visited {
	text-decoration: none;
	color: #999999;
}
#footertext a:hover, #footertext a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#navlist {
	background:url("images/menu_all.jpg") 0 0 no-repeat;
	width:209px;
	height:350px;
	margin:63px 0 0 0;
	padding: 0;
	position: absolute;
}

#navlist li span { display: none; }  
  
#navlist li { float:left; list-style:none; position:relative; }  
  
#navlist li, #navlist a {  
    height:50px;    /* Each button must have the same height, define it here */  
    display:block;  
    margin:0;  
    padding:0;  
    }  
  
li#home, li#listen, li#calendar, li#bio, li#reviews, li#photos, li#friends { margin-bottom:0px; width:209px; }  


#home a:hover { background:url("images/menu_all.jpg") -209px  -0px no-repeat; }  
#listen a:hover { background:url("images/menu_all.jpg") -209px  -50px no-repeat; }  
#calendar a:hover { background:url("images/menu_all.jpg") -209px  -100px no-repeat; }  
#bio a:hover { background:url("images/menu_all.jpg") -209px  -150px no-repeat; }  
#reviews a:hover { background:url("images/menu_all.jpg") -209px -200px no-repeat; }
#photos a:hover { background:url("images/menu_all.jpg") -209px -250px no-repeat; }
#friends a:hover { background:url("images/menu_all.jpg") -209px -300px no-repeat; }

.rightcolumnrule {
	border: 1px solid #3399CC;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 520px;
}
.leftcolumnrule {
	border: 1px solid #3399CC;
	text-decoration: none;
	width: 215px;
}
.wraparound {
	padding-left: 20px;
	padding-bottom: 20px;
}


.myForm {
	font-family: tahoma;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px dashed #999999;
	color: #333333;
	}

.texta { 
 font-size: 11px; 
 border: 1px solid #666666; 
}

.required {
color: red;
	}
body div.formcontainer{
clear: both;
overflow: hidden;
width: 100%;
}

body div.formcontainer span.required {
color: #FF0000;
}

body div.formcontainer p.error,
body div.formcontainer p.important,
body div.formcontainer p.information,
body div.formcontainer p.success {
border-top: 1px solid #E8E8DE;
color: #442;
line-height: 250%;
padding-left: 36px;
width: 95%;
}

body div.formcontainer p.error {
background: #fbfbee url('error.png') no-repeat 12px 50%;
border-bottom: 2px solid #F0D28B;
}

body div.formcontainer p.important {
background: #fbfbee url('important.png') no-repeat 12px 50%;
border-bottom: 2px solid #FED7CE;
}

body div.formcontainer p.information {
background: #fbfbee url('information.png') no-repeat 12px 50%;
border-bottom: 2px solid #C5DDF2;
}

body div.formcontainer p.success {
background: #fbfbee url('success.png') no-repeat 12px 50%;
border-bottom: 2px solid #C7E9B3;
}

body div.formcontainer form.contact-form {
clear: both;
float: none;
width: 100%;
}

body div.formcontainer form.contact-form fieldset {
background: #F6F6F6;
color: #333333;
margin: 0.5em 0 1.5em 0;
}

body div.formcontainer form.contact-form fieldset legend {
text-transform: uppercase;
}

body div.formcontainer form.contact-form fieldset div.form-label {
display: block;
float:none;
line-height:150%;
margin: 0.5em 0 0 0;
padding:0;
text-align:left;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-label label,
body div.formcontainer form.contact-form fieldset div.form-option label {
cursor: pointer;
line-height:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input,
body div.formcontainer form.contact-form fieldset div.form-textarea {
display: block;
float:none;
margin: 0.2em 0 0 0;
width:70%;
}

body div.formcontainer form.contact-form fieldset div.form-input input,
body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
padding: 0.3em;
width: 70%;
}

body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
overflow: auto;
}

body div.formcontainer form.contact-form fieldset div.form-input input.error {
background-color: #FBF4E2;
}

body div.formcontainer form.contact-form fieldset div.form-input input.optional {
margin-bottom: 0.2em;
}

body div.formcontainer form.contact-form fieldset div.form-option,
body div.formcontainer form.contact-form fieldset div.form-submit {
display: block;
float:none;
margin: 1em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-submit input {
cursor:pointer;
padding:0.5em 2em;
}

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	}

table.group_discography {
	width: 100%; 
	}