/*
Theme Name: Creekside Inn
Theme URI: creeksideinn.com
Version: 1.2
Author: Colin Frangos
Author URI: http://colinfrangos.com/

	Made by hand in the People's Republic of Oakland

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Eric Meyer v1.0 - 2008-02-12 */
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; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

html {
	height: 100%;
	width: 100%;
	position: absolute;
}

body {
	position: relative;
	background-image: url(images/page_grnd.gif);
	min-height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height: 18px;
	text-decoration: none;
}

P {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom: 10px;
}

a { 
    text-decoration: none;
	 color: #996600;
}

a:hover { 
    text-decoration: underline;
	 color: #996600;
}

h1 {
	font-family:"Trebuchet MS", "Gill Sans MT", Arial, Verdana;
	color:#666;
	font-size: 25px;
}

h2 { 
    text-decoration: none;
	font-family: 'Alegreya', Candara, Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 25px; 
	color: #7a7a7a;
	margin: 15px;
}

h2 a { 
   text-decoration: none;
}

h2 a:hover { 
   text-decoration: underline;
}

h3 { 
   text-decoration: none;
	font-family: 'Alegreya', Candara, Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 20px; 
	color: #7a7a7a;
	margin: 15px;
}

h3 a { 
   text-decoration: none;
}

h3 a:hover { 
   text-decoration: underline;
}

h4 {
	font-family: 'Alegreya', Candara, Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 17px;
	color: #660000;
	margin: 0 0 5px 10px;
}

h4 a { 
   text-decoration: none;
   color: #660000;
}

h4 a:hover { 
   text-decoration: underline;
}

blockquote {
 margin: 15px;
 font-size: 12px;
 font-style: italic;
 font-family: verdana, helvetica, arial;
}

ul {
	list-style: none;
	margin-left: 18px;
}

/*******************************
					HEADER
					*****************************/

#header {
	
}

#header h1{
	width: 750px;
	height: 183px;
	background-image: url(images/headers/home.jpg);
	text-indent: -3000px;
	overflow: hidden;
}
#headerReservations h1{
	width: 750px;
	height: 183px;
	background-image: url(images/headers/reservations.jpg);
	text-indent: -3000px;
	overflow: hidden;
}

#headerRooms h1{
	width: 750px;
	height: 183px;
	background-image: url(images/headers/rooms_rates.jpg);
	text-indent: -3000px;
	overflow: hidden;
}

#headerEvents h1{
	width: 750px;
	height: 183px;
	background-image: url(images/headers/events.jpg);
	text-indent: -3000px;
	overflow: hidden;
}

#headerArea h1{
	width: 750px;
	height: 183px;
	background-image: url(images/headers/area.jpg);
	text-indent: -3000px;
	overflow: hidden;
}

#headerBlog h1{
	width: 750px;
	height: 183px;
	background-image: url(images/headers/blog.jpg);
	text-indent: -3000px;
	overflow: hidden;
}

#headerDirections h1{
	width: 750px;
	height: 183px;
	background-image: url(images/headers/directions.jpg);
	text-indent: -3000px;
	overflow: hidden;
}


#headerContact h1{
	width: 750px;
	height: 183px;
	background-image: url(images/headers/contact.jpg);
	text-indent: -3000px;
	overflow: hidden;
}


#headerAppleHouse h1{
	width: 750px;
	height: 183px;
	background-image: url(images/headers/apple_house.jpg);
	text-indent: -3000px;
	overflow: hidden;
}

#headerNatureSuites h1{
	width: 750px;
	height: 183px;
	background-image: url(images/headers/nature_suites.jpg);
	text-indent: -3000px;
	overflow: hidden;
}

#headerOsprey h1{
	width: 750px;
	height: 183px;
	background-image: url(images/headers/osprey.jpg);
	text-indent: -3000px;
	overflow: hidden;
}

#headerTreeHouse h1{
	width: 750px;
	height: 183px;
	background-image: url(images/headers/treehouse.jpg);
	text-indent: -3000px;
	overflow: hidden;
}

					/**************************************
																   nav
								 							  ******************************************************/

#nav {
	position: relative;
	padding: 0;
	margin: 0;
	width: 750px;
	height: 54px;
	background-image: url(images/nav/nav_grnd.png);
}

#nav ul {
	margin: 0;
	padding: 12px 0 0 14px;
	list-style: none;
}

#nav ul li {
	margin: 0;
	padding-right: 22px;
	float: left;
	font-family: 'Alegreya', Garamond, "Times New Roman", Times, serif;
	font-size: 18px;
}

