/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


/*****************
EMBEDDED FONTS
*****************/
@font-face {
    font-family: 'AurulentSansRegular';
    src: url('_fonts/Aurulent/AurulentSans-Regular-webfont.eot');
    src: url('_fonts/Aurulent/AurulentSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/Aurulent/AurulentSans-Regular-webfont.woff') format('woff'),
         url('_fonts/Aurulent/AurulentSans-Regular-webfont.ttf') format('truetype'),
         url('_fonts/Aurulent/AurulentSans-Regular-webfont.svg#AurulentSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Znikomit';
    src: url('_fonts/Znikomit/Znikomit-webfont.eot');
    src: url('_fonts/Aurulent/AurulentSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/Znikomit/Znikomit-webfont.woff') format('woff'),
         url('_fonts/Znikomit/Znikomit-webfont.ttf') format('truetype'),
         url('__fonts/Znikomit/Znikomit-webfont..svg ') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'AurulentSansBold';
    src: url('_fonts/Aurulent/AurulentSans-Bold-webfont.eot');
    src: url('_fonts/Aurulent/AurulentSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/Aurulent/AurulentSans-Bold-webfont.woff') format('woff'),
         url('_fonts/Aurulent/AurulentSans-Bold-webfont.ttf') format('truetype'),
         url('_fonts/Aurulent/AurulentSans-Bold-webfont.svg#AurulentSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*****************
STRUCTURAL STYLES
*****************/
body {
	background-image:url("../_images/_header/mahagonystrip.jpg");
	font-family: AurulentSansRegular, Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}
body.position, body.position #masthead, body.position #closing { background-color: #1D0935; }
p {
		padding: 15px 15px 15px 15px;
		}

#container {
	position:relative;
	width:1000px;
	margin:0px auto;
	background-color:#e2d0cc;
	padding:0px;
}
#column1 {
	float:left; 
	padding: 55px 15px 15px 15px;
	width: 200px;
		
		}

.label {
	font-family: 'Znikomit';
	font-weight:normal;
}
#lead {
	font-family: 'Znikomit';
	font-size: 32px;
	padding: 15px 0px 0px 0px;
	 }
#lede { 
	padding-right: 45px;
	font-size:16px;
	font-family: 'AurulentSansRegular', Helvetica, Arial, sans-serif;
	color:black;
		}		
		
.attribute {
	font-family: 'AurulentSansRegular', Helvetica, Arial, sans-serif;
	font-size: 16px;

	}
	
p.quote{
	font-family: 'AurulentSansRegular', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight:bold;
	text-align: left;

	}	
#closing {
	background-image:url("footer.jpg");
	clear: both;
	color:black;
	text-align:center;
	font-size: 20px;
	text-transform: none;
	padding: 15px;
	margin:0px 0px;
}

	nav ul { margin:0px; padding:0px; 5px; 0px; 5px;}
	nav li { list-style-type:none; display:inline; }
		
	#mainmenu a {
		display:block;
		background-color: black;
		color:white;
		width:18.8%; 
		height:40px;
		line-height:40px;
		float:left;
	
		text-align:center;
		text-decoration:none;
		padding-left: 12px;
	
		}

		#mainmenu a:hover {
		background-color: #3a6218;
		}
		#mainmenu { 
		position:absolute;
		left:1px;
		top: 300px;
		font-family: Znikomit, Arial, Helvetica, sans-serif; 
		font-size: 18px; 
		background:black; 
		color:#ccc; 
		padding:0px; 
		text-align:center; 
		margin-bottom:0px; 
		width:20%; }

#content {
	margin:0px 0px;
}


/*****************
TYPOGRAPHY STYLES
*****************/
h1 {
	font-family: 'Znikomit';
	font-weight:normal;
	padding:25px 0px 15px 0px;
}
strong { font-family: AurulentSansBold, Helvetica, Arial, sans-serif; }

a {
font-family: AurulentSans, Helvetica, Arial, sans-serif; 
color:gray;
}


		
p strong.leadin { font-size: 24px; text-transform:uppercase; }


/*****************
PROFILES PAGE STYLES - FLoating a buncha stuff
*****************/
#profiles { 
float:left; 
color:#666;
overflow:auto;
padding:15px;
padding-left:55px;

 }
#profiles .profile {
	background:#eee;
	width:180px;
	padding:5px 5px 15px 5px;
	margin:0px 10px 10px 0px; 
	
	-moz-box-shadow:0px 0px 5px 0px #888;
	-webkit-box-shadow:0px 0px 5px 0px #888;
	box-shadow:0px 0px 5px 0px #888;
}
#profiles .profile img {
	border:none;
	margin-bottom:5px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
#profiles .profile h2 {
	font-family: Znikomit;
	font-size:16px;
	padding:0px;
	margin:0px;
}
#profiles .profile p {
	background:none;
	font-size:16px;
	margin:0px; padding:0px;
	color:#888;
}


/*****************
Layout Styles
*****************/
.layout {}
.layout #content { background:#eee; }
.layout img { 
	-moz-box-shadow: 0px 0px 5px 0px #999; 
	-webkit-box-shadow: 0px 0px 5px 0px #999; 
	box-shadow: 0px 0px 5px 0px #999; 
}
.layout h1 { font-size:20px; margin:0px; color:#333;}
.layout h2 { font-size:16px; margin:0px; color:#333; }
/* 
.layout p { font-size:12px; margin:0px 0px 15px 0px; background:none; padding:0px; color:#555;  line-height:100%; }
 */
.layout #column1 { background:#ddd; }
.layout #column2 { background:#bbb; }