/*
Theme Name: NYAD Theme
Description: This is the default theme for the NYAD website
Version: 1.0
Author: Mehigan, Bellone and Associates
Author URI: http://www.mehiganbellone.com/
Tags: green, custom header, fixed width, two columns, widgets

	This theme was designed and built by Mehigan, Bellone and Associates
	specifically for the New York Alliance For Donation

*/

/* RESET RULES
   ========================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockqquote,th,td {  margin:0;  padding:0; }
* {  margin:0;  padding:0; }
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img {  border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
caption,th { text-align:left; }  
q:before,q:after { content:''; } 
abbr,acronym { border:0; } 
form { clear: both; }

.center { text-align: center; }
/* Structure
   ========================================================= */
body {
	background: url(/imgs/nyad-bg.jpg) repeat #B2D387;
	color: #333;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 15px;
	text-align: center;
}

#page {
	background: #fff;
	font-size: 1.3em;
	line-height: 1.8em;
	width: 960px;
	margin: 0 auto;
	padding: 15px;
	text-align: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 15px #555;
	-webkit-box-shadow: 0 0 15px #555;
	box-shadow: 0 0 15px #555;
}

#header_links {
	letter-spacing: 1px;
	padding: 0 0 8px;
	text-align: right;
}
#header {
	background: #95bee5 no-repeat bottom center;
	height: 150px;
	padding: 0;
	margin: 0 0 3px;
}

	#logo {
		height: 150px;
		float: left;
		width: 48%;
		padding-left: 2%;
	}

	#mission {
		background: url(/imgs/ray-of-hope.jpg) top center no-repeat;
		float: right;
		font-family: Georgia, "Times New Roman", Times, serif;
		height: 150px;
		width: 48%;
		padding-right: 2%;
		margin-bottom: 3px;
		text-align: center;
	}
		#mission h2 {
			border: none;
			color: #fff;
			font-size: 1.3em;
			line-height: 1.0em;
			font-weight: normal;
			margin: 70px 0 0 0;
		}
	
	#navigation * { margin: 0; padding: 0; }
	#primary_menu {
		border-collapse: collapse;
		line-height: 30px;
	}
	#primary_menu td {
		background:url(/imgs/primary-menu-bg.jpg) repeat-x #fff;
		border: 1px solid #aaa;
		height: 30px;
		text-align: left;
		z-index: 10;
	}
	#primary_menu td.hover { background:url(/imgs/secondary-menu-bg.jpg) repeat-x #fff; }
		#primary_menu td a,	#primary_menu li a {
			display: block;
			height: 30px;
			overflow: hidden;
			height: 30px;
			text-align: center;
		}
		#primary_menu td a:hover { text-decoration: none; }
		
	#primary_menu ul {
		clear: both;
		background: #fff;
		display: none;
		list-style: none;
		position: absolute;
	}
	#primary_menu li { 
		display: block;
		background:url(/imgs/secondary-menu-bg.jpg) repeat-x #fff;
		text-align: left; 
	}
	#primary_menu li.hover, #primary_menu td.hover { }
	#primary_menu td.hover ul { display: block;  }
		#primary_menu td.hover ul ul { display: none; } /* Hide third level on first level mouseover */
		#primary_menu ul ul { display: block; background: #fff; }
		#primary_menu ul li.hover ul {
			display: block;
			margin: -30px 0 0;
		}
	
#container_left {
	background: url(/imgs/left-sidebar-bg.jpg) repeat-y top left #fff;
	clear: both;
	margin: 3px 0;
	overflow: hidden;
	zoom: 1;
}
#container_right {
	background: url(/imgs/right-sidebar-bg.jpg) repeat-y top right;
	zoom: 1;
}
#left_sidebar { 
	float: left;
	width: 25%;
}
	#left_sidebar h2 { margin: 0.9em 20px -0.3em; }
	#left_posts { border-right: 1px solid black; padding: 10px; margin: 10px 0 3px 0; }
		#left_posts div {  margin: 0 0 1em; padding: 0 1%; }
		#left_posts h3, #left_posts h6, #left_posts p { line-height: 1.4em; margin: 0; padding: 0 0 0 25px; }
		#left_posts h3 {
			background: url(/imgs/news-event-header.png) no-repeat top left;
			color: #3E7998;
			font-size: 16px;
			line-height: 16px;
		}
body.home #content {
	float: left;
	width: 46%;
	padding: 0 1.5%;
}
body.page #content, body.single #content {
	width: 85%;
	margin: 0 auto;
}
#right_sidebar {
	float: right;
	width: 25%;
	padding: 30px 0 0 0;
}
	#right_sidebar ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#right_sidebar h5 {
		color: #3E7998;
		font-size: 1em;
		text-align: center;
		margin: 0;
	}
	table.social_media {
		display: table;
		width: 100%;
		table-layout: fixed;
		margin: 0;
	}
	ul.social_media li {
		display: table-cell;
		text-align: center;
	}
	
#footer {
	border-top: 1px solid black;
	clear: both;
	color: #3E7898;
}
	#footer p { margin: 0.6em 0 0; }
	p.footer_links { clear: none; float: right; }
	