#nav ul li a{
	text-decoration: none;
	color:#660000;
}

#nav ul li a:hover{
	text-decoration:underline;
}


/**************************************
  					            CONTENT
	 						    ******************************************************/
#grade {
	position: relative;
	background:url(images/gradient_grnd.png) repeat-x;
	padding: 20px 0;
	min-height:100%;
    height:auto !important;
    height:100%; 
}

#contentWrapper {
	width: 750px; 
	background-color: white;
	padding: 0;
	margin: 0 auto;
	min-height:100%;
   height:auto !important;
   height:100%;
}

#contentWrapper p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height: 18px;
	text-decoration: none;
	margin:0 15px 10px 15px;
	padding:0;
}

.alignleft {
	float: left;
	margin: 0 5px 10px -15px;
}

.alignright {
	float: right;
	margin: 0 -15px 10px 5px;
}

#content span.floatLeft {
 position: relative;
 float: left;
 margin: 0px 15px 15px 0px;
 padding-right: 15px;
 font-family: verdana, helvetica, arial;
 font-size: 10px;
 font-weight: bold;
 font-weight: bold;
 line-height: 12px;
 color: white;
 clear: both;
}

#content span.floatLeft img {
 margin: 15px 0px 5px 0px;
}

#content span.floatRight {
 position: relative;
 float: right;
 margin: 0px 15px 15px 15px;
 font-family: verdana, helvetica, arial;
 font-size: 10px;
 font-weight: bold;
 line-height: 12px;
 color: white;
 clear: both;
}
#content span.floatRight img {
 margin: 15px 0px 5px 0px;
}

#content img {
 border: none;
 background-color: white;
 padding: 5px;
}

#content p#TextDisplay {
 color: black;
 font-size: 12px;
 line-height: 20px;
 font-family: verdana, helvetica, arial;
 margin-left: 115px;
}

#content p#TextDisplay blockquote {
 margin: 0px;
 padding: 0px 15px 0px 15px;
}

#homepageBlog{
	clear: both;
	margin: 20px 0 30px 0;
}

#homepageBlogContent{
	border-top: 2px solid #f7e3b1;
	border-bottom: 2px solid #f7e3b1;
	padding: 10px;
	margin: -10px 15px 0 15px;
	background: url(images/blog_pull_grnd.png) repeat-x;
}

div#roomsEntry {
	
}


div#roomsEntry ul{
	margin: 10px 50px 20px 15px;
	list-style:none;
}

div#roomsEntry ul li{
	overflow: auto;
	clear: both;
	margin-top: 50px;
}

div#roomsEntry ul li img{
	margin-right: 25px;
}

div#roomsList ul{
	margin: 10px 0 20px 15px;
	list-style:none;
}

div#roomsList ul li{
	margin: 0 0 5px 10px;
	padding: 0;
}

div#roomsList p {
	margin-bottom: 10px;
	margin-top: 10px;
}

.navigation {
	margin: 10px 20px;
	padding: 10px;
}

/* **************************************      
									Posts
									******************************** */

.entry {
	margin-top: 10px;
	clear: both;
}									

.entry ul{
	margin: 10px 35px;
}	

div.post {
	padding: 13px 0;
	margin:  0;
	border-bottom: 1px solid #dcdcdc;
}

.post h2 {

}

#content div.postDate {
	font-size: 13px;
	color: #a38f23;
	margin: 15px 0 20px 120px;
	font-weight: normal;
	background-color:#f9f9f9;
	font-family:"Gill Sans MT", Verdana, Arial;
}

.more-link a, .more-link a:link{
	color:#996600;
	font-style:italic;
	text-decoration:none;
	font-weight: bold;
}

.more-link a:hover{
	text-decoration:underline;
}

.more-link a:visited{
	font-weight: normal;
}

.postmetadata{
	font-family:"Gill Sans MT", Verdana, Arial;
	color:#999999;
}

#wrapper {
	width: 700px;
	position: left;
}

small {
	margin: 5px 0 15px 15px;	
	color: silver;
}


/* ****************************************************** 
												  SIDEBAR
												  ***************************************************** */

#sidebar {
/*	position: absolute;
	top: 120px;
	left: 735px;
*/
	font-family:"Gill Sans MT", Verdana, Arial;
	width: 178px;
}

#sidebar a {
 color:#666666;
 text-decoration: none;
}

#sidebar a:hover {
 text-decoration: underline;
}

