/*
Theme Name: CCC
Theme URI: http://communitycc.net/
Description: Derived from the Thrive Baltimore theme by Robert Spangler.
Version: 2009
Author: Zak Ainsworth
*/

body {
	font: .75em Arial, Helvetica, sans-serif;
	color: #EEE;
	background: #000000;
	margin: 0; padding: 0;
	scrollbar-face-color: #000000; /*/ obviously change this to whatever you want /*/
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFBF0;
	scrollbar-3dlight-color: #808080;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #808080;
	scrollbar-track-color: #cccccc;	
}

/*--------------------------------------------
General and Class */
img {border: 0;}
p {margin: 0 0 18px 0; padding: 0;}
h1 {font: 2em Arial, Helvetica, sans-serif; color:#EEE; font-weight: bold; text-transform: uppercase; margin: 0 0 12px; padding: 0;}
h2 {font: 1.8em Arial, Helvetica, sans-serif; color:#EEE; font-weight: bold; margin: 14px 0 6px 0;}
h3 {font: 1.4em Arial, Helvetica, sans-serif; font-weight: normal; margin: 14px 0 4px 0;}
h4 {font: 1.2em Arial, Helvetica, sans-serif; font-weight: normal; margin: 12px 0 4px 0;}
small, .small {font-size: .9em;}
form {margin: 0; padding: 0;}
blockquote {border-left: 2px solid #ccc; font-weight: bold; font-size: .9em; margin: 20px 30px 10px 10px; padding: 0 6px;}
hr {background: #ddd; border: 0; color: #ddd; height: 1px; margin: 2px 0 8px 0;}
input, textarea {font: 1em Arial, Verdana, Sans-Serif;}
dl {margin: 0 0 10px; padding: 0;}
dt {font-weight: bold;}
dd {margin-left: 0; padding-left: 10px;}
label {cursor: pointer;}
small, .small {font-size: .8em;}
a {color: #f26522;}
a:hover {color: #f26522;}

a.eventlinks {color: #ffffff; text-decoration: none;}
a.eventlinks:hover {color: #f26522; text-decoration: none;}

.eventTitle
{
	font: 1.4em Arial, Helvetica, sans-serif; 
	color: #fffff;
	font-weight: bold; 
}

.clear {clear: both;}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}/* Hide from IE Mac \*/
.clearfix {display:block;}

input.input-text,
input#s,
textarea {
	border-top: 1px solid #777;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	padding: 4px;
	background: #fff url('images/input-text_bg.gif') repeat-x top;
	font: 1em Arial, Helvetica, sans-serif;
}
input.populate {color: #555;}
/* General and Class
--------------------------------------------*/


/*--------------------------------------------
Header */
#header {
	width: 960px;
	height: 71px;  /* changed from 91px */
}
#header  a {
	color: #fff;
	text-decoration: none;
	font-size: 24pt;
	position: relative;
}

#headerlink {
	width: 200px;
	height: 71px;  /* changed from 91px */
}

/* Header
--------------------------------------------*/


/*--------------------------------------------
Wrapper */
#wrapper {
	width: 100%;
	height: 618px;
	background: url('images/page-wrapper_bg.jpg') no-repeat top center;
	padding-bottom: 0px; /*changed from 40px to fit everything vertically */
}

#container {
	width: 960px;
	margin: 0 auto;
}

#canvas {
	position: relative;
	width: 960px;
	height: 425px;
	padding: 5px 0 0 0;
	/*background: #e2e4d9 url('images/container-main_bg.png') no-repeat top center;*/
}
/* Wrapper
--------------------------------------------*/


/*--------------------------------------------
Content */
#content {
	margin: 0px 0 0 0px;
	/*width: 660px;
	height: 416px;*/
	width: 649px;
	height: 380px;
	float: left;
	padding: 8px 5px 0 14px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative; /*Added because IE7 won't scroll form elements without it */
}
	#content p {
		line-height: 1.6;
	}
	#content ul {
		margin-bottom: 18px;
	}
		#content ul li {
			line-height: 1.4;
			margin-bottom: 6px;
		}

#mission {
	position: absolute;
	 top: 5px;
	 left: 675px;
	width: 270px;
	height: 410px; /*was 385*/
	padding: 5px 4px;
	overflow-y: hidden;
	overflow-x: hidden;
	/*background: url('images/mission-statement.gif') no-repeat top left;*/
}
	/*#mission em {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}*/
/* Content
--------------------------------------------*/


.messageplayer {
width: 500px;
height: 397px;
padding: 5px 5px;
overflow: auto;
background-color: transparent;
position: absolute;
overflow-y: auto;
z-index: 2;
border: 0px solid yellow;
}

