/* ------ NOTES ---------------------------------------------------------------

Main CSS for Bayside South Development Forum, crafted by Damien Buckley (http://www.propellerglobal.com).
See ie.css for IE related bug fixes etc

--------- CONTENTS ------------------------------------------------------------

1: UNIVERSAL RESET & GLOBAL STYLES
2: GLOBALS
	a) Links
	b) Typography
	d) General Image Styles
3: PAGE STRUCTURE
	a) Containers
	b) Header
	c) Main Nav
	d) Body Columns
	e) Footer
4: LISTS - ARTICLES & EVENTS
5: NEWS SECTION
6: SEARCH RESULTS PAGE
7: CONTACT PAGE & OTHER FORMS
8: MISC

---------------------------------------------------------------------------- */

/* 1: Universal Reset & Global Styles
============================================================================ */

* {margin:0; padding:0;}

body {
	background: #DDF2FD;
	font-family:"Lucida Grande", Geneva, Helvetica, sans-serif;
	font-size:small;
	color:#000;
	text-align:center;
	}

ul {
	margin:0 0 0.5em 0.5em;
	padding-left:0.5em;
	}

ol {
	margin:0 0 0.5em 1em;
	padding-left:0.5em;
	}

li {
	margin-left:0.5em;
	margin-bottom:0.5em;
	}

ol li {margin-left:1em;}

/* 2a: Links - Standard
============================================================================ */

a:link, a:visited {
	color:#000;
	text-decoration:none;
	}
	
a:hover, a:active {
	color:#F60;
	text-decoration:none;
	}

p a:link, p a:visited, p a:hover, p a:active {
	text-decoration:underline;
	}

/* 2b: Typography
============================================================================ */

p, ul, ol, dl {
	line-height:1.5em;
	margin-bottom:0.75em;
	}

h1, h2, h3, h4, h5, h6 {
	color:#004275;
	margin-bottom:0.5em;
	}

h1 {
	font-size:100%;
	}

h2 {
	font-size:175%;
	margin-bottom:0.3em;
	}

h3 {
	padding-bottom:0.2em;
	border-bottom:1px dotted #9AB6D8;
	font-size:120%;
	}

#content h2 a:link, #content h3 a:link, #content h2 a:visited, #content h3 a:visited {
	color:#004275;
	}

#content h2 a:hover, #content h3 a:hover, #content h2 a:active, #content h3 a:active {
	color:#F60;
	}

/* 2c: Images
============================================================================ */

img {
	border:none;
	display:block;
	}

img.left, img.lBorder {
	float:left;
	margin:0 10px 10px 0;
	}

img.right, img.rBorder {
	float:right;
	margin:0 0 10px 10px;
	}

img.lBorder, img.rBorder {
	padding:3px;
	border:1px solid #9AB6D8;
	}

/* 3a: Page Structure - Container
============================================================================ */

#extContainer {
	background:#FFF url(/site_images/body_bg_top.png) 0 120px repeat-x;
	padding-bottom:15px;
	}

#container {
	width:900px;
	margin:0 auto;
	text-align:left;
	}

/* 3b: Header
============================================================================ */

#header {
	position:relative;
	height:120px;
	}

h1 {
	width:200px;
	height:110px;
	position:relative;
	}

h1 span {
	width:200px;
	height:110px;
	position:absolute;
	top:0;
	left:0;
	background: transparent url(/site_images/bsdf_weblogo.png) no-repeat;
	}

	/* Utility links */

ul#utility {
	position:absolute;
	top:20px;
	right:0;
	list-style:none;
	}

#utility li {
	margin-bottom:0.75em;
	}

#utility li a {
display:block;
	padding-left:30px;
}

a.login {background:#FFF url(/site_images/login.png) 0 50% no-repeat;}
a.contact {background:#FFF url(/site_images/contact.png) 0 50% no-repeat;}
a.rss {background:#FFF url(/site_images/rss.png) 0 50% no-repeat;}

#utility a:link, #utility a:visited {
	color:#004275;
	}

#utility a:hover, #utility a:active {
	color:#F60;
	}



/* 3c: Main Nav
============================================================================ */

#mainNav {
	margin-bottom:15px;
	}

