/* Styles.css
	Site: 	Mike McCloskey
	Author: Matthew McCloskey, Kemso LLC
	Date:	May, 2009
*/


body {
	margin: 0px auto;
	padding: 0px;
	
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #644B29;
	
	background: #e0c997 url(../images/background.gif) no-repeat scroll center top;
}


/* Links & Buttons
--------------------------------------------------------------------------------- Links & Buttons
*/

a, a:visited {
	color: #591102;
}
a:hover, a:active {
	color: #6b9ba5;
}

.bounded a, a:visited {
	color: #6b9ba5;
}
.bounded a:hover, a:active {
	color: #591102;
}


a.button {
	display: inline-block;
	background: #7c633e;
	color: #fff;
	text-decoration: none;
	padding: 5px;
}



/* Headers
--------------------------------------------------------------------------------- Headers
*/

h1, h2, h3 {
	font-family: Georgia;
}
h1 {
	margin: 10px 0;
	color: #591102;
	font-size: 55px;
	line-height: 61px;
	font-weight: normal;
}
h2 {
	margin: 10px 0;
	color: #392513;
	font-size: 30px;
	line-height: 36px;
	font-weight: normal;
}
h3 {
	font-size: 20px;
	line-height: 26px;
	color: #591102;
	font-weight: normal;
	margin: 4px 0;
}


/* Standards & Hacks
------------------------------------------------------------- Standards & Hacks
*/
.clearer {
	display: block;
	clear: both;
	height: 1px;
	line-height: 1px;
	margin-top: -1px;
	text-indent: -9999px;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.two-column li {
	width: 275px;
	float: left;
}

ul.bullet {
	list-style: circle;
	list-style-position: inside;
}

img {
	border: 4px solid #f5e5c3;
	margin: 0;
	padding: 0;
}

blockquote {
	margin: 0;
	padding: 0;
	font-family: Georgia;
}
.breakout{

	font-style: italic;
	font-size: 16px;
	border-top: dotted thin;
	border-bottom: dotted thin;
}

.float-left {
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
}
.float-right {
	display: block;
	float: right;
	margin: 0px 0px 10px 10px;
}


.hr {
	border-bottom: dotted 1px #B0935B;
	margin: 15px auto;
}

/* Structure
--------------------------------------------------------------------------------- Structure
*/

#header, #main {
	width: 1011px;
	margin: 0px auto;
}
#header {
	height: 220px;
	width: 875px;
}
#main {
}
#footer {
	background: transparent url(../images/footer-bg.jpg) no-repeat scroll center top;
	text-align: center;
	height: 140px;
	padding-top: 60px;
	text-align: right;
	color: #382514;
}
#footer span {
	display: block;
}

.section {
	clear: both;
	margin-bottom: 30px;
	width: 875px;
	padding: 0 68px;
}
.section .section {
	width: auto;
	padding: 0;
	
}
.section .footer {
	clear: both;
}
.section.bound {
	background-color: #ECDBB7;
	padding: 20px;
}


/* ! Header Elements  */
/* --------------------------------------------------------------------------------- 
 */
#header h1 {
	margin: 0;
}
#header h1 a {
	display: block;
	height: 150px;
	/* background-color: #fff; */
	text-indent: -9999px;
}
#header #tag {
	display: block;
	text-indent: -9999px;
}



/* Navigation 
--------------------------------------------------------------------------------- Navigation
*/

#navigation {
	margin-top: 0px;
}
#navigation li {
	display: block;
	float: left;
	margin-right: 20px;
}
#navigation a {
	display: block;
	padding: 8px;
	color: #F5E9D3;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
}
#navigation a:hover {
	background-color: #392513;
	text-decoration: none;
}
#navigation li.selected a {
	color: #63310f;
}
#navigation li.selected a:hover {
	background-color: transparent;
}



.sub-nav li {
	margin-bottom: 3px;
	border-bottom: 1px dotted #604a27;
}
.sub-nav a {
	display: block;
	text-decoration: none;
	padding: 3px 5px;
	color:  #f5e9d3;
}
.sub-nav a:hover {
	background-color: #f5e9d3;
	padding: 3px 5px;
}

.sub-nav .selected a,
.sub-nav .selected a:hover {
	background-color: #392513;
	color:  #f5e9d3;
	padding: 3px 5px;
}

.sub-nav li.image a {
	/* line-height: 70px; */
}
.sub-nav a img {
	border: none;
	float: right;
	vertical-align: middle;
	margin-left: 10px;
}

.sub-nav .meta {
	display: block;
	color: #ddc098;
}


/* ! Columns  */
/* --------------------------------------------------------------------------------- 
 */
.column {
	float: left;
	width: 49%;
	margin-right: 1%;
	clear: none;
}
.column.two {
	margin-right: 0px;
	margin-left: 1%;
}
.column.third {
	width: 32%;
	margin-right: 1%;
}

.column.bounded, .bounded {
	background-color: #7e653f;
	color: #f5e9d3;
}
.column.bounded {
	width: 44%;
	padding: 15px 2%;
}
.bounded {
	padding: 15px;
	margin-bottom: 15px;
}
.column.bounded h2, .bounded h2 {
	margin-top: 0px;
	font-size: 24px
}


