/*
Theme Name: ~Brown Street Inn
Theme URI: http://www.insideout.com
Description: Custom Theme
Version: 1.3
Author: InsideOut Solutions/Kailey Lampert
Author URI: http://insideout.com/
*/


/* basic classes */
* { margin:0; padding:0; outline:0; }

.left { float:left; }
.right { float:right; }
img.left, img.right { margin: 0 5px; }
.hidden { display:none; }
.clear { clear:both; }

/* --------------------------------------------------------------- */
/* basic element */

ul, ol {  margin: 5px 5px 5px 15px; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
blockquote { margin: 10px 30px; font-style:italic;}

a { color:#000; }
a:hover { text-decoration: none; }
a:visited {  }
a:active { position:relative;top:1px; }
a[href $='.pdf'] { padding-right: 18px; background: transparent url('http://js.insideout.com/images/icon_pdf.png') no-repeat right; }

h2, h3, h4, h5{ padding: 0 0 .2em 0; }
h2{ font-size: 1.8em; }
h3{ font-size: 1.6em; }
h4{ font-size: 1.4em; }

hr { margin: 20px }

p{ margin: 0 0 .8em 0; }

.editLink {clear:none; position:fixed; top:45%; left:0px;width:35px;height:45px;padding:0;font-size:12px; line-height:12px;font-family:courier new;text-align:center;font-variant:small-caps; -moz-box-shadow: 1px 0px 8px #999;}
.editLink a { display:block;width:27px;height:37px; padding: 4px; color:#fff;background:#6b7a5d; text-decoration:none;}
.editLink a:hover { display:block; color:#2c132f;background:#afaa75; }

/* --------------------------------------------------------------- */
/* html { background: #8b7355; } */
body { /*font stacks: http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/ */
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-family:  Times New Roman, times, serif;
	font-family: Verdana,Helvetica,Arial;
	margin: 0;
	font-size:62.5%;
	background:#8b7355;
	color:#663333;
}

/* Layout */
#page {margin:0 auto;}

.layout {
	width: 750px;
	text-align: left;
	margin: 10px auto 0;
	background: url('images/bg.gif') repeat-y;
	border: 1px solid #000;
	position:relative;
}

	h1 { float:left; font-size:3em; position:absolute; top:0px; right:20px;}
	h1 a { display:block; height:100%;}
	h1 a:active {position:static;}
	h1 span { display:block; padding:10%; height:auto;}
	
#container {
	float:left;
	width: 540px; 
	overflow:hidden;
	font-size: 1.3em;
	line-height: 1.4em;
}

/* --------------------------------------------------------------- */
/* body content */
#content {
	float:left;
	padding: 20px;
}
.narrowcolumn	{ }
.widecolumn		{ }

.home .post { width: 300px; }
.post { width: auto; }

.entry {overflow:hidden;}

table td { vertical-align:top;}

#content h2 {
	font-size:2em;
	line-height:1.4em;
	padding: 10px 0;
	margin-bottom:10px;
}
#content h2 a { text-decoration:none; }
#content h2 a:hover {  }

#content p.date_auth { font-size:90%;margin:3px 0; font-style:italic; }

.attachment-post-thumbnail { float:right; margin-bottom:10px;}

.quote { color:#3B0064; font-family:georgia, times new roman, times, serif; font-style:italic; height:108px;
	padding:0 0 0 55px; background: transparent; display:table;clear:both;}
.quote p { display:table-cell; vertical-align:middle; height:100%; }

.postmetadata { clear:both; padding: 3px 5px; font-size:80%; }
.navigation { overflow:hidden; margin:0 0 10px 0; }

/* ------------http://tools.trepmal.com/roomgen/------------------ */
/* roomsList */



/* --------------------------------------------------------------- */
/* attachments */
body.attachment p.attachment { text-align:center; }

/* --------------------------------------------------------------- */
/* comments */
#respond { clear:both; }
ol.commentlist, ol.commentlist ul {
	list-style:none;
	margin: 0;
	padding:0;
}
li.comment {
	padding: 5px 20px;
	margin:0 0 20px 0;
}
li.bypostauthor {
	padding: 5px 20px;
	margin:0 0 20px 0;
}
li.odd { }

li.depth-2, li.depth-3, li.depth-4 { margin-top:10px; padding: 5px 10px; }

img.avatar {float:left;margin:3px 3px 0 0; }
/* --------------------------------------------------------------- */
/* sidebar */
#sidebar {
	width:260px;
	float:right;
	padding: 10px;
}
#sidebar h2 {
	margin:0 0 10px 0;
	padding:0;
}
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar ul li {
	margin:10px 0 0 0;
	padding:0;
}
#sidebar ul li li{
	margin: 0;
	padding:0;
	overflow:hidden;
}

