/*  
Theme Name: Wheat Scharf 2009
Theme URI: http://creativeslice.com/
Description: WordPress theme for wheatscharf.com
Version: 1
Author: Creative Slice
Author URI: http://creativeslice.com/
*/

ul,ol { list-style:none }h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

body {
	font: 70% verdana, sans-serif;
	text-align: left;
	color: #3c4456;
background: #fff;
}

a:link {
	color: #336699;
}
a:visited {
	color: #812e95;
}
a:hover {
	color: #993333;
}

input {
	padding:4px;
	font-size: .9em;
}

label {
	display:block;
	margin:5px 0;
}

hr {
	border-top: 1px solid #ddd;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding:0 20px 0 20px;
	line-height:18px;
border-left: 2px solid #d5cebb;
}

.alignleft {float: left;}
.alignright {float: right;}

#wrapper {
width: 940px;
margin: 0 auto;
display: relative;
}

h1 {
font-size: 3.3em;
font-weight: normal;
font-family: copperplate;
padding-bottom: .2em;
}
h2 {
font-size: 2.3em;
font-weight: normal;
font-family: copperplate;
padding-bottom: .3em;
}
h3 {
font-size: 1.8em;
font-weight: normal;
font-family: copperplate;
padding-bottom: .3em;
}
h4 {
font-size: 1.5em;
color: #c23a00;
padding-bottom: .3em;
}
h5 {
font-size: 1.3em;
color: #133e60;
padding-bottom: .3em;
}
/* -------------------- Header -------------------- */

#header {
position: relative;
height: 100px;
border-bottom: 2px solid #819e47;
}

#header .logooverlay {
position: absolute;
top: 16px;
left: 0px;
}

#headerfront {
position: relative;
height: 130px;
border-bottom: 2px solid #819e47;
}

#headerfront .logooverlay {
position: absolute;
top: 4px;
left: 0px;
}

/* -------------------- Nav -------------------- */


#headerfront #nav {
height: 30px;
border-left: 1px solid #ccc;
margin-left: -1px;
background: #819e47;
position: absolute;
top: 100px;
width: 512px;
padding-left: 8px;
right: 0px;
}


#header #nav {
height: 30px;
border-left: 1px solid #ccc;
margin-left: -1px;
background: #819e47;
position: absolute;
top: 70px;
width: 512px;
padding-left: 8px;
right: 0px;
}

#nav li {
float: left;
display: inline;
padding-left: 12px;
}

#nav a {
padding: 2px 30px 2px 6px;
font-size: 12px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 30px;
border-left: 2px solid #fff;
}

#nav a:hover {
color: #d9e2c8;
}

#nav .current_page_item a,
#nav .current_page_parent a,
#nav .current_page_ancestor a {
color: #d9e2c8;
border-left: 2px solid #d9e2c8;
}

/* ------------------------------ Front Page ---------------------------- */

#homeright {
width: 520px;
float: right;
}

.rightimage {
text-align: left;
}

#right {
width: 520px;
float: right;
}

/* ---------------------------------------- Sidebar ---------------------------- */

#sidebar {
float: left;
width: 190px;
margin-top: 20px;
padding: 10px 15px;
text-align: left;
background: #222;
color: #ccc;
}

#sidebar h1 {
color: #403d2a;
padding: 0;
margin-bottom: -.5em;
}

#sidebar h3 {
color: #fff;
padding-top: .5em;
}

#sidebar li {
display: inline;
}


/* ------------------------------ Content ---------------------------- */


#main,
#mainhome {
margin-top: 30px;
}

#submenu {
width: 400px;
float: right;}

#submenu a {
display: block;
float: left;
padding: 10px;
margin: 0 5px;
font-size: 1em;
color: #ccc;
}

#submenu a:hover, #submenu .current_page_item a {
background: #fff;
color: #222;
}


#mainhome #content {
text-align: left;
float: left;
width: 360px;
padding: 0px 0 0 33px;
}

#content {
text-align: left;
float: left;
width: 360px;
padding: 0px 0 0 33px;
}

#content p {
font-size: 1.2em;
margin: 0 0 1.1em 0;
line-height: 1.3em;
}


#content ul {
list-style:disc;
padding-bottom: .6em;
}

#content ol {
list-style-type:decimal;
}

#content li {
font-size: 1.2em;
margin-left: 30px;
padding-bottom: .3em;
line-height: 1.3em;
}

