/* 7/6/2009 Trevor Davis - Matrix 10th Anniversary Screen Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body { background: #3f3f3f; color: #fff; font: 14px/18px Arial, sans-serif; }
h1 { font-size: 1.667em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.333em; }
h4 { font-size: 1.167em; }
h5, h6 { font-size: 1em; }

a { color: #5dd11e; font-weight: bold; text-decoration: none; }
a:visited { color:#c6c6c6; }
#going a:visited, #share a:visited, #rsvp a:visited { color:#666; }
a:hover { text-decoration: underline; }
img { border: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ol, dd { margin-left: 36px; }
ul { list-style: none; margin-left: 23px; }
ul li { background: url(/10th/images/template/list-item-bg.png) no-repeat 0 0.5em; padding-left: 13px; }
blockquote { font-style: italic; margin: 0 20px; }
td, th { color: #fff; font-weight: normal; padding: 3px 10px; text-align: left; }
thead th { background: #b57ddb; }
tr.alt td { background: #6b4a82; }

.print { display:none; }

/*****Custom Classes*****/
.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.inline { overflow: hidden; }
.secondaryContent .inline { font-size:12px; }
.inline li { border-right: 1px solid #fff; float: right; margin-right: 10px; padding-right: 10px; }
.inline li.first { border-right: none; margin-right: 0; padding-right: 0; }
.left { float:left; margin:0 10px 10px 0; }
.right { float:right; margin:0 0 10px 10px; }

/*****Basic Layout*****/
#container { background: url(/10th/images/template/container-bg.png) repeat-y; margin: 0 auto; overflow: hidden; width: 974px; }
#going #container, #share #container, #rsvp #container { background-image:url(/10th/images/template/container-bg-white.png); }
.wrapper { background: url(/10th/images/template/wrapper-bg.png) no-repeat; float: left; width: 100%; }
#going .wrapper, #share .wrapper, #rsvp .wrapper { background-image:url(/10th/images/template/wrapper-bg-white.png); }
.wrapper .wrapper { background: url(/10th/images/template/inner-wrapper-bg.png) no-repeat bottom left; }
#going .wrapper .wrapper, #share .wrapper .wrapper, #rsvp .wrapper .wrapper { background-image:url(/10th/images/template/inner-wrapper-bg-white.png); }
.inner { background: url(/10th/images/template/inner-bg.png) no-repeat 0 37px; margin: 0 25px; overflow: hidden; padding-top: 37px; width: 924px; }
#fun-facts .inner { overflow: visible; }
#header { background: url(/10th/images/template/header-bg.png) repeat-y 693px 37px; overflow: hidden; width: 924px; }
#content { overflow: hidden; padding:25px; width:874px; }
#timeline #content, #fun-facts #content { padding:0; width:924px; }
#going #content, #share #content, #rsvp #content { color:#3f3f3f; }
#going #content { font-family:Georgia; }
#going #content p.lead { font-size:18px; line-height:24px; text-indent:0px; }
#going #content p { text-indent:2.5em; }
#going #content p.no-indent { text-indent:0px; }
#going #content ul { list-style-type:disc; margin-left:2.5em; }
#going #content ul li { background:none; padding-left:0; }
#share #content blockquote { color:#612b85; margin:0 20px 2em; text-indent:-3px; }
#share #content .meta { margin-bottom:0; }
#share #content .share-view { border:1px solid #000; padding:5px; }
#fun-facts #content { left: -1px; padding-bottom: 5px; position: relative; width: 926px; }
#home #content { padding: 25px 23px 70px 24px; width: 877px; }
#content .button a { color:#fff; padding:10px; font-size:20px; background-color:#4c892b; border:1px solid #4c892b; }

#footer { background: #3f3f3f; font-size: 11px; margin-top: 14px; }

/*****Forms*****/
ol.forms {
	float: left;
	list-style: none;
	margin-left: 0;
	width: 100%;
}
ol.forms li { clear: both; float: left; margin: 0 0 12px; width: 100%; }
ol.forms li.together { clear: none; margin-right: 10px; width: 200px; }
ol.forms li.clearing { clear: both; }
ol.forms li.last { margin-right: 0; }
ol.forms label { cursor: pointer; display: block; font-weight: bold; }
ol.forms input, ol.forms textarea {
	font: inherit;
	padding: 2px;
	width: 404px;
}
ol.forms li.together input { width: 194px; }
ol.forms select { border: 1px solid #e4e4e4; border-color: #8f8f8f #cecece #e4e4e4; }
ol.forms textarea { height: 195px; overflow: auto; width: 606px; }
form#sendToFriendForm ol.forms textarea { height: 100px; width: 404px; }
ol.forms li.inline label { display: inline; }
ol.forms li.inline input { width: auto; }
/*
ol.forms li.captcha { text-align: right; }
ol.forms li.captcha label { color: #404040; float: left; padding-top: 37px; width: 279px; }
ol.forms li.captcha div#recaptcha_widget_div { float: right; width: 318px; }
ol.forms li.captcha div#recaptcha_area { float: right; }
*/
form#sendToFriendForm ol.forms li.buttons { text-align: left; }
ol.forms li.buttons input { width: auto; }
ol.forms .error { color: #aa1919; display: block; }
ol.forms li.captcha .error { clear: left; float: left; width: 279px; }
ol.forms .help { color: #8f8f8f; display: block; font-size: 0.917em; }

form#forgotPasswordForm ol.forms { margin-bottom: 0; }
form#forgotPasswordForm ol.forms input { width: 294px; }
form#forgotPasswordForm ol.forms li.buttons input { width: auto; }


/*****Header*****/
#logo {
	background: url(/10th/images/template/logo.png) no-repeat;
	display: block;
	float: left;
	height: 112px;
	margin: 0 0 0 19px;
	text-indent: -9999px;
	width: 583px;
}

#header .social { float: right; margin: 18px 56px 0 0; width: 156px; }
#header .social h2 { font-size: 14px; font-weight: normal; line-height: 20px; margin-bottom: 4px; }
#header .social ul { float: right; list-style: none; margin: 0; }
#header .social ul li  { background: none; float: left; margin-left: 8px; padding-left: 0; }

#navigation { 
	background: #4b882a url(/10th/images/template/navigation.png) no-repeat;
	clear: both;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 52px 0 48px;
	width: 824px;
}
#navigation li { background: #4b882a; float: left; padding-left: 0; }
#navigation a {
	color: #fff;
	display: block;
	height: 38px;
	overflow: hidden;
	position: relative;
}
#navigation #timelineNav a { width: 152px; }
#navigation #funFactsNav a { width: 169px; }
#navigation #whereGoingNav a { width: 171px; }
#navigation #anniversaryPartyNav a { width: 159px; }
#navigation #shareMemoryNav a { width: 171px; }
#navigation span {
	background: url(/10th/images/template/navigation.png) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#navigation #timelineNav span { background-position: -48px 0; }
#navigation #funFactsNav span { background-position: -200px 0; }
#navigation #whereGoingNav span { background-position: -369px 0; }
#navigation #anniversaryPartyNav span { background-position: -540px 0; }
#navigation #shareMemoryNav span { background-position: -699px 0; }

#timeline #navigation #timelineNav span, #navigation #timelineNav a:hover span { background-position: -48px -38px; }
#fun-facts #navigation #funFactsNav span, #navigation #funFactsNav a:hover span { background-position: -200px -38px; }
#going #navigation #whereGoingNav span, #navigation #whereGoingNav a:hover span { background-position: -369px -38px; }
.party #navigation #anniversaryPartyNav span, #navigation #anniversaryPartyNav a:hover span { background-position: -540px -38px; }
#share #navigation #shareMemoryNav span, #navigation #shareMemoryNav a:hover span { background-position: -699px -38px; }

/*****Footer*****/
#footer p { margin-bottom: 0; text-align: right; }

/*****Fun Facts Content*****/
#funFactsContainer { background: #fff url(/10th/images/template/subpage-inner-white-bg.png) repeat-y; color: #3f3f3f; }
#funFactsContainer .slider { margin: 0 auto; overflow: hidden; position: relative; width: 924px; }
#funFactsContainer .slider ul { float: left; margin: 0; }
#funFactsContainer .slider ul li { background: none; float: left; padding-left: 0; }
#funFactsContainer .slider ul img { border-right: 1px solid #dedede; display: block; }
#funFactsContainer .slider ul li.last img { border-right: none; }
#funFactsContainer #sliderControl {
	background: url(/10th/images/template/slider-bg.png) no-repeat;
	clear: both;
	height: 25px;
	overflow: hidden;
	position: relative;
	width: 925px;
}
#funFactsContainer #sliderControl .sliderControlInner { height: 25px; margin: 0 57px 0 0; position: relative; width: 867px; }
#funFactsContainer #sliderControl .ui-slider-handle { 
	background: url(/10th/images/template/slider-handle.png) no-repeat;
	display: block;
	height: 25px;
	position: absolute;
	top: 0;
	width: 57px;
}
#funFactsDescription { background: url(/10th/images/template/subpage-inner-white-bottom-bg.png) no-repeat bottom left; overflow: hidden; padding: 21px 37px 31px 25px; width: 864px; }
#funFactsDescription h1 { 
	background: url(/10th/images/template/fun-facts-h1.png) no-repeat;
	float: left;
	height: 35px;
	text-indent: -9999px;
	width: 176px;
}
#funFactsDescription p { float: right; margin-bottom: 0; width: 662px; }

