/*
Styles for CarolHausner.com
Version: 1.0 (17 Mar 2009)
Author: Carter Stowell
Author URI: http://www.figrig.com/
-----------------------------------------------------------------------------*/
/* colors
dk red bg 45120B
body bg (tan) FEEEE0
*/
/* =Reset
-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.2em;
}
ul {
	list-style: none;
}
ul.bullets {
	list-style: disc;
	margin-left: 15px;
}
ul.bullets li {
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}
ul.tightly li {
	margin-top: 0;
	margin-bottom: 0;
}

/* =General
-----------------------------------------------------------------------------*/
/* Put back margin on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul, li {
  margin: 0 0 1em 0;
}
ol li {
	margin-left: 30px;
	margin-bottom: 0;
}
/* Class for clearing floats */
.clearer {
	clear:both;
}
.divider {
	width: 100%;
	height: 1px;
	background-color: #45120B;
	margin: 25px 0;
}
.photoCaption {
	font-family: Georgia, "Times New Roman", serif;
	color: #000;
	font-size: 90%;
}
.photoCaption small {
	font-size: 93%;
}

/* =Layout
-----------------------------------------------------------------------------*/
/*
Centering: auto-margins.
Columns: opposing floats method w/ virtual gutter.

TEMPLATE
body
#wrapper
	#header
		#mainNav
	#content
	#footer
*/

body {
	text-align: center;
	min-width: 920px; /* extra 20px intentional */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #45120b;
}
#wrapper {
	width: 900px;
	margin: 10px auto;
	background-color: #FEEEE0;
	color: #45120B;
	text-align: left;
}
#header {
	position: relative;
	width: 100%;
	height: 93px;
	border-bottom: 2px solid #45120b;	
}
#mainNav { /* old image map */
	position: absolute;
	top: 49px;
	right: 16px;
}

#menu  {
	position: absolute;
	top: 57px;
	left: 360px;
}
#menu ul {
	float: left;
	list-style: none;
}
#menu li {
	float: left;
	padding: 0 10px;
}
#menu li a, #menu li a:visited {
	display: block;
	color: #45120B;
	font-size: 1.5em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", serif;
	text-decoration: none;
}
#menu li a:hover, #menu li.current a, #menu li.current a:visited {
	text-decoration: underline;
}

#header h1 {
	background: transparent url('../Images/Namepink.jpg') no-repeat 33px 37px;
	width: 321px; /* 288 + 33 */
	height: 90px;
	text-indent: -3000px;
	margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #45120b;
	font-weight: bold;
}
blockquote { padding: 0 40px; }
#content {
	min-height: 535px;
}
.trellis { float: right; text-align: right; margin-bottom: 15px; }
.trellis cite { font-size: 90%; padding-right: 20px; }
.trellis img { padding: 0 20px 0px 30px; }
.trellis-home { text-align: right; padding-right: 22px; }

#content h2, #content h3, #content h4, #content h5,
#content p, #content ul, #content ol {
	padding-left: 45px;
	padding-right: 220px;
}
#content h2 { font-size: 135%; }
#content h3 { font-size: 110%; margin-top: 1.5em; }
#content h4 { font-size: 105%; margin: 1em 0 0.5em 0; }

#footer {
	clear: both;
	margin-top: 50px;
}
#footer p {
	font-size: 90%;
	padding-left: 45px;
	padding-bottom: 1em;
}
#footer p.designer {
	float: right;
	padding-right: 30px;
}

#content h2 {
	margin-top: 20px;
}

/* column math
left to right: 28px (incl border), col1, 16px, col2, 16px, col3, 28px
column width: (898 - (28+16+16+28))/3 = 270 width/column
width calcs:
.col1 = 28 + box1 = 298
.col23 = box2 + 16 + box3 +28 = 584
.col2 = box2 = 270
.col3 = box3 + 28 = 298
*/
.colWrapper {
	margin-top: 20px;
}
.col1 {
	float: left;
	width: 520px;
	border-right: 1px solid #45120B;
	display: inline;
}
.col2 {
	float: right;
	width: 325px;
	display: inline;
}
#content .col1 h2, #content .col1 h3, #content .col1 h4, #content .col1 h5,
#content .col1 p, #content .col1 ul, #content .col1 ol {
	padding-right: 20px;
}

#content .col2 h2, #content .col2 h3, #content .col2 h4, #content .col2 h5,
#content .col2 p, #content .col2 ul, #content .col2 ol {
	padding-left: 0;
	padding-right: 10px;
}
.col2 ul {
	list-style: disc;
	margin-left: 15px;
}
/* =Music page
----------------------------------------- */

a.mp3link {
	color: #45120B;
	font-size: 70%;
	font-weight: bold;
	background: transparent url(../Images/mp3.gif) 15px bottom no-repeat;
	padding-left: 60px;
	text-decoration: none;
	
}
a.mp3link:hover {
	text-decoration: underline;	
}


/* =General
----------------------------------------- */
img.alignright {
	float: right;
	margin: 0 0 12px 15px;
}
img.alignleft {
	float: left;
	margin: 0 15px 12px 0;
}
.aligncenter {
	text-align: center;
	margin: 1em 0;
}
/* ----------------- OLD ------------------- */

.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #45120B;
	text-align: center;
}
#apDiv1 {
	position:absolute;
	left:180px;
	top:50px;
	width:686px;
	height:417px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:155px;
	top:53px;
	width:720px;
	height:488px;
	z-index:1;
	background-color: #FFFF99;
}
#apDiv3 {
	position:absolute;
	left:155px;
	top:54px;
	width:204px;
	height:378px;
	z-index:2;
}
.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #45120B;
}