/*
	Written by Eric Myer
	Source: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* END RESET */

html {
	background: #fff7d9;
	
}

body {
	background-color: transparent;
	padding: 20px 0;
}

/* Texture Light */
body, #video-player, #poll-results span.bar, #dialog-content, .dialog {
	background-image: url(../images/texture-light.png);
	background-repeat: repeat;
}

/* Texture Dark */
#get-involved, #footer, #logo a {
	background-image: url(../images/texture.png);
	background-repeat: repeat;
}

#banner-replacement.loading {
	background: url(../images/ajax.gif) center center no-repeat;
}

a { text-decoration:none ; color: #7c0505; font-weight: bold;}
a:hover { color: #000;}

#header, #get-involved, #main-content, #footer, #credits {
	width: 980px;
	margin: 0 auto 14px auto;
	overflow: hidden;
	clear: left;
}

#logo {
	background: #710000 url(../images/logo-soon.png) no-repeat;
	width: 380px;
	height: 360px;
	float: left;
	margin-right: 14px;
}


#logo a {
	display: block;
	width: 380px;
	height: 380px;
	text-indent: -9999px;
	overflow: hidden;
}

#video-player {
	background-color: #ffce00;
	float: left;
	width: 586px;
	height: 360px;
	margin-right: -10px;
	position: relative;
}

#video-player span.next,
#video-player span.prev {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	left: 18px;
	background: url(../images/video-nav.png) no-repeat;
	cursor: pointer;
}

#video-player span.next {
	left: auto;
	right: 18px;
}


#video-player span.prev {

}



#video-player span.prev:hover {
	background-position: left -53px;
}

#video-player span.prev-disabled {
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);
}

#video-player span.next-disabled {
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);
}

#video-player span.prev-disabled:hover {
	background-position: left 0;
	cursor: default;
}

#video-player span.next {
	background-position: right 0;
}


#video-player span.next:hover {
	background-position: right -53px;
}

#video-player span.next-disabled:hover {
	cursor: default;
	background-position: right 0;
}

#player {
	width: 414px;
	height: 336px;
	background-color: #000;
	position: absolute;
	left: 50%;
	margin-left: -207px;
	top: 50%;
	margin-top: -168px;
}

#get-involved {
	background-color: #810000;
	min-height: 186px;
}

#spread {
	width: 387px;
	margin-right: 15px;
	float: left;
}

#join {
	float: left;
	width: 579px;
	margin-right: -10px;
}

#main-content, #main-content .top, #main-content .bottom {
	background: url(../images/page-bg.png) repeat-y;
}

#sidebar {
	width: 380px;
	float: left;
	margin-right: 14px;
}

#content {
	width: 586px;
	float: left;
	margin-right: -10px;
	padding: 30px 0;
	position: relative;
	font-family: helvetica, arial, sans-serif;
	font-size: 11pt;
	line-height: 18pt;
	color: #4d4d4d;
}

#content p {
	margin: 0 40px 15px 35px;
}

#content p.intro {
	font-weight: bold;
	color: #2d2d2d;
	font-size: 18pt;
	line-height: 20pt;
	letter-spacing: -1px;
}

#content p.closing {
	text-align: center;
	font-style: italic;
}

#content ol {
	list-style: outside decimal;
	margin-left: 40px;
	padding-left: 20px;
	padding-right: 40px;
}

#content ol li {
 	margin: 0 0 3px 0;
}


#main-content {
	position: relative;
}

#main-content .top, #main-content .bottom {
	width: 586px;
	height: 10px;
	background-position: right top;
	position: absolute;
	top: 0;
	right: 0;
}

#content strong { font-weight: bold;}
#content em { font-style: italic;}

#main-content .bottom {
	top: auto;
	bottom: 0;
}

#content h2 {
	margin: 0 0 5px 35px;
}


.section {
	padding: 1px 0 20px 0;
	margin-bottom: 5px;
	background: url(../images/h-divider.png) center bottom no-repeat;
}

.section h2 {
	margin: 10px 0 10px 15px;
}

#spread {
	margin: 15px 0 0 0;
	background: url(../images/v-divider.png) right top repeat-y;
	min-height: 156px;
}

#spread h2 {
	margin: 5px auto 10px auto;
}

#spread ul {
	width: 320px;
	height: 85px;
	margin: 0 auto;
}

#spread ul li {
	float: left;
	width: 154px;
	height: 85px;
	background: #670000;
}

#spread ul li a {
	width: 154px;
	height: 85px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#spread ul li,
#spread ul li a {
	background: url(../images/share.png) no-repeat;
}


#share-twitter {
	margin-right: 12px;
}

