/*
COSTUME site specific styles

NOTES:
	You should generally avoid box-model properties in this file, esp. width, padding and margins!
	If you still find it appropriate, consider all consequences!
	
	When targeting less specific elements, take care when using shorthand properties.
	It's usually better to be verbose on this level, thus allowing us to override globally
	in base.css.
	(obviously, shorthand here can conversely be used to override completely, if necessary.)
	
	NEVER apply location specific rules in here, eg. #location .element {property: value;} !!!
	If you need to apply such rules, you should add another class to the element itself, and consider
	if that (new) classname can "live" on its own. (thus being usable in another context, outside your #location)

TO-DO:
	* Get all cosmetics styles from chrome.css and content.css sheets in here!
	* Define generic link styles/colors - remember :visited !
*/
/* @group Misc. */
a {color: #000;}

.benTags a { color:#dd86b6; }

.marketingAd {background: url(../images/pile.gif) no-repeat right top; border: solid #ddd; border-width: 1px 0;}

.linkList {list-style: none;}
	.linkList li {background: url(../images/listBullets/standard.gif) no-repeat left top;}
		.linkList li span.category a { text-decoration: none; color: #dd86b6;}
		.linkList li span.category a:hover {text-decoration: underline;}
		.linkList li a {text-decoration: none; color: #373737; font: normal 112.5% Georgia, Times, 'Times New Roman', serif;}
		.linkList li a:hover {text-decoration: underline; }

.imgMain {margin-bottom: 0; padding: 5px; background: #000;}
.imgBoxed {margin-bottom: 10px;}
.imgMain.img620, .imgMain.img380 {padding: 5px;}

.imgMain.img380,
	.imgMain.img380 img {width: 370px;}

.imgCaption {
	border: 0;
	color: #fff;
	font: normal 1.0em "Verdana", Arial, sans-serif;
	}
.img210 .imgCaption {padding-bottom: 0;}
.imgMain.img620, .img620 .imgCaption {background-color: transparent; color: #000;}

.galleryThumbnails {
	width: 100%;
	padding: 0; padding-bottom: 5px;
	border-bottom: 3px double #ddd;
	background: #000;
	}
.grid_5 .galleryThumbnails {padding: 5px 0 5px 5px; width: 375px; border: 0;}
.grid_3 .galleryThumbnails li {margin: 5px 0 6px 6px;}

.galleryThumbnails li.current, .galleryThumbnails li:hover {outline-color: #dd86b6;}
	.galleryThumbnails li.current img, .galleryThumbnails li img:hover {outline-color: #9d5f81;}

.info {border: solid #ddd; border-width: 1px 0; background: #f7f6f6;}

.columnListHighlight {background: #E8E4E2;}
	.columnListHighlight li .header a,
	.columnListHighlight li .copy,
		.columnListHighlight li .copy a {color: #2b2b2b;}

.button {
	float: left;
	text-decoration: none;
	padding: 5px 10px;
	}

.callout.button {background: #222; color: #fff !important;}
.callout.button:hover {background: #222;}
.callout.button:active {background: #888;}

#commentForm button {background: #222; padding: 5px 10px; color: white;}

/* @end */

/* @group Typography */
.copy a {text-decoration: underline; color: #000;}
.copy a:link {color: #000; text-decoration: underline;}
.copy a:visited {color: #333; text-decoration: underline;}
.copy a:hover, .copy a:active {color: #000; text-decoration: none;}

.copyMetaInfo {color: #2b2b2b;}

.callout {color: #dd86b6; font-size: 1.2em;}

.copyProminent {font-size: 1.8em;}
	.copyProminent a.callout {margin-right: 5px; color: #dd86b6; font-size: 1em;}
	.copyProminent a.callout.current {color: #222; text-decoration: none;}

a.goTo, .goTo a {color: #999; text-decoration: underline;}
a.goTo:hover, .goTo a:hover {color: #000; text-decoration: none;}

.tabs .currentTab { color: #dd86b6; }
	.tabs li { background: #000; }
		.tabs li a:hover {text-decoration: none;}

	/* @group Headers */
	.header {font-family: Georgia, "Times New Roman", Times, serif; font-weight: 100; color: #2b2b2b;}
		.header a:hover {color: #000;}
	
	.headerSecondary {padding: 5px 0; text-decoration: none;}

	.headerSection {
		padding: 4px 8px;
		border: solid; border-width: 1px 0; border-color: #ddd8d3 transparent #fff;
		background: #cbc4bf;
		color: #fff;
		}
	
	.headerBlock {border-bottom: 1px solid #bbb;}
	.headerCompetition {color: #fff;}
	
	.headerCallout {
		margin-bottom: 1px;
		border-bottom: 4px solid #000;
		color: #686868;
		font-size: 2em; line-height: .8em;
		font-weight: normal;
		letter-spacing: 0.1ex;
		text-transform: uppercase;
		}
		.headerCallout a { color: #686868; }
		.headerSection a:hover { color: #000; text-decoration: none; }

	.columnList li .headerCallout {font-weight: normal; margin-bottom: 1px;}
		.columnList li .headerCallout a:hover {text-decoration: none;}
	/* @end */
/* @end */

/* @group BenForm */
#benForm fieldset {width: 30%; border-color: #ccc;}
#benForm fieldset#benFormOptions {
	float: left; display: inline;
	width: 600px; padding: 10px;
	border: solid #ccc; border-width: 1px 0;
	background: #eee;
	}
#benFormOptions label[for=benFormOptions_comment] {float: none; clear: both; display: block; margin: 5px 0;}
#benFormOptions textarea {margin-left: 0;}
#benForm .benFormAcceptSubmit .importantFields {margin: 10px 0; padding: 10px 0 5px; border: solid #ccc; border-width: 1px 0;}
#benForm button {margin-right: 18.1%;}
/* @end */

/* @group Widgets */
	/* @group Global */
	.widget .copyProceed {border-bottom: 1px solid #bfbfbf;}
		.widget .copyProceed a {font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #005699; text-decoration: none;}
		.widget .copyProceed a:hover {color: #4c9fe0;}
	/* @end */

	/* @group Articles */
	.widget_article_list ul li strong { font-size: 1.4em; }
	.widget_article_list ul li a { font-family: Georgia,Times,Times New Roman,serif; }
	.widget_article_list ul li span.goTo { color: #005699; text-decoration: none; text-transform: uppercase; font-family: Verdana,Arial,Helvetica,sans-serif; }
	.widget_article_list ul li span.category a { color: #DD86B6; }
	/* @end */

	/* @group Rotator */
		.widget_article_rotator .tabList li + li {border-color: #cbc4bf;}
			.widget_article_rotator .tabList li a {background: #efebe8; font-family: Georgia, Times, 'Times New Roman', serif;}
			.widget_article_rotator .tabList li.selected a {background: #d3cdc8;}
				.widget_article_rotator .tabList li a strong {font-weight: normal;}

			.widget_article_rotator .stay_right .textWrapper .header {color: #fff;}
	/* @end */

	/* @group Competitions */
	.widget_competition strong { font-size: 1.4em; }
	.widget_competition a { font-family: Georgia,Times,Times New Roman,serif; }
	.widget_competition span.goTo { color: #005699; text-decoration: none; font-family: Verdana,Arial,Helvetica,sans-serif; }
	.widget_competition span.category { color: #DD86B6; }
	/* @end */

	/* @group Theme Box */
	.widget_special_theme_box {background: #e8e4e2; font-family: Georgia, "Times New Roman", Times, serif;}
		.widget_special_theme_box .grid_3 li + li {margin-top: 5px; padding-left: 0;}
			.widget_special_theme_box .grid_3 .imgLink {margin-left: 0; margin-right: 10px;}
			.widget_special_theme_box .grid_3 .headerTertiary {font-size: 1.4em; font-family: inherit;}

			.widget_special_theme_box .grid_3 a {text-decoration: none;}
			.widget_special_theme_box .grid_3 a:hover {text-decoration: underline;}
	/* @end */
	
	/* @group Calendar */
	.widget_calendar .calendar .headerSecondary {
		padding-bottom: 31px;
		background-image: url(../images/calendar/costumeCalendar_events.gif);
		text-indent: -9999px;
		}
	/* @end */
/* @end */