/*
Theme Name: Brandi Byrd
Theme URI: http://www.brandibyrd.com
Description: The portfolio site of Brandi M. Byrd, graphic designer.
Version: 1.0
Author: Brandi Byrd
Author URI: http://www.brandibyrd.com

	This theme was built by Brandi Byrd,
	whose blog you will find at http://www.brandibyrd.com/blog

	All images © Brandi Byrd 2009 unless otherwise noted. 

*/


body {
	background-image: url(images/formatting/bg-tile.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color:#8d8c88;
	margin: 0;
	padding: 0;	
}
a {
   outline: none;
}
a:hover, a:active, a:focus {
   outline: none;
}

/*==================== HOME ======================
================================================*/

#home-wrapper {
	background-image: url(images/home/bg-strip.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0 auto;
	padding: 0;
	height: 600px;
}
#home-content-wrapper {
	background-image: url(images/home/bg-image.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 700px;
	width: 900px;
	margin: 0 auto;
	padding: 0;	
}
#home-contact {
	float: right;
	margin: 9px 20px 0 0;
	padding: 0;
	text-indent: -9999px;
}
#home-contact a {
	background-image: url(images/formatting/contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 112px;
	display: block;
	height: 15px;
}
#home-content {
	margin: 0 auto;
	padding: 20px 0 0 22px;
}
#home-content img, #content-wrapper img {
	float: left;
}
#home-content ul, #sub-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#home-content ul li {
	float: left;
	text-indent: -9999px;
}
#home-content ul li a {
	display: block;
	height: 220px;
}
#home-environment a{
	background-image: url(images/home/environment.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 373px;
}
#home-print a{
	background-image: url(images/home/print.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 374px;
}
#home-web a{
	background-image: url(images/home/web.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 373px;
}
#home-identity a{
	background-image: url(images/home/identity.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 373px;
}
#home-blog a{
	background-image: url(images/home/bottom-middle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 107px;
}
#home-environment a:hover, #home-print a:hover, #home-web a:hover, #home-blog a:hover, #home-contact a:hover, #contact a:hover, #home a:hover, #home-identity a:hover{
	background-position: right top;
}

/*=================== CONTENT ====================
================================================*/

#oops-content {
width: 400px;
margin: 20px auto;
padding: 15px 0;
text-align: center:
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:21px;
color:#efecdd;
}
#page-wrapper {
background-image: url(images/home/bg-strip2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0 auto;
	padding: 0;
}
#content-wrapper {
	margin: 0 auto;
	padding: 0;
	width: 948px;
}
#header {
	margin: 0;
	padding: 0;
	height: 108px;
}	
#contact-nav {
	color:#666666;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	padding: 0 66px 0 0;
	width: 910px;
	text-align: right;
}
#contact-nav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
} 
#contact-nav ul li {
	float: right;
	padding: 0 5px 0 0;
	margin: 0;
}
#contact-nav a {
color:#524f47;
	text-decoration: none;
	}
	#contact-nav a:hover, #contact-nav .current_page_item a {
	color:#efecdd;
	text-decoration: underline;
	}
#home {
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#home a {
	background-image: url(images/formatting/brandi-byrd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 220px;
	display: block;
	height: 108px;
}
#header-right {
	background-image: url(images/formatting/top-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 108px;
	width: 339px;
	float: left;
	padding: 0;
	margin: 0;
}
#content {
	margin: 5px auto;
	padding: 0;
	width: 836px;
	background-image: url(images/formatting/content-bg-tile.jpg);
	background-repeat: repeat;
	background-position: center top;
	border: 2px solid #BA9035;
	height: 517px;
}
#content img {
float: right;
	padding: 0;
	margin: 0;
}
#content-right {
	float: right;
	padding: 22px 10px 58px 10px;
	margin: 8px 8px 0 0;
	border: 1px dotted #E8E4DD;
	width: 646px;
	height: 418px;
	background-image:url(images/formatting/slider-bg-strip.jpg);
	background-repeat:repeat-y;
	background-position:center top;
}
#content-right p {
	margin: 0;
	padding: 0;
}
#content-left {
	float: left;
	margin: 0;
	padding: 0;
}
#email {
	float: right;
	margin: 6px 55px 0 0;
	padding: 0;
}

/*===================BLOG =======================
================================================*/
#blog-content {
	margin: 5px auto;
	padding: 0;
	width: 836px;
	background-image: url(images/formatting/content-bg-tile.jpg);
	background-repeat: repeat;
	background-position: center top;
	border: 2px solid #BA9035;
}
#blog-content-right {
	float: right;
	padding: 10px 13px 0 42px;
	margin: 8px 8px 8px 0;
	border: 1px dotted #E8E4DD;
	width: 610px;
	background-image:url(images/formatting/slider-bg-strip.jpg);
	background-repeat:repeat-y;
	background-position:center top;
}
#blog-content-right p {
	margin: 0;
	padding: 0;
}
.post {
	background-image:url(images/blog/bkgd-top.jpg);
	background-position: top;
	background-repeat:no-repeat;
	margin: 0 0 40px 0;
}
#blog-sidebar-title {
color: #7A7769;
font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: .2em;
margin: 0 0 10px 0;
}
h2 {
	padding: 30px 0 0 21px;
	float: left;
}
h2 a {
font-family:  Helvetica, Arial, sans-serif;
color:#eae7e0;
text-transform:uppercase;
letter-spacing:.2em;
font-size: 12px;
text-decoration: none;
font-weight:normal;
}
h2 a:hover {
color:#624209;
}
small {
float: right;
padding: 20px 0 0 0;
margin: 0;
color: #624209;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:10px;
}
h3 {
float: right;
padding: 27px 139px 0 0;
}
h3 a {
text-decoration: none;
color: #7e5e24;
font-size:11px;
}
h3 a:hover {
color: #57544d;
}
div.entry {
width: 500px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #57544d;
line-height: 17px;
margin: 0 0 25px 0;
padding: 0;
}
div.entry img {
margin: 5px 0 10px 0;
padding: 0 0 5px 0;
border-bottom: 1px dotted #57544d;
}
.postmetadata {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
line-height: 17px;
color: #57544d;
text-transform:uppercase;
letter-spacing: .2em;
}
.postmetadata a {
text-decoration: underline;
color: #57544d;
}
.postmetadata a:hover {
color: #eae7e0;
}
#blog-sub-nav {
	width: 132px;
	padding: 18px 0 18px 18px;
	border-left: 1px dotted #7A7769;
	border-top: 1px dotted #7A7769;
	border-bottom: 1px dotted #7A7769;
	margin: 8px 0 0 8px;
	float: left;
}
#blog-sub-nav ul, #blog-sub-nav ul li, #blog-sub-nav ul li ul, #blog-sub-nav ul li ul li, #blog-sub-nav li {
list-style: none;
margin: 0;
padding: 0;
}
#blog-sub-nav ul li ul li {
	padding: 0;
	margin: 0 0 4px 4px;
}
#blog-sub-nav ul li ul li a, #blog-sub-nav li a {
color:#9E803A;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
#blog-sub-nav ul li ul li a:hover, #blog-sub-nav .current_page_item a, #blog-sub-nav li a:hover {
text-decoration: underline;
	color: #EFC86D;
}
#more {
   margin: 20px 0 0 0;
}
.more-link {
 border-top: 1px dotted #9E803A;
	padding: 5px 0 0 0;
	color: #57544d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 18px;
	text-decoration: none;
}
.more-link:hover {
	color:#9E803A;
	}

/*===================SUB NAV =======================
================================================*/

#sub-nav {
	width: 132px;
	padding: 18px 0 18px 18px;
	border-left: 1px dotted #E8E4DD;
	border-top: 1px dotted #E8E4DD;
	border-bottom: 1px dotted #E8E4DD;
	margin: 8px 0 0 8px;
	float: left;
	height: 184px;
}
#sub-nav ul li {
	padding: 0 0 7px 0;
	margin: 0;
}
#sub-nav li {
list-style: none;
margin: 0;
padding: 0;
}
#sub-nav ul li a, #sidebar-information a, #blog-sidebar-information a {
	color:#9E803A;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
div.entry a {
color:#9E803A;
text-decoration: none;
}
div.entry a:hover {
	text-decoration: underline;
}
#blog-sidebar-title a {
	color: #7A7769;
	text-decoration: none;
}

#sub-nav ul li a:hover, #sub-nav .current_page_item a, #sidebar-information a:hover, #blog-sidebar-information a:hover, #blog-sidebar-title a:hover {
	text-decoration: underline;
	color: #EFC86D;
}
.post-meta-key {
	color: #7A7769;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	font-style: italic;
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar-title {
	color: #7A7769;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	font-style: italic;
	margin: 0;
	padding: 30px 0 0 7px;
}

#sidebar-title a {
	text-decoration: none;
	color: #7A7769;
}
#sidebar-title a:hover {
	color:#9E803A;
}
#sidebar-information {
width: 122px;
	padding: 18px 10px 18px 18px;
	border-left: 1px dotted #E8E4DD;
	border-top: 1px dotted #E8E4DD;
	border-bottom: 1px dotted #E8E4DD;
	margin: 8px 0 0 8px;
	float: left;
	color: #A3A19A;
	font-size: 11px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
} 
#blog-sidebar-information {
width: 122px;
	padding: 18px 10px 18px 18px;
	border-left: 1px dotted #E8E4DD;
	border-top: 1px dotted #E8E4DD;
	border-bottom: 1px dotted #E8E4DD;
	margin: 8px 0 0 8px;
	float: left;
	color: #A3A19A;
	font-size: 11px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}

/*===================TOP NAV =======================
================================================*/
#top-nav {
	margin: 0;
	padding: 0;
}
#top-nav ul {
	list-style: none;
	marigin: 0;
	padding: 10px 0 0 0;
}
#top-nav ul li {
	float: left;
	text-indent: -9999px;
}
#top-nav ul li a {
	display: block;
	width: 133px;
	height: 22px;
}
.environment, .page-item-4 {
	margin: 0;
	padding: 4px 0 0 6px;
}
.print, .page-item-6 {
	margin: 0;
	padding: 4px 0 0 8px;
}
.web, .page-item-8 {
	margin: 0;
	padding: 8px 0 0 6px;
}
.identity, .page-item-71 {
	margin: 0;
	padding: 8px 0 0 8px;
}
.environment a, .page-item-4 a{
	background-image: url(images/navigation/environment.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.page-item-4 a:hover, .page-item-6 a:hover, .page-item-8 a:hover, .page-item-71 a:hover, .current_page_item a, .current_page_parent a, .page-id-8 .current_page_item a, .parent-pageid-8 .current_page_parent a, .page-id-6 .current_page_item a, .parent-pageid-6 .current_page_parent a, .page-id-71 .current_page_item a, .parent-pageid-71 .current_page_parent a {
	background-position: right top;
}
.print a, .page-item-6 a{
	background-image: url(images/navigation/print.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.web a, .page-item-8 a{
	background-image: url(images/navigation/web.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.identity a, .page-item-71 a{
	background-image: url(images/navigation/identity.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/*=================== FOOTER ====================
================================================*/

#footer-wrapper {
	height: 200px;
	margin: 17px 0 0 0;
	padding: 0;
	}
	#footer {
	margin: 0;
	padding:0;
	}
	#footer-content {
	margin: 0 auto;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#524f47;
	font-style: italic;
	width: 830px;
	}
	
/*=================== SLIDER ====================
================================================*/
	
	#slider {
	margin: 0 auto;
	}
	#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:562px;
	height:455px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	float: left; 
	}
span#prevBtn a, .alignleft a {
	float: left;
	background-image:url(images/formatting/slider-prev.jpg);
	background-position: right top;
	display: block;
	text-indent: -9999px;
	width: 31px;
	height: 35px;
	margin: 0 0 20px 10px;
	padding: 0;
}
span#nextBtn a, .alignright a {
	float: right;
	background-image:url(images/formatting/slider-next.jpg);
	background-position: right top;
	display: block;
	text-indent: -9999px;
	width: 31px;
	height: 35px;
	margin: 0 0 20px 0;
	padding: 0;
	}
span#prevBtn a:hover, span#nextBtn a:hover, .alignleft a:hover, .alignright a:hover {
	background-position: left top;
}

