/*------------------------------------------------------
Basic Style Sheet for ( fightforfeuille.com )

version:	1.0
author:		Justin Tucker
email:		justin@tuckinteractiv.com
website:	http://www.tuckinteractiv.com

------------------------------------------------------*/

/* =Resets
------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td 
{margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var 
{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a { text-decoration: none; outline: none; }

/* =base (site wide styles)
------------------------------------------------------*/
body {
	font-size: 62.5%;
	font-family: "Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans-serif;
	background: #f2e950;
}

h1,#nav,#content {
	margin: 0 auto;
	position: relative;
	width: 900px;
}

h3 { font-size: 16px; font-weight: bold; }

p { padding: 0 0 15px 0;}

.floatleft {float: left;}
.floatright {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.leftimage { float: left; margin: 0 10px 5px 0; }
.rightimage { float: right; margin: 0 0 10px 5px; }
.link-list { margin: 8px 0 30px 0; }
.link-list li { margin-bottom: 5px; }

ol.styled-list{
	list-style:decimal;
	margin-bottom: 15px;
}

ol.styled-list li{ margin: 0 0 5px 20px; }


/* =Header
------------------------------------------------------*/
#header {

}

h1{
	width:900px;
	height:170px;
	background:url(../images/header-image.jpg) no-repeat;
}
h1 a:link, h1 a:hover, h1 a:visited, h1 a:active{
	display: block;
	width:900px;
	height:170px;
	text-indent: -10000px;
}


/* =Main Nav
------------------------------------------------------*/
#nav {
	background: #000;
	padding: 8px 0;
	font-size: 1.8em;
	overflow: auto;
	margin-top: 5px;
}

#nav ul {
	float: right;
	padding-right: 20px;
}

.selected { text-decoration: underline; }

#nav li{ display: inline; margin-left: 18px;}

#nav li a{ color: #f2e950;}
#nav li a:hover{ text-decoration: underline; }


/* =Main Content
------------------------------------------------------*/
#content {
	overflow: auto;
	padding-top: 5px;
}

#content h2{
	font-weight: bold;
	font-size: 22px;
	margin: 18px 0 15px 0;;
}

#main{ 
	width: 580px; 
	margin-right: 20px;
	font-size: 1.3em;
	padding-top: 10px;
	float: left;
}

#main img{ 
	border: 3px #000 solid;
}

#callouts{ width: 300px; color: #f2e950; float: left;}

#connect{
	width: 100%;
	color: #f2e950;
	background: #000;
	font-size: 16px;
	padding:  5px 0 5px 10px;
	overflow: auto;
	margin-bottom: 30px;
}

#connect p {
	float: right;
	margin: 0px !important;
	padding: 0px !important;
}

#connect a {
	padding: 5px;
	background: #f2e950;
	color: #000;
	font-weight: bold;
	display: block;
	float: left;
	margin-right: 5px;
}

#connect a:hover {
	text-decoration: underline;
}



/* =Secondary Content
------------------------------------------------------*/

#callouts dl{
	padding: 4px 15px 15px 15px;
	margin-bottom: 5px;
	background-color: #000;
	font-size: 18px;
}

#callouts dt{
	width: 100%;
	border-bottom: 3px solid #f2e950;
	margin: 10px 0;
}

#callouts dd{ font-size: 12px; }

#callouts dd a {
	background: #f2e950;
	color: #000;
	display: block;
	font-weight: bold;
	margin-top: 13px;
	padding: 4px;
	width: 70px;
	text-align: center;
}

.callout-list a {
	width: auto !important;
	margin-top: 5px !important;
	background: none !important;
	text-align: left !important;
	color: #f2e950 !important;
}

#donate {
	color: #f2e950;
	background: #000;
	padding: 15px;
	margin-bottom: 15px;
}

#donate strong{ padding-right: 15px; }

#main p strong { font-size: 18px; }

p.sponsor-img { padding-right: 10px; float: left;}


#event-info { overflow: auto; }
#event-info dt{
	font-weight: bold;
	float: left;
	width: 130px;
	clear: both;
}
#event-info dd{ overflow: auto; margin-bottom: 5px;} 

/* =Contact Form
------------------------------------------------------*/
#cform{ margin-top: 20px; }
#cform label { 
	font-weight: bold;
	float: left; 
	width:100px; 
	padding-top: 9px;
}
	
#cform input, #cform textarea { 
	width: 300px; 
	border: 1px #000 solid;
	padding: 5px;
	font-family: "Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 1em;
}
#cform textarea{ height: 150px; }

#cform button { 
	margin-left: 100px; 
	border: 1px #000 solid;
	background-color: #000;
	color: #f2e950;
	font-weight: bold;
	font-size: 1em;
	padding: 5px;
}

#mailing-address { 
	padding: 15px 0 15px 130px;
	border: 1px solid #111;
	width: 280px;
}
#mailing-address dt { font-weight:  bold; }

.buylink a {
	display: block;
	color:#f2e950;
	background: #000;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	width: 180px;
	text-align: center;
}