/* CSS Document */
/*  
Theme Name:
Theme URI:
Description:
Version: 1.0
Author:
Author URI:
*/

/* 1. Global Styles */

body {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 62.5%;
	background: url('images/bg.jpg') #fff top center no-repeat;
}

p { 
	margin: 0 0 15px 0;
	color: #474747; 
	font-size: 1.4em;
	line-height: 1.6em;
}

h4 {
	margin: 10px 0;
	font-size: 2.4em;
	font-weight: normal;
}

pre { 
	width: 620px;
	margin: 15px 0 15px 0; 
	padding: 15px 0 15px 20px; 
	font-size: 1.4em; 
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	border: 1px solid #666; 
}

a:link {
	color: #313131;
	text-decoration: none;
}

a:visited {
	color: #232323;
	text-decoration: none;
}

a:hover {
	color: #313131;
	text-decoration: underline;
}

a:active {
	color: #313131;
	text-decoration: none;
}

li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* 2. Structure */

/* A. Wrapper */

#wrapper {
	width: 892px;
	margin: 0 auto;
}

/* B. Header */

#header {
	position: relative;
	height: 170px;
	width: 892px;
	padding: 20px 0 0 0;
}

#logo { 
	display: -moz-inline-stack;
	display: inline-block;
	*vertical-align: top;
	zoom: 1;
	*display: inline; 
}

#site_title {
	display: -moz-inline-stack;
	display: inline-block;
	*vertical-align: top;
	zoom: 1;
	*display: inline;
	height: 82px;
	width: 701px;
	margin: 16px 0 0 35px;
	padding: 82px 0 0 0;
	background: url('images/site_title.png') transparent 0 0 no-repeat;
}

/* i. Navigation */

#nav_list {
	position: relative;
	top: 15px;
	width: 892px;
}

#nav_list li { 
	display: -moz-inline-stack;
	display: inline-block;
	*vertical-align: top;
	zoom: 1;
	*display: inline;
	margin: 0;
	padding: 0;
}

#nav_list a {
	display: block;
	height: 39px;
	padding: 39px 0 0 0;
}

#work_link {
	width: 85px;
	background: url('images/nav.png') transparent 0 0 no-repeat;
}

#what_we_do_link {
	width: 163px;
	background: url('images/nav.png') transparent -85px 0 no-repeat;
}

#blog_link {
	width: 75px;
	background: url('images/nav.png') transparent -248px 0 no-repeat;
}

#contact_link {
	width: 114px;
	background: url('images/nav.png') transparent -323px 0 no-repeat;
}

#work_link:hover {
	width: 85px;
	background: url('images/nav.png') transparent 0 -39px no-repeat;
}

#what_we_do_link:hover {
	width: 163px;
	background: url('images/nav.png') transparent -85px -39px no-repeat;
}

#blog_link:hover {
	width: 75px;
	background: url('images/nav.png') transparent -248px -39px no-repeat;
}

#contact_link:hover {
	width: 114px;
	background: url('images/nav.png') transparent -323px -39px no-repeat;
}

#work #work_link {
	width: 85px;
	background: url('images/nav.png') transparent 0 -39px no-repeat;
}

#what-we-do #what_we_do_link {
	width: 163px;
	background: url('images/nav.png') transparent -85px -39px no-repeat;
}

#blog #blog_link {
	width: 75px;
	background: url('images/nav.png') transparent -248px -39px no-repeat;
}

#contact #contact_link {
	width: 114px;
	background: url('images/nav.png') transparent -323px -39px no-repeat;
}

/* C. Sidebar */

#sidebar {
	float: right;
	width: 228px;
	margin: 0 2px 0 0;
}

.widget ul { margin: 0 0 25px 0; }
.cat_count { color: #666; }

/* D. Content */

#postdiv {
	float: left;
	width: 633px;
	margin: 0 0 35px 0;
}

.post {	margin: 0 0 50px 0; }

/* E. Footer */

#footer { 
	clear: both;
	height: 100px;
	color: #fff;
	background: #000;
}

#footer a { color: #ccc; }

#footer_content { 
	width: 892px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

#footer_left { float: left; }
#footer_right { float: right; }

#footer_logo {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	height: 34px;
	width: 293px;
	padding: 34px 0 0 0;
	background: url('images/footer_logo.png') transparent 0 0 no-repeat;
}

#footer_nav_list li {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 15px 5px 0 5px;
	font-size: 1em;
}

#copyright {
	position: relative;
	top: -10px;
	left: 10px;
	color: #ccc;
	font-size: 1.2em;
}

/* F. Comments */

#comment_entry {
	position: relative;
	top: 35px;
}

#respond {
	display: block;
	height: 17px;
	width: 204px;
	margin: 0 0 20px 0;
	padding: 17px 0 0 0;
	background: url('images/comment_title.jpg') transparent 0 0 no-repeat;
}

#comment {
	height: 150px;
	width: 338px;
	padding: 5px 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	border: none;
	background: url('images/textarea_bg.png') transparent 0 0 no-repeat;
}

#submit {
	width: 75px;
	height: 30px;
	margin: 0 0 0 3px;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	border: 1px solid #ccc;
	background: #fff;
}

.avatar { 
	float: left;
	margin: 0 10px 10px 0;
}

#commentshead {
	display: block;
	width: 633px;
	margin: 0 0 20px 0;
	padding: 5px 5px 5px 15px;
	color: #fff;
	font-size: 1.8em;
	background: #000;
}