#share-twitter a:hover { background-position: 0 -86px; }

#share-facebook {
	margin-right: -10px;
}

#spread #share-facebook, #spread #share-facebook a {
	background-position: right top;
}

#spread #share-facebook a:hover { background-position: right -86px;}

#join {
	position: relative;
}

#join h2 {
	margin: 10px 0 0 10px;
}

#join p {
	color: #ffcc00;
	font-family: helvetica, arial, sans-serif;
	text-shadow: rgba(0,0,0,0.7) 0 -1px 0;
	font-size: 10pt;
	line-height: 17pt;
	width: 350px;
	text-align: right;
}

#join a.join {
	display: block;
	width: 150px;
	height: 140px;
	background: url(../images/yes-stickers.png);
	position: absolute;
	right: 35px;
	top: 50%;
	margin-top: -65px;
}

#join a.join:hover {
	background-position: right top;
}

#twitter {
	position: relative;
}

#twitter .forward,
#twitter .back {
	display: block;
	position: absolute;
	width:26px;
	height:26px;
	left: 15px;
	top: 50%;
	margin-top: -20px;
	background: url(../images/twitter-nav.png);
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
}

.hashtag-wrapper {
	position: relative;
}

#hashtag {
	clear: left;
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	font-style: italic;
	text-align: left;
	text-indent: -20px;
	line-height: 26px;
	width: 340px;
	height: 26px;
	overflow: hidden;
	margin: 20px auto 0 auto;
	display: block;	
	background: url(../images/hashtag.png) top right no-repeat;
	position: relative;
}

#hashtag span {
	position: relative;
	z-index: 10;
	text-align: center;
	display: block;
}

#hashtag tt {
	color: #000;
	font-style: normal;
	font-family: Helvetica, arial, sans-serif;
}

#hashtag strong {
	display: block;
	width: 130px;
	position: absolute;
	height: 26px;
	background: url(../images/hashtag.png) no-repeat;
	left: 0;
	top: 0;
	z-index: 5;
}

#hashtag:hover {
	background-position: right -26px;
}

#hashtag:hover strong {
	background-position: left bottom;
}


#twitter .back:hover { background-position: -1px -32px;}
#twitter .forward:hover { background-position: -32px -32px ;}
#twitter .back { background-position: -1px -2px;}
#twitter .forward { background-position: -32px -2px ;}

#twitter .prev-disabled,
#twitter .prev-disabled:hover { 
	background-position: -1px -2px; 
	cursor: default; 
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);
}
#twitter .next-disabled,
#twitter .next-disabled:hover { 
	background-position: -32px -2px;  
	cursor: default; 
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);
}

#twitter .forward {
	left: auto;
	right: 15px;
}

#tweets {
	width: 8000px;
	overflow: hidden;
}

#tweets .tweet {
	width: 275px;
	float: left;
}

#tweet {
	font-size: 10pt;
	line-height: 14pt;
	font-family: helvetica, arial, sans-serif;
	text-shadow: rgba(255,225,255,0.5) 0 1px 0;
	overflow: hidden;
	position: relative
}

#tweet .loading {
	text-align: center;
}

#tweet-scroller {
	clear: left;
	float: left;
	margin-left: 55px;
	width: 275px;
	overflow: hidden;
}

#start-stop {display: none}


#tweets .tweet p {
	padding-left: 10px;
	padding-right: 10px;
}


#thumbNav {
	padding-top: 5px;
	display: block;
	clear: left;
	overflow: hidden;
	text-align: center;
	
}

#thumbNav a {
	text-align: left;
	display: inline-block;
	font-size: .1em;
	text-indent: -9999px;
	background: #AA0000;
	width: 5px;
	height: 5px;
	margin-right: 3px;
}

#thumbNav a.cur {
	background: #000
}

#tweet .credit {
padding-top: 3px;
	text-align: right;
	padding-bottom: 6px;
}

#tweet .tweeter img {
	background: #7c0505;
	padding: 1px;
	position: relative;
	left: 4px;
	top: 5px;
}

#tweet .tweeter:hover img {
	background: #000;
}
#poll {
			font-family: helvetica, arial, sans-serif;
}

#poll ul {
		font-size: 12pt;
		color: #333;
	text-shadow: rgba(255,225,255,0.5) 0 1px 0;
	margin: 0 0 10px 20px;
	padding: 10px 0 5px 10px;
	overflow: hidden;
}
#poll li {
	margin-bottom: 6px;
	float: left;
	clear: left;
}
#poll label {
		cursor: pointer;
}

#poll-form li:hover {
	color: #6e1610;
	cursor: pointer;
}

