/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#1e1e1e; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

body {
	background:url("../images/background.png") 0 0;
}

#page-wrapper {
	width:970px;
	margin:0 auto;
	background:url("../images/content-bg.png") no-repeat 0 0 #000;
}


/*#site-background {
	background:url("../images/content-bg.png") no-repeat 0 0 #000;
	margin-top:200px;
	border-radius:5px 5px 0 0;
}*/

/* sidebar for normal pages (not blog)*/
#page-side{
width: 415px; /* possible to be 428px */
margin-top:-200px;
padding-right:10px;
}

.side-box {
	width:322px;
	margin:0 45px;
	margin-top:-80px;
	padding-top:55px;
	padding-bottom:20px;
	color:#fff;
	font-size:16px;
	background:url('../images/side-box-bottom.png') no-repeat bottom left;
	background-color:#323232;
	float:left;
}

.side-box-content {
	padding-left:20px;
	background:url('../images/column-bg.png') no-repeat bottom right;
	width:300px;
	padding-bottom:10px;
} 

.side-box a {
	color:#9f7454;
}

.credits {
	
	text-align:center;
	color:#54422E;
	margin-top:30px;
	display: block;
	padding-top:30px;
	clear:both;
	margin-bottom:20px;
}
.credits a {
	color:#9f7454;
	
}



#side-link {
	background: url('../images/side-link.png') no-repeat 0 0;
	width:30px;
	height:314px;
	display: block;
	position: absolute;
	margin-left:970px;
	margin-top:300px;
}

/* main wrapper for pages */
/* main menu which should work the same for both layouts */
.layout-1 {
	width:545px;
}

.layout-2 {
	width:750px;
}


.menu-header {
	width:163px;
	background:url('../images/menu-bg.png')  no-repeat 0 0;
	height:260px;
	padding-top:10px;
} 

.layout-1 .menu-header {
	margin-top:-5px;
}

.menu li {
	display:block;
	line-height:26px;
	border-top:1px solid #5a3e28;
	padding-left:20px;
}

.menu li:first-child {
	border:none;
}

.menu a {
	text-decoration:none;
	font-family: Georgia, Times, serif;
	font-size:16px;
	color:#000;
}

.menu a:hover {
	color:#fff;
}

.logo {
	margin-top:52px;
}
.page-template-default #main-content {
	margin-top:0;
	float:right;
	width:100%;
}

.page-template-default #page-wrapper {
	margin-top:200px;
}

.page-template-default #main-wrapper {
	float:right;
	margin-top:0;
}

.page-template-onecolumn-page-php #page-wrapper {
	margin-top:200px;
}

.page-template-onecolumn-page-php #site-background {
	margin-top:-200px;
}


#main-wrapper {
	margin-top:200px;
}

#main-wrapper > header{
	margin-top:-200px;
	float:right;
}
#main-content {
	font-family:Georgia, serif;
	color:#fbebd4;
	line-height:22px; 
	font-size:16px;
	min-height:600px;
	padding-right:0px;
}

#main-content h1 {
	font-size:32px;
	font-family: "Arno pro", Georgia, serif;
	color:#87664a;
	font-weight:normal;
	margin-bottom:30px;
	margin-left:20px;
}

#main-content h2 {
	font-size:14px;
	color:#B68963;
}

#main-content a {
	color:#B68963;
	font-size:12px;
	float:right;
}
/*image on home page*/
#charlies {	
	margin-right:-10px;
}

.layout-2 #main-content h1 {
	color:#dbbb8a;
}

#main-content p {
	margin:20px 10px 20px 0;
}

#side-image {
	margin-left:-4px;
}
/* blog right sidebar*/

#main-sidebar {
	min-height:300px;
	width:200px;
/*	background:url('../images/right-small-building.png') no-repeat 0 0;*/
}


.page-id-269 #main-wrapper,
.page-id-271 #main-wrapper,
.page-id-273 #main-wrapper,
.page-id-439 #main-wrapper,
.page-id-441 #main-wrapper,
.page-id-443 #main-wrapper {
	width:100%;
}


/* widgets */
.widget-title {
	font-size:16px;
	padding:2px 0 5px 0;
}

.widget-head {
	background:url("../images/widget-head.png") no-repeat 1px 0; 
	height:27px;
}
.widget-foot {
	background: url("../images/widget-footer.png") no-repeat 1px 0;
	height:27px;
}
.widget-content {
	background:url("../images/widget-bg.png") repeat-y 0 0;
	padding:0 25px;
}

.children > li > a {
	padding-left:10px;
}
.children .children > li > a {
	padding:20px;
}
#sidebar-wrapper {
	margin-left:0;
}

#sidebar-wrapper .widget-content{
	padding-right:25px;
}

#sidebar-wrapper .xoxo {
	margin-left:0;
}
#sidebar-wrapper nav {
	margin-left:20px;
} 

.widget-content {
	font-size:12px;
}

.widget-content a {
	color:#dbbb8a;
	font-size:12px;
	text-decoration:none;
}
.widget-content a:hover {
	text-decoration:underline;
}

/*categories + pages widgets*/
.widget_pages .widget-content > ul li,
.widget_categories .widget-content > ul li {
	line-height:18px;
	border-top:1px solid #444;
}
.widget_pages .widget-content > ul li:first-child,
.widget_categories .widget-content > ul li:first-child {
	border:none;
}

.xoxo { 
	margin:0;
	-webkit-padding-start: 0;
}