#sidebar ul ul {
	padding: 0 0 0 10px;
}

.post-side-info{ }

/* --------------------------------------------------------------- */
/*assorted special pages/widgets */
/* sitemap */
.searchbox { background:#ffffef; border: 3px solid #99AA7B; padding:10px; margin-right:50px;}
.sitemap { margin-left:50px; }

/* widgets */

/* search */
input#s {width:120px; }

/* calendar */
table#wp-calendar {width:100%;text-align:center;}


/* --------------------------------------------------------------- */
/* footer */
#contact {
	height:170px;
	text-align:center;
	padding: 80px 360px 0 0;
	float:right;
	font-size:11px;
	line-height: 14px;
	background: url('images/inn-art.jpg') bottom right no-repeat;
}
.home #contact { background: url('images/inn-art-photo.jpg') bottom right no-repeat; }

#footer {
	overflow:hidden;
	background:#fff;
	font-size: 1.0em;
	line-height: 1.3em;
	clear:both;
	padding: 2px 0;
	border-top: 1px solid #000; 
	color:#000;
}
#footer p { margin:0; }

#subfooter {
	width: 750px;
	padding: 4px 0;
	margin:0 auto;
}

/* --------------------------------------------------------------- */
/* main menu */

.the_menu, .the_menu * { margin:0;padding:0; }

	/* general */
	.the_menu { overflow:visible;font-size:1.4em; margin: 0; float:left; width:120px; padding: 78px 35px 0 0;background:url('images/bg-menu.gif') no-repeat; height:450px;}
	.the_menu ul { margin: 0; overflow:visible; list-style:none;  }
	.the_menu li { position: relative; z-index:50;  margin: 0; list-style:none; }
	.the_menu li.hovering { position: relative; z-index:60;  margin: 0; list-style:none;}
	.the_menu li a  { display:block; margin:0; text-decoration:none;  }
	.the_menu li a:hover { text-decoration:underline; background:rgba(255,255,255,0.2);}
	.the_menu li a:active { position:static; }


	/* top level items */
	.the_menu ul.level-1-ul {  }
	.the_menu li.level-1-li { height: 21px; }
	.the_menu li a.level-1-a  { height: 11px; padding: 7px 15px 3px; text-indent: -999em;}
	.the_menu li a.level-1-a:hover  {  }

		/* beyond top level items */
		.the_menu li.level-1-li ul {  height:auto; width:170px; position:absolute; display:none; -moz-box-shadow: 0 2px 4px #000;}
		.the_menu li.level-1-li li { height:auto;}
		.the_menu li.level-1-li li a { height:auto; padding: 7px 0;float:none;}
		.the_menu li.level-1-li li a:hover {}


	/* second level items */
	.the_menu ul.level-2-ul { top:98%; left:2%; }
	.the_menu li.level-2-li {  }
	.the_menu li a.level-2-a  { }
	.the_menu li a.level-2-a:hover  {  }

		/* beyond second level items */
		.the_menu li.level-2-li ul { top:75%; left:50%; }
		.the_menu li.level-2-li li {  }
		.the_menu li.level-2-li li a {  }
		.the_menu li.level-2-li li a:hover {  }



/* --------------------------------------------------------------- */
/* image handling */
/* Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #777; text-align: center; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img {  margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }