@charset "utf-8";

/* CSS Version 3.0 
==================================================*/

/* ==============================
	Tags
==============================*/

/* Help IE not to be retarded: */
HTML { font-size: 100%; }

BODY {
	/* Scale Default Font Size 16px -> 10px : */
	font: 62.5% Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin: 0; /* Margin and padding forced to 0 */
	padding: 0; /* Margin and padding forced to 0 */
	text-align: center;
	/*color: #9aa098;*/
	color: #adb3a5;
	background-color: #0A0A0A;
	background-image: url(../images/bg_layout-meta.jpg);
	background-repeat: repeat-y;
	background-position: center center;
}

/* All links share the same color, visited or not: */
/*A:link { color: #837127; }*/

/* NO UNDERLINE ON LINKS: */
A { text-decoration: none !important; }

A:link, A:visited { color: #9db371; }

A:hover, A:active { color: #BDCCA8; }
/*A:hover, A:active { color: #9db371; }*/

/* Fade Mouse-over effect on all images that are links  */
/* Also, global "no border" setting on all image-links  */
/* Default: Start faded, 100% on mouseover. */
/*
A IMG 		{ opacity: 0.75; border: none; }
A:hover IMG { opacity: 1; }
*//* Alternate: Start 100%, fade on mouseover:*/
A IMG 		{ opacity: 1; border: none; }
A:hover IMG { opacity: 0.75; }

/* Global Heading Setings: */
H1, H2, H3, H4, H5, H6 { color: #bcbe96; font-weight: bold; letter-spacing: 0.1em; }
/*H1, H2, H3, H4, H5, H6 { color: #ffffff; font-weight: bold; }*/

/* Parent Font Size is 10px, from #layout_meta */
H1 { font-size: 2em; }
H2 { font-size: 1.5em; }
H3 { font-size: 1.25em; }
H4 { font-size: 1em; }
H5 { font-size: 0.8333em; }
H6 { font-size: 0.75em; }

/* Explicit / Nested Sizing Settings: */
/*TABLE, FORM {font-size: 100%; }*/
INPUT, SELECT, TH, TD, LI { font-size: 1em; }
LI LI, LI P, TD P, BLOCKQUOTE P { font-size: 1em; }

FORM INPUT, FORM SELECT, FORM TEXTAREA {
	font-size: 0.9166em; /* 12px -> 11px */
	font-weight: bold;
	color: #000000;
	border: 1px inset #666666;
	/* Moved all -moz attributes to style_moz.css:: -moz-border-radius: 7px;*/
	padding: 2px 7px;
/*	margin: 2px;*/
	background-color: #D5D9C8;
	font-family: "Courier New", Courier, monospace;
}

FORM INPUT { vertical-align: middle; }

HR {
	height: 1px;
	border: 1px dashed #4f514e;
	text-align: center !important;
	width: 75%;
}

FORM LABEL {
	width: 10em;
	margin-right: 1.5em;
	margin-top: 0.2em;
	float: left;
	text-align: right;
	display: block;
}


/* ==============================
	ID Blocks
==============================*/

#layout_meta {
	text-align: left;
	width: 790px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	/* Absolute positioning work-around for the "]>" bug
	introduced with custom DTD elements (AddThis attributes) */
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -395px; /* Half of the block's width for off-set */
	/* Built BG into BODY:
	background-image: url(../images/bg_layout-meta.jpg);
	background-repeat: repeat-y;
	background-position: center center; */
}

#layout_left-column {
	font-size: 1.2em; /* 10px (from parent, BODY) scaled to 12px */
	float: left;
	width: 500px; /* reduced by 15+15 for padding */
	/* Shared Properties of all Left Column Boxes: 
	margin-left: 15px;
	margin-right: 15px; */
	margin: 0 10px 0 20px; /*  --> 20    10 <--  */
	/* margin-top and margin-bottom: 0px - Default */
	overflow: hidden;
} 

#layout_right-column {
	font-size: 1.1em; /* 10px (from parent, BODY) -> 11px */
	float: right;
	margin: 0 20px 0 0; /*  --> 0    20 <-- ( 0 Left prevents float drop )*/
	width: 240px; 
} 

