/*
Theme Name: JCS Development
Description: Theme for JCS Development
Author: John Swaringen (with help from Maximus - http://themeforest.net?ref=Maximus)
*/* {margin: 0px; padding: 0px;}
body, html {height: 100%;}
body {font: 62.5% Verdana, Arial, Helvetica, sans-serif;}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}
.clearfix:after {content: "."; visibility: hidden; display: block; height: 0px; clear: both;}
* html .clearfix, * + html .clearfix {height: 1%;}

#container {width: 100%; min-height: 100%; height: auto !important; margin: 0px 0px -70px; min-width: 970px;}
#header_wrap, #project_wrap, #content_wrap, #footer_wrap {font-size: 1em; width: 100%; position: relative;}
#header, #project, #content, #footer {width: 960px; margin: 0px auto; font-size: 1.1em;}
#header_wrap {padding-top: 11px;}
#header {padding: 30px 0px 30px 5px; position: relative;}

#project {position: relative; z-index: 101;}

#content_wrap {padding: 35px 0px;}
#home #content_wrap {padding: 75px 0px 35px;}
#sidebar {width: 350px; float: left;}
#main {width: 565px; float: right;}
#footer_wrap, .push {height: 69px; min-width: 970px;}
#footer {padding: 28px 0px 0px; text-transform: uppercase;}

.logoarea, .navigation .alignleft a {float: left;}
h1.logo {width: auto; font-size: 2.85em; font-weight: bold; letter-spacing: -1px; position: relative; z-index: 100;}
h1.logo a {text-decoration: none;}
h4 { font-weight:bold; color: #777; font-size:12px; }

p.description {text-transform: uppercase; letter-spacing: 1px;}
ul.main_nav {width: 650px; text-align: right; position: absolute; top: 40px; right: 0px; text-transform: uppercase; float: right;}
body#home ul.main_nav {top: 25px;}
ul.main_nav li {display: inline; list-style: none; padding: 0px 15px; position: relative;}
ul.main_nav li a {padding-bottom: 3px; text-decoration: none;}
.info {width: 350px; float: left; padding: 35px 0px; min-height: 185px; line-height: 22px; font-size: 1em;}
.info h2 {font-size: 1.95em; margin-bottom: 20px;}
a.nextproject {width: 110px; height: 32px; display: block; float: left; padding: 6px 0px 0px 35px; font-size: 0.95em; margin-top: 25px;}
.info a.view {display: block; width: 170px; float: left; padding: 6px 0px 0px 0px; margin: 25px 0px 0px 25px;}
.project_screen {height: 350px; width: 536px; float: right; margin: -35px 0px -35px; position: relative; z-index: 100; overflow: hidden;}
.pagetitle span {display: block; width: 960px; margin: 0px auto;}
.text_left {width: auto; float: left; text-transform: uppercase; margin-bottom: 25px;}
.text_right {width: auto; float: right; text-align: right; margin-bottom: 25px;}
.crop_image {width: 535px; height: 200px; overflow: hidden; border: 1px solid #DADADA; margin: 20px 0;}
.no-crop {width: 535px; overflow: hidden; border: 1px solid #DADADA; margin: 20px 0;}
hr {clear: both; height: 0px; border: none; background: none;}
#sidebar hr, .commentlist {margin-bottom: 25px;}
.post {clear: both; margin: 20px 5px 20px 0px;}
.post h2.posttitle, h4.title {font-size: 1.5em; font-weight: bold; width: auto;  margin-bottom:10px;}
.post p.comments {width: auto; float: right; text-align: right; text-transform: uppercase;}
.post .entry {clear: both; padding-top: 10px; line-height: 19px;}
.post .entry p, .commentarea p {margin-bottom: 10px;}
.post blockquote {margin-left: 25px;}
.post cite {font-style: italic; margin-left: 25px;}
.post img.alignleft {margin-right: 20px;}
.post img.alignright {margin-left: 20px;}
img.alignright, a img.alignright {float: right; margin: 0 0 1em 1em;}
img.alignleft, a img.alignleft {float: left; margin: 0 1em 1em 0;}
img.aligncenter, a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.post ul, .post ol {margin: 0px 0px 10px 25px;}
.post ul li {list-style: disc outside;}
.post ol li {list-style: decimal outside;}
.navigation, .commentarea {margin-top: 25px;}
.navigation a {display: block; width: auto; font-size: 1.5em; text-decoration: none; padding: 5px 15px;}
.navigation .alignright a {float: right;}
.comment .name {width: 170px; float: left; padding-top: 20px; font-size: 0.9em;}
.comment .name a {font-size: 1.2em;}
.comment .text {width: 354px; margin-left: -1px; padding: 20px; float: left; line-height: 19px;}
.module {margin-bottom: 25px; line-height: 16px;}
.module h4 {font-size: 1.35em;}
.flickr a img {margin: 0 6px 6px 0;}
.about .thumb {float: left; margin-right: 20px;}
.about h4, div.tweets h4 {margin-bottom: 15px;}
.list {line-height: 23px;}
.list ul {list-style: none; padding: 10px; text-transform: uppercase; font-size: 0.9em;}
.list h4 {padding: 10px; font-weight: bold;}
input.text {padding: 10px; border: none; font-size: 1.1em; float: none; margin-bottom: 20px; display: block; width: 300px;}
div#main textarea {padding: 10px; font-size: 1.1em; width: 545px !important; height: 150px !important; margin-bottom: 20px;}
input.submit {display: block; width: auto; padding: 7px 40px; text-transform: uppercase; border: none; cursor: pointer;}
#searchform {padding: 7px 5px 7px 12px;}
#searchform input#s {border: none; width: 296px; float: left; padding: 2px; font-size: 1.1em;}
#searchform input#searchsubmit {float: right; margin: 2px 8px 0px 0px;}
#home #categories, #home .singles {display: none;}
#footer p.credits {width: 600px; float: left;}
#footer a.feed {display: block; width: 150px; height: 16px; padding-left: 25px; float: right; background: no-repeat;}
* + html hr {margin-top: -7px; margin-bottom: -21px;}
div.tweets {margin: 20px 0 25px 0;}
ul.twitter {border: thin solid #231F1E; background: #F5F4F3;}
li.twitter-item {color: #797878; padding: 5px;}
p.twitter-message {padding-bottom: 2px;}
.twitter-timestamp {color: #AEAAA9; font-size: 80%; padding-left: 10px;}


h3.pagetitle {width: 100%; font-size: 2.25em; padding: 20px 0px;}
h4.title {width: auto; float: none; margin-bottom: 25px;}