/*  
Theme Name: Frontporch
Theme URI: http://frontporchbedandbreakfast.com/
Description: Custom theme for Front Porch Bed and Breakfast
Version: 1.0.0
Author: Steve Grimm
Author URI: http://design.unstandardized.com/
*/

/* http://colorschemedesigner.com/#3p51T7mIgw0w0 */

* {margin:0;padding: 0;}

body {
	font-family: Georgia, Arial, Verdana, Helvetica;
	background-image:url(images/main-top-bg-green-blue.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#326E81;
}

/*  */
#back 		{width: 100%; height: 100%;}
#wrapper 	{margin:0px auto; width: 808px;}
#site 		{width: 764px; min-height: 343px; padding: 0 20px;
background-image: url(images/bg-site.gif);
background-repeat: no-repeat;}



/* header section */
.header 		{
	width: 764px;
	height:300px;
	background-image:url(images/header-bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}
.header #logo {
	width:250px;
	height:156px;
	position:absolute;
	top:73px;
	left:20px;
	background-color:#fff;
	z-index:100;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #666;
}
.header #logo .padding {
	padding:8px 0px 0px 4px;
}
#logo a img {
	border:none;
}

/* menu section */
.menu 		{
	width: 764px; 
	height: 40px;
	background-image: url(images/nav-bg.gif);
	background-repeat: repeat-x; clear: both;
}
.menu ul	{
	list-style: none; 
	text-align: left; 
	padding: 0px 0 0 7px;
}
.menu ul li {
	display: inline-block; 
	padding: 0 0px 0 4px; 
	float: left;
	margin:0 12px;
}
.menu ul li#selected {
	background-image: url(images/menu-selected.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.menu ul li a {
	font-size:17px;
	text-decoration: none; 
	color: #21261d; 
/*	height: 23px; */
	display:block;
	padding:3px 6px;
	float: left; 
	margin-top: 6px;
	font-variant:small-caps;
}
.menu ul li a:hover, .menu ul li a:active {
	background-color:#FFCEC4;
}
.menu ul li a.active, .menu ul li.current_page_item a {
	background-color:#9bbcc7;
}


/* content section */
.content {
	width: 758px; 
	background-color: #e6dec0;
	background-color:#FFF6DF;
	background-color:#FFEFDF;
	background-color:#FFEEC4;
	border: 3px #FFEFDF solid;
	color:#212326; 
/*	background-image: url(images/content-bg.gif);
	background-repeat: repeat-x; position: relative;*/
}
.padding {
	padding:10px;
}
.content .main {
	width: 100%; 
	background-color: #e6dec0; 
	background-color:#FFEEC4;
}
.content .withsidebar {
	width: 521px; 
	float: left;
}

.content .main h1 {
	color:#212326; 
	font-size: 19px;
	height: 30px;
	font-weight: normal;
}
.content h1 a:link, .content h1 a:visited, .content h1 a:hover, .content h1 a:active,
.content h2 a:link, .content h2 a:visited, .content h2 a:hover, .content h2 a:active {
	color:#212326; 
	text-decoration:none;
	background-color:transparent;
}
.content h1 {
	padding-left: 17px; 
	padding-bottom: 3px; 
	margin-bottom: 8px;
	background-image: url(images/full-line.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.content h2 {
	color: #3f3f3f;
	font-size: 15px; 
	padding-left: 17px; 
	padding-bottom: 3px; 
	margin-bottom: 8px;
	height: 23px;
/*	background-image: url(images/main-subheading-bg.gif);*/
	background-image: url(images/full-line.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-weight: normal;
}

.content ul, .content ol {
	margin:10px 20px;
	padding:0px 20px;
	font-size:13px;
}
.content ul li, .content ol li {
	padding:3px 0px;
}

.content h3 {}
.content p {
	font-size: 13px; 
	padding: 0px 0 0 2px;
	margin-bottom:10px;
	line-height:1.5em;
}
.content a {
	color: #364487; 
	text-decoration: underline;
}
.content a:hover {
	background-color:#364487;
	color:#FFEEC4;
	text-decoration:none;
}
.content img {
	margin: 8px;
	padding:4px;
	background-color:#C7DCE3;
	max-width:100%;
	border:1px solid #9BBCC7;
}
img.leftalign { float: left; }
img.rightalign { float:right; }
img.centered, img.center {
	display:block;
	margin:inherit auto;
}
.content .sidebar {
	width: 237px; 
	float: right; 
	z-index: 10;
}

ul.thumbs {
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:20px;
}
ul.thumbs li {
	margin:0;
	padding:10px 0;
}
ul.thumbs img {
	margin:0;
}
.thumb-label {
	text-align:center;
}
.thumb-label a:link, .thumb-label a:visited, .thumb-label a:hover, .thumb-label a:active {
	text-decoration:none;
	
	background-color:transparent;
	color:#212326; 
}



/*******************************************/
/** Slideshow! *****************************/

#header-pic-container {
	padding-left:241px;
	padding-top:21px;
}
.pics {
	width:505px;
	height:258px;
	margin:0;
	padding:0;
}
.pics img {
	padding:0;
	margin:0;
	width:505px;
	height:258px;
	top:0;
	left:0;
}


/* footer section */
.footer {
	width: 764px; 
	background-color: #7D8F95; 
	padding-top: 7px; 
	margin-bottom: 45px;
	color: #FFEFDF;
	font-size: 12px;
	text-align:center;
	line-height:1.6em;
}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active {
	color:#FFCEC4;
	text-decoration:underline;
}
.footer .padding {
	padding:30px 20px;
}
.footer ul {
	list-style: none; 
}
.footer ul li {
	float: left; 
	display: inline-block;
	margin:0 6px;
}
.wrapper .spacer {height: 100px;
background-color: #000000;}

.clear {clear: both}
.fl {float: left;}
.fr {float: right;}

/******** COMMENTS **********/
/* Comments (single.php and comments.php) */

h3#comments, h3.lc {
	font-size: 13px;
	border-bottom: #C7DCE3 2px solid;
	font-weight:normal;
	clear:both;
}

h3.lc {
	padding-top: 20px;
}

.comments_wrap {
	width: 420px;
	margin: 20px 0 0px 10px;
	clear: both;
	padding-bottom: 5px;
	border-bottom: #D7D7D7 1px dotted;
}

.comments_wrap img {
	background: none;
	padding: 1px;
}

.comments_wrap .left {
	width: 46px;
	padding-top: 2px;
	float: left;
}

.comments_wrap .left img {
	border: #D7D7D7 1px solid;	
	padding: 1px !important;
}

.comments_wrap .right {
	width: 350px;
	float: left;
	padding-left: 15px;
}

.comments_wrap .right h4 {
	font-size: 11px !important;
	text-transform: none;
	padding: 0;
	font-weight: normal;
}

.comments_wrap .right h4 b {
	font-size: 12px !important;
}

.comments_wrap .right h4 a {
	text-decoration: none;
}

.comments_wrap .right h4 a:hover {
	text-decoration: underline;
}

/* Comments (form) */

.content form {
	margin: 20px 0 30px 10px;
}

.content form label {
	display: block;
	margin: 10px 0;
	font-size: 12px;
}

.content form label input {
	padding: 3px;
	width: 180px;
	font-size: 12px;
}

.content textarea {
	margin-bottom: 10px;
	display: block;
	padding: 3px;
	font-size: 12px;
}

.content form input {
	margin-top: 5px;
}

.lc_logged {
	padding: 0;
	margin-top: -10px;
}
/**** Categories *****/
.category-wrapper {
	margin-bottom:40px;
}