/*
Theme Name: Brent Palmer Design
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Brent Palmer Design
Author: Brent Palmer
Author URI: #
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#390;text-decoration:none}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {font-style:italic;margin:0 0 1em}
body {background:#FFF;color:#333;font:82.5%/150% HelveticaNeue, Helvetica, Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {border-bottom:1px solid #CCC;color:#000;font-size:3em;font-weight:normal;line-height:1.25em;margin:0 0 15px;padding:0 0 20px}
h2 {color:#390;font-size:1.85em;font-weight:normal;line-height:1em;margin:0 0 20px}
h3 {color:#000;font-size:1.3em;margin:0 0 10px}
h4 {font:bold 1em/1.25em Georgia, Garamond, Serif}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
table {border:solid #CCC;border-width:0 1px 1px 0}

/* Containers */
#page {margin:20px auto;width:750px}
#main {margin:30px auto 0;overflow:hidden;padding:0 0 20px;width:940px}
.single h1, .blog h1, .archive h1, .search h1 {margin-left:140px}

/* Header */
#header {background:#333 url(images/header.png) repeat-x;border-top:4px solid #000;height:176px;overflow:hidden;width:100%}
#header div {margin:0 auto;width:940px}
#header img {float:left;margin:1px 0 0 -100px;position:relative;}
#header ul {float:right;font-size:1.2em;margin:85px 0 0;text-transform:uppercase}
#header ul li {float:left;margin:0 0 0 20px}
#header ul li a {color:#FFF;float:left;font-weight:bold}
#header ul li a span {float:left;height:31px;line-height:30px;padding:0 10px}
#header ul li a:hover, #header ul li.page-item-29 a:hover, #header ul li.current_page_item a, #header ul li.current_page_parent a {background:#000 url(images/menu.gif) no-repeat right -62px}
#header ul li a:hover span, #header ul li.page-item-29 a:hover span, #header ul li.current_page_item a span, #header ul li.current_page_parent a span {background:url(images/menu.gif) no-repeat right -93px}

#header ul li.page-item-29 a, #header ul li.page-item-29.current_page_item a, #header ul li.page-item-29.current_page_parent a {background:#555 url(images/menu.gif) no-repeat right 0}
#header ul li.page-item-29 a span, #header ul li.page-item-29.current_page_item a span, #header ul li.page-item-29.current_page_parent a span {background:url(images/menu.gif) no-repeat right -31px}

/* Content */
#content {float:left;overflow:hidden;padding:0 0 20px;width:680px}
#content ul {list-style:disc;margin:0 0 1em 18px}
#content ol {list-style:decimal;margin:0 0 1em 22px}
#content a:hover {color:#236800;border-bottom:1px dotted #236800}

	/* Post */
	#content .date {float:left;width:70px}
	#content .date strong {display:block;font-size:2.3em;font-weight:bold;line-height:1.1em;margin:0 0 10px}
	#content .cats {font-size:.85em}
	#content .post {margin:0 0 25px;overflow:hidden;width:100%}
	#content .post .content {border-bottom:1px solid #CCC;float:right;padding:0 0 20px;width:540px}
	#content .post .meta {font-size:0.8em}
	#content .post h1 {border:0;margin:0}
	#content .post img {border:3px solid #c2c2c2;margin:0 0 40px}
	#content .tags {background:url(images/tag.png) no-repeat;float:left;padding:0 0 0 20px}
	#content .comments {float:right}
	.blog #content .addthis_container img {display:none}
	#content .addthis_container img {border:0;margin:0 0 10px}

/* Pagination */
#content #prev-next {list-style:none}
#content #prev-next #prev {float:left}
#content #prev-next #next {float:right}

/* Sidebar */
#sidebar {float:right;padding:35px 0 20px;width:220px}
#sidebar a {color:#000}
#sidebar a:hover {color:#390}
#sidebar ul li {margin:0 0 70px}
#sidebar ul li li, #main .categories ul li {background:url(images/divider.gif) no-repeat bottom;margin:0;padding:8px 0}
#sidebar ul {list-style:none;margin:0 0 1em}
#sidebar h3 {text-transform:uppercase}
#sidebar #rss {background:url(images/rss.png) no-repeat 95% 0;border-bottom:1px solid #b7b7b7;display:block;font-size:1.1em;font-weight:bold;line-height:2.2em;margin:0 0 25px;padding:0 0 3px}
#sidebar .current {font-weight:bold}

