@charset "UTF-8";
/*
Designed and developed by philosophie llc

Client: 
Project: Website 1.0
Designers: Emerson Taymor and Skot Carruth

© all work is an act of philosophie

===COLOR SCHEME===

Background: 
Links: 
Headers: 
Accent: 
Borders: 
	
*/

body{
	font-family: helvetica, arial, sans-serif;
	font-size: .625em;
	background:#EACFAB;
	color:#fff;
}

.container{
	margin: 8px auto;
	width:970px;
}
#mainHeader{width:970px;}

h1#logo a{
    background-image:url(../_images/fred-engler-music.png);
    width:970px;
    height:100px;
}

#headerPhoto{
    width:926px;
    height:475px;
    padding:20px;
    background-image:url(../_images/main-header-photo.jpg);
}

#newsletterSignup{width:270px;}
#newsletterSignup h3{
    background-image:url(../_images/sign-up-for-my-newsletter.png);
    width:255px;height:18px;
    margin-bottom:6px;
}
#newsletterSignup input#email, #newsletterSignup2 input#email2{
    border:1px solid #555;
    width:203px;
    padding:4px 5px;
    background-color:#222;
    outline:none;
    font-size:1.2em;
    color:#c7c7c7;
    float:left;
    font-family: helvetica, arial, sans-serif;
    margin-right:8px;
}
#newsletterSignup input#joinBtn, #newsletterSignup2 input#joinBtn2{
    outline:none;
    border:none;
    font-size:1.4em;
    font-weight:bold;
    color:#fff;
    background-color:#fa2c2b;
    width:46px;
    height:24px;line-height:21px;
    cursor:pointer;
    float:left;
    text-align:center;
    text-transform:uppercase;
    font-family: helvetica, arial, sans-serif;
    margin-top:2px;
}
#newsletterSignup2{overflow:hidden;}

#leftCol{width:550px;}
#rightCol{width:325px;}

#mainNav{
    height:68px;
    line-height:68px;
    border-top:1px solid #A17F53;
    border-bottom:1px solid #A17F53;
    overflow:hidden;
    margin-bottom:30px;
    width:970px;
}
#mainNav ul li{float:left;display:block;position:relative;color:#ccc;font-size:2em;}
#mainNav ul li a{vertical-align:middle;}
#aboutBtn{
    background-image:url(../_images/about-btn.png);
    width:73px;
    height:29px;
    margin:18px 22px 0 132px;
    
}
#fbBtn{
    background-image:url(../_images/facebook-btn.png);
    width:49px;
    height:49px;
    margin:9px 24px 0;
}
#twitterBtn{
    background-image:url(../_images/twitter-btn.png);
    width:50px;
    height:50px;
    margin:9px 24px 0;
}
#ytBtn{
    background-image:url(../_images/youtube-btn.png);
    width:113px;
    height:41px;
    margin:12px 20px 0;
}
#mySpaceBtn{
    background-image:url(../_images/myspace-btn.png);
    width:137px;
    height:30px;
    margin:17px 15px 0;
}
#pressBtn{
    background-image:url(../_images/press-btn.png);
    width:67px;
    height:28px;
    margin:19px 24px 0;
}
#contactBtn{
    background-image:url(../_images/contact-btn.png);
    width:95px;
    height:31px;
    margin:18px 24px 0 24px;
}
#concertBtn{
    background-image:url(../_images/concert-btn.png);
    width:303px;
    height:31px;
    margin:18px 24px 0;
}

#events h2{background-image:url(../_images/events-header.png);}
#gallery h2{background-image:url(../_images/gallery-header.png);}
#tweets h2{background-image:url(../_images/tweets-header.png);}

#ytPlayer{margin-bottom:50px;}
#events{margin-bottom:27px;}
#events ul li{
    font-size:1.4em;
    padding:0 10px 10px;
    margin-bottom:10px;
    border-bottom:1px solid #555;
    display:block;
}
#gallery img{float:left;margin:0 30px 30px 0;border:1px solid #555;}
#gallery img.nomargin{margin-right:0;}

#content{overflow:hidden;}
#mainFooter{
    margin-top:20px;
    border-top:1px solid #ccc;
    padding:8px 10px;
    font-size:1.2em;
    overflow:hidden;
    color:#999;
}
.copyrightInfo{float:left;}
.credits{float:right;}
#about, #contact, #press, #concert{padding:20px;}
#about p, #press p, #contact p, #concert p, #press ul li, #contact ul li{
    font-size:1.4em;
    line-height:1.5em;
}

#press ul li{
    padding-bottom:10px;
    font-size:1.6em;
    font-weight:bold;
}

#about p, #concert p{width:700px;}
#about h2, #contact h2, #press h2, #concert h2{text-transform:uppercase;font-weight:bold;font-size:1.8em;}

#tweets{clear:both;margin-top:20px;}
#twitter_update_list li{
    padding-bottom:8px;
    margin-bottom:12px;
    border-bottom:1px solid #333;
    font-size:1.4em;
    line-height:1.2em;
    display:block;
}
#twitter_update_list li a{
    display:block;
    text-align:right;
    font-style:italic;
    padding:3px 8px 0 0;
}

#twitter_update_list li span a{
    display:inline;
    text-align:left;
    font-style:normal;
    color:#fa2c2b;
}

/* ~~~~~ Typography ~~~~~ */

a {text-decoration:none; color:#fff;}
a:hover {color:#fa2c2b;}
h2 {padding-bottom:2px;border-bottom:1px solid #fa2c2b;height:18px;margin-bottom:20px;}
h3 {font-size: ; font-weight: bold; color:  ; margin: ;}
p {font-size: ;line-height: ;margin-bottom:;}

/* ~~~~~ Form ~~~~~ */

form ul li{
	clear:both;
	font-size:1.4em;
	margin:15px 0;
}

form ul li label{
	width:150px;
	display:block;
	float:left;
	padding: 3px;
}

form ul li input, form ul li textarea{
	border:none;
	background-color:#666;
	padding: 0 3px;
	outline:none;
	color:#fff;
	width:300px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	line-height: 20px;
	padding:3px;
}

form ul li input#submit{
	width: 306px;
	margin-bottom:25px;
}

form ul li textarea{
	height:150px;	
}


input#submit{
	text-align:center;
	font-weight:bold;
	margin-left:156px;
}

/* UTILITY CLASSES */
.fl {float: left;}
.fr {float: right;}
.cl {clear: left;}
.cr {clear: right;}
.clear {clear: both;}
.tr{text-indent:-9999px;display:block;background-repeat:no-repeat;background-position:top left;}
em{font-style:italic;}
strong{font-weight:bold;}

.transparent{  
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;  
}

.dropShadow{
	-moz-box-shadow: 0px -1px 5px #333;
	-webkit-box-shadow: 0px -1px 5px #333;
	box-shadow: 0px -1px 5px #333;
}

.roundedCorners{
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px; 
	border-radius:20px;
}

a[href$="pdf"]:after,
a[href$="doc"]:after {
margin:0 0 0 5px;
font:bold 12px "Lucida Grande";
content: " (PDF)";
}
a[href$=".doc"]:after {content: " (DOC)";}