body	{ background-color: #d9d9d9; color: #2d2928; background-image: url(/images/common/bg.gif); background-repeat: repeat-x; }

/*html	{ height: 100%; }*/

/* generic link styles */
a:link		{ color: #2d2928; text-decoration: none; }
a:visited	{ color: #474140; text-decoration: none; }
a:hover,
a:active	{ color: #615856; text-decoration: underline; }

/* generic photo thumb styles */
a.photo:link img, a.photo:visited img	{ border: 5px solid #fff; }
a.photo:hover img, a.photo:active img	{ border: 5px solid #2d2928; }

/* single pixel border styles */
a.mdgrey-1px:link img, a.mdgrey-1px:visited img	{ border: 1px solid #817f7e; }
a.mdgrey-1px:hover img, a.mdgrey-1px:active img	{ border: 1px solid #a6a6a6; }

/******************************/
/* general layout controls    */
/******************************/

		/* for testing purposes only! */
		.pink	{ background-color: pink; }
		.brown	{ background-color: brown; }
		.blue	{ background-color: blue; }
		.green	{ background-color: green; }


#maincontainer	{ width: 990px; background-color: #fff; margin: 0 auto; }

.left	{ float: left; }
.right	{ float: right; }
.clearfloats	{ clear: both; }

.first	{ margin-left: 0 !important; }
.bottom	{ margin-bottom: 10px !important; }
.bottom2	{ margin-bottom: 20px; !important; }
.top	{ margin-top: 10px !important; }

.ltmargin	{ margin-left: 10px;}
.rtmargin	{ margin-right: 10px; }


/******************************/
/* common site controls       */
/******************************/

/** module styles **/
.module	{ padding: 10px; font-size: 12px; clear: both; }
	.module h1	{ font-size: 14px; font-weight: bold; }

.module2	{ padding: 20px; }		/* 20px padded module */


.bg-ltgrey	{ background-color: #ebebeb; }
.bg-mdgrey	{ background-color: #575453; color: #fff; }
.bg-dkgrey	{ background-color: #2d2928; color: #fff; }
.bg-white	{ background-color: #fff; }
.bg-blue	{ background-color: #5aa7c1; color: #fff; }
.bg-red		{ background-color: #ae2f42; color: #fff; }

	/* darker module link styles */
	.bg-mdgrey a:link, .bg-mdgrey a:visited,
	.bg-dkgrey a:link, .bg-dkgrey a:visited,
	.bg-blue a:link, .bg-blue a:visited,
	.bg-red a:link, .bg-red a:visited			{ color: #fff; text-decoration: none; }

	.bg-mdgrey a:hover, .bg-mdgrey a:active,
	.bg-dkgrey a:hover, .bg-dkgrey a:active,
	.bg-blue a:hover, .bg-blue a:active,
	.bg-red a:hover, .bg-red a:active			{ color: #fff; text-decoration: underline; }


/* text module styles */
.txtmodule	{ border-bottom: 3px double #c9c8c8; padding-bottom: 10px; margin-bottom: 20px; }


/* subhead styles */
.sub-ltgrey	{ border-bottom: 1px solid #c9c8c8; }
.sub-mdgrey	{ border-bottom: 1px solid #817f7e; }
.sub-dkgrey	{ border-bottom: 1px solid #625f5e; }
.sub-white	{ border-bottom: 1px solid #b0afae; }
.sub-blue	{ border-bottom: 1px solid #83bdd1; }
.sub-red	{ border-bottom: 1px solid #c26371; }
/*.sub-white	{ border-bottom: 1px solid #c9c8c8; }*/


/* smallprint styles (used for "additional info" type text: ie - fine print, rules, etc) */
.smallprint	{ margin-top: 10px; padding-top: 5px; text-align: center; font-size: 10px; }
	.ltgrey	{ border-top: 1px solid #c9c8c8; }
	.mdgrey	{ border-top: 1px solid #817f7e; }
	.dkgrey	{ border-top: 1px solid #625f5e; }
	.blue	{ border-top: 1px solid #83bdd1; }
	.red	{ border-top: 1px solid #c26371; }


/* header styles */
.header	{ background-image: url(../images/common/head_bg.gif); background-repeat: no-repeat; }
	.search .module	{ padding: 5px; font: 12px "Helvetica Neue", sans-serif; text-align: right; }
		.search form	{ margin: 0 !important; padding: 0 !important; }
		.search form label	{ margin: 5px 10px 0 0; }
		.search form input.searchfield {  width: 250px; height: 16px; color: #666; background-color: #fff; border: none !important; font: 12px "Helvetica Neue", sans-serif; padding: 2px }


/* navigation styles */
ul.sitenav	{ width: 950px; list-style: none; margin: 0 auto; }
	ul.sitenav li	{ display: inline; }
	ul.sitenav li a	{ display: block; float: left; height: 50px; background-image: url(/images/common/navsprite.gif); text-indent: -9999px; }
		ul.sitenav li a.link1	{ width: 135px; background-position: 0 0; }
		ul.sitenav li a.link2	{ width: 135px; background-position: -135px 0; }
		ul.sitenav li a.link3	{ width: 135px; background-position: -270px 0; }
		ul.sitenav li a.link4	{ width: 140px; background-position: -405px 0; }
		ul.sitenav li a.link5	{ width: 135px; background-position: -545px 0; }
		ul.sitenav li a.link6	{ width: 135px; background-position: -680px 0; }
		ul.sitenav li a.link7	{ width: 135px; background-position: -815px 0; }

		ul.sitenav li a.link1:hover, ul.sitenav li a.link1:focus	{ background-position: 0 -50px; }
		ul.sitenav li a.link2:hover, ul.sitenav li a.link2:focus	{ background-position: -135px -50px; }
		ul.sitenav li a.link3:hover, ul.sitenav li a.link3:focus	{ background-position: -270px -50px; }
		ul.sitenav li a.link4:hover, ul.sitenav li a.link4:focus	{ background-position: -405px -50px; }
		ul.sitenav li a.link5:hover, ul.sitenav li a.link5:focus	{ background-position: -545px -50px; }
		ul.sitenav li a.link6:hover, ul.sitenav li a.link6:focus	{ background-position: -680px -50px; }
		ul.sitenav li a.link7:hover, ul.sitenav li a.link7:focus	{ background-position: -815px -50px; }


			ul.sitenav a { outline: none; }

.headnav	{ background-color: #ae2f42; font: 12px /*"hoefler text",*/ georgia, sans-serif; text-transform: uppercase; /*text-shadow: 1px 1px 4px #000;*/ }
.headnav .content	{ width: 950px; margin: 0 auto; /*text-align: left;*/ }

.headnav ul	{ margin: 0; padding: 0; display: inline; } 
	.headnav ul li	{ margin: 0; margin-bottom: 0; padding: 0; list-style: none; width: 14.25%; float: left; text-align: center; }
		.headnav li a:link,
		.headnav li a:visited	{ display: block; padding: 5px; color: #fff; text-decoration: none; }
		.headnav li a:hover,
		.headnav li a:active	{ background-color: #921c29; }

		/* sections drop down styles */
		.sectionsub		{ background-color: #ae2f42; background-image: url(/images/common/bg_dropnav.gif); background-repeat: repeat-x; text-transform: uppercase; width: 950px; /*margin: 0 auto;*/ padding: 10px 0; font-size: 12px; }
			.sectionitem	{ margin: 0; width: 190px; float: left; text-align: center; /*padding: 10px;*/display: block; margin: 5px 0; }
				.sectionitem a:link,
				.sectionitem a:visited	{ text-align: center; text-decoration: none; color:#fff; padding: 5px 10px; }
				.sectionitem a:hover,
				.sectionitem a:active	{ background-color: #921c29;}



/* "read more" link styles */
.readmore a:link	{ color: #ae2f42; text-decoration: none; }
.readmore a:visited	{ color: #cc4a5e; text-decoration: none; }
.readmore a:hover,
.readmore a:active	{ color: #e8596f; text-decoration: underline; }


/* twitter module */
.twitter	{ background-color: #83bdd1; font-style: italic; line-height: 1.5; margin-top: 20px; }
	.twitter .postinfo	{ text-align: right; font-size: 11px; font-style: normal; line-height: normal; }


/* question module */
.question	{ font-size: 16px; font-style: italic; }


/* special feature styles */
.specfeatures	{ border-top: 1px solid #c9c8c8; border-bottom: 1px solid #c9c8c8; /*padding: 5px 0;*/ }
	.specfeatures .subhead	{ padding: 5px 0; border-bottom: 1px solid #c9c8c8; }
	.specfeatures .inner	{ width: 210px; height: 125px; /* height: 250px; */ }
	.specfeatures .inner h1	{ font-size: 20px; font-style: italic; font-weight: normal; /*margin-bottom: 10px;*/ }

		.specfeatures h1 a:link, .specfeatures h1 a:visited	{ color: #ae2f42; text-decoration: none; }
		.specfeatures h1 a:hover, .specfeatures h1 a:active	{ color: #e8596f; text-decoration: underline; }

		.specfeatures a:link, .specfeatures a:visited	{ color: #2d2928; text-decoration: none; }
		.specfeatures a:hover, .specfeatures a:active	{ color: #611856; }


/* "button" styles */
a.button-ltgrey,
a.button-mdgrey,
a.button-dkgrey,
a.button-bkgrey		{ font: bold 11px "Helvetica Neue", sans-serif; padding: 5px; /*width: 93%; display: block; margin: 10px 0;*/ }

	a.button-ltgrey:link,
	a.button-ltgrey:visited		{ color: #3c3c3c !important; text-decoration: none !important; border: 1px solid #ebebeb; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #ebebeb; }
	a.button-ltgrey:hover,
	a.button-ltgrey:active		{ color: #3c3c3c !important; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #ccc; }

	a.button-mdgrey:link,
	a.button-mdgrey:visited		{ color: #fff !important; text-decoration: none !important; border: 1px solid #575453; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #575453; }
	a.button-mdgrey:hover,
	a.button-mdgrey:active		{ color: #fff !important; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #ccc; }

	a.button-dkgrey:link,
	a.button-dkgrey:visited		{ color: #fff !important; text-decoration: none !important; border: 1px solid #4c4948; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #4c4948; }
	a.button-dkgrey:hover,
	a.button-dkgrey:active		{ color: #fff !important; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #ccc; }

	a.button-bkgrey:link,
	a.button-bkgrey:visited		{ color: #fff !important; text-decoration: none !important; border: 1px solid #3c3c3c; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #3c3c3c; }
	a.button-bkgrey:hover,
	a.button-bkgrey:active		{ color: #fff !important; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #ccc; }


/* pagination styles */
.pagination	{ font: 11px "Helvetica Neue", sans-serif; text-align: center; margin: 20px 0; border-top: 3px double #c9c8c8; padding-top: 20px; }
	.pagination a.page:link,
	.pagination a.page:visited	{ /*background-color: #c9c8c8;*/ border: 1px solid #c9c8c8; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 10px; margin: 0 5px; color: #999; text-decoration: none; }
	.pagination a.page:hover,
	.pagination a.page:active	{ background-color: #c9c8c8; border: 1px solid #c9c8c8; color: #fff; }

	.pagination a.prev:link,
	.pagination a.prev:visited,
	.pagination a.next:link,
	.pagination a.next:visited	{ background-color: #8c8c8c; border: 1px solid #8c8c8c; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 10px; margin: 0 5px; color: #fff; text-decoration: none; }
	.pagination a.prev:hover,
	.pagination a.prev:active,
	.pagination a.next:hover,
	.pagination a.next:active	{ background-color: #575453; border: 1px solid #575453; }

	.pagination .disabled	{ background-color: #e5e5e5; border: 1px solid #e5e5e5; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 10px; margin: 0 5px; color: #fff; }
	.pagination .current	{ background-color: #ae2f42; border: 1px solid #ae2f42; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 10px; color: #fff; }



/* footer styles */
.footer	{ padding: 30px 0; font: 11px/1.75em "Helvetica Neue", sans-serif; }
	.footercol	{ border: solid 1px #4c4948; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #4c4948; padding: 10px; }
	/* list link styles */
	.footer h1	{ font-size: 12px; font-weight: bold; border-bottom: 1px solid #625f5e; margin: 0 0 5px 0; }
	.footer ul	{ margin: 0; padding: 0; line-height: 1.5em; }
		.footer ul li	{ margin: 0; padding: 0 0 0 5px; list-style: none; }
			.footer li a:link,
			.footer li a:visited	{ color: #fff; text-decoration: none; }
			.footer li a:hover,
			.footer li a:active		{ text-decoration: underline; }

	/* copyright styles */
	.footer .module	{ margin: 20px 40px; text-align: center; padding: 20px; font: 10px "Helvetica Neue", sans-serif; }
		.footer .module img	{ margin-bottom: 10px; }


/* banner/advertising styles */
.railad	{ border: 1px solid #ccc; padding: 4px; text-align: center; }
.widead	{ text-align: center; }


/******************************/
/* homepage controls          */
/******************************/
.featurecontainer	{ width: 735px; height: 285px !important; }
	.featurephoto	{ width: 505px; }
	.featuretext	{ width: 230px; }
		.featureselect	{ }	/* to be used for feature selector buttons */

	/* slider controls */
	#myController	{ position: relative; width: 400px; z-index: 1; top: 275px; left: 10px; margin-top: -7px; }
		#myController span	{ color: #666; background: #666; margin-right: 10px; padding: 0 10px; font-size: 5px; }
			#myController span.jFlowSelected	{ background: #fff; color: #fff; }
	.jFlowPrev, .jFlowNext	{ cursor: pointer; }
	#jFlowSlide	{ float: left; }

.magcontainer	{ width: 195px; height: 285px !important; text-align: center; }
	a.issue:link img, a.issue:visited img	{ border: 1px solid #bfbfbf; }
	a.issue:hover img, a.issue:active img	{ border: 1px solid #808080; }

/******************************/
/* section page controls      */
/******************************/
.sectioncontainer	{ }
	/* gallery photo thumb styles */
	.sectioncontainer a.photo:link img, .sectioncontainer a.photo:visited img	{ border: 5px solid #ebebeb; }
	.sectioncontainer a.photo:hover img, .sectioncontainer a.photo:active img	{ border: 5px solid #bfbfbf; }

	/* container for stories */
	.sectioncontainer .module	{ margin-bottom: 30px; padding: 0 !important; }
	.sectioncontainer .module h1	{ font-size: 16px; font-weight: normal; }
	.sectioncontainer .module h2	{ font: 11px "Helvetica Neue", sans-serif; color: #ae2f42; }



/******************************/
/* secondary page controls    */
/******************************/

/* magazine cover */
.magcover	{ width: 95px; padding-right: 7px; margin-right: 7px; border-right: 1px solid #808080; }

/* random story and recent stories styles */
.randomstories	{ width: 570px; }
	.randomstories img	{ margin: 0 10px 0 0; }
	.randomstories h1	{ font-size: 16px; font-weight: normal; }

.recentstories	{ width: 240px; }
	.recentstories p	{ margin-bottom: 5px; line-height: 14px !important; font: 11px "Helvetica Neue", sans-serif; }


/******************************/
/* story page controls        */
/******************************/

.storycontainer	{ font-size: 12px; }	/* use .75em if/when the feature to let users adjust font size arises */
	.storycontainer a:link, .storycontainer a:visited	{ color: #ae2f42; text-decoration: none; }
	.storycontainer a:hover, .storycontainer a:active	{ color: #ca5566; }

/* published stamp styles - section/date */
.pubstamp	{ font: bold 11px "Helvetica Neue", sans-serif; }
	.pubstamp a:link, .pubstamp a:visited	{ color: #ae2f42; text-decoration: none; }
	.pubstamp a:hover, .pubstamp a:active	{ color: #921c29; }

/* headline styles */
.storycontainer h1	{ font-size: 22px; /*margin-bottom: 5px;*/ }
.storycontainer h2	{ font-size: 16px; margin-bottom: 15px; }

.storycontainer p	{ margin-bottom: 15px; line-height: 1.75em; }

.caption	{ font: 11px "Helvetica Neue", sans-serif; }
.photocred	{ font-weight: bold; text-align: right; margin-top: 5px; }

	/* event listings and such */
	.storylist h1	{ font-size: 20px; color: #ae2f42; margin-top: 15px; }
	.storylist b	{ color: #5aa7c1; margin-top: 5px; display: block; }


/* author bio styles */
.authormodule	{ border: 1px solid #c9c8c8; margin: 20px 0; padding: 10px; font-size: 11px; clear: both; }
	.authormodule img	{ float: left; margin: 0 15px 0 0; border: 1px solid #c9c8c8; }
	.authormodule h1	{ font-size: 16px; }

/* inset box styles */
.inset	{ width: 200px; margin: 0 0 20px 20px; }
	.inset .module	{ border-left: 2px solid #c9c8c8; padding: 10px; font: 11px "Helvetica Neue", sans-serif; color: #666; line-height: 14px !important; }

		.inset .module a:link, .inset .module a:visited	{ color: #666; text-decoration: none; }
		.inset .module a:hover, .inset .module a:active	{ color: #5aa7c1; }

		.inset .module span	{ color: #3b698a; font-weight: bold; }
		.inset .module p	{ margin: 5px 0 !important; line-height: normal !important; }

	/* inset photo thumb styles */
	.inset .module a.photo:link img, .inset .module a.photo:visited img	{ border: 5px solid #2d2928; }
	.inset .module a.photo:hover img, .inset .module a.photo:active img	{ border: 5px solid #575453; }

	.inset .icon	{ width: 18px; margin-right: 5px; }
	.inset .text	{ width: 155px; }

	.inset .additionalmodule	{ border-top: 3px double #595959; padding-top: 10px; }


/* in-story photo styles */
.photo-left		{ padding: 10px 10px 10px 0; }
.photo-right	{ padding: 10px 0 10px 10px; }


/******************************/
/* about/submission controls  */
/******************************/
.aboutcontainer	{ margin-bottom: 30px; /*padding-bottom: 10px; border-bottom: 3px double #ccc; line-height: 1.5em;*/ }
	.aboutcontainer h2	{ font: bold 14px "Helvetica Neue", sans-serif; margin: 0 0 5px 0; }
	.aboutcontainer h3	{ font: bold 11px "Helvetica Neue", sans-serif; margin: 0 0 5px 0; }

.inforail	{ font: 11px "Helvetica Neue", sans-serif; line-height: 1.15em; border: 1px solid #575453; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.inforail a:link, .inforail a:visited	{ color: #fff; text-decoration: underline; }
	.inforail a:hover, .inforail a:active	{ color: #fff; text-decoration: none; }

	.inforail h1	{ font-size: 12px; font-weight: bold; margin-bottom: 5px; }

	.inforail a.button-ltgrey,
	.inforail a.button-mdgrey,
	.inforail a.button-dkgrey,
	.inforail a.button-bkgrey		{ width: 93%; display: block; margin: 10px 0; }

/******************************/
/* photo galleries controls   */
/******************************/
.gallerycontainer	{ font-size: 12px; }
	/* gallery photo thumb styles */
	.gallerycontainer a.photo:link img, .gallerycontainer a.photo:visited img	{ border: 5px solid #2d2928; }
	.gallerycontainer a.photo:hover img, .gallerycontainer a.photo:active img	{ border: 5px solid #575453; }

	/* container for photo galleries */
	.gallerycontainer .module	{ padding: 10px 0; }

	/* container for photos in gallery */
	.gallerycontainer .photothumb	{ width: 170px; margin-right: 10px; text-align: center;}

	.gallerycontainer h1	{ font-size: 20px; font-weight: normal; }
	.gallerycontainer h2	{ font-size: 14px; font-style: italic; color: #595959; }

	/** photo gallery info - right rail **/
	.galleryinfo h1	{ font-size: 20px; font-weight: normal; line-height: normal !important; margin-bottom: 5px; }
	.galleryinfo h2	{ font-size: 14px; font-style: italic; color: #595959; margin-bottom: 10px; }
	.galleryinfo .text	{ border-bottom: 3px double #c9c8c8; padding-bottom: 10px; }

	.moregalleries	{ /*font-family: "Helvetica Neue", sans-serif;*/ line-height: normal !important; }
	.moregalleries h1	{ font: 16px georgia, serif; }

	.moregalleries p	{ line-height: 12px !important; margin: 0 !important; }
	.moregalleries .date	{ font: 11px "Helvetica Neue", sans-serif; color: #666; margin-bottom: 10px !important; line-height: 16px; }



/******************************/
/* general form page controls */
/******************************/
.generalform	{ /*border: solid 2px #2d2928; -moz-border-radius: 10px; -webkit-border-radius: 10px;*/ margin: 20px 0;}
.generalform .module	{ padding: 20px; }

	.generalform label	{ display: block; width: 150px; text-align: right; clear: left; font-size: 16px; font-weight: normal; margin-top: 5px; }

		.generalform input,
		.generalform textarea,
		.generalform select			{ font: normal 14px "Helvetica Neue", sans-serif; padding: 5px; width: 375px; margin-bottom: 15px; }
			.generalform textarea	{ height: 100px; }

		.generalform input[type="text"],
		.generalform textarea,
		.generalform select				{ border: 2px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

		.generalform input[type="text"]:focus,
		.generalform textarea:focus		{ border: 2px solid #5aa7c1; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #ddedf2; }
		
		.generalform form.bigform label { display: block; width: 100%; text-align: left; margin-top: 50px; margin-bottom: 10px; }
		.generalform form.bigform input[type="radio"] { width: 15px; display: block; float: left; /*padding-left: 30px;*/ text-align: left; vertical-align: middle; }

		.generalform form.bigform p	{ /*line-height: 1;*/ display: block; clear: left; margin-bottom: -15px; }
		
	.generalform .sendform	{ text-align: center; border-top: 1px solid #575453; padding-top: 10px; }
		.generalform input[type="submit"]	{ border: 2px solid #ebebeb; background-color: #575453; font: 18px Georgia, serif; color: #ebebeb; width: 200px; margin-bottom: 0 !important; }

		.indicate-required	{ font-size: 11px; border-top: 1px dotted #575453; margin: 0 0 20px 160px; padding-top: 5px; }
		.generalform .moreinfo	{ font-size: 11px; margin-top: 30px; }

		/* mailchimp specific controls */
		.response			{ margin: 0 0 20px 160px; font-size: 14px; padding: 15px; font-style: italic; }
			#mce-error-response	{ background-color: #412828; border: 1px solid #5d2627; color: #bd1f25; }
			#mce-success-response	{ background-color: #28362c; border: 1px solid #224832; color: #00a650; }

		.unsubscribe		{ font: 10px "Helvetica Neue", sans-serif; border: 1px solid #545453; background-color: #423f3e; padding: 5px; text-align: center; margin-top: 30px; }
			.unsubscribe a:link, .unsubscribe a:visited	{ color: #fff; text-decoration: none; }
			.unsubscribe a:hover, .unsubscribe a:active	{ color: #423f3e; background-color: #545453; }

		.rules	{ font: 10px/normal "Helvetica Neue", sans-serif; margin-bottom: 30px; }