/* 	
	LACYD.com Style Sheet
	Created by Chris Doten <chris@croatoan-design.com>
 	(c) 2007 Chris Doten
*/

body { 
	margin: 10px; 
	font-family: Trebuchet, Helvetica, Ariel, sans-serif;
	font-size: 12px; 
	text-align: left; 
	color: black; 
	background-image: url('../images/grid_bit_1.gif');
	background-color: grey; 
	min-width: 850px;
}

/* Site-wide defaults */
a:link { text-decoration:none;  }
a:visited { text-decoration:none;  }
a:hover { color: #FFF8C6; text-decoration: underline; }

H1 { text-indent: 0cm; font-size: 32px;  }
H2 { text-indent: 0cm; font-size: 24px; }
H3 { text-indent: 0cm; font-size: 18px; }
H4 { text-indent: 0cm; font-size: 16px; }

table { border-collapse: collapse; border-style: dotted; border-color: black; padding: 3px; margin: 5px;}
tr { border-style: dotted; border-color: black; }
td { border-style: dotted; border-color: black; }


/*** Specific to certain templates ***/
/* Index template */
.indeximg { margin: 0px; padding: 0px; border: thin solid gray; float: left; margin-right: 20px; }
.indexcontent { font-size: 13px; }


/*** Styles for the main content section ***/

/* Enclose the whole thing in a box */
.wrap { position: relative; border: thin solid gray; text-align: left; background-color: white; margin: 0 auto; margin-top: 20px; width: 850px; }

/* Page header info */
.topbar { margin: 10px; background-color: black; height: 120px; }
div.topbar img { float: left; border: 0; margin-top: 10px; }

/* Page title display */
.title { font-size: 42px; color: gray; font-family: "Ariel black", "Verdana", "Tahoma", "Ariel", sans-serif; font-weight: bolder; }

/* Styles for page content */
.content { float: left; width: 620px; margin: 10px; background-color: white; }
div.content a:link { color: #003366; text-decoration: underline; }
div.content a:hover { color: #cc3300; text-decoration: underline; }
div.content a:visited { color: #003366; text-decoration: underline; }
div.content p { margin: 0px ;}
div.content img { margin: 3px; }
div.content h1 { font-family: verdana,ariel; margin-top: 0px;} 
div.content h2 { font-family: helvetica,ariel; } 
div.content h3 { font-family: helvetica,ariel; } 


/* Styles for db content - blog, calendar, etc */
.item_title { color: purple; margin-top: 5px }
.item_content { }
.item_cite { font-style: italic; margin-top: 10px; }

/* Styles for the page footer */
.footer { margin-left: 5px; width: 100%; clear: both; font-size: 12px; }


/* Styles for the Navbar */
.navbar { font-family: "Verdana", "Tahoma", "Ariel", sans-serif; margin: 10px; float: right; text-align: center; }
.navlinks { color: white; background-color: #C00000; font-size: 12px; text-align: center; margin: 0px; margin-bottom: 5px; padding: 3px 5px 3px 5px; border: thin solid black; width: 160px; }
div.navbar a:link { color: #ffcc66; text-decoration: none; }
div.navbar a:visited { color: #ffcc66; text-decoration: none; }
div.navbar p:hover { background-color: #660000; color: #FFF8C6; }

/* Styles for the join box */
.joinbox { background-color: #4D5174; padding: 10px; text-align: left; border: thin solid #C00000; width: 150px; float: right; height: 75px; }

/* Generic boxes */
.box { background-color: white; border: thin solid gray; padding: 5px; margin-bottom: 10px; }
.boxtitle { color: white; background-color: black; font-size: 12px; padding: 5px; margin-bottom: 5px; font-family: "Verdana", "Tahoma", "Ariel", sans-serif; font-face: bold;   }
div.boxtitle a:link { color: white; text-decoration: none; }
div.boxtitle a:visited { color: white; text-decoration: none; }
div.boxtitle a:hover { color: #FFF8C6; text-decoration: underline; }

/* Specific boxes */
#blogbox { min-height: 200px; width: 185px; float: left; margin-right: 5px; font-size: 10px; }
#newsbox { min-height: 200px; width: 185px; float: left; margin-right: 5px; font-size: 10px; }
#eventsbox { min-height: 200px; width: 185px; float: left; font-size: 10px; }
#navbarbox { width: 165px; margin: 0px; margin-top: 10px; }
#timerbox { width: 165px; margin: 0px; margin-top: 10px; }
#joinbox { float: right; width: 155px; height: 85px; margin: 10px; }
#itembox { margin-top: 5px; }
#quotebox { width: 165px; }

/* Miscellaneous */
.pull { margin: 5px; width: 150px; padding: 3px; float: right; border-left: medium solid black; font-weight: bold; font-family: helvetica,ariel; }
.announcement { color: red; font-size: 24px; font-weight: bold; font-face: helvetica,arial; text-align: center; background-color: gold;  padding: 3px; }
.design/elements { font-style: italic; }
.quote_source { font-weight: bold; font-style: italic; clear: both; text-align: right; }
.clearall { clear: both; }
.error { color: red; border: medium solid red; background-color: cream; padding: 5px;}
.dropcap {
    float: left;
    margin-top: -13px;
    color: #C00000;
    padding-top: 0;
    font-size: 42pt;
    height: 1.1em;
    font-style: normal;
    font-weight: bold;
    font-family: "Verdana","Tahoma",sans-serif;
} 

blockquote {
	position: relative;
	text-indent: 2em;
	margin: 5px;
	text-align: left;
}

.bqstart, .bqend { 
    font-size: 300%; 
    font-family: "Times New Roman", "Times", serif;
}

/* apply IE specific rules first */
.bqstart {
	text-indent: 0;
	margin: -0.6em 0 -2em 0;
	float: left;
}
blockquote> .bqstart {
	/* add extra non-IE rules */
	position: absolute;
	top: -0.2em;
	left: 0;
	/* remove IE specific rules */
	float: none;
	margin: 0;
}
.bqend {
	position: absolute;
	margin-top: -0.6em;
	right: 0;
	text-indent: 0;
}
blockquote> .bqend {
	margin-top: -0.2em;
}