/*
THEME NAME: Cottage 2.0
THEME URI: http://www.matzkoscottage.com
DESCRIPTION: Theme for the Matzkos' Thunderbird Mountain Cottage
VERSION: 2.0
AUTHOR: Austin Matzko
AUTHOR URI: http://ilfilosofo.com
*/

/*
 * Colors:
 * #91784d - bottom of body background
 * #7a2f1e - brick red for text
 * #42210b - dark brown main text
 * #ccbc9b - light beige of main body background
 */


/*
 * Overall tags
 */

* {
	margin: 0;
	padding: 0;
}

a {
	color: #42210b;
}

a:hover {
	color: #7a2f1e;
}

body {
	background: url('images/bg-gradient.png') repeat-x top center #91784d;
	color: #42210b;
	font-family: Georgia, serif;
}

h2, h3, h4 {
	margin-top: 1em;
}

h2, h2 a, h3, h3 a, h4, h4 a {
	color: #7a2f1e;
}

p {
	margin-bottom: 1em;
}

/*
 * Overall classes
 */

.skip-link {
	display:none;
}

/*
 * Structural order
 */

#wrapper {
	background: url('images/wrapper-bg.png') repeat-y 43px 0px;
	margin: 0 auto 30px;
	width: 1020px;
}
	#header {
		background: url('images/header.jpg') no-repeat top left;
		height: 204px;
		position: relative;
		width: 1015px;
	}
		#blog-title {
		}
			#blog-title a, #blog-title span {
				display: block;
				height: 55px;
				left: 260px;
				overflow: hidden;
				position: absolute;
				text-indent: -999em;
				top: 45px;
				width: 585px;
			}
		#blog-description {
			display: none;
		}
	div#container {
		float: right;
		margin: 0 0 0 -255px;
		width: 100%;
	}
		div#content {
			margin: 0 38px 0 260px;
		}
			#content h2.entry-title {
				border-bottom: 2px solid;
				margin: auto auto 1em;
				text-align: left;
			}
			
			.entry-content img, #cottage-map {
				border: 1px solid #7a2f1e;
				display: block;
				margin: 1em auto;
				padding: 3px;
			}

				.entry-content img.alignleft {
					float: left;
					margin: 1em;
				}

				.entry-content img.alignright {
					float: right;
					margin: 1em;
				}

			#content ol, #content ul {
				margin: auto auto 1em 1em;
			}
			#content .edit-link a {
				background-color: #7a2f1e;
				border: 2px solid #7a2f1e;
				color: #ccbc9b;
				display: block;
				float: left;
				margin: 1em;
				padding: 1em;
				text-decoration: none;
			}
			#content .edit-link a:hover {
				background-color: #ccbc9b;
				color: #7a2f1e;
			}

	div.sidebar {
		float:left;
		margin-left:45px;
		overflow:hidden;
		padding:6px;
		width:188px;
	}

	* html div.sidebar {
		margin-left: 23px;
	}
		div.sidebar ul {
			list-style-type: none;
			margin-left: .75em;
		}	

		#main-menu-list {
			font-size: smaller;
			margin-left: 0px;
		}
			#main-menu-list li a.main-nav-link {
				background-position: top left;
				background-repeat: no-repeat;
				display: block;
				height: 50px;
				overflow:hidden;
				text-indent: -999em;
				width: 176px;
			}

			#home-link a.main-nav-link {
				background-image: url('images/home-link.jpg');
			}

			#rental-link a.main-nav-link {
				background-image: url('images/rental-link.jpg');
			}

			#sightseeing-link a.main-nav-link {
				background-image: url('images/sightseeing-link.jpg');
			}

			#hiking-link a.main-nav-link {
				background-image: url('images/hiking-link.jpg');
			}

			#recreation-link a.main-nav-link {
				background-image: url('images/recreation-link.jpg');
			}

			#maps-link a.main-nav-link {
				background-image: url('images/maps-link.jpg');
			}

			#contact-link a.main-nav-link {
				background-image: url('images/contact-link.jpg');
			}

			#about-link a.main-nav-link {
				background-image: url('images/about-link.jpg');
			}

			#main-menu-list .submenu {
				margin-left: 1.5em;
			}
				#main-menu-list .submenu li {
					padding: 0;
				}
					#main-menu-list .submenu li a {
						display: block;
						padding: .5em;
						text-decoration: none;
						width: 100%;
					}
					#main-menu-list .submenu li a:hover, #main-menu-list .submenu li a.current {
						background-color: #7a2f1e;
						color: #ccbc9b;
					}
	div#secondary {
		clear: left;
	}
	div#footer {
		background: url('images/footer.jpg') no-repeat 0px 100%;
		clear: both;
		font-size: smaller;
		margin-left: 44px;
		padding: 100px 0 1em 100px;
		width: 953px;
	}
		#footer div {
			margin: .5em auto;
			text-align: center;
		}
