/* CSS Document */

/* Impress Design, LLC is the home of graphic designer 
		Jack McDaniel
		720.495.1368
		www.Impress-Design.com */
/* Feel free to use this template as you like. It was developed for use with 
MODx Content Management Framework, but it will work with any site. 
Just make certain you change it and don't steal my images */

/*******************************************************************
 			Site Colors: 	Red #981B1E,
 							Black #000,
********************************************************************/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: 
	http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, 
fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Body Settings and Background */
html,body{
	margin:0; 
	padding:0; 
	border:0; 
	font-size:14px; 
	font-weight: 100; 
	font-family: 'DroidSansRegular',Arial,Helvetica,sans-serif;
	color:#111111;
}
html{
	background:#FFF url(../img/BG.jpg)  top center repeat-x;
}
/***********************************************************
				BASIC LINKS
**********************************************************/
a {
	color: #981B1E; 
	text-decoration: none;
}
a:hover {
	color: #333; 
	text-decoration: none;
}
/********************************************************
				BODY INFO
*********************************************************/
@font-face {
  font-family: 'Graublau Web';
  src: url('http://www.jackmcdaniel.net/GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'), 
         url('http://www.jackmcdaniel.net/GraublauWeb.otf') format('opentype');
}
@font-face {
		font-family: 'DroidSansRegular';
		src: url('http://www.impress-design.com/DroidSans.eot');
		src: local('Droid Sans Regular'), local('DroidSans'), url('DroidSans.woff') format('woff'), url('DroidSans.ttf') format('truetype'), url('DroidSans.svg#DroidSans') format('svg');
}
body{
	width:100%; 
	margin:0 auto;
	background:#FFF url(../img/BG.jpg) top center repeat-x; 
	border-top: 4px solid #000;
	color: #000;
	font-family: 'DroidSansRegular',Arial,Helvetica,sans-serif;
}
*{margin:0; padding:0}

#bodywrap {
	width: 100%;
	margin: 0 auto;
}
#maincontainer{
	width: 960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}
	
