/*	Interstate Firehouse Cultural Center - Basic Stylesheet
	IFCC.css
	(c) 2008 Geekfire
	by Daniel Toman
	
	Distributed under the terms of the Geekfire License, available at http://www.geekfire.com/license 
	
	Thanks for looking!
*/


/* Global page styles */
html,body { height: 100%; }
* { margin: 0px; padding: 0px; } /* default styles for any element */
body { 
	background-color: black;
	background-position: top left;
	background-image: url(/media/images/demo-bg1.jpg);
	background-repeat: no-repeat;
	font-family: Geneva, sans-serif; 
	min-width: 920px; /* needed for IE7 */
}

/* block element styles */
.clearbox { clear: both; height: 0px; } /* this clears floats when needed. crucial for layout! */
.hidden { display: none; }

/* text/link styles */
#rightbar a.black, #rightbar a.black:hover, #rightbar a.black:visited, #rightbar a.black:active { color: black; }
a.white, a.white:hover, a.white:visited, a.white:active { color: white; }
a { /* color: black; */ color: #990; } a:visited, a:active { color: #990; } a:hover { color: #f90; } /* default link styles */
/* a.green { color: #990; } */

h4,h5,h6 { margin: 5px 0px; }
h1,h2,h3 { margin: 15px 0px; }
h1 { color: #444; }
p { margin: 5px 0px 10px 0px; }
select,input { font-size: smaller; }

/* image styles */
img.floatleft { float: left; margin: 5px 15px 5px 0px; }
img.floatright { float: right; margin: 5px 0px 5px 15px; }
a img { border: none; }

/* Basic layout blocks */

#header {  /* Header contains everything within the horizontal banner at the top of the screen */
	height: 120px;
	width: 895px;
	color: white;
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	margin-top: 10px;
}
	
#leftbar {/* Leftbar contains everything in the leftmost vertical banner */
	width: 170px;
	color: white;
	position: absolute; top: 150px; left: 0px;
}

#tabs { width: 895px; } /* tabs come just before pagebody */

#pagebody { /* everything in the body of the page, contains columns (content and right menu.) */
	background-color: white;
	background-image: url(/media/images/2column.png);
	background-repeat: repeat-y;
	background-position: right;
	width: 725px;  /* 525px (content) + 200px (rightbar) */
	margin: 0px 0px 20px 170px;
	clear: both;
/*	min-height: 100%; */
	min-height: 85%;  /* decreased per Michael */
}

#content {  /* body text of the page. */
	float: left;
	width: 490px;
	padding: 20px 15px 40px 20px;
}
		
#rightbar { /* Right menu bar, attached to content */
	height: 100%;
	width: 180px;
	padding: 20px 5px 20px 15px;
	float: right;
	font-size: small;
}	
		
#footer {  /* Page footer */
	background-color: #f90;
	color: white; 
	font-size: x-small; 
	padding: 5px 0px; 
	width: 100%;
	clear: both;
}
	

/* specific layout styles */

/* header styles */
#topslogan { 
	text-transform: lowercase; 
	float: right; text-align:right; /* this should let us position based on right edge. */
	padding: 80px 20px 0px 0px;
	font-size: medium; 
	font-weight: 100; 
	color: white;
}
#header-logo { float: left; width: 342px; height: 108px; border: none; margin-left: 11px; }
a#logowrapper { border: none; width: 342px; height: 108px; }

