/* 
	NYLine Master Stylesheet
	Author:  Michael "Spell" Spellacy, Senior UI Developer <contact@nyline.org>
	Company: NYLine, LLC
*/

@import "lightbox.css"; /* Lightbox Plugin */

@media screen {

	/* ====== Global Element Rules ====== */

	body, form, fieldset, legend, h1, h2, h3, h4, h5, h6, div { 
	margin: 0;
	padding: 0; 
	}

	html {
	min-width: 694px;
	}

	body {
	background: #8496A3 url(../images/template/body-tile.gif) left -1px fixed repeat-x;
	font: 62.5%/1.5 Verdana, Arial, Helvetica, Sans-Serif, Myuen;
	}

	a:link {
	color: #036;
	}

	a:visited {
	color: #686868;
	}
	
	h2, h3, h4, h5, h6 {
	clear: both;
	margin: 10px 0;
	}

	h1 {
	width: 480px;
	color: #069;
	font-size: 1.2em;
	margin-bottom: 10px;
	}

	h2 {
	color: #000;
	font-size: 1.1em;
	}

	h3, h4, h5, h6  {
	color: #666;
	font-size: 1.1em;
	}

	.ui-accordion-header {
	cursor: pointer;
	}

	.ui-state-default {
	background: url(../images/template/ico-arrow-off.gif) left center no-repeat;
	padding-left: 18px;
	}

	.ui-state-active {
	background: url(../images/template/ico-arrow-on.gif) left center no-repeat;
	padding-left: 18px;
	}

	object, embed, video {
	display: block;
	}

	img, fieldset, abbr, accronym {
	border: none;
	}

	input, textarea {
	font-family: Arial, Verdana, sans-serif, Myuen, Gulim;
	}

	q:before, q:after {
	content: ""; 
	}

	pre {
	width: 458px;
	height: 34px;
	background: #eee;
	border: 1px #ccc solid;
	padding: 10px;
	overflow: auto;
	}

	code {
	font-size: 0.9em;
	color: #666;
	font-style: italic;
	}

	/* Form and/or Page messages */

	.docalert, .docalert a {
	color: #c00;
	font-style: italic;
	text-decoration: nome;
	}

	.docalert a:hover {
	text-decoration: none;
	}

	/* Used to accessibly hide elements (display: none may cause issues with screen readers) */

	.wai, #header img {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	text-indent: -999em;
	}

	.seo {
	display: none;
	}

	/* First and last element */

	.last, li.last a  {
	border-right: none !important;
	}

	#wrapper {
	position: relative;
	width: 686px;
	margin: 25px auto 0;
	border: 2px #000 solid;
	padding: 164px 0 24px;
	background-color: #efebe7;
	background-position: -2px -2px;
	background-repeat: no-repeat;
	background-image: url(../images/template/article-survey.jpg);
	font-size: 1.2em;
	text-align: left;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px; 
	}
	
	#wrapper.hover-1 {
	background-image: url(../images/template/article-auction.jpg) !important;
	}
	
	#wrapper.hover-2 {
	background-image: url(../images/template/article-disclaimer.jpg) !important;
	}
	
	#wrapper.hover-3 {
	background-image: url(../images/template/article-donate.jpg) !important;
	}
	
	#wrapper.hover-4 {
	background-image: url(../images/template/article-media.jpg) !important;
	}
	
	#wrapper.hover-5 {
	background-image: url(../images/template/article-news.jpg) !important;
	}
	
	#wrapper.hover-6 {
	background-image: url(../images/template/article-press.jpg) !important;
	}
	
	#wrapper.hover-7 {
	background-image: url(../images/template/article-ziegfeld.jpg) !important;
	}
	
	#wrapper.hover-8 {
	background-image: url(../images/template/article-survey.jpg) !important;
	}
	
	#wrapper.hover-9 {
	background-image: url(../images/template/article-triumph.jpg) !important;
	}
	
	#wrapper.hover-10 {
	background-image: url(../images/template/article-affiliates.jpg) !important;
	}
	
	#wrapper.hover-11 {
	background-image: url(../images/template/article-sign-up.jpg) !important;
	}

	#header {
	position: relative;
	height: 57px;
	width: 686px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/template/article-hdr-generic.gif);
	}

	#header a {
	display: block;
	float: right;
	width: 214px;
	height: 57px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/template/article-logo-nyline-3.gif);
	text-indent: -999em;
	overflow: none;
	}

	body.episode-2 #header a {
	background-image: url(../images/template/article-logo-nyline-2.gif);
	}

	body.episode-1 #header a {
	background-image: url(../images/template/article-logo-nyline-1.gif);
	}

	/* Article (Main content) */

	#article {
	position: relative;
	width: 638px;
	min-height: 400px;
	padding: 10px 24px 0;
	}

	#article p.time-stamp, #article p.current-members {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	color: #666;
	}

	#article p.time-stamp {
	margin: -0.6em 0 1em;
	}

	#article p.current-members {
	margin: -1em 0 1em;
	text-transform: uppercase;
	}

	#article blockquote {
	color: #005eb1;
	font: italic 1.3em/1.6 "Times New Roman", Times, serif;
	}

	#article li {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	}

	#article .img-container img {
	margin: 0;
	padding: 0;
	margin: 0 10px;
	vertical-align: middle;
	}

	#article #facebook-fan {
	display: none;
	}

	#fb-root {
	clear: both;
	}

	#article h2#share-memories {
	padding: 0;
	margin: 20px 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif, Myuen;
	}
	
	#article h2#share-memories a {
	color: #000;
	text-decoration: none;
	}

	.img-a {
	display: block;
	float: right;
	margin: 15px 0 15px 15px;
	box-shadow: -5px 5px 4px #c3c0bc;
	-webkit-box-shadow: -5px 5px 4px #c3c0bc;
	-moz-box-shadow: -5px 5px 5px #c3c0bc;
	}

	.img-b {
	display: block;
	float: left;
	margin: 15px 15px 0 15px;
	box-shadow: 5px 5px 5px #c3c0bc;
	-webkit-box-shadow: 5px 5px 5px #c3c0bc;
	-moz-box-shadow: 5px 5px 5px #c3c0bc;
	}

	.no-shadow {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	}

	p#bookmark {
	position: absolute;
	margin: 0;
	padding: 0;
	display: inline;
	top: 12px;
	right: 10px;
	}
	
	body.article h2, body.article h3 {
	clear: none;
	}

	/* ====== Aside (Callout Navigation) ====== */

	#aside .more-info {
	width: 161px;
	font-size: 0.9em;
	background: url(../images/template/aside-bgshade.png) left 39px no-repeat;
	}

	#aside .more-info h2, #aside .more-info h3 {
	width: 141px;
	margin: 0 0 10px;
	padding: 39px 10px 0;
	color: #039;
	font-size: 0.9em;
	background: url(../images/template/aside-box-header-a.gif) left top no-repeat;
	}

	#aside .more-info h4 {
	margin: 0 0 10px;
	padding: 0 10px;
	font-size: 0.9em;
	}

	#aside .more-info ul, #aside .more-info p {
	width: 141px;
	margin: 0;
	padding: 0 10px 20px;
	list-style: none;
	background: url(../images/template/aside-box-footer-b.gif) left bottom no-repeat;
	}

	#aside .more-info li {
	margin-bottom: 8px;
	}

	/* ====== Primary Navigation ====== */

	#nav {
	position: absolute;
	top: 147px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	font-size: .8em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #000;
	-webkit-text-size-adjust: none;
	}

	#nav li {
	display: inline;
	}

	#nav a {
	color: #fff;
	padding: 0 3px;
	text-decoration: none;
	}

	#nav a:hover, #nav li.active a {
	color: #82aef2;
	}

	#nav {
	z-index: 1;
	}

	/* ====== Footer ====== */

	#footer {
	width: 686px;
	margin: 0 auto;
	padding: 15px 0;
	}

	#footer, #footer a {
	color: #fff;
	text-align: center;
	}

	#footer a {
	text-decoration: none;
	font-style: italic;
	}

	#footer small {
	font-size: 1.1em;
	}

	/* ====== Alternate Layout Overrides ====== */

	body.x-page #article {
	width: 480px;
	padding-right: 12px;
	float: left;
	}

	body.x-page #aside {
	width: 161px;
	margin-top: 52px;
	float: left;
	}
	
	body.x-page p#bookmark {
	right: -162px;
	}

	/* ====== Page Specific Overrides ====== */

	/* Home */

	body#home #wrapper {
	background-image: url(../images/template/article-donate.jpg);
	}

	body#home object {
	float: right;
	margin: 0 0 10px 10px;
	}

	/* News */

	body.news #wrapper {
	background-image: url(../images/template/article-donate.jpg);
	}

	body.news #header {
	background-image: url(../images/template/article-hdr-default.gif);
	}

	/* About Us */

	body#about-us #wrapper {
	background-image: url(../images/template/article-about-us.jpg);
	}

	body#about-us #header {
	background-image: url(../images/template/article-hdr-about-us.gif);
	}

	/* FAQ */

	body#faq #wrapper {
	background-image: url(../images/template/article-faq.jpg);
	}

	body#faq #header {
	background-image: url(../images/template/article-hdr-faq.gif);
	}

	/* Sponsors */

	body#sponsors #wrapper {
	background-image: url(../images/template/article-sponsors.jpg);
	}

	body#sponsors #header {
	background-image: url(../images/template/article-hdr-sponsors.gif);
	}

	body#sponsors div.container {
	border: 1px #666 solid;
	padding: 10px;
	min-height: 115px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	}

	body#sponsors div.container img {
	display: block;
	float: left;
	margin: 10px 10px 0 0;
	border: 1px #000 solid;
	}

	/* Press */

	body#press-coverage #wrapper {
	background-image: url(../images/template/article-press.jpg);
	}

	body#press-coverage #header {
	background-image: url(../images/template/article-hdr-press.gif);
	}

	/* Gallery */

	body.gallery #wrapper {
	background-image: url(../images/template/article-gallery.jpg);
	}

	body.gallery #wrapper {
	background-image: url(../images/template/article-affiliates.jpg);
	}

	body.gallery #header {
	background-image: url(../images/template/article-hdr-gallery.gif);
	}

	body.gallery #article img {
	display: block;
	float: left;
	margin: 2px;
	}

	/* Video */

	body.video #wrapper {
	background-image: url(../images/template/article-nyline-tv.jpg);
	}

	body.video #header {
	background-image: url(../images/template/article-hdr-nyline-tv.gif);
	}

	/* Specific Video */

	body#nyline-2-featured-on-late-night-with-conan-obrien #wrapper {
	background-image: url(../images/template/article-triumph.jpg);
	}

	/* Our Charity */

	body#our-charity #wrapper {
	background-image: url(../images/template/article-our-charity.jpg);
	}

	body#our-charity #header {
	background-image: url(../images/template/article-hdr-our-charity.gif);
	}

	/* Contact us */

	body#contact-us #wrapper {
	background-image: url(../images/template/article-contact-us.jpg);
	}

	body#contact-us #header {
	background-image: url(../images/template/article-hdr-contact-us.gif);
	}

	/* Disclaimer */

	body#disclaimer #wrapper {
	background-image: url(../images/template/article-disclaimer.jpg);
	}

	body#disclaimer #header {
	background-image: url(../images/template/article-hdr-disclaimer.gif);
	}

	/* Newsletter */

	body.newsletter #wrapper {
	background-image: url(../images/template/article-disclaimer.jpg);
	}

	body.newsletter #header {
	background-image: url(../images/template/article-hdr-newsletter.gif);
	}

	body.newsletter h2, body.newsletter h3 {
	clear: none;
	}

	/* ====== CSS Hacks ====== */

	body#sponsors div.container:after, body.gallery #article:after, body.x-page #wrapper:after {
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;
	}

}

