/*
Theme Name:		WP Framework
Theme URI: 		http://wpframework.com/
Version: 		0.2.4.10
Description: 	A <em>blank</em> WordPress Theme Framework <strong>that's everything you need, and nothing you don't.</strong> With features like <em>microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system</em>, WP Framework is <em>completely extensible, flexible</em> and <strong><em>the</em></strong> starting point for theme authoring and customization. To learn more, visit <a href="http://wpframework.com">http://wpframework.com</a>.
Author: 		Ptah Dunbar
Author URI:		http://ptahdunbar.com
Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats

Copyright 2008 Ptah Dunbar <http://ptahdunbar.com> All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.

If you have any questions, comments, or concerns, 
visit <http://wpframework.com> for more information!
*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );

/* Apply base theme styles and colors */
@import url( 'library/media/css/base.css' );

/* Basic 1 Column Layout */
@import url( 'library/media/layouts/1col.css' );

/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}

body {
	background: url(library/media/images/bg.jpg) repeat-x top center #a5895d;
	font: 13px/20px Arial, Helvetica, Georgia;
	
}

#wrapper {
	float: left;
	width: 100%;
	height: 100%;
}

/* Header */
div#header { 
	background: url(library/media/images/header.jpg) repeat-x top center;
}

div.inner-header {
	width: 980px;
	margin: 0 auto;
}

/* Logo */
div#logo {
	padding-top: 15px;
	width: 350px;
	float: left;
}

div#logo a, div#logo a:hover {
	color: #7a5d39;
	letter-spacing: 1px;
	float: left;
	width: auto;
}

div#logo .blog { 
	margin-top: 13px;
}

div#logo img {
	float: left;
	margin-right: 20px;
	margin-top: -5px;
	height: 65px;
}

#tagline {
	font-size: 16px;
	letter-spacing: 1px;
	color: #7a5d39;
	float: left;
	text-align: center;
	width: 221px;
}

/* Navigation */
div#nav {
	width: auto;
	float: right;
	margin-right: 20px;
}

div#nav ul {
	border: 0;
	background: none;
}

div#nav li {
	border: 0;
	background: none;
	margin: 0 17px;
}

div#nav li a {
	color: #e7dcce;
	font-size: 20px;
	border: 0;
	padding-top: 33px;
	height: 67px;
}

div#nav li a:hover {
	background: url(library/media/images/hover.jpg) no-repeat top center;
	color: #7a5d39;
}

div#nav .current_page_item a {
	background: url(library/media/images/hover.jpg) no-repeat top center;
	color: #7a5d39;
}

/* Content & Blog */
div#content {
	min-height: 480px;
}

div#content ul {
	margin: 0;
	list-style: none;
}

div#content h5 {
	font-size: 20px;
}

div#primary {
	width: 590px;
	padding-right: 20px;
	text-align: justify;
}

img.wp-image-223 { 
	padding: 5px;
	background-color: #fff;
	margin: 0 10px 10px 0;
}

div#secondary { /* Blog Sidebar */
	width: 330px;
	background: url(library/media/images/sidebar.png) top left no-repeat;
	padding: 20px 0 0 15px;
	height: 600px;
}

div#post-6 {
	float: left;
}

div.hire {
	width: 150px;
	padding-top: 50px;
}

.comment-count {
	background: url(library/media/images/comments.png) top left no-repeat;
	padding: 6px 0;
	float: left;
}

.comment-count span {
	width: 32px;
	font-weight: bold;
	text-align: center;
	float: left;
}

.comment-count a {
	margin-left: 10px; 
}

.entry-footer {
	border: 1px solid #8e744d;
	background: #d2b992;
	padding: 10px;
}

.title {
	font-size: 20px;
	margin: 15px 0;
	line-height: 47px;
	padding: 0 20px;
	color: #fff;
}

div#content .left-col {
	width: 450px;
	float: left;
	margin-right: 20px;
}

div#content .right-col {
	width: 450px;
	float: right;
}

div#post-2 .title {
	background: url(library/media/images/small-header.png) top left no-repeat;
}

div#post-161 .title, div#post-6 .title, div#post-213 .title {
	background: url(library/media/images/long-header.png) top left no-repeat;
}

div.inner-section {
	padding: 0 10px;
}

/* Services */
div#content .discovery {
	padding-left: 50px;
	background: url(library/media/images/search.png) center left no-repeat;
}

div#content .design {
	padding-left: 50px;
	background: url(library/media/images/tools.png) center left no-repeat;
}

div#content .delivery {
	padding-left: 50px;
	background: url(library/media/images/box.png) center left no-repeat;
}

div#services {
	width: 460px;
	float: left;
}

div#process {
	width: 460px;
	float: left;
	margin-left: 40px;
}

/* About */
ul.services { 
	width: 400px;
	background: url(library/media/images/services-box.png) top left no-repeat;
	padding: 30px 0 30px 50px;
	color: #fff;
}