/* leftbar styles */		
#leftmenu { list-style-type: none; }
#leftmenu li { margin: 1px 0px; padding: 10px; }
#leftmenu li:hover { background-image: url(/media/images/trans50.png); } /* IE<7 doesn't understand li:hover. */
#leftmenu a { color: white; background: transparent; text-decoration: none; font-size: medium; }
li.support { background: #cc0; text-transform: uppercase; padding: 15px 10px; border: solid #bcbc00; border-width: 1px 0px; }
li.enews_area:hover { background: #e1e100; border-right: none; }
li.support:hover { background: #e1e100; border-right: none;}
li.support a { color: black; font-weight: bold; }

/* leftbar listserv form styles */
form#listserv { /* E-news signup form on leftbar */
	padding: 10px 0px 2px 10px; 
	width: 160px; 
	overflow: hidden;
} 
span#listserv-submenu { display: block; font-size: xx-small; text-transform: lowercase; /* padding-bottom: 10px; */ }	
form#listserv input { float: left; font-size: 10px; width: 125px; margin-top: 1px;}
button#listserv-submit { 
	padding-right: 5px;
	margin: 0px; 
	border: 0px; 
	background: transparent; 
	cursor: pointer;
	float: right;
}

/* tabs styles */
#content-tabs { display: block; width: 695px; text-align: right; float: left;}
.content-tab, .content-tab:visited, .content-tab:active { 
	background: #f90; 
	color: white; 
	font-size: small; 
	padding: 2px 5px 2px 5px; 
	text-decoration: none;
}
.content-tab:hover { background: white; color: black; }
#rightbar-tabs { 
	display: block; 
	width: auto; 
	float: right; 
	text-align: left; 
	padding-right: 10px; 
	color: white;
}		
.rightbar-tab, .rightbar-tab:visited, .rightbar-tab:active { 
	background: transparent; 
	color: white; 
	font-size: small; 
	text-transform: lowercase; 
	text-decoration: none;
}
.rightbar-tab:hover { color: #ddd; }

/* pagebody/content styles */
#content p, #content ul, #content ol, #content dl { font-size: small; }
#content ul { margin: 5px 0px 10px 20px; }
#content ol { margin: 5px 0px 10px 25px; }
#content dl { margin: 5px 0px 10px 0px; }
#content li, #content dt, #content dd { margin-bottom: 5px; }
#content dd { margin-left: 20px; }


/* rightbar styles */
h3.rightbar, .h3-rightbar { color: black; margin: 3px 0px 15px 0px; font-size: 15px; font-weight: bold; }
p.rightbar, .rightbar-news p { font-size: smaller; margin: 5px 0px 15px 0px; }
.rightbar-news a, .rightbar-news a:hover, .rightbar-news a:visited, .rightbar-news a:active { color: black; }
.h3-rightbar a, .h3-rightbar a:hover, .h3-rightbar a:visited, .h3-rightbar a:active { color: black; }


/* rightbar calendar (aka minical) */
h3#rightbar-calendar-head { margin: 0px; /* color: #333; */}
div.rightbar-calendar { width: 170px; margin: 0px 5px 20px 5px; }
h4.rightbar-calendar-title { text-align: right; font-weight: normal; color: #6a6104; margin: 0px; }	
h4.rightbar-calendar-title a, h4.rightbar-calendar-title a:visited, h4.rightbar-calendar-title a:active {
	text-decoration: none; color: #6a6104; font-weight: bold;
}
a.rightbar-calendar-leftarrow { float: left; }
a.rightbar-calendar-rightarrow { text-align: right; padding-left: 10px; }
table.rightbar-calendar { 
	width: 90%; 
	padding: 3px; 
/*	color: #6a6104; */ color: black;
	border-bottom: 1px solid #6a6104; 
	font-size: 12px;
	border-collapse: collapse;
}
h4.rightbar-calendar { /* color: #6a6104; */ color: black; margin-top: 10px; }
th.daysofweek { font-weight: bold; text-transform: lowercase;  border-bottom: 1px solid #6a6104; color: #6a6104; }
#viewby-box { background: #f5f5e9; width: 145px; padding: 2px 5px 2px 10px; border: 1px solid #ccc; }
#viewby { vertical-align: middle; }
div#viewby-box select { width: 110px; margin: 0px; padding: 0px; border: 1px solid #aaa; }
button#rightbar-calendar-submit { 
	margin: 0px 0px 0px 5px;
	border: 0px; 
	background: transparent; 
	cursor: pointer;
	vertical-align: middle;
}
button#rightbar-calendar-submit img { width: 17px; margin: 0px; padding: 0px; border: none; }
table.rightbar-calendar td, th{ padding: 3px 6px 3px 0px; text-align: right; }
table.rightbar-calendar td a, table.rightbar-calendar td a:visited, table.rightbar-calendar td a:active {
	text-decoration: none; font-weight: bold; color: inherit;
}
td.rightbar-calendar-outofmonth { color: #6a6104; } 
img.rightbar-event-img { margin: 5px 0px; padding: 0px; width: 150px; display: block; }

/* footer styles */
#footer p { margin: 0px; min-width: 900px; width: 100%; text-align: center; }



/* styles specific to particular page templates */

/* home page specific styles */
img.homepage { width: 490px; overflow: hidden; margin-bottom: 5px; }
div#whatsnew { float: right; width: 200px; margin-left: 25px; }
div#whatsnew p { border-left: 1px solid #990; padding-left: 25px; font-size: 12px; }
div#whatsnew a { display: block; margin-bottom: 10px; }
div#whatsnew h4 { padding-left: 25px; }
div#welcome { width: 265px; float: left; }
div#welcome p { font-size: 12px; }
div.homepage h4 { color: black; margin: 10px 0px; }

/* event page specific styles */
h1.pagetitle { font-weight: bolder; font-size: x-large; text-transform: lowercase; font-variant: small-caps; }
.thin { font-weight: normal; }
.eventdetails { font-size: 12px; }
.ifcc_event { background-color: #FFF1C0; padding: 5px; margin-bottom: 10px;  }
h2.eventtitle { margin: 0px; }
img.event-lg { float: left; width: 300px; margin: 0px 15px 30px 0px; }
.eventdates, .eventprice { margin: 10px 0px; font-size: 13px; }
.eventdescription { margin-bottom: 30px; font-size: small;}

/* news page specific styles */ 
h3.news_details { padding-bottom: 3px; border-bottom: 1px solid #ddd; font-size: 16px; }
div.news_details { margin: -10px 0px 40px 0px; }