@media print {

	/* ====== Non-display ====== */

	#bookmark, .js, h2.wai, h3.wai, #nav, #nav-clone, .back-to-top, iframe, object, #fb-root, #share-memories {
	display: none;
	}

	/* ====== Display ====== */

	input, select, textarea, .ui-accordion-header, .ui-accordion-content {
	display: block !important;
	}

	/* ====== General ====== */

	body {
	font: 11pt "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	margin: 0;
	background-color: #fff;
	}

	img {
	display: block;
	border: none;
	}

	h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18pt; 
	color: #0079aa;
	}

	h2 {
	font-size: 14pt; 
	}

	h3 {
	font-size: 12pt;
	}

	h3, h4, h5, h6 {
	color: #333;
	}

	h2 a:link, h2 a:visited, 
	h3 a:link, h3 a:visited,
	h4 a:link, h4 a:visited,
	h5 a:link, h5 a:visited,
	h6 a:link, h6 a:visited {
	color: #666;
	text-decoration: none;
	}

	/* ====== Article ====== */

	#article p.time-stamp, #article p.current-members {
	color: #666;
	}

	#article p.current-members {
	text-transform: uppercase;
	}
	
	#article blockquote {
	color: #005eb1;
	font: italic 14pt "Times New Roman", Times, serif;
	}

	#article .img-container img {
	margin: 0;
	padding: 0;
	margin: 0 10px;
	vertical-align: middle;
	}

	#article .img-a {
	float: right;
	margin: 10px 0 10px 10px;
	border: 1px #666 solid;
	}

	#article .img-b {
	float: left;
	margin: 10px 10px 0 10px;
	border: 1px #666 solid;
	}

	/* ====== Footer ====== */
	
	#footer {
	clear: both;
	}

	#footer, #footer a, #footer em {
	font-size: 8pt;
	color: #ccc;
	text-decoration: none;
	}

	/* ====== Page Specific Overrides ====== */

	/* Our Sponsors */
	
	body#sponsors #article img {
	border: 1px #000 solid;
	}

	/* Gallery */

	body.gallery #article img {
	display: inline !important;
	margin: 2px;
	}

}