/*
Theme Name: The Awesome Web
Theme URI: http://www.theawesomeweb.co.uk
Description:
Version: 1.0
Author: Jenny Brown
Author URI: http://www.theawesomeweb.co.uk
*/

body {
	font-family:Trebuchet, Trebuchet MS, sans-serif;
	color:#3D3C38;
	line-height:1.2em;
	background:#99958b;
	text-align:center;
	padding-bottom:50px;
	letter-spacing:0.02em;
}

img {
	border:0;
}

textarea {
	font-family:Trebuchet, Trebuchet MS, sans-serif;
}

a:link,
a:visited,
a:active {
	color:#3D3C38;
}
a:hover {
	color:#000;
}

/* structural elements */

#canvas {
	margin:0 auto;
	text-align:left;
	width:1000px;
}

#main-container {
	border:1px dotted #99958b;
	width:1000px;
}

#content, #home-content {
	clear:both;
	background:#fff;
	padding-bottom:20px;
}
#home-content {
	background:url('images/bg-home.gif') repeat-y;
	display:inline-block;
}

.home-col-one, .home-col-two, .home-col-three, #main-col-one, #main-col-two {
	overflow:hidden;
}

.home-col-one, .home-col-two {
	float:left;
	width:400px;
}

.home-col-three {
	float:left;
	width:200px;
}

#main-col-one {
	float:left;
	width:700px;
	background:#fff;
}

#main-col-two {
	float:left;
	width:300px;
}

.basic-padding {
	padding:20px 10px;
}

.clearboth {
	clear:both;
	height:0;
}

/* shared fonts */

h2 {
	color:#000;
	font-size:0.9em;
	margin-top:0px;
	font-weight:normal;
	text-transform:uppercase;
}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color:#000;
	text-decoration:none;
}

h3 {
	color:#000;
	font-size:0.9em;
	margin-top:0px;
	font-weight:normal;
	text-transform:uppercase;
}
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
	color:#000;
	text-decoration:none;
}

h4 {
	color:#000;
	font-size:0.9em;
	font-weight:normal;
	margin:0px;
	text-transform:uppercase;
}

div.entry {
	font-size:0.7em;
}

blockquote {
	background:#EBEAE8;
	padding:3px 10px;
	clear:both;
}


/* header */
h1 {
	background:url('images/awc-logo.gif') no-repeat;
	width:744px;
	height:45px;
}

h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
	display:block;
	width:744px;
	height:45px;
	text-indent:-9000px;
}

/* section headers */

.section-heading-anchor {
	position:relative;
}

.section-heading-bg-off {
	background:#fff;
	margin-right:2px;
	margin-bottom:2px;
}

.section-heading-bg-on {
	background:#3D3C38;
	margin-right:2px;
	margin-bottom:2px;
}

h2#blog-off, h2#blog-on,
h2#work-off, h2#work-on,
h2#about-off, h2#about-on  {
	padding:0;
	margin:0;
	height:33px;
}

h2#blog-off,
h2#blog-on,
h2#work-off,
h2#work-on {
	width:398px;
	border-right:2px solid #99958b;
}

h2#blog-off {
	background:url('images/blog-off.gif') no-repeat;
}
h2#blog-on {
	background:url('images/blog-on.gif') no-repeat;
}

h2#work-off {
	background:url('images/work-off.gif') no-repeat;
}
h2#work-on {
	background:url('images/work-on.gif') no-repeat;
}

h2#about-off,
h2#about-on {
	width:200px;
}
h2#about-off {
	background:url('images/about-off.gif') no-repeat;
}
h2#about-on {
	background:url('images/about-on.gif') no-repeat;
}

h2.section-header a:link, 
h2.section-header a:visited, 
h2.section-header a:hover, 
h2.section-header a:active {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9000px;
}

.h2-feed-icon-blog,
.h2-feed-icon-work,
.h2-email-icon-blog {
	display:block;
	position:absolute;
	right:10px;
	top:5px;
	text-indent:-9000px;
	width:25px;
	height:24px;
	background-position:top;
	background-repeat:no-repeat;
}

.h2-email-icon-blog {
	right:45px;
}

.h2-feed-icon-off {
	background:url('images/feed-off.gif');
}
.h2-feed-icon-on {
	background:url('images/feed-on.gif');
}

.h2-email-icon-off {
	background:url('images/email-off.gif');
}
.h2-email-icon-on {
	background:url('images/email-on.gif');
}

/* posts navigation */

.navigation {
	background:#3D3C38;
	padding:2px 10px;
	font-size:0.8em;
}

.navigation,
.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	color:#fff;
	text-decoration:none;
}

.nav-alignleft,
.nav-alignright {
	width:49%;
}

.nav-alignleft {
	float:left;
}

.nav-alignright {
	float:right;
	text-align:right;
}

.nav-alignleft a {
	background:url('images/left-arrow.gif') no-repeat left;
	padding-left:30px;
}

.nav-alignright a {
	background:url('images/right-arrow.gif') no-repeat right;
	padding-right:30px;
}

/* lists */

.work-preview-list-item {
	width:120px;
	float:left;
	margin-right:6px;
	margin-bottom:15px;
}

.work-preview-list-item img {
	border:1px solid #99958B;
	margin-bottom:1px;
}

/* home page styles */

.home-col-two .entry {
	overflow:hidden;
}

/* blog styles */

div.post {
	padding:20px 10px;
	border-bottom:2px solid #99958b;
	clear:both;
}

div.page-post{
	padding:20px 10px;
}

div.entry {
	margin-bottom:20px;
}

.post-info,
.post-categories {
	clear:both;
}

.post-info {
	margin-bottom:3px;
	margin-top:1px;
}

.post-categories {
	margin-top:2px;
}

