/*  
Theme Name: Studio 306
Theme URI: http://studio306.com/
Description: .
Version: 2.0
Author: Studio 306
Author URI: http://studio306.com/
*/

* {margin: 0; padding: 0;}
a {outline: none;}
a {padding: 0 1px; color: #8E2428;}
a:hover {color: #555; text-decoration: none;}
.clr {clear: both;}

.structural {
position:absolute;
left:-9999px;
}

body {
background: #e5e3e6;
color: #333;
font-size: 62.5%;
font-family: tahoma, sans-serif;
}

#wrapper {
width: 861px;
margin: 0 auto;
font-size: 1.1em;
}

#content-wrapper {
background: url('images/body-bg.png') center repeat-y;
padding: 30px;
}

#logo {
height: 51px;
padding-bottom: 10px;
/**/
position: absolute;
left: 50%;
margin-left: -410px;
top: 27px;
}

#header {
height: 51px;
padding-bottom: 15px;
}

#logo h1 {text-indent: -9999px;}

#logo h1 a {
display: block;
width: 225px;
height: 91px;
background: url('images/logo.jpg') center no-repeat;
}

#nav-container {
overflow: hidden;
margin-top: -35px;
z-index: 100;
}

#menu {
float: right;
width: 100%;
padding: 0 0 5px 0;
background: url('images/horizontal-spacer-pattern.png') bottom center no-repeat;
}

#menu ul {float: right;}
#menu li {display: inline; cursor: pointer;}

#menu li a {
display: block;
float: left;
height: 30px;
margin-right: 2px;
text-indent: -9999px;
background-position: top center;
outline: none;
padding: 0;
}

.home {width: 61px;background: url('images/nav/home.png');}
.about {width: 63px;background: url('images/nav/about.png');}
.gallery {width: 72px;background: url('images/nav/gallery.png');}
.categories {width: 94px;background: url('images/nav/categories.png');}
.archives {width: 79px;background: url('images/nav/archives.png');}
.contact {width: 75px;background: url('images/nav/contact.png');}

#menu li a:hover {background-position: bottom center;}

#menu_sub_gal {
	background-color: #FFFFFF;
	z-index: 1;
	height: 576px;
}

#menu_sub_about, #menu_sub_contact {
	background-color: #FFFFFF;
	z-index: 1;
	height: 534px;
}

#search {

position: absolute;
right: 50%;
margin-right: -390px;
top: 25px;
}

#search input {
background: #aaaaaa;
border: 0px;
padding: 5px 4px;
color: #fff;
font-weight: bold;
font-size: 1.2em;
font-family: arial, sans-serif;
}

.title {
padding: 15px 0 5px 0;
/*background: url('images/horizontal-spacer-pattern-2.png') bottom center no-repeat;
overflow: hidden;*/
border-bottom: 1px solid #e5e3e6;
font-family: arial, sans-serif;
}

.title h1 {
padding-left: 20px;
background: url('images/title-block.png') left center no-repeat;
font-size: 1.4em;
float: left;
width: 600px;
text-transform: uppercase;
}

.title h1 a {
text-decoration: none;
color: #333;
}

.title h1 a:hover {
color: #fff;
background: #8D2726;
}

.title h2 {
float: right;
width: 175px;
text-align: right;
font-size: 1.3em;
color: #902328;
text-transform: uppercase;
}

.pagetitle {
	margin-top: 40px;
}

.a-post {
	margin-top: 30px;
}

.postmetadata {
	line-height: 1.4em;
}

.content {margin-bottom: 30px;}
.entry { 
	line-height: 1.8em;
	font-size: 12px;
}
.entry p { 
	margin: 10px 0;
	font-size: 12px;
}

.comment-box { 
	border: 1px solid #e5e3e6;
	border-bottom: 8px solid #e5e3e6;
}
.comment-box .inner {padding: 10px 20px 25px 20px;}

input#author, input#email, input#url {
background: #F2F2F2;
border: 1px solid #D9D9D9;
}

#commentform textarea {
background: #F2F2F2;
border: 1px solid #D9D9D9;
width: 755px;
padding: 2px;
}

.comment-box-top {
background: url('images/comment-box-top.jpg') bottom center no-repeat;
height: 2px;
}


.comment-box-bottom {
background: url('images/comment-box-bottom.jpg') bottom center no-repeat;
padding: 0 10px 25px 10px;
}

.comment-author a {font-weight: bold; color: #000; text-decoration: none;}
.comment-author a:hover {text-decoration: underline;}

.comment_content {
padding: 15px 0;
background: url('images/horizontal-spacer-pattern-3.png') bottom center no-repeat;
}

.comment_content p {display: inline;}

.add-a-comment a {
display: block;
width: 134px;
height: 24px;
background: url('images/add-a-comment.png') center no-repeat;
float: right;
margin-top: -16px;
margin-right: 10px;
text-indent: -9999px;
}

.clr {clear: both;}
.center {text-align: center;}

.arc_footer {
	background-color: #CCCCCC;
	padding: 15px;
	margin-bottom: 15px;
	border-right: 1px solid #e5e3e6;
	border-left: 1px solid #e5e3e6;
}

.arc_footer ul li{
display: block;
text-align: left;
}


#footer {
padding: 10px;
margin-bottom: 50px;
}

#footer a {
color: #333; 
font-weight: bold;
text-decoration: none;
}

#footer a.hot {
	color: #8E2428;
}

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

/* MENU */

.2223 li {
background: #8E2428;
}

.sub-container {
float: left;
width: 100%;
background: #E5E3E6;
/*clear: both;*/
overflow: hidden;
font-size: 1.1em;
font-family: arial;
color: #555;
text-transform: uppercase;
}

.sub-container li {
display: inline;
list-style: none;
}

.sub-container a {
color: #555;
text-decoration: none;
}

.sub-container a:hover {
text-decoration: underline;
}

.menu_sub {
float: left;
width: 100%;
padding: 0px;
border-bottom: 1px solid #E5E3E6;
}

.menu_sub_content {
	float: left;
	width: 100%;
	padding: 20px;
}

#gal_flash, #about_flash, #contact_flash {
	border-bottom: 1px solid #E5E3E6;
}

.comments {
margin-top: 20px;
}

/* PAGINATION */
div.pagination {
text-align:center;
padding: 20px 7px 7px 7px;
margin: 3px;
text-transform: uppercase;
font-size: 12px;
}

div.pagination a {
padding: 2px 5px 2px 5px; 
margin: 2px;
border: 1px solid #fff;             
text-decoration: none; /* no underline */
color: #000000;
}

div.pagination a:hover, div.pagination a:active {
border: 1px solid #8E2428;
background-color:#8E2428;
color: #fff;
}

div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px; 
border: 1px solid #fff;
font-weight: bold;
background-color: #fff;
color: #000;
} 

div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
/*border: 1px solid #EEE;*/
color: #DDD; 
}
/*
#menu_sub_arc {padding-bottom: 20px;}
*/
#menu_sub_arc ul li{
display: block;
text-align: left;
}

.navigation {
	padding: 10px 0px 10px 0px;
}

.navigation a {
	font-weight: bold;
}

.search-post {
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #E5E3E6;
}