#poll .actions {
	clear: left;
	margin: 20px 20px 0 20px;
	text-align: center;
	padding-right: 0;
	font-size: 10pt;
	height: 35px;
	line-height: 35px;
	position: relative;
}

#poll-results, #poll-form {position: relative}

#poll-results {
	display: none;
}

#poll-results .actions {
	padding-right: 0;
	text-align: center;
	margin-top: 5px;
}

#poll-results ul {
	overflow: hidden;
	padding-bottom: 0;
	margin-bottom: 0;
}

#poll-results li {
	width: 100%;
	clear: left;
	overflow: hidden;
	padding-bottom: 4px;
}

#poll-results li.meta {
	font-size: 10pt;
	color: #810000;
}

#thank-you-vote {
display: none;
	font-size: 10pt;
	font-weight: bold;
	border: solid 1px #810000;
	color: #810000;
	padding: 10px 0;
	margin: 10px 20px 0 20px;
	text-align: center;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#poll-results li.meta em {
	font-weight: bold;
}

#poll-results span.text {
	float: left;
	display: block;
	width: 140px;
	margin-right: 5px;
	text-indent: 0;
}

#poll-results span.bar {
	display: block;
	width: 140px;
	float: left;
	height: 15px;
	background: #fdd621;
}

#poll-results span.bar strong {
	display: block;
	background: #810000;
	height: 15px;
	position: relative;
}

#poll-results span.bar strong em {
	width: 50px;
	color: #810000;
	font-size: 8pt;
	font-weight: bold;
	display: block;
	float: left;
	position: absolute;
	right: -55px;
	text-align: left;
	height: 15px;
	line-height: 15px;
}



#vote {
	text-align: left;
	width: 105px;
	height: 35px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/vote.png) no-repeat;
}

#vote:hover {
	background-position: left bottom;
}

#poll a {
	font-weight: normal;
}

#footer {
	background-color: #420400;
	height: 100px;
}

#lyhd-long { 
	width: 350px;
	height: 64px;
	margin: 18px auto;
	background: url(../images/lyhd-long.png) no-repeat;
}

#credits {
	font-family: helvetica, arial, sans-serif;
	color: #a58162;
	font-size: 10pt;
	line-height: 14pt;
}

#credits #zen-logo {
	float: left;
	display: block;
	width: 147px;
	height: 36px;
	background: url(../images/zendesk.png) no-repeat;
	padding-right: 10px;
	margin-right: 10px;
	border-right: solid 1px #d2bd99;
}

#credits #zen-logo:hover {
	background-position: left bottom;
}

.text {
	overflow: hidden;
	text-indent: -9999px;
}

.text-mark-your-calendars, .text-10-reasons{
	width: 326px;
	height: 47px;
	background: url(../images/text/mark-your-calendars.png) no-repeat;
}

.text-10-reasons {
    width: 466px;
    height: 87px;
    background-position: 0 -50px;
}


.text-twitter-buzz, .text-poll, .text-get-your-free-stickers, .text-show-your-support {
	background: url(../images/text/text-on-yellow.png) no-repeat;
}

.text-spread-the-word, .text-join-the-revolution {
	background: url(../images/text/text-on-red.png) no-repeat;
}

.text-twitter-buzz {
	width: 175px;
	height: 35px;
}

.text-poll {
	width: 330px;
	height: 110px;
	background-position: 0 -55px;
}

.text-get-your-free-stickers {
	width: 320px;
	height: 35px;
	background-position: 0 -187px;
}

.text-show-your-support {
	width: 300px;
	height: 35px;
	background-position: 0 -258px;
}

.text-spread-the-word {
	width: 260px;
	height: 50px;
	background-position: 0 -105px;
}

.text-join-the-revolution {
	width: 356px;
	height: 96px;
	background-position: 0 -7px;
}


.radio {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	background: url(../images/radio.png) left -31px no-repeat;
	position: relative;
	left: -3px;
	top: -2px;
	margin-right: 3px;
}

#poll li:hover .radio {
	background-position: left -60px;
}

#poll li:hover .radio-checked,
.radio-checked {
	background-position: left 0;
}

#overlay {
	background:url(../images/overlay.png);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}

.dialog {
	background-color: rgba(246,201,53,0.8);
	padding: 1px;
	width: 460px;
	position: fixed;
	left: 50%;
	margin-left: -230px;
	top: 50%;
	margin-top: -180px;
	z-index: 120;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	font-family: helvetica, arial, sans-serif;
}

#banner-dialog {
	width: 830px;
	margin-left: -400px;
}