/* Footer */
#footer {background:#3a3a3a url(images/footer.png) repeat-x;clear:both;color:#999;width:100%}
#footer a:hover {color:#236800;border-bottom:1px dotted #236800}
#footer div {margin:0 auto;overflow:hidden;width:940px}
#footer div.content {padding:45px 0 35px}
#footer div.copyright {background:#000015;width:100%}
#footer div.copyright div {padding:35px 0 25px}
#footer h2 {color:#dfdfdf;font-weight:bold;margin:0 0 20px;text-transform:uppercase}

	/* Photos */
	#footer #photos {float:left;width:405px}
	#footer #photos ul {float:left;overflow:hidden;margin:0 0 20px -20px}
	#footer #photos li {display:inline;float:left;margin:0 0 0 20px}
	#footer #photos li img {border:2px solid #dfdfdf}
	#footer #photos li a:hover img {border:2px solid #CCC}
	#footer #photos p {clear:both}

	/* Search */
	#footer #search {float:right;margin:0 0 30px;width:465px}
	#footer #search h2 {margin-left:6px}
	#footer #search form {background:url(images/search-bg.png) no-repeat;height:63px;margin:0 0 0 -2px;padding:10px 0 10px 27px;position:relative}
	#footer #search input {float:left}
	#footer #search label {color:#666;font-size:.9em;position:absolute;top:52px;left:29px}
	#footer #search #s {background:#FFF url(images/search-input.png) no-repeat;border:0;height:19px;margin:5px 10px 0 0;padding:5px;width:357px}

	/* Contact */
	#footer #contact {border-top:1px solid #666;display:inline;float:right;margin:0 160px 0 0;padding:30px 0 0;width:300px}
	#footer #contact h2 {margin:0 0 15px}

	/* Copyright */
	#footer div.copyright p {float:left;margin:0}
	#footer div.copyright p.notice {float:right}
	#footer div.copyright ul {float:left;margin:0;position:relative;top:-6px}
	#footer div.copyright ul li {float:left;margin:0 4px 0 12px}
	#footer div.copyright ul li a {background:url(images/twitter.png) no-repeat;color:#FFF;float:left;height:32px;line-height:35px;overflow:hidden;font-size:.5em;text-indent:-1000em;position:relative;width:32px}
	#footer div.copyright ul li a:hover {border:0}
	#footer div.copyright ul li a span {cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
	#footer div.copyright ul #twitter span {background:url(images/twitter.png) no-repeat}
	#footer div.copyright ul #twitter a:hover span {background-position:0 -32px}
	#footer div.copyright ul #facebook span {background:url(images/facebook.png) no-repeat}
	#footer div.copyright ul #facebook a:hover span {background-position:0 -32px}
	#footer div.copyright ul #delicious span {background:url(images/delicious.png) no-repeat}
	#footer div.copyright ul #delicious a:hover span {background-position:0 -32px}
	#footer div.copyright ul #linkedin span {background:url(images/linkedin.png) no-repeat}
	#footer div.copyright ul #linkedin a:hover span {background-position:0 -32px}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Comments */
#comments {margin:0 0 0 140px}
#comments_wrap ol {list-style:none;margin:0}
.commentlist li {margin:0 0 5px}
.commentlist .avatar {border:2px solid #CCC;float:left;margin:0 30px 15px 0}
.commentlist .comment-author cite {font-size:1.4em;font-style:normal;font-weight:bold}
.commentlist .comment-author cite a {color:#333}
.commentlist .comment-author span {color:#390;display:block;font-size:.7em;font-weight:normal}
.commentlist div.comment {background:url(images/comment-bg.png) no-repeat;clear:both;padding:40px 20px 20px;height:1%}

/* Respond */
#respond {padding:30px 0 0}
#respond h2 {color:#333}
#respond label {display:block;font-weight:bold;margin:0 0 5px}
#respond input.text {background:url(images/comment-input.png) no-repeat;border:0;height:19px;margin:0 0 5px;padding:5px;width:394px}
#respond textarea {background:url(images/comment-input.png) no-repeat 0 -29px;border:0;height:174px;overflow:auto;padding:5px;resize:none;width:394px}
#respond #comment-submit {height:32px;overflow:hidden}
#respond #comment-submit input:hover {margin:-32px 0 0}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;khtml-border-radius:3px;margin:10px;moz-border-radius:3px;padding-top:4px;text-align:center;webkit-border-radius:3px}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/* Homepage */
.home #content {width:100%}
#home {margin:13px 0 75px 55px}
#content .cta {float:left;width:280px}
#content .cta a:hover img {border:3px solid #CCC}
#content .cta .more a {background:url(images/arrow.gif) no-repeat right 6px;padding:0 15px 0 0}
#content .cta p a:hover {color:#236800;border-bottom:1px dotted #236800}
#content .cta h2 {color:#333;font-size:1.85em;font-weight:bold;margin:0 0 15px;text-transform:uppercase}
#content .cta img {border:3px solid #dfdfdf;margin:0 0 15px}

	/* Featured */
	#content .featured a:hover {border:0}
	#content .featured .more a:hover {border-bottom:1px dotted #236800}

	/* About */
	#content .about {margin:0 60px;width:260px}
	
	/* Twitter */
	#content .tweet ul {background:#f5f6f6 url(images/twitter-bottom.png) no-repeat left bottom;margin:0;padding:10px 10px 35px}
	#content .tweet ul li {list-style:none;margin:0 0 10px}
	#follow {font-size:.8em;float:right;line-height:1.35em;margin:-15px 25px 0 0}

/* Work */
.page-template-pt-work-php #content, .project-detail #content {width:100%}
.page-template-pt-work-php h1, .project-detail h1 {color:#000;margin-left:0;margin-bottom:25px}
.row {clear:both;display:inline;float:left;margin:0 0 0 -49px;padding:0 0 45px;overflow:hidden;width:990px}
.project {color:#444;display:inline;float:left;margin:0 0 0 49px;width:280px}
.project img {background:url(images/shadow.png) no-repeat bottom;margin:0 0 10px;padding:0 0 17px}
.project span {color:#a1a1a1;display:block;font-size:.77em;font-weight:bold;margin:0 0 15px;letter-spacing:2px;text-transform:uppercase}
.project h2 {font-size:1.4em;font-weight:bold;margin:0 0 15px}
.project h2 a, .project h2 a:visited {color:#000}
#content .project h2 a:hover {color:#390}
#content .project a:hover {border:0}

	/* Project Detail/Individual */
	.project-detail h1 {margin-bottom:40px}
	.project-detail .photos {float:left;width:660px}
	.project-detail .photos h2 {color:#000;float:left;font-size:2em;font-weight:bold;padding:0 0 5px}
	.project-detail .photos img {background:url(images/shadow-big.png) bottom;clear:both;margin:0 0 30px;padding:0 0 24px}

		/* Description */
		.project-detail .description {float:right;padding:55px 0 0;width:230px}
		.project-detail .description h2 {color:#000;font-size:1.3em;font-weight:bold;margin:0;padding:15px 0 10px}
		.project-detail #content .description ul {margin:0 0 1em}
		.project-detail .description ul li {background:url(images/bullet.gif) no-repeat 0 5px;list-style:none;padding:0 0 0 12px}

		/* Prev/Next */
		#content .nav a, #content .nav a:visited {background:#390 url(images/button.png) no-repeat;color:#FFF;float:right;font-weight:bold;height:31px;line-height:32px;margin:0 0 0 10px;overflow:hidden;text-align:center;text-transform:uppercase;width:78px}
		#content .nav a:hover {background-position:0 -31px;border:0;color:#FFF}

/* Store */
.product {border-top:1px solid #a1a1a1;padding:25px 0 10px;overflow:hidden;width:100%}
#content .product a:hover {border:0}
.product img {margin:0 0 20px}
.product h2 {color:#000;font-size:1.1em;font-weight:bold;margin:0 0 3px}
#content .product .about {float:left;margin:0;width:450px}
.product .price {float:left;margin:7px 0 0 70px;width:50px}
.product .buy {float:right;margin:0 3px 0 0}
.product .buy div {height:31px;overflow:hidden}
.product .buy div input:hover {margin:-31px 0 0}
.store h1 {padding-bottom:25px;margin-bottom:20px}
.store #content {width:665px}
.store #sidebar {padding-top:9px}
.first {border:0;padding-top:0}

/* Contact */
.page-template-pt-contact-php #content {width:660px}
.page-template-pt-contact-php #content .content {float:left;margin:0 40px 0 0;width:215px}
.page-template-pt-contact-php #content .content h2 {color:#000;font-size:1.4em;font-weight:bold;line-height:1.25em;margin:0;padding:25px 0 10px}
.page-template-pt-contact-php #content .content ul {margin:0 0 1em}
.page-template-pt-contact-php #content .content ul li {background:url(images/bullet.gif) no-repeat 0 5px;list-style:none;padding:0 0 3px 12px}
.page-template-pt-contact-php #sidebar {padding:85px 0 0}
.page-template-pt-contact-php #sidebar h2 {color:#000;font-size:1.4em;font-weight:bold;margin:30px 0 5px}
.page-template-pt-contact-php #sidebar img {margin:30px 0 0}

	/* Contact Form */
	.form {float:left;margin:25px 0 0;width:404px}
	.form p {margin:0 0 1.5em}
	.form p label {display:block;font-weight:bold;margin:0 0 5px}
	.form p.select {background:url(images/comment-input.png) no-repeat 0 25px;height:44px;padding:5px;width:394px}
	.form select {width:394px}
	.form .text input {background:url(images/comment-input.png) no-repeat;border:0;height:19px;padding:5px;width:394px}
	.form textarea {background:url(images/comment-input.png) no-repeat 0 -29px;border:0;height:174px;overflow:auto;padding:5px;resize:none;width:394px}
	.form #contactsubmit {height:32px;overflow:hidden}
	.form #contactsubmit:hover input {margin:-32px 0 0}

/* Cufon */
.cufon-active #header ul {font-size:1.4em}
.cufon-active #sidebar h3 {font-size:1.4em}