/* Standard Color Pallette
	 ========================================================= */
h1 { color: #803D14; }
h2 { color: #803D14; }
h3 { color: #803D14; }
h4 { color: #000; }
h5 { color: #000; }
h6 { color: #000; }
a, a:link, a:active { color: #4786BF; }
a:visited { }
a:hover { color: #004B8F; }
A7C683
h2 a, h2 a:link, h2 a:active { color: #803D14; }
h6 a, h6 a:link, h6 a:active { color: #000; }
h2 a:hover, h6 a:hover { color: #004B8F; }
h3 span { font-size: .5em; float: right; }
/* Baseline Grid - For typography and vertical rythmn
	 ========================================================= */
h1 { font-size: 2.2em; margin: 0.81em 0 -0.27em; }
h2 { font-size: 2.0em; margin: 0.9em 0 -0.3em; }
h3 { font-size: 1.8em; margin: 1em 0 -0.33em; }
h4 { font-size: 1.6em; margin: 1.125em 0; }
h5 { font-size: 1.2em; margin: 1.5em 0 -1em; }
h6 { font-size: 1em; margin: 1.8em 0 -0.3em; }
p { font-size: 1em; margin: 1.5em  0; }
ol, ul { margin: 1.5em; }
li { margin: .66em 0; }
table { margin: 1.5em 0; }
	 
/* Standard Elements
	 ========================================================= */
h2 { padding: 0 0 0.3em; border-bottom: 1px solid #000; }
table { 
	width: 100%;
}
caption {
 font-size: 1.2em;
 font-weight: bold;
 margin: 1.5em 0;
}

#content img.aligncenter {
	margin: 1.5em auto;
}
p + ul, p + ol { margin-top: -1em; }
th { font-weight: bold; }
th, td { padding: 0.5em; vertical-align: top; }
td p { margin: 0; }
 
p.address { text-align: center; }
p.post-date  { color: #803D14; font-size: 0.9em; font-weight: bold; margin: 0.8em 0 1.5em; }
ul.subpage_links {
	list-style: none;
	margin: 1.5em 0;
}
ul.subpage_links li {
	font-weight: bold;
}
ul.staff {
	border: 1px solid #000;
	list-style: none;
	width: 50%;
	margin: 0 auto;
}
ul.staff li {
	margin: 0;
	padding: 2px;
	text-align: center;
}
ul.staff li.odd {
	 background: #CFE8FF; 
}
ul.staff li.even {
	background: #DBEFC2;
}
a { text-decoration: none; }

strong { font-weight: bold; }
em { font-style: italic; }
/* WordPress Classes
	 ========================================================= */
.aligncenter { 
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Order Promo Items Styles
	 ========================================================= */
#orders {
	width: 85%;
	margin-left: 7.5%;
	float: left;
}

#login {
	background: #DEEBD9;
	border: 2px solid #036;
	margin: 20px auto;
	width: 400px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 10px #555;
	-webkit-box-shadow: 0 0 10px #555;
	box-shadow: 0 0 10px #555;
}
#login h2 { border: none; font-size: 1.8em; padding: 0 2% 2%; text-align: center; }
#login ul {
	margin: 2% 8% 4% 5%;
}
#orders form ul li { list-style: none; margin: 0; }
#orders label { color: #036; font-weight: bold;  }
#orders label, #orders input, #orders select, #orders textarea { 
	display: block;
	padding: 2px;
	width: 100%;
}
#orders li.inline input { display: inline; width: auto; }
#orders td input, #orders td select { margin: 0 auto;  width: 75px; }
#orders p input { display: inline; width: auto; }
#orders table { 
	background: #fff; 
	border: 2px solid #036;
	-moz-box-shadow: 0 0 10px #555;
	-webkit-box-shadow: 0 0 10px #555;
	box-shadow: 0 0 10px #555;
}

#orders th {
	background: #95BEE5;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
}
#orders tr { border: 1px solid #036;}
#orders td {
	vertical-align: middle;
	text-align: center;
}

#orders p.error { color: #f00;  margin: 0; padding: 3px 0; text-align: center; }
#orders p.alert { color: #f00; font-weight: bold; margin: 0 0 20px 0; text-align: center; }
#orders p.logout {  margin: -20px 0 0 0; padding: 0; text-align: right; }
div.order_item {
	background: #fff;
	border: 2px solid #036;
	width: 45%;
	margin: 20px 1.25%;
	float: left;
}
#orders div.order_item table { margin: 0;  border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#orders div.order_item tr { border: none; }
div.order_item h4 {
	background: #95BEE5;
	color: #fff;
	font-size: 1.2em;
	margin: 0;
	padding: 3px 0;
	text-align: center;
}

#movie { 
	width: 524px;
	margin: 10px auto 0;
}

#caption, #transcript {
}
#caption {
	font-family: "Times New Roman",Times,serif;
	font-size: 2.7em;
	line-height: 1em;
	width: 420px;
	margin: 5px auto 20px;
	text-align: left;
}
#transcript { 
	text-align: center;
	margin-top: 0; 
}