.dialog-content {
	border: solid 1px #810000;
	margin: 15px;
	min-height: 330px;
	padding: 20px;
	background-color: rgb(246,201,53);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

#banner-dialog .dialog-content {

}


.dialog p br {display: none;}

.dialog input,
.dialog textarea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 340px;
	background: #810000;
	border: solid 1px #000;
}

.dialog #dialog-city,.dialog #dialog-state,.dialog #dialog-zip {
	float: left;
}

.dialog #dialog-city label ,.dialog #dialog-state label ,.dialog #dialog-zip label  {
	top: 4px;
	padding-top: 3px;
}

.dialog #dialog-state,.dialog #dialog-zip {
	padding-left: 5px;
}

.dialog #dialog-zip label {
	left: 8px
}

.dialog #dialog-city input {
	width: 140px;
}

#dialog-address label {
	font-style: italic;
	color: #b25a1e !important;
}

.dialog #dialog-state select {
	width: 125px;
	padding: 3px 2px;
	position: relative;
	background: #810000;
	border: solid 1px #000;
	font-family: "courier new", courier, monospace;
	font-size: 12pt;
	color: #f6c935;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.dialog #dialog-zip input {
	width: 55px;
}

.dialog p {
	position: relative;
	padding: 0 0 10px 18px;
}

.dialog .dialog-address {
	overflow: hidden;
	padding-bottom: 10px;
}

.dialog .dialog-address p {
	padding-bottom: 3px;
}

.dialog input, .dialog label, .dialog textarea {
	padding: 4px;
	font-family: "courier new", courier, monospace;
	font-size: 12pt;
	color: #f6c935;
	display: block;
}
.dialog label {
	position: absolute;
	left: 22px;
	color: #e2b23b;
	background: #810000;
	top: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.dialog p.disclaimer {
	font-size: 8pt;
	color: #823123;
	float: left;
	width: 200px;
	font-style: italic;
	line-height: 10pt;
}

.dialog form {
	padding: 10px 0 0 0;
}

.dialog h2 {
	position: relative;
	top: -10px;
	left: -10px;
}

.dialog .actions {
	margin-right: 20px;
	padding-top: 40px;
	padding-right: 5px;
	text-align: right;
	clear: left;
	float: right;
	width: 105px;
	position: relative;
	font-style: italic;
	font-size: 10pt;
	color: #444;
}

#dialog-cancel {
	font-weight: normal;
	font-style: normal;
}

#send {
	text-align: left;
	width: 105px;
	height: 35px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/send.png) no-repeat;
}

#send:hover {
	background-position: left bottom;
}

.dialog, #overlay {
	display: none;
}

#facebook {
	padding-top: 10px;
	padding-left: 18px;
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;

	/*background: none;*/
}
#facebook div {
	padding: 5px 0;
	text-align: center;
}

.subarticle {
	margin: 20px;
	padding-top: 20px;
	border-top: solid 1px #ccc;
}

#content .subarticle ol {
	margin: 0 20px 0 40px;
}

#content .subarticle ol li {
	margin-bottom: 5px;
}

#content .subarticle h2 {
	margin-left: 10px;
}

#banners {
	background: none;
	padding-top: 10px;
	padding-left: 18px;
}

#banner-replacement {
	height: 300px;
	overflow: auto;
	padding: 0 5px;
}

#banner-replacement h1, #banner-replacement h2, #banner-replacement h2 tt, #banner-replacement h3 { font-family: helvetica, arial, sans-serif; font-size: 14pt; font-weight: bold; letter-spacing: -1px; position: static}
#banner-replacement h1 { font-size: 14pt; margin: 5px 0; padding-bottom: 0; color: #810000;}

#banner-replacement h2 {
	border-top: solid 1px #810000;
	padding-top: 10px !important;
	margin-bottom: 10px;
}

#banner-replacement h3 {
	margin: 10px 0 10px 0;
}



#banner-replacement a {color:#810000;}
#banner-replacement a:hover {color:#000;}
#banner-replacement ul {
	padding: 10px 10px 10px 40px;
	margin-bottom: 15px;
	background: #f7e260;
	list-style: outside disc;
}
#banner-replacement p, #banner-replacement li  { padding: 0; margin-left: 0;font-family: helvetica, arial, sans-serif; font-size: 12pt; line-height: 16pt;}
#banner-replacement p { margin-bottom: 15px;}
#banner-replacement h3 { color: #333; font-size: 12pt;}
#banner-replacement pre {
	font-family: monospace;
	background: #333;
	color: #ddd;
	padding: 5px;
	margin-bottom: 20px !important;
	 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.close-div {
padding-top: 5px;
text-align: right;
}