ul.nav {
	position:relative;
	margin:0;
	padding:0;
	}

.nav li {
	float:left;
	display:inline;
	list-style:none;
	margin:0 1.5em 0 0;
	}

.nav a:link, .nav a:visited {
	display:block;
	color:#004275;
	line-height:30px;
	}

.nav a:hover, .nav a:active {color:#F60;}

	/* Link active class */

.nav li a.active {
	color:#9FBBDE;
	font-weight:bold;
	}

	/* Search */

form#search {
	float:right;
	padding-top:4px;
	}

#search label {display:none;}

input.image {
	vertical-align:middle;
	margin-top:-4px;
	}

#searchBox {padding:1px;}

/* 3d: Body columns
============================================================================ */

#content, #listings, #events, #event_image, #event_details, #archives, #details {
	float:left;
	display:inline;
	overflow:hidden;
	}

    /* 3 col layout - Default */

#content {
	width:460px;
	margin-left:200px;
	}

#listings {
	width:170px;
	margin-left:-900px;
	}

#events, #archives, #details {
	width:210px;
	margin-left:30px;
	}

    /* 2 col layout - Static */

#content.large {
	width:700px;
	}

    /* 3 col layout - Events */

#content.event_info {
	margin-left:240px;
	}

#event_image {
	width:210px;
	margin-left:-900px;
	}

#event_image img {width:200px;}

#event_details {
	width:170px;
	margin-left:30px;
	}

    /* Home Page News Block */

#secondaryContent {
	margin-top:20px;
	}

/* 3e: Footer
============================================================================ */

#footer {
	clear:both;
	background:url(/site_images/body_bg_btm.png) repeat-x;
	text-align:left;
	color:#004275;
	padding:25px 0 10px;
	margin:0;
	}

#footer p {margin-bottom:0.2em;}

#footerInner {
	width:900px;
	margin:0 auto;
	position:relative;
	}

	/* Newsletter Form */

#subscribe {float:left;}

#subscribeBox {padding:1px;}

#subscribe input.image {margin-top:-1px;}

	/* Secondary Nav */

ul.secondaryNav {
	position:relative;
	margin:0;
	padding:20px 0 0;
	}

.secondaryNav li {
	float:right;
	display:inline;
	list-style:none;
	margin:0 0 0 1.5em;
	}

.secondaryNav a:link, .secondaryNav a:visited {
	display:block;
	color:#004275;
	line-height:30px;
	}

.secondaryNav a:hover, .secondaryNav a:active {color:#F60;}

/* 4: Lists - Articles & Events
============================================================================ */

	/* Directory & Events Listings */

#listings ul, #events dl, #archives ul {
	margin:0 0 0.5em;
	padding:0;
	}

#listings li, #archives li, #events dd {
	margin:0 0 0.5em;
	list-style:none;
	}

#events dd {
	margin:0 0 0.5em;
	line-height:1em;
	}

#listings a:link, #listings a:visited, #events dt a:link, #events dt a:visited, #archives a:link, #archives a:visited  {
	color:#004275;
	}

#listings a:hover, #listings a:active, #events dt a:hover, #events dt a:active, #archives a:hover, #archives a:active  {
	color:#F60;
	}

#events dd {
	font-family: Georgia, Times, serif;
	font-size:90%;
	}

	/* Events Page - Main */

dl.zem_article_event dt {
	padding-bottom:0.2em;
	border-bottom:1px dotted #9AB6D8;
	font-size:140%;
	margin-bottom:0.5em;
	}

dl.zem_article_event dt a:link {
	color:#004275;
	}

dl.zem_article_event dt a:visited {
	color:#005598;
	}

dl.zem_article_event dt a:hover, dl.zem_article_event dt a:active {
	color:#F60;
	}

dl.zem_article_event span.zem_event_date {
	font-size:75%;
	float:right;
	}

dd.zem_event_description {margin-bottom:1em;}

	/* Directory Page - Main */

dl.businesses dt {
	padding-bottom:0.2em;
	border-bottom:1px dotted #9AB6D8;
	font-size:140%;
	margin-bottom:0.5em;
	}

dl.businesses dt a:link {
	color:#004275;
	}

