/* Import Blueprint's screen styles */
/*@import url(blueprint/compressed/screen.css);*/

/* Import structure for menu -- DO NOT MODIFY */
/* If you need to style the menu, you should add those styles in this screen.css file */
@import url(lib/main-menu.css);

/* Uncomment the line below for helpful debugging CSS */
/*@import url(lib/debug.css);*/

/* Eric Meyer Reset CSS */
@import "reset.css";

/* 
	Erase MS - Copyright 2008
	Written by Lift Interactive

	Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px.
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/

html 	{ background:#25140d url(../img/csm-bg.jpg) no-repeat top center; }
body 	{ background:#fff; /*border:10px solid #D1242A; border-top:0;*/ color:#6B6B6B; font-size:75%; font-family:Arial, verdana, sans-serif; margin:0 auto; padding:0; width:950px; }
h1 		{ margin:0; }
a		{ color:#333; text-decoration:none; }
p a			{ font-weight:bold; }
p a:hover	{ color:#6B6B6B; }

h2,h3,h4,h5,h6	{ clear:left; }

/* container clearing */
body:after,
#branding:after,
#nav:after,
#features:after,
#jumpboxes:after,
#site-info:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#branding, #nav, #submenu, #features, #jumpboxes, #site-info	{float:left;} 

p { line-height:1.4; }
p, ul, ol { margin-bottom:1em; }

/*
**	Branding
****************************/
#branding 		{ background: #d1242a; height:151px; position:relative; width:950px; }
#company-name	{ background:url('../img/csm-logo.png') no-repeat; display:block; height:151px; left:8px; position:absolute; top:0px; text-indent:-9999px; width:369px; }
#donate-now		{ margin:0; position:absolute; right:15px; top:20px; }
#donate-now	a	{ background:url('../img/btn-donate-now.png') no-repeat; display:block; height:50px; text-indent:-9999px; width:177px; }

/*
**	Main Navigation
****************************/
#nav			{ background: #00B9C8 url('../img/menubg.jpg') repeat-x; margin:0; padding:0; width:950px; }
#nav li 		{ float:left; }
#nav li a 		{ color:#fff; display:block; font:bold 1.1667em arial, sans-serif; float:left; padding:12px 20px 11px 20px; margin:0; text-decoration:none; text-transform:uppercase; }
#nav a:hover	{ background:#00A0AF; }
#nav li.current	a { background: #0190AF; }


/*
**	Sub Navigation
****************************/
#submenu		{ margin:1em 0 0 7px; width:943px; }
#submenu li		{ display:inline; }
#submenu a		{ color:#D1242A; font-size:1.1667em; font-weight:bold; padding:0 1em; text-decoration:none; text-transform:uppercase; }

/*
**	Homepage Features
****************************/
/*#features 					{ background:url('../img/bg-shading.jpg') no-repeat 1px 1px; }*/
#features div				{ display:inline; float:left; margin-top:11px; margin-left:11px; height:315px; overflow:hidden; width:460px; }
#dedication					{ background:#fff; position:relative; width:459px; }
#featureImage				{ background:#2c2c2c; padding:10px; height:315px !important; overflow:hidden; width:440px !important; }
#featureImage h2			{ color:#bdbdbd; margin-top:0.75em; }
#featureImage p				{ color:#939393; font-size:0.8333em; text-transform:uppercase; margin-right:1em; }
#featureImage div			{ height:auto; margin:0; width:auto; }
#dedication blockquote		{ margin:90px 30px 0 20px; font-size: 2em;}
#dedication blockquote p	{ /*background:url('../img/dedication.jpg') no-repeat; height:94px; width:388px; text-indent:-9999px;*/ }

#save-the-date				{ background:url('../img/bg-save-the-date.gif') no-repeat 0 0; display:block; height:120px; position:absolute; bottom:0; left:0; /*text-indent:-9999em;*/ width:459px; }
#save-the-date span			{ display:block; margin:80px 0 0 257px; }

/*
**	Homepage Jump Boxes
****************************/
#jumpboxes 				{ padding:11px; padding-left:0; margin-top:11px; }
#jumpboxes div			{ background:#fff; display:inline; float:left; margin-left:11px; width:302px; position:relative; }	/*url('../img/bg-shading.jpg') no-repeat 1px 1px*/
#jumpboxes div div		{ background:0; margin:0; height:auto; overflow:hidden; }
#jumpboxes h2			{ border-bottom:5px solid #e3e3e3; font-size:1em; margin-top:2em; padding-bottom:1em; }
#jumpboxes h2 a			{ display:block; text-transform:uppercase; }
#tweets h2 a			{ color: #00AFBE; }
#news h2 a				{ color: #00AFBE; }
#jumpboxes h2,
#tweets ul,
#news ul				{ margin-left:1.75em; margin-right:1.75em; }
#jumpboxes ul			{ float:left; margin-top:1em; margin-bottom:1em; }
#jumpboxes li			{ margin-bottom:1em; }
#jumpboxes li span		{ color:#989898; display:block; font-weight:normal; font-size:0.9167em; text-transform:uppercase; }
#jumpboxes p			{ line-height:1.2; margin:0; }


/* Events Jumpbox */
#tweets li				{ height:45px; overflow:hidden; }
#tweets p a,
#archive li a			{ color:#6b6b6b; font-weight:bold; font-size:1.0833em; text-decoration:none; }
#tweets p a:hover,
#archive li a:hover		{ color:#494949; }
#tweets div				{ background:url('../img/read-more-vert.png') no-repeat right top; position:absolute; left:0; }
#tweets div p			{ font-weight:normal; margin:0 1em 0 0; }
#tweets div img			{ border:1px solid #afa9a3; float:left; margin:0 11px 7px 7px; }
#tweets div p a			{ display:block; font-size:1em; height:62px; padding-top: 7px; }
#tweets div a span		{ display:block; font-size:1.25em; font-weight:bold; margin:0; text-transform:uppercase; }
#tweets div a:hover		{ }
#tweets #jump-1			{ background-color:#D1242A; top:245px; }
#tweets #jump-2			{ background-color:#ff6600; top:314px; }

/* div#event-with-thumb styles to override default event update styles */
div#event-with-thumb a:hover	{ color:#D1242A; }


/* News Jumpbox */
#news div,
div#event-with-thumb		{ margin:0 1.75em !important; width:260px; }
#news h3,
#event-with-thumb h3		{ font-size:1.1667em; margin:0.5em 0; }
#news h3 a,
#event-with-thumb h3 a		{ color:#D1242A; }
#news img,
div#event-with-thumb img	{ border:1px solid #b5afaa; float:left; margin:0 1em 1em 0; }
#news p,
div#event-with-thumb p		{ color:#5e5e5e; }
#news p span,			
#event-with-thumb p span{ color:#999; display:block; font-size:0.9167em; margin-bottom:0.25em; text-transform:uppercase; }
#news li				{ border-top:1px solid #d8d8d8; margin:0; overflow:hidden; }
#news li p				{ }
#news li a 				{ color:#D1242A; padding:0.75em 0; width:260px; }
#news li a:hover		{ background:#efefef; }
#news li p span			{ font-size:0.75em; }
#news li img			{ margin-bottom:0; }

/* Shopping Jumpbox */
#jumpboxes #shopping	{ background:#fff; }
#shopping div			{ background:#5b5b5b !important; }
#shopping div a			{ color:#fff; display:block; height:99px; padding:11px 0 0 11px; }
#shopping div img		{ border:1px solid #afa9a3; float:left; margin:0 11px 0 0; }
#shopping p				{ margin:0; }
#shopping div p			{ color:#fff; margin:0 0.5em 0 0; }
#shopping div span		{ display:block; font-size:1.25em; font-weight:bold; margin-bottom:0.25em; text-transform:uppercase; }

/*
**	Content
****************************/
#content				{ width:950px; } /* padding-top:2em;  background:url('../img/bg-shading.jpg') no-repeat 1px 1px; */
#content,
#main-content,
#sub-content			{ display:inline; float:left; }

#main-content,
#sub-content			{ padding-top:2em; }

/* Main Content */
#main-content			{ min-height:250px; margin-left:25px; width:900px; }
#main-content p,
#main-content li		{ font-size:1.75em; }
#main-content li		{ margin-bottom:0.25em; }
#main-content h1		{ color:#1B2E59; font-size:3.667em; margin:0 0 0.5em; }

#main-content h2		{ color:#40A9E0; font-size:1.5em; margin:0 0 0.5em; }
#main-content h2 a		{ color:#D1242A; }
#main-content h2 a:hover{ color:#DF62A1; }

#main-content p.date	{ font-size:1em; font-style:italic; }
#main-content a			{ color:#D1242A; }
#main-content a:hover	{ color:#DF62A1; }
#main-content p img		{ float:left; margin:1em 1em 1em 0; }

#main-content h3		{ color:#DF62A1; font-size:1.367em; } 


/* Sub Content */
#sub-content			{ float:right; margin-right:20px; width:323px; }
#feature p				{ margin:0; }
#feature,
#sub-content .box		{ border:10px solid #dadada; margin-bottom:1em; }
#sub-content .box h2	{ border-bottom:5px solid #e3e3e3; font-size:1em; margin:2em 1.75em 1em; padding-bottom:1em; }
#sub-content .box h2 a	{ display:block; font-size:1.75em; height:19px; }
#sub-content .box ul	{ margin:1em 1.75em; }

#sub-content #shopping	{ background:#fff; }
#sub-content #shopping p,
#sub-content #news p	{ line-height:1.2em; }
#sub-content #news ul	{ clear:both; }
#sub-content #news li	{ margin-bottom:0; }
#sub-content #news li p	{ margin:0; }

#sub-content #tweets li	{ height:auto; }
#sub-content #tweets li span	{ color:#989898; display:block; font-size:0.9167em; font-weight:normal; text-transform:uppercase; }

#archive h2				{ display:inline; font-size:1.75em; float:left; height:19px; margin:2em 1.75em 1em; width:261px; }
#archive li				{ font-weight:bold; margin-bottom:0.25em; }

/* Site Map */
#sitemap				{ font-size:1.1667em; }
#sitemap ul				{ list-style-position:inside; }
#sitemap ul li			{ font-weight:bold; line-height:1.5; }
#sitemap li ul			{ list-style-type:disc; margin-left:10px; }
#sitemap li li			{ font-weight:normal; }


/* Gallery */
#gallery				{ height:360px; float:left; overflow:hidden; margin:0 0 10px; width:545px; }
#gallery-controls		{ float:left; margin-bottom:0.25em; }
#gallery-count			{ color:#40A9E0; font-weight:bold; float:right; width:100px; text-align:right; }
#thumbs					{ margin-top:20px; }
#thumbs li				{ display:inline; }
#thumbs img				{ margin:0 10px 10px 0; }

.clear 					{ clear:both; width:100%; }


/*
**	Footer / Site Info
****************************/
#site-info				{ color:#bababa; font-size:0.9167em; letter-spacing:-0.05em; text-align:center; margin:2em 0; width:950px; }
#site-info a			{ color:#bababa; }
#site-info a:hover		{ color:#919191; }
#footer-nav a			{ color:#D1242A; font-weight:bold; padding:0 1.25em; text-decoration:none; text-transform:uppercase; }
#sponsor				{ background:url('../img/bg-footer-sponsor.jpg') no-repeat 50% 0; padding-top:1em; }
#sponsor em				{ font-style:normal; font-weight:bold; }
#sponsor img			{ margin-left:10px; vertical-align:middle; }



/*
**	=comments
****************************/
#comments th			{ text-align:left; vertical-align:top; width:130px; }
#comments th,
#comments td			{ padding:3px; }
#comments blockquote	{ margin:15px; }
#comments li			{ background:#e5f8f9; padding:1px 0; font-size:0.9167em; margin-bottom:0; }
#comments li.b			{ background:#ccf1f4; }
p.meta a				{ font-weight:normal; }

/*
**	=homes
****************************/
#bigs { width: 100%; text-align: center; }
#bigs a { font-family: "ff-prater-sans-web-pro-1","ff-prater-sans-web-pro-2", sans-serif; font-size: 6em; color: #000; line-height: 1em;}
#bigs a:hover { color: #D1242A;}
body.home #branding { }