#sidebar ul {
	padding: 2px 0 2px 20px;
	margin: 0 0 0 8px; 
	color: #666;
	font-size: 11px;
	border-left: #ccc 5px dotted;
}

#sidebar ul li {
 list-style: none;
 border: none;
 margin: 0;
 padding: 0;
}

#sidebar ul li#poweredByWordpress {
 margin-top: 30px;
 font-size: 10px;
}
#sidebar ul li#poweredByWordpress a {
 font-weight:normal; 
 font-size: 10px;
}

#sidebar ul li h2 {
	font-family: arial;
	text-transform:uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin-top: 15px;
	padding: 0;
}

#sidebar ul li ul {
	margin: 0 0 0 5px;
	padding: 0;
	border: none;
}

#sidebar ul#categories li {
	font-weight: normal;
}

#sidebar ul#categories li ul {
	margin: 0 0 0 10px;
	padding: 0;
}

#sidebar ul#categories li ul li {
	font-weight: normal;
}

#sidebar #searchform input {
	border: 1px solid #996600;
	margin: 0;
}

#sidebar input#searchsubmit {
	background-color:#EFEBD1;
	margin: 5px 0 0 0;
}

/* **********************************************************
													 COMMENTS
													 ****************************************************** */

textarea#comment {
	height: 325px;
	width: 720px;
	margin: 0;
	border: 1px solid #999966;
	padding: 0;
}
#content input {
	margin: 0;
	border: 1px solid #4c525a;
	padding: 2px;
}

#content input#submit {
	background-color: #d9d9d9;
	border: 2px solid #a38f23;
	margin: 0 0 20px 550px;
	clear: both;
}

label {
 font-size: 10px;
 color: #a38f23;
}

.commentlist {
 list-style: none;
 width: 600px;
 color: #a38f23;
 margin: 25px 0 0 120px;
 padding: 0;
}

.singleComment {
	margin: 0;
	padding: 0;
	color: red;
}


.commentlist a {
	color: #4c525a;
}

.commentlist li {
	padding: 10px 15px 10px 10px;
	margin: 15px 0px 0px 0px;
	clear: both;
	color: black;
	border: 1px solid #996;
	background-color:#E3E7EA;
}

.commentlist li.alt {
 background-color: white;
 border: 2px solid #E3E7EA;
}

.commentlist cite {
 color: #a38f23;
}

.commentlist li blockquote {
 margin: 0px 15px 15px 15px;
}

.commentAuthor {
 font-weight: bold;
 font-size: 12px;
 color: #a38f23;
 margin: 0;
 padding: 0;
}

.commentAuthor a {
	color: #4c525a;
}

.commentWelcome {
	color: red;
	font-size: 10px;
	font-family: verdana, helvetica, arial;
}

.commentmetadata {
 font-size: 10px;
 margin: 10px 0px 13px 20px;
}

.commentsFooter {
 color: #a38f23;
 border-top: 1px solid #a38f23;
 margin: 45px 0px 0px 0px;
}

.commentsFooter a {
 font-size: 10px;
 color:#4c525a;
}

.commentNoResult {
 margin: 0px 0px 25px 15px;
 color:#4c525a;
}

#content h4#respond {
 clear: both;
 padding-top: 35px;
}

.commentTimestamp {
 font-size: 10px;
 margin: 10px 0 0 10px;
}

/**************************************
											FOOTER
											*******************************************************************/

#bottomNav {
	margin: 35px 0 25px 0;	
}

#bottomNav ul{
	list-style: none;
	}

#bottomNav ul li{
	display: inline;
	margin: 0 10px;
	font-family: 'Alegreya', Garamond, "Times New Roman", Times, serif;
	font-size: 14px;
	letter-spacing: 2px;
}
	
#bottomNav ul li a{
	color: #929a76;
}

#bottomNav ul li a:hover{
	text-decoration: underline;
}
										
#footer {
	position: relative;
	bottom: 0;
	background: url(images/footer_logo.png) no-repeat #e7e9e1;
	border-top: 2px solid #b7bda8;
	height: 70px;
	margin-top: 5px;
	padding: 15px 0 0 90px;
	font-family: arial;
}

#footer p {
	color: #868383;
	margin: 0 0 10px 0;
	font-family: 'Alegreya', Garamond, "Times New Roman", Times, serif;
	font-size: 16px;
}

#footer a {
	color: #868383;
}

#footer #small {
	color: #b7bda8;
	font-size: 10px;
}