.commentlist li {
	margin: 0 0 45px 0;
}

.commentlist li p { padding: 0 15px 0 0; }

.commentmetadata strong { 
	display: inline-block;
	*display: inline;
	font-size: 1.8em; 
	font-weight: normal;
}

.commentmetadata .awaiting_approval {
	padding: 10px 0;
	color: #FF8000;
	font-style: italic;
}

.commentmetadata .comment_date {
	position: relative;
	top: -2px;
}

.commentform { 
	position: relative;
	top: 20px;
}

/* 3. Specific Pages */

/* A. Work */

#work_title {
	height: 28px;
	width: 633px;
	margin: 0 0 20px 0;
	padding: 28px 0 0 0;
	background: url('images/work_title.png') transparent 0 0 no-repeat;
}

#work #entrycontent img { padding: 2px; border: 1px solid #ccc; }
.project_title { margin: 0; }
#sidebar_work_title { background: url('images/sidebar_work_title.png') transparent 0 0 no-repeat; }
#sidebar_categories_title { background: url('images/sidebar_categories_title.png') transparent 0 0 no-repeat; }

/* B. What We Do */

#wwd_title {
	height: 55px;
	width: 698px;
	padding: 55px 0 0 0;
	margin: 10px 0 20px 0;
	background: url('images/wwd_title.png') transparent 0 0 no-repeat;
}

.wwd_block { margin: 0 0 25px 0; }

.wwd_blurb_title {
	height: 49px;
	padding: 49px 0 0 0;
}

.wwd_blurb {
	padding: 0 0 0 62px;
}

#wwd_design_title {
	width: 144px;
	background: url('images/wwd_design_title.png') transparent 0 0 no-repeat;
}

#wwd_development_title {
	width: 215px;
	background: url('images/wwd_development_title.png') transparent 0 0 no-repeat;
}

#wwd_communication_title {
	width: 242px;
	background: url('images/wwd_communication_title.png') transparent 0 0 no-repeat;
}

#wwd_organization_title {
	width: 209px;
	background: url('images/wwd_organization_title.png') transparent 0 0 no-repeat;
}

/* C. Blog */

.headline {
	margin: 0 0 20px 0;
	font-size: 4.8em;
	font-weight: normal;
}

.postmetadata {
	color: #5e5e5e;
	font-size: 1.2em;
	font-style: italic;
}

#archives_list li a {
	display: block;
	height: 21px;
	width: 218px;
	margin: 4px 0 0 0;
	padding: 7px 0 0 10px;
	color: #000;
	font-size: 1em;
	font-style: italic;
	text-decoration: none;
	background: #e2e2e2;
}

#archives_list li a:hover {
	display: block;
	height: 21px;
	width: 218px;
	margin: 4px 0 0 0;
	padding: 7px 0 0 10px;
	color: #000;
	font-size: 1em;
	font-style: italic;
	text-decoration: underline;
	background: #a2a2a2;
}

#sidebar_recent_posts_title { background: url('images/recent_posts_title.png') transparent 0 0 no-repeat; }
#sidebar_archives_title { background: url('images/sidebar_archives_title.png') transparent 0 0 no-repeat; }

/* D. Contact */

#contact_title {
	height: 43px;
	width: 293px;
	margin: 0 0 25px 0;
	padding: 43px 0 0 0;
	background: url('images/contact_title.png') transparent 0 0 no-repeat;
}

.contact_form_label { font-style: italic; }

#contact_email_icon {
	display: -moz-inline-stack;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	height: 49px;
	width: 129px;
	padding: 49px 0 0 0;
	background: url('images/contact_email_title.png') transparent 0 0 no-repeat;
}

#contact_email {
	position: relative;
	top: -18px !important;
	*top: 17px;
	left: 10px;
	font-style: italic;
}

.text_input {
	height: 25px;
	width: 233px;
	padding: 2px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: none;
	background: url('images/text_input_bg.png') transparent 0 0 no-repeat;
}

.textarea_input {
	height: 150px;
	width: 338px;
	padding: 5px 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	border: none;
	background: url('images/textarea_bg.png') transparent 0 0 no-repeat;
}

#contact_submit input {
	width: 98px;
	height: 41px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url('images/send_button.png') transparent center top no-repeat;
	cursor: pointer;
	cursor: hand; /* for IE 5.x */
	font-size: 0;
}


/* Global Classes */

.blog_list_item { margin: 0 0 40px 0; }

.border { padding: 2px; border: 1px solid #ccc; }

.widgettitle {
	height: 28px;
	width: 228px;
	padding: 28px 0 0 0;
}

.widget_content a {
	display: block;
	height: 21px;
	width: 218px;
	margin: 4px 0 0 0;
	padding: 7px 0 0 10px;
	color: #000;
	font-size: 1em;
	font-style: italic;
	text-decoration: none;
	background: #e2e2e2;
}

.widget_content a:hover {
	display: block;
	height: 21px;
	width: 218px;
	margin: 4px 0 0 0;
	padding: 7px 0 0 10px;
	color: #000;
	font-size: 1em;
	font-style: italic;
	text-decoration: underline;
	background: #a2a2a2;
}

.navigation { margin: 0 0 40px 0;}

/* Reusable Classes */

.replace {
	height: 0px !important;
	overflow: hidden;
}

/* Wordpress Classes */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}