dl.businesses dt a:visited {
	color:#005598;
	}

dl.businesses dt a:hover, dl.businesses dt a:active {
	color:#F60;
	}

dl.businesses dt span {
	font-size:75%;
	float:right;
margin-left:1em;
	}

dl.businesses dd {margin-bottom:1em;}

	/* Individual event page */

#events img {margin-bottom:10px;}

ul.event_details {
	margin:1em 0;
	padding:0 0 1em;
	border-bottom:1px dotted #9AB6D8;
	}

.event_details li {
	margin:0 0 0.5em;
	list-style:none;
	}

/* 5: News Section
============================================================================ */

div.news_excerpt {
	margin:1em 0 2em;
	}

div.news_excerpt h3 {
	border-bottom:none;
	margin-bottom:0;
	}

p.posted {
	font-size: 90%;
	color: #333;
	padding-bottom: 0.2em;
	border-bottom:1px dotted #9AB6D8;
	}

p.comments_block {
	line-height: 2.5em;
	text-align: center;
	border:1px dotted #9AB6D8;
	border-width:1px 0;
	background-color: #E5F4FF;
	text-transform:uppercase;
	font-size:90%;
	}

/* 6: Search Results Page
============================================================================ */

div.resultDetail {
	clear:both;
	background-color:#F4FAFE;
	margin:0.5em 0;
	padding:0.75em 10px 0;
	border: 1px solid #9AB6D8;
	border-width 1px 0;
	}

p.pagination {
	line-height: 2.5em;
	text-align: center;
	border:1px dotted #9AB6D8;
	border-width:1px 0;
	background-color: #E5F4FF;
	text-transform:uppercase;
	font-size:90%;
	}

/* 7: Contact Page & Other Forms
============================================================================ */

.zemContactForm legend, #txpCommentInputForm legend {display:none;}

.zemContactForm fieldset, p.announcement, #txpCommentInputForm fieldset {
	padding:0.75em 10px 0;
	border:1px solid #9AB6D8;
	background-color:#F4FAFE;
	margin-bottom:0.5em;
	}

.comments {
	padding-left:1em;
	margin-bottom:1em;
	}

.comments li {
	padding:0.75em 10px 0;
	border:1px solid #9AB6D8;
	background-color:#F4FAFE;
	margin-bottom:0.5em;
	list-style-type:decimal-leading-zero;
	}

#cpreview {
	padding:5px 10px;
	border:1px solid #9FBBDE;
	background-color:#9FBBDE;
	margin-bottom:0.5em;
	color:#FFF;
	}

#cpreview p.announcement {
background-color:#9AB6D8;
border:1px solid #FFF;
}

p.announcement {
padding-bottom:0.75em;
}

.comments .details {font-size:90%;}

#cpreview a {color:#FFF!important;}

#comment_name_input, #comment_email_input, #comment_web_input, #Name, #Email, #Web, #Website, #Message, #message {
	border:1px solid #9AB6D8;
	padding:3px;
	width: 430px;
	}

#comment_name_input:focus, #comment_email_input:focus, #comment_web_input:focus, #Name:focus, #Email:focus, #Web:focus, #Website:focus, #Message:focus, #message:focus, #subscribeBox:focus, #searchBox:focus {
	background-color: #F9FDFF;
	color:#004275;
	}

#publish .button, .zemContactForm .button {
background-color:#9AB6D8;
border:1px solid #9AB6D8;
color:#FFF;
text-transform:lowercase;
font-size:90%;
padding:3px;
}

.zemContactForm input.button {float:right;}

	/* Form Error Display */

.comments_error, .zemError, input.zemRequirederrorElement, textarea.zemRequirederrorElement {
	color: #000;
	background-color: #FFF4F4;
	}

ul.comments_error, .zemError {
	padding : 0.3em 0.3em 0;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #FDD;
	margin:0 0 0.75em;
	}

	/* hCard */

p.fn a {text-decoration:none!important;}

.fn, .adr, .tel {
	margin-bottom:0.5em;
	}

.fn {
	font-size:115%;
	}


/* 8: Misc
============================================================================ */

	/* Hide Skip Nav */

#accessibility {display:none;}

	/* Clear Floats */

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