/* CSS Document */
body#intro {text-align:center; font-family:Helvetica, Arial, sans-serif; font-size:0.8em; color: #666666;
		 background-image: none;
        background-color: #000000;}
		
body#album {text-align:center; font-family:Helvetica, Arial, sans-serif; font-size:0.8em; color: #666666;
		 background-image: none;
        background-color: #ffffff;}
		
body {text-align:center; font-family: "Cooper Black", Georgia, Helvetica, Arial, sans-serif; font-size:0.8em; color: #666666;
        background-image: url(http://www.tracymak.com/livingthedreamband/images/background.jpg);
		background-repeat: no-repeat;
		background-position: center;
        background-color: #000000; 
		background-attachment:fixed
		}
		
.flash {margin: auto; margin-top:50px; width:550px}

html, body {
	margin: 0;
	padding: 0;
}

#page-container {
	width: 740px;
	margin:auto;
}

#header {
	height: 400px;
	background: #000000
	            url(../images/header.jpg);
}

#content {
	padding:10px;
	text-align:left;
	margin-right: 280px;
	line-height: 21px
}

#content .padding {
	padding: 10px
}

#sidebar {
	float: right;
	width: 280px;
	line-height: 21px
}

#sidebar .padding {
	padding: 10px
}

#content-media {
	padding:10px;
	margin-left: 200px;
	line-height: 21px;
	text-align:left
}

#content-media .padding {
	padding: 10px
}

#media {
	text-align:left;
	float:left;
	width: 200px;
	line-height: 21px
}

#media .padding {
	padding: 10px
}

#one-col {
	width: 740px;
	line-height: 21px
}

#one-col .padding {
	padding: 10px
}

#footer {
	height: 50px;
	clear: both;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #999999;
	padding: 13px 25px;
	line-height: 18px;
	text-align:left
}

#footer a {
	color: #999999;
	text-decoration: none;
}

#footer #altnav {
	width: 350px;
	float: right;
	text-align: right;
}

#footer a:hover {
	color: #db6d16;
}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background: #FFFFFF; margin:0 5px;}
.b2f {height:1px; background:#FFFFFF; margin:0 3px;}
.b3f {height:1px; background:#FFFFFF; margin:0 2px;}
.b4f {height:2px; background:#FFFFFF; margin:0 1px;}
.contentf {background-color: #FFFFFF; background-image: url(../images/roundcornerbkgrd.jpg); background-position:top left; background-repeat: no-repeat; padding:10px}


/* Main Navigation */
#main-nav { height: 30px; width:100%; background-color: #333333; margin-bottom:15px}
#main-nav ul
{
padding:0;
margin:0;
list-style-type:none;
}
#main-nav a
{
color: #ffffff;
display: block; /* Make "button" clickable */
padding: 0.6em 2em;
text-decoration: none; /* Remove default underlines */
}

#main-nav li {display:inline; float:left}
#main-nav a:hover#button1 {background-color: #0099CC}
#main-nav a:hover#button2 {background-color: #FF0066}
#main-nav a:hover#button3 {background-color: #FF9900}
#main-nav a:hover#button4 {background-color: #663399}
#main-nav a:hover#button5 {background-color: #FFFF00}
#main-nav a:hover#button6 {background-color: #009900}

#main-nav li#active1 {background-color: #0099CC;}
#main-nav li#active2 {background-color: #FF0066;}
#main-nav li#active3 {background-color: #FF9900;}
#main-nav li#active4 {background-color: #663399;}
#main-nav li#active5 {background-color: #FFFF00;}
#main-nav li#active6 {background-color: #009900;}
/* End of Main Navigation */

/*Styling*/
a{text-decoration:none}
a:hover {color:#666666}

.heading {width:90%; border-bottom:dotted 1px #999999; margin:0px; margin-bottom: 15px; padding:0px; background-color:none} 
h1 {font-size:20px; text-transform:uppercase; padding-top:6px; margin-bottom:0px; padding-bottom:0px;text-align:center}
h2 {font-size:16px; text-transform:uppercase; margin:0px; padding:0px; padding-top:6px;}
h3 {font-size:14px; text-transform:none; margin:0px; padding:0px; padding-top:6px}



.penguin {float:right; margin-top::500px; margin-right:15px}
.gopher {float:left; margin-top::500px; margin-left:25px}
.banana {position:fixed; top: 5px; left:5px}

#twitter_div {padding:0.625em; border:3px double #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	#twitter_div img {float:right;}
	.twitter { list-style:none; padding:0; margin-left:0}

.index-img {float: left}
.bio-img {float: left; margin-top:0px; margin:15px}
.events-img {float: left; margin-right:15px}

.clear {clear:both}
.clear-rt {clear:right}
.clear-lf {clear:left}

.quote {
       border:1px solid #666666; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
       background: #CCCCCC url('../images/quote-left.gif') no-repeat left top;
       margin-left: 10%;
       margin-right: 10%;
	   margin-bottom: 15px;
       padding-top: 10px;
       padding-left: 40px;
    }

.quote div {background: url('../images/quote-right.gif') right bottom no-repeat;
     padding-right: 40px;
     padding-bottom: 10px;
    }
	
#sidebar2 a:link{color:#999999}

#sidebar2 a{border-bottom:1px solid #cccccc;display:block;font-size:16px;padding:8px 0 8px 17px;text-decoration:none;}

#sidebar2 a:hover{background:#000 url(../images/arrow.gif) no-repeat 0 8px;color:FF0099; border-bottom:1px solid #EEE;display:block;font-size:16px;padding:8px 0 8px 17px;text-decoration:none}

#sidebarselect {background:#000 url(../images/arrow.gif) no-repeat 0 8px;border-bottom:1px solid #EEE;display:block;font-size:16px;color:#FF0099; padding:8px 0 8px 17px; text-decoration:none;}

.top {float: right; margin-right:25px}

ul#sidebar2 {list-style:none}

.album {border: 1px solid; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px; width:225px}

input:focus {background-color: #FFFF66}

#cover {text-align:left}

.cover-img {float:right; margin-right: 25px}