#content li li {
font-size: 1em;
list-style: circle;
}

#content ul ul {
padding-top: .5em;
padding-bottom: 0;
}

#content ol {
margin-left: 5px;
}

#navigation .alignleft, #navigation .alignright {
padding: 10px 0 20px 0;
}

#navigation a, #navigation a:visited {
background: #aec080;
padding: 3px 5px;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: .9em;
line-height: 1.9em;
}
#navigation a:hover {
background: #889a58;
}

.postmetadata {
background: #eee;
padding: 5px;
margin: .5em 0 2em 0;
}


#topprojects {
background: #336799;
width: 907px;
margin-bottom: 20px;
}

#bottomservices {
background: #b02c1b;
margin-top: 20px;
width: 907px;
float: right;
}

#allprojects {
clear: both;
padding: 0px 0 20px 34px;
}

#allprojects a {
text-decoration: none;
}

#allprojects li {
float: left;
font-size: 18px;
width: 260px;
padding: 8px 30px 2px 8px;
}

#allprojects li li {
font-size: 12px;
margin-left: 12px;
list-style: disc;
}


/* ---------------------------------------- Comments ---------------------------- */

#content small a {
font-weight: bold;
}

.commentlist a, .commentlist a:visited {
color: white;
}

.commentlist a:hover {
color: black;
}

#comments, #respond {
margin: 12px 0;
}

.commentlist li {
background: #aec080;
padding: 10px 10px 0 10px;
margin: 4px;
}

.commentlist p {
color: #2e2c1e;
}

.commentlist cite {
font-weight: bold;

}
.commentlist cite a {
color: white;
}

#commentform #submit {
border: 2px solid #43a748;
padding: 3px;
background: #43a748;
color: #fff;
font-weight: bold;
}



/* = Works
-------------------------------------------------------------- */

/* Basis of gallery with or without JS */
.gallery,
.gallery li        { list-style:none; margin:0; padding:0; }
.gallery_wrap,
.gallery        { width:520px; position:relative; }
.gallery        { display:block; width:520px; overflow:hidden; text-align:left; }
.gallery img    { margin:0; padding:0; }
.gallery li        { display:block; height:480px; width: 520px; background: #fff; overflow:hidden; }

/* thumbs only show up if JS is active */
.thumbs            { display:none; }
.thumbs,
.thumbs li        { list-style:none; margin:0; padding:0; }
.thumbs            {margin: 5px 5px 5px 0;  z-index:20; }
.thumbs li        { color:#000; cursor:pointer; text-align:center; font-size:30px; font-weight:bold; line-height:40px; float:left; height:60px; border:1px #ccc solid; margin-right:5px; }
.thumbs li,
.thumbs li span    { display:block; width:60px; }
.thumbs li span    { background-color:#fff; filter: alpha (opacity=50); -moz-opacity:.5; opacity:.5; -khtml-opacity:0.5; height:54px; padding-top:6px; }

.thumbs li.active span    { filter: alpha (opacity=0); -moz-opacity:; opacity:; -khtml-opacity:0.0; }
.thumbs li.active        { border-color:#71a649; }

/* JS slideshow */
.slideshow                    { position:relative; height:480px; }
.slideshow li                { position:absolute; top:0; left:0; z-index:8; }
.slideshow li.active        { z-index:10; }
.slideshow li.last-active    { z-index:9; }

#projectquote {
clear: both;
color: #b02c1b;
padding-top: 2em;
font-size: 1.1em;
}

/* --------------------------- Footer ---------------------------- */

#footer {
clear: both;
margin-top: 30px;
padding: 5px;
color: white;
background: #819e47;
letter-spacing: .1em;
line-height: 30px;
}

#footer a {
color: #fff;
font-weight: bold;
}
#footer a:hover {
color: #d9e2c8;
}

#footer li {
display: inline;
padding: 2px 8px 2px 2px;
}
#footer .wsalogo {
float: left;
margin: 0px 20px 0 0;
}
#footer .wsafooter {
padding: 4px 0;
}
#footer .greenchoice {
float: right;
margin-right: 5px;
opacity: .7;
}
#footer .greenchoice:hover {
opacity: 1;
}
#wrapper p.creativeslice {
float: right;
}
#wrapper .creativeslice a {
padding: 5px 0;
font-size: .9em;
color: #819e47;
}