/*	==================================================
	Louisville DBA Primary Style Sheet
	Design + Development : jeremycarlson.com
	Last Updated : 4-16-08
	--------------------------------------------------	*/

/* temporary fixes as we whip the sad code of this site together and wrest away from its cruel FrontPage parentage */

* { margin: 0; padding: 0 } /* set everything to 0 to start */

body {
	color: #572600; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background: #ffc url(/images/bg_bar.gif) repeat-y;
	}

#header {
	position: relative;
	top: -1px;
	left: -1px;
	width: 791px;
	height: 59px;
	z-index: 2;
	}

#header a {
	position: absolute;
	text-indent: -1000px;
	background-position: left top;
	background-repeat: no-repeat;
	top: 0;
	height: 56px;
	}

#header a:focus { -moz-outline-style: none } /* problem in FF gets fixed by this */

#about {
	background: url(/images/nav/about.gif);
	left: 0px;
	width: 127px;
}

#events {
	background: url(/images/nav/events.gif);
	left: 127px;
	width: 92px;
}

#directions {
	background: url(/images/nav/directions.gif);
	left: 219px;
	width: 113px;
}

#board {
	background: url(/images/nav/board.gif);
	left: 332px;
	width: 94px;
}

#members {
	background: url(/images/nav/members.gif);
	left: 426px;
	width: 81px;
}

#directory {
	background: url(/images/nav/directory.gif);
	left: 426px;
	width: 81px;
}

#applications {
	background: url(/images/nav/applications.gif);
	left: 507px;
	width: 105px;
}

#meetings {
	background: url(/images/nav/meetings.gif);
	left: 612px;
	width: 80px;
}

#meetings-apps {
	background: url(/images/nav/meetings-apps.gif);
	left: 507px;
	width: 105px;
}

#links {
	background: url(/images/nav/links.gif);
	left: 612px;
	width: 80px;
}

#spaces {
	background: url(/images/nav/spaces.gif);
	left: 692px;
	width: 98px;
}

#header a:hover, #header a.current, .about #about, .events #events, .directions #directions, .board #board, .members #members, .directory #directory, .applications #applications, .meetings-apps #meetings-apps, .meetings #meetings, .links #links, .spaces #spaces { background-position: left -56px }

#content {
	position: relative;
	top:-9px;
	margin-left: 132px;
	width: 658px;
	border-top: 1px solid #ffc; /* weird things happen without this border. Hard to tell why, but Mac Safari, Firefox & Explorer all want this here. */
	}

#header span, #homebutton {
	display: block;
	position: absolute;
	}

#homebutton {
	left: 0;
	top: 50px;
	width:132px;
	}

/* documentation on the following '.clearfix' solution to clearing floats at the end of boxes is found at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block }

/* Backslash hack - hide code from IE-mac until next comment\*/
.clearfix { display: block }
* html .clearfix { height: 1% } /* End hide from IE-mac. The * makes this rule apply only to IE - the "Tan Hack" is documented at http://www.positioniseverything.net/articles/box-model.html */

img { border: 0 }

h1 {
	font: 1.9em Georgia;
	font-weight: normal;
	color: #7d5188;
	}

h2 {
	font: 1.5em Georgia;
	font-weight: normal;
	}

h3 {
	font: 1.2em Georgia;
	font-weight: bold;
	}

p, li, h1, h2 { margin-bottom: .5em }

li { margin-left: 12px }

a { color: #1f77b4 }
a:visited { color: #7d5188 }
a:hover { color: #572600 }

hr {
	margin: 12px 0 8px;
	border: 1px solid #ffc;
	border-top-color: #666;
	}

.left {
    float: left;
    width: 300px;
    }

.right {
    float: right;
    width: 300px;
    }

img.left, img.right { width: auto }

li.listing {
	list-style: none;
	border-top: 1px solid #572600;
	margin: 1.5em 0 .5em;
	padding-top: .8em;
	}

/* News Stand - use as block-level links or DIVs */

.newsstand {
	display: block;
	width: 261px;
	margin: 1em auto;
	background: url(/images/plaque2_base.gif) no-repeat left bottom;
	padding: 0 0 10px;
	font-size: 110%;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	}

.newsstand .top {
	display: block;
	background: url(/images/plaque2_top.gif) no-repeat left top;
	padding: 9px 0 0;
	}

.newsstand .inner {
	display: block;
	background: url(/images/plaque2_sides.gif) repeat-y left;
	padding: 4px 18px;
	}

a.newsstand, a.newsstand:visited {
	color: #fff;
	text-decoration: none;
	}

a.newsstand strong, a.newsstand em, .newsstand h2, .newsstand p { margin: .3em 0 }

a.newsstand strong, a.newsstand em { display: block }

.newsstand strong, .newsstand em { color: #fd7 }

a.newsstand strong, .newsstand h2 {
	font: 1.4em Georgia;
	font-weight: normal;
	}

.newsstand em {
	font-weight: bold;
	font-style: normal;
	}

a.newsstand:hover
	{
	color: #fff;
	background-position: -261px bottom;
	}

a.newsstand:hover .top { background-position: -261px top }

a.newsstand:hover .inner { background-position: -261px }

/* Special News Stand - add #stoppress ID for extra thrills and chills */

#stoppress { background-image: url(/images/plaque_red_base.gif) }
#stoppress .top { background-image: url(/images/plaque_red_top.gif) }
#stoppress .inner { background-image: url(/images/plaque_red_sides.gif) }

.stoppress {
	border: 1px solid #000;
	padding: 8px;
	background: #7e0b0b;
	}

.stoppress h1 {
	font: bold 1.6em "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	color: #fff;
	}

/* Another one. This is for narrower, tighter news blurbs */

.blurb {
	display: block;
	width: 220px;
	background-image: url(/images/plaque_n_green_base.gif);
	}

.blurb .top { background-image: url(/images/plaque_n_green_top.gif) }

.blurb .inner {
	background-image: url(/images/plaque_n_green_sides.gif);
	padding: 0px 8px;
	}

a.blurb em { margin: 0 }
a.blurb:hover { background-position: -220px bottom }
a.blurb:hover .top { background-position: -220px top }
a.blurb:hover .inner { background-position: -220px }