/* -------------------------------------
Filename: main.css
Title : CSS file for nationalpitbullawarenessday.com(.org)
Author : Chadwick Banning, chadwickbanningATgmail.com
URL : http://www.nationalpitbullawarenessday.com(.org)
Description : Style sheet contains all styles for the National Pit Bull Awareness Day site.
--------------------------------------- */


			/*BEGIN MAIN STYLE DECLARATIONS*/

body {
	background: #CCC;
	color: #333;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: small;
	padding: 10px 0 0 0;
}
	
#wrap {
	background: repeat-y 70% 0;
	margin: 0 auto;
	max-width: 1000px;
	min-width: 935px;
}
	
#wrap-inner {
	background: repeat-y 28% 0;
}

#wrap-events {
	min-width: 0;
}
	
#header {
	background: url(../images/NPAD_DC1.jpg) no-repeat top left;
	height: 110px;
	margin: 10px 0 0 0;
	padding: 10px 20px;
}
	
#header h1 {
	background: url(../images/npad_header.png) no-repeat center center;
	margin: 0 0 0 -121px;
	padding: 35px 0px 75px 0px;
}

#header p {
	background: url(../images/npad_tagline.png) no-repeat center center;
	margin: -30px 0 0 75px;
	padding: 55px 0 0 0;
}
	
#main-body {
	float: left;
	width: 70%;
}
	
#content {
	float: right;
	min-height: 415px;
	width: 70%;
}
	
#sidebar {
	float: left;
	width: 27%;
}
	
#events_side {
	float: right;
	margin-top: -159px;
	padding-top: 1em;
	width: 30%;
}
	
#content div.section_wrap,
#sidebar div.section_wrap,
#events_side div.section_wrap {
	padding: 20px;
}
	
#footer {
	background: #CCC;
	clear: both;
	font-size: 75%;
	padding: 10px 0;
	text-align: center;
}

.hidden {
	position: absolute;
	left: -10000px;
}

h4 {
	text-align: center;
}

			/*END MAIN STYLE DECLARATIONS*/
			
			/*BEGIN NAVIGATION COLUMN STYLE DECLARATIONS*/
			
ul#navbar {
	list-style-type: none;
	margin: 0 0 0 -15px;
	padding: 0 10px 0 0;
	width: 100px;
}

ul#navbar li {
	margin: 0 0 15px 0;
	text-align: center;
}

ul#navbar li a {
	display: block;
	padding: 20px 10px;
}

#t-home {
	background: url(../images/nav_home1.png) no-repeat 15px 0;
}

#t-home:hover {
	background: url(../images/nav_home1.png) no-repeat 15px -40px;
}

#t-event {
	background: url(../images/nav_event.png) no-repeat 11px 0;
}

#t-event:hover {
	background: url(../images/nav_event.png) no-repeat 11px -61px;
}

#t-register {
	background: url(../images/nav_register_buttons.png) no-repeat 0 0;
	margin-top: -5px;
}

#t-register:hover {
	background: url(../images/nav_register_buttons.png) no-repeat 0 -55px;
}
			
			/*END NAVIGATION COLUMN STYLE DECLARATIONS*/
			
			/*BEGIN EVENT-SPECIFIC PAGE STYLE DECLARATIONS*/

#reg_nav {
	margin: -8px 0 12px -5px;
	padding: 0 0 0 0;
}

#reg_nav li {
	display: inline;
}

#reg_nav li a {
	display: inline-block;
	padding: 10px;
}

.page_title {
	text-align: center;
	text-decoration: underline;
}

			/*END EVENT-SPECIFIC NAV BUTTONS STYLE DECLARATIONS*/
	
			/*BEGIN BASE FORM STYLE DECLARATIONS*/

fieldset p {
	margin: 0;
	text-align: center;
}
	
label.opt {
	font-weight: normal;
}

dl {
	clear: both;
	margin: 0 0 30px 0;
}

dt {
	float: left;
	line-height: 25px;
	margin: 0;
	text-align: right;
}

dd {
	float: left;
	line-height: 0;
	margin: 0;
}

			/*END BASE FORM STYLE DECLARATIONS*/
			
			/*BEGIN EVENT SEARCH FORM DECLARATIONS*/
			
#event_search fieldset {
	background: #f2f2e6;
	border: 1px solid #fff;
	border-color: #fff #666661 #666661 #fff;
	margin-bottom: 36px;
	padding: 10px;
}

#event_search legend {
	background: #336699;
	border: 1px solid #fff;
	border-color: #e5e5c3 #505014 #505014 #e5e5c3;
	color: #fff;
	font: 17px/21px Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: -3px 0 0 0;
	padding: 0 10px;
}

#event_search input,
#event_search select {
	font: 12px/12px Arial, Helvetica, sans-serif;
}

#event_search label {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 7px 42px;
}

#state {
	margin: 0 0 14px 35px;
	width: 165px;
}

#events_side .action {
	background:#9da2a6;
	border-color:#e5e5e5 #797c80 #797c80 #e5e5e5;
	clear: both;
	margin: 0 auto;
	padding: 7px;
}

.action #submit {
	margin: 0 0 5px 70px;
	width: 75px;
}
			
			/*END EVENT SEARCH FORM DECLARATIONS*/
			
			/*BEGIN SEARCH RESULTS DECLARATIONS*/

#events_container {
	background: #f2f2e6;
	border: 1px solid #fff;
	border-color: #fff #666661 #666661 #fff;
	display: none;
	margin: -25px 0 0 0;
	padding: 0 3px 0 0;
	width: 20em;
}