/*--------------------------------------------
Navigation */
#navigation {
	position: absolute;
	  bottom: 0;
	  left: 0;
	width: 950px;
	height: 23px;  /* changed from 33px */
	padding: 0px 0 0 0;
}
	#navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#navigation ul li {
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
		}
			#navigation ul li a {
				display: inline-block;
				float: left;
				font: 14px Arial, Helvetica, sans-serif;
				color: #FFFFFF;
				text-decoration: none;
				text-transform: uppercase;
				padding: 2px 2px;
				margin: 0 0 0 18px;
			}
			#navigation ul li a:hover {
				color: #f26522;
			}
			#navigation ul li.current_page_item a,
			#navigation ul li.current_page_parent a {
				border-top: 0px solid #FFF; /* changed from 3px top border */
				color: #f26522;
			}
				#navigation ul li ul {
					list-style: none;
					position: absolute;
					 top: -999em;
					margin: 0;
				}

				#navigation ul li:hover ul,
				#navigation ul li.sfHover ul {
					top: 25px;
					left: 0;
					padding: 5px 15px 15px 0;
				}
					#navigation ul li ul li {
						 border: 0;
						 float: none;
						 margin: 0;
						 padding: 0;
					}
						#navigation ul li ul li a,
						#navigation ul li.current_page_item ul li a,
						#navigation ul li.current_page_parent ul li a {
							display: block;
							color: #FFF;
							width: 120px;
							float: none;
							text-transform: none;
							font-size: 11px;
							padding: 2px 0 0px 4px;
							border-top: 0;
							border-left: 2px solid #FFF;
						}
						#navigation ul li ul li.current_page_item a {
							display: block;
							color: #f26522;
							width: 120px;
							font-weight: bold;
							float: none;
							text-transform: none;
							font-size: 11px;
							padding: 2px 0 0px 4px;
							border-top: 0;
							border-left: 2px solid #FFF;
						}
						#navigation ul li ul li a:hover {
							border-top: 0;
							color: #f26522;
						}
						.sf-sub-indicator {display: none;}
/* Navigation
--------------------------------------------*/


/*--------------------------------------------
Footer */
#footer {
	width: 960px;
	text-align: right;
	color: #ccc;
	font-size: .9em;
	padding: 0 4px 0 0;
	border: 1px solid yellow;
	}
/* Footer
--------------------------------------------*/

/*------------------------------------------
sIFR */ 
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. 
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
*/

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*
.sIFR-hasFlash h1 {
	visibility: hidden;
}
*/
/*
.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/
/* sIFR
--------------------------------------------*/

ul.wplc_event_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul.wplc_event_list li {
		margin: 0 0 12px 0;
		padding: 0 0 12px 0;
		border-bottom: 1px dotted #a58d60;

	}
		ul.wplc_event_list li strong {
			font-size: 1.2em;
		}
		ul.wplc_event_list li .datetime {
			color: #222;
			margin: 0 0 2px;
		}
		ul.wplc_event_list li .description {
			margin-left: 20px;
		}



/*--------------------------------------------
WordPress Styles */
ul#home_description {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
}
	ul#home_description li {
		line-height: 1.5;
		margin: 0;
		padding: 0;
	}
.post-excerpt {
	border: 1px dotted #a58d60;
	padding: 10px;
	margin-bottom: 15px;
}
	.post-excerpt h2 {
		text-transform: uppercase;
		margin: 0;
		padding: 0;
		font-size: 1.5em;
	}
	.post-excerpt p.meta {
		text-transform: uppercase;
		font-size: .9em;
		margin: 0 0 14px;
		padding: 0;
		border-bottom: 1px solid #a58d60;
	}
	.post-excerpt p.options {
		font-size: .9em;
		margin: 0;
		padding: 0;
	}

.post-single {
	margin: 0;
	padding: 0;
}
	.post-single h1 {
		margin-bottom: 0;
		padding: 0;
	}
	.post-single p.meta {
		text-transform: uppercase;
		font-size: .9em;
		margin: 0 0 14px;
		padding: 0;
		border-bottom: 1px solid #a58d60;
	}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 3px double #571900;
	text-align: center;
	background-color: #260B00;
	padding-top: 4px;
	margin: 10px 10px 18px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* WordPress Styles
--------------------------------------------*/

.input
{
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	background-color: #ffffff;
	font-family: arial, Verdana;
	font-size: 11px;
	font-weight: bold;		
	color: #000000;
	padding: 1px;
	height: 15px;
}

.submit
{
	BACKGROUND-COLOR: Transparent;
	font-family: arial, Verdana;
	font-size: 11px;
	font-weight: bold;		
	color: #ffffff;
	border: #ffffff 1px solid;
	height: 20px;	
	width: 150px;
}

.dropdown
{
	BACKGROUND: orange;
	font-family: arial, Verdana;
	font-size: 11px;
	font-weight: bold;		
	color: #ffffff;
	border: #ffffff 1px solid;
	height: 13px;	
}

.nav
{
	position: absolute;
	width: 636px;
	text-align: center;
}


.staffleft {
	margin: 0px;
	width: 310px;
	float: left;
	padding: 2px 2px 2px 2px;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: center;
	position: relative; /*Added because IE7 won't scroll form elements without it */
}

.staffright {
	margin: 0px;
	width: 310px;
	float: left;
	padding: 2px 2px 2px 2px;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: center;
	position: relative; /*Added because IE7 won't scroll form elements without it */
}