/*****Home*****/
#home .columnContainer { background: url(/10th/images/template/home-column-bg.png) repeat-y 375px 0; overflow: hidden; }
#home .primaryContent { float: left; width: 350px; }
#home .primaryContent h3 { color:#d6acf3; font-size:14px; }
#home .primaryContent img {
display:block;
-moz-box-shadow: 0px 0px 5px #000;
-webkit-box-shadow: 0px 0px 5px #000;
box-shadow: 0px 0px 5px #000; }
#home .secondaryContent { float: right; width: 477px; }
#home .secondaryContent h2 { margin-bottom: 14px; }
#home .secondaryContent h3 { font-size:16px; color:#d6acf3; line-height: 21px; margin-bottom: 5px; }
#home .video, #home .banner { display: block; margin-bottom: 20px; }
#home .banner { border-top: 1px solid #8a5fa6; padding-top: 25px; }
#home .featured { 
	font-size: 24px;
	line-height: 30px;
	overflow: hidden;
	text-align:left;
	width:50%;
	text-transform: lowercase;
	float:right;
}
#home .featured li { background: url(/10th/images/template/featured-arrow.png) no-repeat 0 50%; xclear:both; xfloat:right; padding-left:20px; }
#home .featured a { display: block; font-weight: normal; }

/*****SIFR*****/
.sIFR-flash { margin: 0; padding: 0; visibility: visible !important; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { display: block; height: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 0; }
.sIFR-replaced div.sIFR-fixfocus { float: none; letter-spacing: 0px; margin: 0pt; overflow: auto; padding: 0pt; }