#layout_banner {
	background-image: url(../images/centered-header-jpg.jpg);
	background-repeat: no-repeat;
/*	background-color: #070d09; */
	height: 150px;
	background-position: center;
}

#layout_navigation {
	font-size: 1em;  /* 10px (from parent, BODY) scaled to 10px */
	background-image: url(../images/navigation/icons/down-bg-image.jpg);
	background-repeat: no-repeat;
/*	background-color: #070d09; */
	height: 29px;
	text-align: center;
	background-position: center;
	padding: 0 20px;
}

#layout_badges {
	text-align: center;
	vertical-align: middle;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

#layout_footer {
	font-size: 1em; /* 10px (from parent, BODY) */
	text-align: center;
	padding-top: 25px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#welcome {	
	background-color: #6E6B4A;
	background-image: url(../images/banner-audience_bg-2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 10px 0px 10px 10px;
}


/*  Navigation Properties  */
/* ======================= */

#button-home {
	background-image: url(../images/navigation/icons/home-css.jpg);
	background-position: 0px 0px;
	width: 119px;
	float: left;
}

#button-about {
	background-image: url(../images/navigation/icons/about-css.jpg);
	background-position: 0px 0px;
	width: 94px;
	float: left;
}

#button-events {
	background-image: url(../images/navigation/icons/events-css.jpg);
	background-position: 0px 0px;
	width: 106px;
	float: left;
}

#button-design {
	background-image: url(../images/navigation/icons/design-css.jpg);
	background-position: 0px 0px;
	width: 103px;
	float: left;
}

#button-merch {
	background-image: url(../images/navigation/icons/merch-css.jpg);
	background-position: 0px 0px;
	width: 95px;
	float: left;
}

#button-links {
	background-image: url(../images/navigation/icons/links-css.jpg);
	background-position: 0px 0px;
	width: 85px;
	float: left;
}

#button-contact {
	background-image: url(../images/navigation/icons/contact-css.jpg);
	background-position: 0px 0px;
	width: 148px;  /* 2px smaller to correct float-drop */
	float: left;
}

#button-home:hover, #button-home:active,
#button-about:hover, #button-about:active,
#button-events:hover, #button-events:active,
#button-design:hover, #button-design:active,
#button-merch:hover, #button-merch:active,
#button-links:hover, #button-links:active,
#button-contact:hover, #button-contact:active {
	background-position: 0px 29px;
	cursor: pointer;
}

.nav_dead {
	background-image: none !important;
	cursor: default !important;
	border: 0;
}


/* ==============================
	Classes
==============================*/

.float_left { float: left; text-align: left; }
.float_right { float: right; text-align: right; }

.clear_left { clear: left; text-align: left; }
.clear_right { clear: right; text-align: right; }
.clear_both { clear: both; }
.clear_none { clear: none; }

