/* 	
	MargoDoten.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; 
	padding: 10px;
	background-color: #9A92C4; 
	background-image: url("../images/bg.jpg");
	background-attachment: fixed;
	min-width: 850px;
}

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

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 { width: 400px; }


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

/* Page header info */
.topbox { position: relative; left: 0; top: 0; height: 185px; margin: 0px; padding: 0px; }

/* 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 { position: relative; left: 20px; top: 10px; width: 612px; 
    margin: 0px; background-color: #ffffca; border: thin solid #660000;
    padding: 20px; float: left; }
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: #660000; font-size: 16px; font-weight: bold; margin-top: 5px }
div.item_title a { color: #660000; font-size: 16px; font-weight: bold; margin-top: 5px }
.item_content { font-size: 12px; }
.item_cite { font-style: italic; font-size: 10px; }

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


/* Styles for the Navbar */
.navbar { 
    position: relative; left: 5px; top: 10px; font-family: "Verdana", "Tahoma", "Ariel", sans-serif; 
    margin: 0px; width: 150px; float: left;
}
/*.navlinks { color: #660000; background-color: #b4eeee; font-size: 12px; text-align: center; margin: 0px; margin-bottom: 5px; padding: 3px 5px 3px 5px; border: thin solid white; width: 160px; }
.smnavlinks { color: #660000; background-color: #b4eeee; font-size: 12px; text-align: center; margin: 0px; margin-bottom: 5px; padding: 23px 5px 3px 5px; border: thin solid white; width: 140px; }
div.navbar a:link { color: #FEF1B5; font-weight: bold; text-decoration: none; }
div.navbar a:visited { color: #FEF1B5; font-weight: bold; text-decoration: none; }
div.navbar p:hover { background-color: #FEF1B5; color: #660000; }*/

/* 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 { position: relative; background-color: #beb9d9; border: thin solid gray; padding: 5px; margin-bottom: 10px; }
.boxtitle { color: white; background-color: #660000;  padding: 5px; margin-bottom: 5px; font-family: "Verdana", "Tahoma", "Ariel", sans-serif; font-weight: bold; font-size: 18px; text-align: center; }
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 { position: relative; left: 40px; top: 10px; min-height: 200px; width: 185px; margin: 0px; border: thin solid #660000; float: left; }
#newsbox { min-height: 200px; width: 185px; float: left; margin-right: 5px; }
#eventsbox { min-height: 200px; width: 185px; float: left; }
#navbarbox { position: relative; left: 0px; 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 { margin-top: 0px; width: 138px; }

/* 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; }
.wrap { width: 830px; margin: 0px auto;  }
.quote_source { font-weight: bold; font-style: italic; clear: both; text-align: right; }
#rotatingimages { position: relative; border: 0; padding: 0px; margin: 0px; margin-top: 15px; margin-bottom: 0px; width: 150px; }
.clearall { clear: both; }
.error { color: red; border: medium solid red; background-color: cream; padding: 5px;}
.dropcap {
    float: left;
    margin-top: -13px;
    color: black;
    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;
}