/**********************************************************
				HEADER
************************************************************/
#header {
	margin: 0 auto;
	height: 95px;
	overflow: hidden;
	width: 960px;
}
#logo {
	overflow: hidden;
	float: right;
	width: 500px;
}
#blurb {
	float: left;
	width: 400px;
	padding-top: 20px;
	overflow: hidden;
	color: #000;
	display: block;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 1.5em;
    font-weight: 100;
	text-decoration: none;
	line-height: 1.4em;
}
/**********************************************************
				MAIN MENU
************************************************************/
.toplinks {
	float: left;
	list-style: none;
	text-align: right;
}	
.toplinks ul {
	padding: 0px;
	list-style: none;
}
.toplinks ul li a {
	color: #981B1E;
	display: block;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 1.3em;
    font-weight: 100;
	text-decoration: none;
	line-height: 1.4em;
}
.toplinks ul li a:hover {
	color: #333;
	display: block;
	text-decoration: none;
}
.toplinks li {
	float: left;
	padding: 0 17px 0 17px;
	overflow: hidden;
	border-right: 1px solid #CCC;
}
.toplinks li.last {
	border-right: none;
}
.toplinks li.currentLast a {
	border-right: none;
	color: #111;
}
.toplinks li.currentLast {
	border-right: none;
}
.toplinks li.current a {
	color: #111;
}
/*******************************************************
				CONTENT PAGE INFO
*********************************************************/
#wrap {
float: left;
width: 100%;
}
#contentContainer {
	float: left;
	width: 100%;
	margin: 70px 0 30px 0;
}
#content {
	margin-right: 340px; /*Set right margin to rightColumnWidth*/
	margin-bottom: 30px;
	margin-left: 15px;
	padding: 0 20px 0px 0;
	font-size: 1.0em;
	font-weight: 100;
	line-height:1.6em;
}
#content p {
	padding-left: 60px;
	padding-bottom: 15px;
	text-align: justify;
}
#content img {
	float: left;
	margin: 10px 20px 10px -30px;
	border: 1px solid #000;
}
#content ul {
	margin-bottom: 20px;
	list-style: none;
}
#content ul li {
	padding-left: 100px;
	line-height: 1.5em;
	margin-bottom: 15px;
}
#signature {
	width: 140px;
	height: 65px;
	margin-left: 50px;
	margin-top: 20px;
	background: url(../img/signature.jpg) top left no-repeat;
}
/*****************************************************
					RIGHT COLUMN
******************************************************/
#rightColumn{
	float: left;
	width: 340px; /*Width of left column*/
	margin-left: -340px; /*Set left margin to -(MainContainerWidth)*/
}
.rightColInner {
	margin: 70px 0 15px 5px;
	padding-left: 12px;
	border-left: 1px solid #CCC;
}
/******************************************************
				RIGHT COLUMN Links
*********************************************************/
.block ul li {
	padding-left: 35px;
	line-height: 1.7em;
	font-size: 1.1em;
	list-style: none;
}
.block ul li a {
	color: #981B1E;
}
.block ul li a:hover {
	color: #333;
}
#connect {
	padding-left: 35px;
	margin-top: 15px;
}
/**********************************************************************
				FOOTER
**********************************************************************/
#footer{
	clear: left;
	width: 960px;
	overflow: hidden;
	height: 60px;
	margin: 0 auto; /*Center container on page*/
	border-top: 1px solid #000;
}
.footlinks {
	text-align: center;
	font-size: 1.0em;
	line-height: 60px;
}	
/********************************************************************
				HEADERS
********************************************************************/
h1 {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 42px;
	font-weight: 100;
	margin: 20px 0;
	letter-spacing: -0.045em;
}
h2 {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 36px;
	font-weight: 100;
	padding: 15px 0 25px 0;
	letter-spacing: -0.045em;
	color: #981B1E;
}
h3 {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 28px;
	font-weight: 100;
	margin: 20px 0 10px 20px;
	letter-spacing: -0.045em;
	color: #000;
}
h4 {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	margin: 10px 20px;
	letter-spacing: -0.045em;
	color: #000;
}
h5 {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: 100;
	margin: 5px 0;
	letter-spacing: -0.045em;
	color: #78a22e;
}
/****************************************************
				BLOCKQUOTES
********************************************************/
.blockquote {
	float: right;
	width: 220px;
	border-top: 5px solid #981B1E;
	border-bottom: 5px solid #981B1E;
	padding: 10px 10px 10px 10px;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 1.3em;
	font-style: italic;
	margin-left: 15px;
	margin-bottom: 10px;
	line-height: 1.4em;
}
.blockquote img {
	float: left;
	margin-bottom: 10px;
}
.blockquote p {
	padding: 10px;
}
#authorInfo {
	margin-top: 20px;
	margin-left: 50px;
	color: #666;
	padding: 10px 10px;
	border-top: 3px solid #CCC;
	border-bottom: 3px solid #CCC;
	font-size: .9em;
	font-style: italic;
}
/****************************************************
				FRONTPAGE INTRO
********************************************************/
.intro {
	font-size: 12px;
	font-weight: 100;
	margin-bottom: -10px;
	color: #aaa;
	text-transform: uppercase;
}
/****************************************************
				CONTENT LISTS
********************************************************/
.contentList {
	margin-left: 75px;
	font-size: 1.0em;
}
.contentList li {
	display: block;
	text-decoration: none;
	padding-left: 35px;
	background: url(../img/arrow.png) 15px 8px no-repeat;
	line-height: 28px;
}
.emphasis {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: 100;
	margin: 5px 0;
	color: #981B1E;	
}
/*****************************************************************
				DIITO
******************************************************************/
.ditto_info {
	padding-left: 35px;
	margin-bottom: 20px;
}
/*****************************************************************
				REFLECT ARCHIVES
******************************************************************/
.reflect_month_link {
	background: url(../img/arrow.jpg) top left no-repeat;
	padding: 0 13px;
	font-size: 14px;
}
/*****************************************************************
				SEARCH
******************************************************************/
#search {
	padding-left: 35px;
}
.cfSearch {
	padding: 2px;
	margin-left: 5px;
	background: #981B1E;
	color: #FFF;
	border: 1px solid #000;
}
.FSF_input {
	padding: 3px;
	border: 1px solid #000;
	color: #333;
}
.ajaxSearch_resultLink {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: 100;
	margin: 5px 0;
	letter-spacing: -0.045em;
	color: #981B1E;
}
.ajaxSearch_highlight ajaxSearch_highlight1 {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: 100;
	margin: 5px 0;
	letter-spacing: -0.045em;
	color: #981B1E;
}
/*****************************************************************
				COMMENT FORM
******************************************************************/
.jot-row {
	margin-left: 50px;
	margin-bottom: 5px;
}
.jot-comment {
	padding: 10px;
	margin: 1px;
}
.jot-header {
}
.jot-postnumber {
	float: left;
	width: 40px;
	line-height: 1.5em;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #981B1E;
}
.jot-subject {
	float: left;
	line-height: 1.5em;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #981B1E;
}
.jot-message {
	color: #333;
	padding-left: 25px;
}
.jot-user {
	color: #666;
	font-size: .9em;
	padding-left: 25px;
	font-style: italic;
}
.commentuser {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #981B1E;
}
.jot-info {
	float: left;
	text-align: right;
	width: 150px;
	border-right: 1px solid #CCC;
	margin-right: 15px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 3px solid #CCC;
}
.jot-date {
	padding: 0 10px;
	text-transform: uppercase;
	color: #666;
	font-size: .85em;
}
.jot-name {
	padding: 0 10px;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 1.25em;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #981B1E;
}
/*******************************************************************
				EMAIL FORM
********************************************************************/
.cfName {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfName {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
.cfEmail {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfEmail {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfMessage {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 350px;
}
.cfMail {
	float: left;
	margin: 1px 0 10px 0;
	padding:0 5px;
	color: #FFF;
	background: #AA1111;
	text-align: center;
	border: 1px solid #222;
	line-height: 26px;
	min-height: 26px;
}
.cfMail a {
	color: #FFF;
	background: #AA1111;
}
.cfMail a:hover {
	color: #EBEBEB;
}
/************************************************
		DITTO SPECIFIC
*************************************************/
#dittoContain {
	margin: 1px;
	height: 45px;
	line-height: 45px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: .9em;
}
.ditto_pages {
	width: 50%;
	float: left;
	margin: 0 auto;
}
.ditto_previous_off {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	margin-right: 5px;
}
.ditto_currentpage {
	padding: 2px 2px 2px 4px;
	color: #FFF;
	background: #AA1111;
	border: 1px solid #000;
}
.ditto_previous_link {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	margin-left: 5px;
}
.ditto_page {
	padding: 2px 4px 2px 4px;
}
.ditto_next_off {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	margin-left: 5px;
}
.ditto_next_link {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	margin-left: 5px;
}
/************************************************
		DITTO SPECIFIC
*************************************************/
ol {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	margin-left: 85px;
	color: #981B1E;
}
ol p {
	font-family: Arial,Helvetica,sans-serif;
	color:#111111;
	font-size: 14px;
	margin-left: -40px;
}