/* blog page layout*/
#main-sidebar {
/*    padding-top: 280px;*/
    margin-top: -110px;
    color:#FBEBD4;
    margin-right:15px;
}

#sidebar-wrapper {
	color:#FBEBD4;
}

#main-wrapper.layout-2 {
    margin-top: 120px;
}


/* go width widget box behind the image in sidebar*/
#main-sidebar .xoxo {
	margin-top:-100px;
}

#main-sidebar .xoxo li:first-child .widget-content {
	padding-top:60px;
}
/**/
.layout-2 header h1 {
 margin-left:-40px;   
}

header nav {
	margin-right: 20px;
}

.single #site-background,
.blog #site-background,
.archive #site-background {
    width:970px;
    margin-top:0;
}

.blog #page-wrapper,
.single #page-wrapper,
.archive #page-wrapper {
	margin-top:120px;
}

.blog #main-wrapper > header, 
.single #main-wrapper > header, 
.archive #main-wrapper > header
{
	float:none;
}

/* post listing */
#sidebar-wrapper {
    margin-left: 10px;
    width: 194px;
    overflow: hidden;
    margin-bottom:20px;
}

#sidebar-wrapper #access {
    margin-top: 5px;
}

.layout-2 #main-content {
    float: left;
    width: 530px;
    margin-left: 15px;
}

article {
    margin: 15px 0;
}

article h2 {
    display: block;
    padding: 2px 0;
    border-bottom: 1px solid;
}

#main-content  article h2 a {
    float: none;
    font-size: 20px;
    text-decoration: none;
}

.post-meta, .logged-in-as, .nav-links {
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.post-meta a {
    text-decoration: none;
}
.post-meta a:hover {
	border-bottom:1px solid;
}
#main-content article a, #main-content .logged-in-as a {
    float: none;
    text-decoration:none;
}
#main-content article a:hover, #main-content .logged-in-as a:hover {
	border-bottom:1px solid;
} 

#main-content article p {
    margin: 5px 0;
}


.comment-form-comment label {
	display: block;
}
.comment-form-comment textarea {
	width:530px;
	height:80px;
	outline:none;
    border:1px solid #fddd9b;
}

.form-submit input[type="submit"] {
    width: 100px;
    border: 1px solid #DBBB8A;
    padding:5px 0;
}

.form-submit input[type="submit"]:hover {
    border: 1px solid #F0F0F0;
    background: #DBBB8A;
}

.form-allowed-tags {
	display: none;
}

footer {
	clear:both;
	background:url('../images/footer-bg.png') no-repeat 0 0;
	color:#000;
	height:50px;
	padding:0 10px;
	padding-top:15px;
	width:950px;
	margin-bottom:0px;
}

footer a {
	color:#000;
}
footer a:hover {
	text-decoration:none;
}

.menu-footer .menu li {
	display:inline;
	border:none;
	background:none;
	line-height:inherit;
	text-decoration:underline;
	padding:0 4px;
}


/*contact form styling*/
.wpcf7-form {
    margin-left: 20px;
}

.wpcf7-form input, .wpcf7 textarea {
    width: 360px;
    height: 26px;
    outline:none;
    border:1px solid #fddd9b;
}

.wpcf7-form textarea {
    height: 160px;
}

.wpcf7-form input[type="submit"] {
    width: 80px;
    border: 1px solid #DBBB8A;
}

.wpcf7-form input[type="submit"]:hover {
    border: 1px solid #F0F0F0;
    background: #DBBB8A;
}

.wpcf7-form input:focus, .wpcf7-form textarea:focus, .comment-form-comment textarea:focus{
	background:#fddd9b;
	border:1px solid #fff;
}

#main-content .wpcf7-form p {
	margin:10px 0;
}

/* galleries page */

.page-id-295 #main-wrapper, .page-id-345 #main-wrapper,
.page-id-343 #main-wrapper, .page-template-onecolumn-page-php #main-wrapper{
	width:970px;
}

.page-id-295 header #access,
.page-id-343 header #access,
.page-id-345 header #access, 
.page-template-onecolumn-page-php #access {
	margin-left:400px;
	margin-right: 20px;
}

.box {
    width: 323px;
    float: left;
    margin: 0 80px;
}

.box img {
    padding: 0;
    margin: 0;
    border: 0;
}

.box-head {
    margin: 0;
    padding: 0;
    height: 61px
;
}

.box-content {
    background: url('../images/box-bg.gif') no-repeat bottom right #323232;
    margin: 0;
    padding: 0 20px;
    font-size: 12px;
    padding-top: 10px;
    height: 82px;
}

.gallery {
	width:600px;
}
#main-content .gallery-item a {
	float:none;
}

/*---------------------------- ie fixes ----------------------------------------------*/
.ie7 .form-submit input {
	font-size:12px;
}

.ie7 footer {
	padding-top:0;
	height:65px;
}
.ie7 footer a {
	text-decoration: underline;
	border:none;
}

/*home sidebar ie fix*/
.ie7 #side-image {
	z-index: 100;
	position: absolute;
}
.ie7 .side-box {
	position: absolute;
	margin-top:560px;
}
.ie7 .credits {
	margin-top:800px;
}

/* blog right sidebar fix */
.ie7 #main-sidebar img {
		z-index:100;
		position: absolute;
	}
.ie7 #main-sidebar .xoxo{
	margin-top:200px;
}

/* clearfix hack for floats*/
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear{clear:both}

.lefts {
	float:left;
}
.rights {
	float:right;
}