/* content and sub nav */
.column.content {	
	width: 595px;
	margin-right: 20px;
	float: left;
	padding: 0;
}
.column.right {
	width: 250px;
	float: right;
	clear: right;
	padding: 0;
	margin-bottom: 20px;
	margin-right: 0px;
}
.column.right.bounded {
	padding: 15px;
	width: 220px;
}



/* ! Misc  */
/* --------------------------------------------------------------------------------- 
 */

.map_info_window {
	color: #392513;
}
#maplet {
	width: 100%;
	height: 180px;
	overflow: hidden;
}
#map {
	border: 1px solid #7e653f;
}


/* ! Feature Box  */
/* --------------------------------------------------------------------------------- 
 */

#feature {
	margin-bottom: 0px;
}
#feature.section {
	width: 835px;
}
#feature.large {
	height: 221px;
	padding: 20px 88px;
	background: transparent url(../images/feature-bg-large.png) no-repeat scroll center top;
}
#feature.small {
	height: 150px;
	padding: 20px 88px;
	background: transparent url(../images/feature-bg-small.png) no-repeat scroll center top;
}
#feature img {
	border: 2px solid #978f82;
	float: left;
	margin-right: 12px;
}

#feature h2 {
	/* margin: 0; */
	float: left;
	width: 190px;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 30px;
}
#feature p {
	margin: 5px;
}
#feature h2.sIFR-replaced {
	margin: 0;
}


#feature h1 {
	margin: 15px 0 15px 15px;
	float: left;
}
#feature h1.sIFR-replaced {
	margin: 20px 0;
}
#feature blockquote {
	float: right;
	width: 400px;
	padding: 0 15px;
	font-style: italic;
}
blockquote .author {
	display: block;
	text-align: right;
	font-style: italic;
}
blockquote table{
	height: 96px;

}

/* turn off padding in random quote area */
blockquote table td p {
	margin: 0px;
	padding: 0px;
}





/* ! Home page  */
/* --------------------------------------------------------------------------------- 
 */

#map {
	width: 100%;
	height: 300px;
	overflow: hidden;
}





/* ! Posts  */
/* --------------------------------------------------------------------------------- 
 */
.post-image img {
	float: left;
	margin-right: 15px;
}

.post-header h2 {
	margin: 0;
	line-height: 30px;
}
.post-header.image h2,
.post-header.image h3 {
	width: 365px;
	float: left;
}
.post-header.image .date-box {
	float: left;
}

.post {
	margin-bottom: 10px;
	border-bottom: dotted 1px #B0935B;
	padding-bottom:  10px;
}
/*
.post .register {
	float: right;
}
*/




/* ! Comments  */
/* --------------------------------------------------------------------------------- 
 */
ul#comments li {
	margin-bottom: 10px;
	border-bottom: dotted 1px #B0935B;
	padding-bottom:  10px;
}
ul#comments li p {
	margin: 0;
	padding: 0 22px;
}




/* ! Date box  */
/* --------------------------------------------------------------------------------- 
 */

.date-box {
	display: block;
	width: 100px;
	height: 56px;
	padding-top: 10px;
	background: transparent url(../images/date-box.png) no-repeat scroll center center;
	text-align: center;
	color: #e0c997;
}
.date-box span {
	display: block;
	text-align: center;
}
.date-box .start, .date-box .end {
	font-size: 14px;
}
.date-box .delimiter {
	font-size: 10px;
	line-height: 12px;
}
/* ! Forms  */
/* --------------------------------------------------------------------------------- 
 */
 
form {
	background-color: #ECDBB7;
	padding: 10px 20px;
	/* background-image: url(../images/bittbox_hiresWCII_16.png); */
	
	
}
fieldset {
	border: none;
}
textarea {
	width: 400px;
	height: 200px;
	border: solid thin #65502F;
	background-color: #7C633E;
	color: #F1E5CC;
	padding: 3px 5px 3px 5px;
}
input {
	width: 300px;
	border: solid thin #65502F;
	background-color: #7C633E;
	color: #F1E5CC;
	padding: 3px 5px 3px 5px;
}
button {
	margin-left:100px;
	margin-bottom: 10px;
	background-color: #7c633e;
	color: #fff;
	border: none;
	padding: 4px 7px;	
}
legend {
	padding-left: 0px;
	padding-top: 10px;
	font-size: 16px;
	
}
label {
	display: block;
	float: left;
	width: 100px;
	padding: 3px 0 3px 0;
	margin: 2px 0 2px 0;
	font-size: 11px;
}



#directions_form, .right form {
	background: none;
	padding: 0;
	margin: 0;
}
#directions_form input,  .right form input {
	width: 208px;
	background-color: #ecdbb7;
	border: none;
	color: #7e653f;
	margin: 0;
}
#directions_form button,  .right form button {
	background-color: #ecdbb7;
	color: #7e653f;
	margin-left: 0;
}
#directions_form label,  .right form label {
	width: auto;
}




#directions img {
	border: none;
}



/* ! Books  */
/* --------------------------------------------------------------------------------- 
 */
.book {
	margin-bottom: 20px;
}
.book .image {
	width: 110px;
}
.book .image img {
	display: block;
	margin: 0px auto;
}
.book .description {
	margin-left: 120px;
}
.book h2 {
	margin: 0px;
}