.border_solid { border: 3px solid #4f514e; /* Moved all -moz attributes to style_moz.css:: -moz-border-radius: 7px;*/ }
.border_dashed { border: 1px dashed #4f514e; /* Moved all -moz attributes to style_moz.css:: -moz-border-radius: 7px;*/ }
.border_icon { border: 3px solid #4f514e; /* Moved all -moz attributes to style_moz.css:: -moz-border-radius: 7px; */}
.border_none { border: 0; }

.bg_navy { background-color: #001621; }
.bg_gray { background-color: #4f514e; }
.bg_green { background-color: #21240a; }
.bg_black { background-color: #000000; }
.bg_submit { background-image: url(../images/buttons/submit-button.gif); }
.bg_reset { background-image: url(../images/buttons/reset-button.gif); }
.bg_box-header-green { 
	background-image: url(../images/bg_container-grad-bar.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #0a0a0a;
}
.bg_box-header-green_old { 
	background-image: url(../images/bg_container_gradient-green-top.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #000;
}
.bg_box-header-gray { 
	background-image: url(../images/bg_container-grad-bar_gray.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #000;
}
.bg_box-header-gray-anchor-right { 
	background-image: url(../images/bg_container_gray-right-align.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #000;
}

/*.bg_event-icon {
	background-repeat: no-repeat;
	background-position: top right;
	width: 50px;
	height: 50px;
	border: 3px solid #4f514e; -moz-border-radius: 7px;
}*/


/* Text Properties */
/* =============== */

.text_red {	color: #FF0000; }
.text_green { color: #768C00; }
.text_gray { color:#9aa098; }
.text_pale { color: #bcbe96; }
.text_dark { color: #070d09; }
.text_bright { color: #F1F1E9; }

.text_monospace { font-family: "Courier New", Courier, monospace; }
.text_small { font-size: 0.8333em; }
.text_large { font-size: 1.25em; }

.text_strike { text-decoration: line-through; }

.text_italic { font-style: italic; }
.text_bold   { font-weight: bold; }

.text_align_center { text-align: center; }
.text_align_left  { text-align: left; }
.text_align_right { text-align: right; }

/*  Content Areas  */
/* =============== */

/* Hide Element from User: */
.hidden 	 { display: none; }
.requiredLOL { display: none; }

.box_header {
	vertical-align: middle;
	height: 16px;
	font-size: 1.25em;
	color:#9aa098;
	font-weight: bold;
	/*background-image: url(images/event-headline_bg.jpg);
	background-color: #454545;
	background-repeat: repeat-y;
	background-position: left top;*/
}

.box_footer {
	margin-bottom: 15px;
	text-align: right;
	vertical-align: middle;
	/*display: inline;*/
}

.box_padding {
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}


/* Image Formatting */
/* ================ */

.box_back-to-top {
	/*width: 110px;*/
	height: 16px;
	background-image: url(../images/up-arrow_x2.gif);
	background-position: 0px 0px;
	float: left;
	background-repeat: repeat-y;
	text-align: left;
}

.box_back-to-top:active , .box_back-to-top:hover{
	background-position: 0px 16px;
	cursor:pointer;
}

.img_form-button {
	opacity: 0.75;
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	width: 52px;
	border: none !important;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.img_form-button:hover, .img_form-button:active {
	opacity: 1.0;
	cursor: pointer;
}

.add-button {
	border: 0;
	background-image: url(../images/buttons/add-button.jpg);
	opacity: 0.75;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 20px;
}

.submit-button:hover, .submit-button:active, 
.reset-button:hover, .reset-button:active, 
.add-button:hover, .add-button:active { opacity: 1.0; cursor: pointer; }

.img_inset-left {
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: top;
	float: left;
	clear: left;
}

.img_inset-right {
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: top;
	float: right;
	clear: left;
}
.img_pad-right {
	margin-right: 10px;
}


/*  Misc. Properties */
/* ================= */

/* Class for right-floated "date" blocks - 
	- push down from top by 1.25em (15px) to align with H3 level */
.margin_top-h3 { margin-top: 1.25em; }



/* Testing Use */
.event_box {
	float: left;
/*	border: 1px dashed #4f514e; /* Moved all -moz attributes to style_moz.css:: -moz-border-radius: 7px;*/
	width: 140px;
	min-height: 220px;
/*	padding: 5px 15px;*/
	margin: 0 16px 14px 0;
	
}
.clear_fix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/* CKEditor CSS Overrides */
.cke_dialog_contents{
}
.cke_dialog_body{
}

.no_underline {
	text-decoration: none;
}
/*
.no_underline STRONG {
	text-decoration:underline;
}*/
.fbDarkWidget {
	border:none !important;
	border-width: 0px !important;
}