.post-info span,
span.post-cat {
	border:1px solid #fff;
	background:#ccc;
	font-size:0.7em;
	padding:2px 4px;
	color:#000;
}
span.post-cat {
	color:#fff;
}

.post-info span a {
	color:#000;
}
span.post-readmore a:link,
span.post-readmore a:visited,
span.post-readmore a:hover,
span.post-readmore a:active
{
	text-decoration:none;
	color:#fff;
}

span.post-cat a:link,
span.post-cat a:visited,
span.post-cat a:hover,
span.post-cat a:active{
	color:#fff;
}

span.post-comments {
	background:#adadad;
}

span.post-readmore,
span.post-cat {
	background:#3D3C38;
}

/* image alignments */

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

.alignright {
	float:right;
	margin:10px 0 10px 10px;
}

.aligncenter {
	display:block;
	margin:10px 0;
}

/* comments */

.comments-area {
	background:#adadad;
	padding:10px 0;
}

.form-field {
	margin-bottom:5px;
}

label {
	font-size:0.7em;
	color:#000;
}

input,
textarea {
	border:1px solid #666;
}

label span {
	color:#f00;
}

#submit {
	background:#3D3C38;
	color:#fff;
}

ol.commentlist {
	padding:0;
	margin:0 0 10px 0;
	list-style-type:none;
	color:#000;
	font-size:0.7em;
}
li.comment {
	padding:0 10px;
	margin:0;
	border-bottom:1px solid white;
	margin-bottom:10px;
}

#respond {
	padding:0 10px;
}

.vcard img {
	margin-right:10px;
	margin-bottom:20px;
	float:left;
}

.vcard a {
	text-decoration:none;
	font-style:normal;
	color:#000;
}

.comment-meta {
	display:inline;
	background:#999;
	padding:2px 4px;
}

.comment-meta a {
	color:#000;
	text-decoration:none;
}

.comment-edit-link {
	display:none;
}

.comment-body p {
	clear:both;
}

/* sidebars */
.sidebar-container {
	padding-top:20px;
	padding-right:10px;
}

.widget {
	padding:10px;
	background:#EBEAE8;
	margin-bottom:2px;
	border-bottom:2px solid #fff;
}

.home-col-three .widget {
	background:#fff;
	border-bottom:2px solid #99958b;
}

.widget ul {
	padding:0;
	margin:0;
	margin-top:10px;
	list-style-type:none;
	color:#3D3C38;
}

.widget ul#categories-list-blog,
.widget ul#categories-list-work{
	font-size:0.8em;
}

.widget ul#categories-list-blog h4 {
	font-size:1.1em;
}

.widget a {
	color:#3D3C38;
}

.widget a.cat-item,
.widget ul#categories-list-work>li a {
	text-decoration:none;
	color:#000;
}

.widget ul#categories-list-work>li>ul>li>a {
	color:#3D3C38;
	text-decoration:underline;
}

.widget ul#categories-list-work>li>ul {
	margin-bottom:20px;
}

ul.children {
	margin-bottom:10px;
	margin-top:0px;
}

.widget ul#categories-list-blog a {
	text-decoration:underline;
	color:#3D3C38;
}

.widget-rss-link {
	background:url('images/widget-feed-icon-off.gif') no-repeat left;
	padding-left:24px;
	text-decoration:none;
}
.widget-rss-link:hover {
	background:url('images/widget-feed-icon-on.gif') no-repeat left;
}

.widget-vcard-link {
	background:url('images/widget-vcard-icon-off.gif') no-repeat left;
	padding-left:36px;
	text-decoration:none;
}
.widget-vcard-link:hover {
	background:url('images/widget-vcard-icon-on.gif') no-repeat left;
}

#widget-contact-form input,
#widget-contact-form textarea {
	width:200px;
	margin-top:5px;
	font-size:0.8em;
}
#widget-contact-form #submit {
	width:auto;
}

.textwidget {
	font-size:0.7em;
}

.hello-widget {
	position:relative;
}

.hello-widget img {
	float:right;
	position:relative;
	bottom:2px;
	right:-10px;
	z-index:10;
}

.hello-widget span {
	position:relative;
	z-index:20;
}

img.client-logo {
	margin:10px 0;
}

.wpcf7 input,
.wpcf7 textarea {
	width:265px;
}

#home-content .wpcf7 input,
#home-content .wpcf7 textarea {
	width:175px;
}

#home-content .wpcf7 textarea,
.wpcf7 textarea {
	font-size:1em;
}

.wpcf7-response-output {
	text-align:left;
	background:green;
	color:#fff;
	font-weight:bold;
	border:0;
}

.wpcf7-validation-errors {
	background:red;
}

/* footer */

#footer {
	clear:both;
}

div#footer-logo {
	background:url('images/awc-logo.gif') no-repeat;
	width:744px;
	height:45px;
	margin-bottom:5px;
}

div#footer-logo a:link,
div#footer-logo a:visited,
div#footer-logo a:hover,
div#footer-logo a:active {
	display:block;
	width:744px;
	height:45px;
	text-indent:-9000px;
}

#footer span {
	color:#fff;
	font-size:0.6em;
	padding-left:7px;
}

/* temporary home page */

body#temp-home {
	background:#ccc;
	text-align:center;
	}
	
body#temp-home div {
	width:530px;
	margin:0 auto;
	text-align:left;
}

body#temp-home h1 {
	background:url('images/temp-theawesomewebco.gif') no-repeat;
	width:521px;
	height:32px;
	margin-top:200px;
	margin-bottom:0;
}

body#temp-home h1 span {
	display:none;
}

body#temp-home p {
	font-family:arial;
	color:#fff;
	font-size:0.6em;
}