/* -------------------- RESET --------------------- */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form,  a, fieldset, th, td 
{margin: 0; padding: 0; border: 0; outline: none;}  
   
body {background:url(assets/bg.png) repeat-x #878787;}
.clearboth {clear: both;}

ul, ol {list-style: none;}  
a  { color: #7b1e1e;}  
a:hover {text-decoration: underline;}  
.clearfix {clear: both;}
.floatleft {float: left;}
.floatright {float: right;}


/* ------------------ GLOBAL STYLES ------------------ */

/*TYPOGRAPHY*/

p, .concert-title {
font-family: Georgia, Times, Garamond, sans-serif;
}

ul, #footer p {
font-family: Arial, Helvetica, sans-serif;
}

.concert-date {
font-family: Trebuchet MS, Tahoma, sans-serif;
}

p {
font-size: 14px;
color: #343434;
line-height: 20px;
}

/*POSITIONING*/
#wrapper { 
margin: 0 auto; 
width: 682px; 
text-align: left; 

} 

#content {
background: white;
border-left: 1px solid white;
border-right: 1px solid white;

}
#content h1 {
	color: #7D1515;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 36px;
	padding: 15px 20px 20px 20px;
}
#header {
background: url(assets/logotitle.png) no-repeat top;
width: 684px;
height: 163px;
display: block;
position: absolute;
z-index: 10;
}

/* image headers */

.title {
display: block;
height: 30px;
padding-bottom: 5px;
margin-top: 20px;
}

#index-rightcol .title {
margin-top: 30px;

}


#mission {background: url(assets/title-mission.png) no-repeat top left;}
#donate {background: url(assets/title-donate.png) no-repeat top left;}
#video {background: url(assets/title-video.png) no-repeat top left;}
#sponsorship {background: url(assets/title-sponsorship.png) no-repeat top left;}
#connect {background: url(assets/title-connect.png) no-repeat top left;}
#mailinglist {background: url(assets/title-mailinglist.png) no-repeat top left;}


#title-concertseries {
background: url(assets/title-concertseries.png) no-repeat;
height: 46px;
padding-bottom: 20px;
}




/* MAIN NAV */


#main-nav {
background: url(assets/nav-bg.png) repeat-x;
padding: 15px 0;
font-weight: bold;
font-size: 12px;
height: 50px;
position: relative;
margin-top: -80px;
z-index: 10;
width: 682px; 
}


#main-nav li {
float: left;
padding: 0 29px;
}

#main-nav a {
color: black;
text-decoration: none;
}

#main-nav a:hover {
color: #7b1e1e;
}

/* INDEX CONTENT */



#index-leftcol {
padding: 0px 20px 20px 20px;
width: 362px;
border-right: 1px solid gray;

}

/* NATE THESE ARE THE TWO STYLES */
#internal-leftcol {
padding: 0px 10px 20px 10px;
width: 200px;

}
#internal-leftcol p {width: 175px;font-size: 11px;}

#internal-leftcol2 {
padding: 0px 10px 20px 10px;
width: 200px;
white-space: nowrap;
}
#internal-leftcol2 p {width: 175px;font-size: 11px;}

#index-rightcol {
border-left: 1px solid gray;
margin-left: 402px;
padding: 0 20px;
background: #f1f1f1;
width: 237px;
*width: 236px;

}
#internal-rightcol {
border-left: 1px solid gray;
margin-left: 220px;
padding: 0 20px;

font-family: Helvetica, Arial, sans-serif;
}
#internal-rightcol h1 {padding: 0;}
#internal-rightcol h2 {color: #1B664B; font-size: 20px; line-height: 24px; margin: 10px 0 0 0;}
#internal-rightcol h3 {color: #7F0200; font-size: 18px; font-style: italic;margin: 10px 0 0 0;}
#internal-rightcol h5 {color: #4C4B46; font-size: 16px; line-height: 21px; margin: 10px 0 0 0;}
#internal-rightcol h5 a {color: #4C4B46; text-decoration: underline;}
#internal-rightcol h6 {color: #000000; font-size: 12px;margin: 0px 0 0 0;}
#internal-rightcol ul {color: #666666; font-size: 12px; line-height: 18px; margin: 5px 0 0 45px;list-style-type: disc;}
#internal-rightcol p {color: #666666; font-size: 12px; line-height: 18px; margin: 10px 0 10px 0;}
#internal-rightcol p.indent {color: #000000; font-size: 12px;margin: 10px 0 0 45px;}
#internal-rightcol p span {color: #1b664B; font-weight: bold;}
#internal-rightcol li {margin: 0;}
.boldred {color: #7F0200; font-weight: bold; text-transform: uppercase; font-size: 12px;}

#internal-rightcol img {padding: 0 10px 0 10px;}

/* donate btn */

#donate-btn {
background: url(assets/btn-donate.png) top no-repeat;
display: block;
height: 38px;
width: 166px;
margin: 10px 0 20px 80px;
}

#donate-btn:hover {
background-position: 0 -38px;
}


/* INDEX - RIGHT COLUMN */
/* buy btn */

#buy-btn {
background: url(assets/btn-buytickets.png) top no-repeat;
display: block;
height: 56px;
width: 279px;
margin: 0 0 20px -20px;
}

#buy-btn:hover {
background-position: 0 -56px;
}

.schedule li{
border-top: 1px solid #c2c2c2;
padding-bottom: 20px;
}
.concert-date {
text-transform: uppercase;
font-size: 11px;
color: #7b1e1e;
line-height: 24px;
}

.concert-title {
color: #343434;
}


/*form styles */

.textinput {
padding: 5px;
font-size: 15px;
background: white;
border: 1px solid #343434;
}


/* connect icons */

.connectlist {
height: 80px;
}

.connectlist li a {
float: left;
display: block;
height: 44px;
padding: 0 20px;
}

#facebook {
background: url(assets/icon-fb.png) no-repeat top;
width: 44px;
}

#twitter {
background: url(assets/icon-tw.jpg) no-repeat top;
width: 90px;

}

#footer {margin: 30px;}

#footer p{
text-align: center;
font-size: 12px;
}