/*=================== CONTACT ====================
================================================*/

#comments {
margin: 0 0 5px 40px;
float: left;
color: #333333;
	font-size: 9px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-style:normal;
	font-weight: normal;
}
.comment-body {
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
color: #57544d;
line-height: 17px;
}
.comment-body a {
color: #333333;
text-decoration: none;
font-weight:bold;
}
.commentlist li {
list-style: none;
margin: 0 0 15px 0;
}
.commentlist {
float: left;
width: 500px;
}
#comment {
background: none;
border:1px dotted #FFFFFF;
margin: 0 0 5px 0;
width: 500px;
}
#email, #author, #url {
background: none;
border:1px dotted #FFFFFF;
margin: 0 10px 5px 0;
width: 150px;
padding: 0;
float: left;
}
#respond {
width: 500px;
margin: 40px 0 30px 0;
padding: 15px 0 0 0;
border-top: 1px dotted #666666;
}
#respond h3 {
float: left;
margin: 0;
padding: 0;
color: #7A7769;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
}
#respond form {
float: left;
margin: 15px 0 30px 0;
}
#respond p {
padding: 0;
margin: 0 0 15px 0;
background: none;
border: none;
}
#respond label small {
margin: 0;
padding: 0;
float:none;
color: #333333;
	font-size: 9px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-style:normal;
}
#wpcf7-f1-p75-o1 {
margin: 0;
padding: 0 0 0 30px;
color: #333333;
	font-size: 9px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: .2em;
}
#contact-left {
	width: 350px;
	float: left;
}
.wpcf7-validates-as-required, .wpcf7-form-control-wrap input {
background: none;
border:1px dotted #FFFFFF;
margin: 0 0 5px 0;
width: 270px;
height: 15px;
}
.wpcf7-form-control-wrap textarea {
background: none;
border:1px dotted #FFFFFF;
margin: 0 0 5px 0;
}
#captcha img {
float: left;
}
#captcha {
margin:15px 0 0 0;
padding: 0;
}
#submit {
	background-image:url(images/contact/submit.gif);
	background-position: left;
	width: 96px;
	height: 24px;
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
}
#submit:hover {
	background-position: right;
}
div.wpcf7-response-output {
text-align:center;
width: 150px;
margin: 30px 45px 0 0 ;
padding: 20px 10px;
float: right;
border: 1px dotted #faf7e7;
background-color:#b0853a;
text-transform: none;
font-size: 13px;
line-height: 19px;
letter-spacing: normal;
color:#faf7e7;
}
.wpcf7-not-valid-tip-no-ajax {
color:#b0853a;
text-transform: none;
letter-spacing:normal;
font-size: 11px;
}
div.contact-info {
margin: 15px 0 5px 0;
padding: 0;
}
#contact-sidebar-information {
width: 122px;
	padding: 18px 10px 18px 18px;
	border-left: 1px dotted #E8E4DD;
	border-top: 1px dotted #E8E4DD;
	border-bottom: 1px dotted #E8E4DD;
	margin: 8px 0 0 8px;
	float: left;
	color: #A3A19A;
	font-size: 11px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
} 
#contact-sidebar-information img {
	margin: 0 0 10px 0;
}