#search_results {
	height: 300px;
	overflow: auto;
	padding: 9px;
}

#search_results #results_title {
	background: #336699;
	border: 1px solid #fff;
	border-color: #e5e5c3 #505014 #505014 #e5e5c3;
	color: #fff;
	font: 17px/21px Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: -15px 0 15px 0;
	padding: 10px 0 7px 0;
	text-align: center;
}

#search_results .event {
	border-bottom: 1px solid #000;
	margin: 0 0 40px 0;
	padding: 0;
}

.date,
.event_title,
.time,
.location,
.cost,
.allday {
	text-align: center;
}

#search_results .time,
#search_results .cost,
#search_results .allday {
	margin-top: -13px;
}

#search_results .event_title {
	margin-bottom: -20px;
	padding: 0 0 10px 0;
}

#search_results .date {
	
}

#search_results .location {
	font-size: .9em;
}

#search_results .description {
	font-size: .7em;
}

#search_results .address {
	font-size: .7em;
}

#loader img {
	display: none;
	margin: 0 0 -7px 0;
	padding: 0 0 0 18px;
}

			/*END SEARCH RESULTS DECLARATIONS*/
			
			/*BEGIN EVENT ADD FORM DECLARATIONS*/

#event_add {
	margin: 10px 20px 0 -10px;
}

#event_add fieldset {
	background: #f2f2e6;
	border: 1px solid #fff;
	border-color: #fff #666661 #666661 #fff;
	margin-bottom: 36px;
	padding: 10px;
}

#event_add legend {
	background: #336699;
	border: 1px solid #fff;
	border-color: #e5e5c3 #505014 #505014 #e5e5c3;
	color: #fff;
	font: 17px/21px Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: -3px 0 0 0;
	padding: 0 10px;
}

#event_add input,
#event_add select,
#event_add textarea {
	font: 12px/12px Arial, Helvetica, sans-serif;
	margin-right: 1em;
	margin-top: 4px;
}

#event_add select {
	width: 145px;
}

#event_add #start_time,
#event_add #stop_time {
	width: 83px;
}

#event_add #all_day {
	width: 83px;
}

#event_add label {
	color: #666;
	font-size: 13px;
	font-weight: bold;
	padding-left: 1em;
}

#event_add .action {
	border-color: #e5e5e5 #797c80 #797c80 #e5e5e5;
	clear: both;
	margin: 0 20px 0 0;
	text-align: center;
}

#event_add .action #submit {
	margin: 25px auto 5px 12px;
}

#event_add dd {
	float: right;
}

#event_add #captcha {
	clear: both !important;
	padding: 20px 0 0 50px !important;
}
	
			/*END EVENT ADD FORM DECLARATIONS*/
			
			/*BEGIN RVA EVENT DECLARATIONS*/
			
#reg_nav {
	text-align: center;
}

.mpblogo {
	border: none;
	float: right;
	margin-left: 5px;
	padding-left: 5px;
}

#green_logo {
	margin-top: 150px;
}

.headline {
	color: red;
}
			
			/*END RVA EVENT DECLARATIONS*/
			
			/*BEGIN MISUNDERSTOOD FORM DECLARATIONS*/
			
#single_fields {
	float: left;
	width: 400px;
}

#single_fields p label {						/*labels for single fields*/
	margin: 0;
	float: left;
	clear: left;
	width: 160px;
	font-weight: bold;
	text-align: right;
	display: block;
	margin-bottom: 10px;
}

#single_fields p select, 
#single_fields p input {					/*inputs for single fields*/
	margin: 0;
	float: right;
	clear: right;
	width: 200px;
	display: block;
	border: 2px solid #ddd;
	border-top: 2px solid #bbb;
	border-left: 2px solid #bbb;
}

#single_fields p select {					/*state selecter*/
	width: 75px;
	margin-right: 128px;
	display: inline;
}

#multi_fields {						/*volunteer areas header and <select> element*/
	clear: both;
	display: block;
	margin: -18px 0 0 50px;
	padding: 20px 30px 0 0;
}

#multi_fields p label {
	font-weight: bold;
}

#volunteer_title {							/*volunteer areas header*/
	font-weight: bold;
	margin-bottom: -10px;
	padding-top: 40px;
	text-align: center;
	width: 350px;
}

#instruction {								/*text directly under volunteer header*/
	font-size: 80%;
}

#formElement_852fa {						/*volunteer select element*/
	width: 350px;
}

#comments_buttons {							/*last section including comments and submit button*/
	clear: both;
	margin-left: 50px;
}
			
			/*END MISUNDERSTOOD FORM DECLARATIONS*/
			
			/*BEGIN SPONSOR DECLARATIONS*/
			
#donate_button {
	margin: 0 0 0 185px;
}
			
			/*END SPONSOR DECLARATIONS*/
			
			/*BEGIN ERROR MESSAGE DECLARATIONS*/
			
div.message {
	background: #9DA2A6;
	border: 1px solid #fff;
	border-color: #fff #666661 #666661 #fff;
	margin: 60px auto 0 auto;
	min-width: 200px;
	padding: 10px;
	text-align: center;
}

div.message .message_header {
	background: #336699;
	border: 1px solid #fff;
	border-color: #e5e5c3 #505014 #505014 #e5e5c3;
	color: #fff;
	font: 17px/21px Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
}
			
			/*END ERROR MESSAGE DECLARATIONS*/