ul.services li { 
	background: url(library/media/images/bullet.png) center left no-repeat;
	padding-left: 20px;
}

/* Home */
div.middle-entry-content {
	width: 440px;
	float: left;
	margin: 30px 80px 20px 0;
}

div.middle-entry-content p {
	margin-top: 5px;
}

div.middle-entry-content .about-me {
	background: url(library/media/images/me.png) no-repeat top left;
	height: 27px;
	font-size: 24px;
	padding: 8px 0 0 40px;
	border-bottom: 1px solid #917347;
}

div.middle-entry-content .recent-work {
	background: url(library/media/images/work.png) no-repeat top left;
	height: 27px;
	font-size: 24px;
	padding: 8px 0 0 55px;
	border-bottom: 1px solid #917347;
}

div.quote { padding: 110px 80px 0 90px; width: 780px; height: 180px; margin: 0 auto; background: url(library/media/images/banner.png) top left no-repeat; color: #e7dcce; }
div.quote p { width: 350px; float: right; margin-right: 5px; }

div.divider { border-bottom: 2px dotted #745d3a; height: 5px; width: 610px; margin-bottom: 10px;}

img.recent { margin-right: 15px; margin-top: 10px; border: 1px solid black;}

a.latest-post { margin-top: 10px; }

span.arrow { margin-right: 5px; margin-left: 5px; }

.more, .more:hover {
	background: url(library/media/images/more.png);
	width: 150px;
	line-height: 41px;
	text-align: center;
	float: right;
	margin-right: 60px;
	color: #e7dcce;
	text-decoration: none;
}

/* Portfolio */
ul.portfolio, ul.lightbox {
	float: left;
}

ul.portfolio li, ul.lightbox li {dcc29b
	list-style: none;
	width: 940px;
	float: left;
	margin: 0;
	padding: 10px; 
}

ul.portfolio li:hover, ul.lightbox li:hover {
	background-color: #dcc29b;
}

ul.portfolio li p, ul.lightbox li p {
	margin: 5px 0;
}

ul.portfolio li img, ul.lightbox li img {
	padding: 5px;
	border: 1px solid #b0b0b0;
	background: #fff;
	float: left;
	margin: 0 10px 5px 0;
}

/* Search */
div.search-input { background: url(library/media/images/searchbox.png) no-repeat top left; padding: 5px; margin-left: 3px; }
div.search-input input { font-style: italic; }

/* Widgets */
.widget {
	margin: 0 0 2px 8px;
	width: 302px;
}

.widget-title {
	background: url(library/media/images/titlebg.jpg) no-repeat top left; 
	width: 302px; 
	position: relative;
	text-align: center;
}

.widget-content {
	width: 280px;
	border: 1px solid #a5885c;
	border-top: 0;
	background: #c6aa7f;
	padding: 5px 10px;
}

.xoxo li {
	text-align: center;
	padding: 5px 0;
}

.toggler {
	width: 28px; height: 28px; background: url(library/media/images/toggler.jpg); position: absolute; top: 3px; right: 3px;
}

.toggler-on {
	width: 28px; height: 28px; background: url(library/media/images/toggler-on.jpg); position: absolute; top: 3px; right: 3px;
}
/* Gallery */
div.middle-entry-content .gallery { margin: 15px auto; }
div.middle-entry-content .gallery-image { width: 120px; }

/* Attachments */

div.entry-attachment {
	margin-top: 10px;
	border: 2px solid black;
	width: 100%;
}

.attachment-full {
	width: 100%;
}

/* Slideshow */
div#slideshow {
	margin-right: 40px;
	position: relative;
	float: left;
	height: 200px;
	width: 440px;
}

div#slideshow IMG {
	width: 440px;
	height: 150px;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity: 0.0;
}

div#slideshow IMG.active {
	z-index:10;
    opacity:1.0;
}

div#slideshow IMG.last-active {
	z-index:9;
}

/* Footer */

div.footer {
	background: url(library/media/images/footer.jpg) repeat-x top center;
}

div.innerFooter {
	width: 980px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px; 
}

div.footer p {
	margin-bottom: 10px;

}

div.footer ul {
	height: 250px;
	float: left;
	margin-bottom: 0;
}

div.footer ul li {
	list-style: none;
	float: left;
	width: 440px;
	margin: 0 70px 0 0;
	color: #a5885c;
}

div.footer a {
	text-align: center;
	color: #e7dcce;
}

div.footer h4 {
	font-size: 24px;
	line-height: 60px;
	padding-left: 50px;
	color: #e7dcce;
}

div.footer .wp {
	background: url(library/media/images/wp.jpg) no-repeat center left;
}

div.footer .twitter {
	background: url(library/media/images/twitter.jpg) no-repeat center left;
}

div.footer .hire a {
	text-align: center;
	float: left;
	text-decoration: none;
}

#copyright {
	width: 960px;
	margin: 0 auto;
	paddin-left: 20px;
	color: #A5885C;
	font-size: 10px;
	font-style: italic;
}