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

body { 
	font-family: Helvetica, arial, sans-serif;
	font-size: 16px; 
	color: black; 
	background-color: black; 
	min-width: 850px;
	margin: 0; padding: 0;
}

/* 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; padding: 10px 0 0 0; margin: 0 30px 0px 0px; color: #C00000;}
H2 { text-indent: 0cm; font-size: 20px; padding: 10px 0 0 0; margin: 0 30px 0px 0px; color: #C00000;}
H3 { text-indent: 0cm; font-size: 16px; padding: 0px 0 0 0; margin: 0 30px 0px 0px;}

ul { 
	list-style-type: none; 
	margin-left: 200px;
}

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


/*** 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 elements */
#topbar { width: 100%; height: 40px; color: white; background: url('../images/waveribbonsm.gif') repeat-x; clear: both;}
#bottombar { width: 100%; height: 40px; color: white; background: url('../images/waveribbonsmbottom.gif') repeat-x; clear: both;}

#titletext { margin: 10px 40px 0px 40px;}
.title { color: black; font-family: Futura, Helvetica, arial, sans-serif;  margin-right: 20px; text-align: left;}

/* Styles for specific pages */
.transparent { filter:alpha(opacity=50); opacity: 0.5; }
#title1 { position: absolute; left: 225px; top: 220px; font-weight: bold; font-size: 20px; color: #C00000; width: 280px; font-style: italic; text-align: right;  padding: 10px; opacity: 0; z-index: 3;}
#picture1 { position: absolute; left: 260px; top: 310px; height: 172px; width: 250px; background-color: white; border: medium solid black; padding: 0px; opacity: 0; z-index: 1;}
#title2 { position: absolute; left: 540px; top: 410px; font-weight: bold; font-size: 20px; color: #C00000; width: 290px; font-style: italic; text-align: left; padding: 10px; opacity: 0; z-index: 4;}
#picture2 { position: absolute; left: 550px; top: 230px;  height: 171px; width: 250px; background-color: white; border: medium solid black; padding: 0px; opacity: 0; z-index: 2;}
#contactus { position: absolute; left: 270px; top: 495px; font-size: 20px; color: #C00000; width: 500px; font-style: italic; font-weight: bold;  padding: 10px; text-align: center; opacity: 0; z-index: 5;}

/* Styles for page content */
#content { width: 100%; min-height: 370px; padding: 0px 0px 10px 0; background-color: #FCDFFF; }
#content p { margin: 10px; }

#side { margin: 20px; float: left;}

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

/* Styles for the page footer */
#footer { padding: 10px; color: white; margin-top: 10px; clear: both; font-size: 10px; }


/* 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;  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; }
#newsbox { min-height: 200px; width: 185px; float: left; margin-right: 5px; }
#eventsbox { min-height: 200px; width: 185px; float: left; }
#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; }

/* Miscellaneous */
.pull { margin: 5px; width: 150px; padding: 3px; float: right; border-left: medium solid black; font-weight: bold; font-family: helvetica,ariel; }
.quote { 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;
	padding-right: 3px;
    color: #C00000;
    padding-top: 0;
    font-size: 36pt;
    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;
}