/*
Theme Name: WebKit Studio
Author: Mike Goldberg
Author URI: http://www.webkitstudio.com/blog
Template: wks-framework
*/

@import url('../wks-framework/style.css');


body {
text-align:center;
background:#6B0000 url("images/body-bg.jpg") repeat-x left top;
font-family:arial, helvetica, sans-serif;
font-size:15px;
line-height:1.8em;
}

#promo p a {
font-family:georgia,serif;
}

h1, h2, h3, h4, h5, h6, #heading {
font-family:georgia,serif;
}

#wrap {
text-align:left;
margin:0 auto;
width:960px;
background:#710000 url('images/content-bg2.jpg') no-repeat center 155px;
}

#heading {
background:url("images/heading-bg.jpg") repeat-x left top;
height:155px;
color:#000;
position:relative;
z-index:100;
}

#heading #logo {
text-align:center;
font-size:52px;
line-height:1em;
display:block;
float:left;
padding:48px 0 0 66px;
text-shadow: 1px 1px 1px #fff;
}

#heading #logo a {
color:#000;
text-decoration:none;
}

#heading #logo img {
position:relative;
right:2px;
}

#heading #logo a:hover {
color:#444;
}

/* #heading #logo {
display:block;
float:left;
position:relative;
left:30px;
top:50px;
text-align:center;
} */

#heading span {
font-size:22px;
line-height:1.6em;
font-style:italic;
display:block;
text-shadow:none;
}

#heading ul {
float:right;
background:url("images/heading-li-bg.jpg") no-repeat right bottom;
}

#heading li {
background:url("images/heading-li-bg.jpg") no-repeat left bottom;
float:left;
height:155px;
width:160px;
text-align:center;
}

#heading li a {
display:block;
margin-top:50px;
color:#000;
text-shadow:1px 1px 0px #ddd;
text-decoration:none;
font-style:italic;
font-size:22px;
line-height:105px;
height:105px;
}

#heading li a:hover {
background:url('images/nav-a-over.jpg') no-repeat center bottom;
}

.type-post, .type-page, .post {
margin:0 50px 50px;
color:#fff;
position:relative;
}

.type-post a, .type-page a, .post a, acronym {
color:#fff;
text-decoration:none;
background:url('images/dots.gif') repeat-x center bottom;
}

.type-post a:hover, .type-page a:hover, .post a:hover {
background-image:url('images/dots-over.gif');
}

#promo h1, #promo p {
width:400px;
float:left;
clear:left;
}

#promo {
height:320px;
}

.home-gallery {
position:absolute;
margin: 0 -40px 0 0;
z-index:1000;
top:8px;
right:0;
background:url('images/promo-flash-shadow.jpg') no-repeat center 260px;
}

h1,h2 {
font-size:44px;
line-height:1.5em;
text-shadow: 3px 3px 3px #2E0000;
font-weight:normal;
}

h3 {
font-size:34px;
line-height:1.5em;
text-shadow: 3px 3px 3px #2E0000;
font-weight:normal;
}

#promo em {
display:block;
float:left;
background:url('images/re.jpg') repeat-x center center;
color:#000;
width:67px;
height:65px;
text-indent:-9000px;
}

#promo p a {
display:block;
margin-top:20px;
width:256px;
height:46px;
color:#000;
font-size:32px;
text-indent:-9000px;
background:#ccc url('images/get-started.jpg') no-repeat center center;
}

#promo-gallery {
position:absolute;
top:50px;
right:50px;
}

.content h2 {
font-size:44px;
text-shadow: 3px 3px 3px #2E0000;
font-weight:normal;
}

.home .service-features {
padding-top:30px;
/* background:url("images/gradient-hr.png") no-repeat center top; */
}

.home .service {
float:left;
width:410px;
}

.home .service p {
margin-bottom:12px;
}

.home .features {
float:right;
width:378px;
}

.home .service-features h2 {
padding-bottom:10px;
}

.home .features li {
padding:0 0 12px 22px;
position:relative;
background:url('images/arrow-bullet.jpg') no-repeat left 8px;
}

.services li {
/*background:url('images/arrow-bullet2.png') no-repeat left center;*/
margin:0;
list-style-type:disc;
list-style-position:inside;
}

.services .desc {
font-style:italic;
background:none;
list-style-type:none;
list-style-position:outside;
padding:40px 0 10px;
}

.services h2 {
font-size:34px;
line-height:1.5em;
text-align:left;
padding-bottom:10px;
padding-left:0;
margin:0;
margin-right:30px;
width:320px;
float:left;
clear:both;
}

.services h2 img {
float:right;
margin-top:5px;
}

.footer {
clear:both;
padding:50px 50px 100px;
color:#fff;
}

.footer a {
color:#fff;
text-decoration:none;
}

.footer li {
float:left;
}

.footer .policy-sitemap {
float:right;
}

.footer a:hover {
text-decoration:underline;
}

.content p {
margin-bottom:20px;
}

.content ul {
margin-bottom:20px;
}

.company .portfolio {
width:430px;
float:right;
position:absolute;
left:408px;;
top:230px;
}

.company .portfolio li {
position:relative;
}

.company ul.portfolio a:hover {
background:#821111;
}

.company ul.portfolio a {
display:block;
height:30px;
line-height:30px;
background-image:none;
}

.company .portfolio em {
font-style:italic;
font-size:.8em;
}

.company ul.portfolio span {
text-decoration:none;
background-image:none;
background:url("images/external-link.gif") no-repeat left center;
padding-left:16px;
margin-right:5px;
color:#cc7777;
margin-left:10px;
}

.company ul.portfolio a:hover span {
text-decoration:underline;
background:url("images/external-link-over.gif") no-repeat left center;
color:#fff;
}

.company ul.portfolio li.sub-head:hover {
background:none;
}

.company ul.portfolio h3 {
}

#galleria {
height:360px;
text-align:center;
position:relative;
overflow:auto;
float:left;
margin-top:20px;
}

.contact .tab {
display:inline-block;
line-height:50px;
height:50px;
padding:0 20px;
background:#eee;
color:#000;
border:1px solid #fff;
border-right:none;
border-bottom:none;
position:relative;
z-index:10;
text-shadow: 1px 1px 1px #fff;
}

.contact .tab:hover {
text-decoration:none;
}

.contact .tab.inactive {
background:#888 url('images/inactive-bg.jpg') repeat-x left top;
top:2px;
}

.contact .tab.inactive:hover {
background:#aaa url('images/inactive-bg-over.jpg') repeat-x left top;
}

.estimate-form {
display:none;
}

.contact .form {
background:#ccc url('images/form-bg.jpg') repeat-x left top;
color:#000;
border:1px solid #fff;
border-top:none;
position:relative;
z-index:30;
}

.contact .location {
float:left;
margin-right:50px;
width:300px;
clear:left;
/* text-align:center; */
}

.contact fieldset {
margin-left:350px;
width:505px;
}

.contact form {
padding:40px;
}

.contact form label {
font-size:14px;
float:left;
width:120px;
clear:left;
}

.contact .text {
border:1px solid #aaa;
background:#eee;
padding:8px;
float:left;
width:280px;
margin-bottom:6px;
}

.contact .submit {
color:#fff;
margin-top:10px;
height:40px;
width:140px;
font-family:georgia,serif;
font-size:18px;
border:1px solid #fff;
border-right:none;
border-bottom:none;
background:#ccc url('images/submit-bg.jpg') repeat-x center center;
}

.contact form textarea {
clear:left;
border:1px solid #aaa;
background:#eee;
padding:8px;
float:left;
width:400px;
height:190px;
}

.contact .phone {
padding-top:12px;
}

.contact h1 {
font-style:normal;
padding-bottom:12px;
}

.contact .tabs {
margin:10px 0 0 0;
}

.contact .tabs li {
display:inline;
}

.contact .wide-label {
width:auto;
display:block;
float:none;
}

.contact .radio-li span {
display:block;
font-size:16px;
clear:both;
line-height:1.6em;
}

.contact .radio-li label {
float:none;
font-size:14px;
line-height:1.5em;
padding-left:6px;
padding-right:2px;
}

.contact .radio-li {
padding-bottom:15px;
}

.contact #budget-label, .contact #goal-label {
height:45px;
}

.contact .form .divide {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #888;
clear:both;
height:40px;
}

.404 .content a {
text-decoration:underline;
}

.contact .hide {
display:none;
}

.contact .estimate-form.show {
display:block;
}

.contact .small-text {
width:150px;
margin-right:10px;
}

.contact .smaller-text {
width:59px;
}

.contact .inline-label {
width:auto;
clear:none;
padding:0 10px;
}

.contact .select {
}

/* custom style select box css */

.custom-select {
font-family:sans-serif;
font-size:14px;
position:absolute;
left:120px;
}

.custom-select li ol {
position:absolute;
background:#fff;
border:1px solid #aaa;
border-top:none;
-moz-box-shadow: 2px 2px 2px #555;
-webkit-box-shadow: 2px 2px 2px #555;
box-shadow: 2px 2px 2px #555;
}

.custom-select  a {
display:block;
color:#000;
background:#eee;
padding:2px 40px 2px 10px;
}

.custom-select a:hover {
text-decoration:none;
}

.custom-select a:hover {
background:#ddd;
}

.custom-select .active, .custom-select .choice {
width:100px;
}

.custom-select .active {
position:relative;
border:1px solid #aaa;
z-index:200;
background:#eee url('images/custom-select-arrow.gif') no-repeat right center;
}

/* .custom-select .arrow {
position:absolute;
float:left;
width:25px;
height:25px;
top:4px;
right:4px;
padding:0;
z-index:1000;
border:1px solid #aaa;
} */

.custom-select .active:hover {
background:#ddd url('images/custom-select-arrow-over.gif') no-repeat right center;
}

.custom-select .active.selected {
background:#ddd url('images/custom-select-arrow-over.gif') no-repeat right center;
}

#budget-dropdown {
z-index:500;
position:relative;
}

#goal-dropdown .custom-select {
left:160px;
}

.services ul {
height:250px;
}

.services .no-bg {
}

label.error {
position:absolute;
width:auto;
background:#fff;
}

.contact a:hover {
background-image:none;
}

.ajax-result {
display:inline-block;
padding-left:20px;
font-size:16px;
font-style:italic;
}

#content {
float:left;
width:710px;
padding-top:50px;
}

#pages {
padding-top:50px;
margin:0 50px;
}

#content h1,#content h2 {
line-height:1.4em;
margin-bottom:2px;
}

#sidebar {
float:right;
width:240px;
padding-top:50px;
}

#sidebar h2 {
color:#fff;
font-size:18px;
text-shadow:3px 3px 3px #2E0000;
}

.type-post a {
background-image:none;
}

.postmeta-top, .postmeta-bottom {

font-family:arial, helvetica, sans-serif;
}

.postmeta-bottom {
margin-top:20px;
}

.type-post a:hover {
background-image:none;
text-decoration:underline;
}

.type-post .more-link, .type-post .entry p a {
background:url('images/dots.gif') repeat-x center bottom;
}

.type-post .more-link:hover, .type-post .entry p a:hover {
text-decoration:none;
background-image:url('images/dots-over.gif');
}

.postmeta-top .author,.postmeta-top .timestamp {
padding-right:8px;
margin-right:4px;
border-right:1px solid #fff;
}

h3#comments {
font-size:16px;
font-weight:normal;
font-style:italic;
text-shadow:none;
margin:20px 0;
padding-top:20px;
border-top:1px solid #874444;
}

ol.commentlist {
margin:20px 0;
}

ol.commentlist li {
margin:20px 0;
padding:20px;
padding-left:100px;
background:#870000;
border:1px solid #a90000;
position:relative;
list-style-type:none;
list-style-position:outside;
}

.commentlist .reply {
position:absolute;
bottom:1px;
right:1px;
padding:5px;
font-size:12px;
font-family:monospace;
background:#650000;
line-height:12px;
height:12px;
}

.commentlist .comment-author cite {
font-style:normal;
}

.commentlist {
font-size:14px;
}

.commentlist .avatar {
position:absolute;
top:20px;
left:20px;
padding:10px;
background:#550000;
border:1px solid #a90000;
margin-right:10px;
}

.commentlist .children {
margin:10px 0;
}

.commentlist .children li {
background:#760000;
border-style:dotted;
}

.type-post h2 a:hover {
text-decoration:none;
color:#ddcccc;
}

.type-post #respond h3 {
font-size:1.5em;
padding:0;
}

.type-post #respond {
margin-top:20px;
}

#sidebar {
color:#fff;
font-size:14px;
}

#sidebar a {
color:#fff;
border-bottom:1px dotted #fff;
text-decoration:none;
}

#sidebar a:hover {
border-bottom:1px solid #fff;
}

#sidebar li {
padding-right:50px;
}

#sidebar li h2 {
background:#bbb;
color:#000;
text-shadow:1px 1px 0px #ddd;
padding-left:10px;
}

#sidebar .widget {
margin-bottom:20px;
}

#sidebar .widget ul {
margin:10px 0;
}

#sidebar .widget li {
line-height:1.4em;
margin:5px 0;
padding-left:15px;
}

#sidebar .widget_calendar table {
width:100%;
border:1px solid #980000;
}

.widget_calendar td,.widget_calendar th {
background:#870000;
border:1px solid #980000;
text-align:center;
border-right:none;
border-top:none;
}

.widget_calendar .pad {
border:none;
background:#980000;
}

.widget_calendar th {
background:#980000;
border:1px solid #a90000;
}

#sidebar .widget_calendar td a {
display:block;
background:#650000;
border:none;
}

.postmeta-bottom .categories {
border-right:1px solid #fff;
padding-right:8px;
margin-right:4px;
}

h1.listhead {
font-size:32px;
line-height:1.5em;
color:#fff;
text-shadow: 3px 3px 3px #2E0000;
font-weight:normal;
padding-left:50px;
}

#heading h1#logo {
width:419px;
height:115px;
position:absolute;
background:url('images/wks-logo-3.jpg') no-repeat left bottom;
text-align:left;
padding:40px 0 0;
left:30px;
text-indent:-9000px;
}

h1#logo a {
text-shadow:none;
display:block;
width:419px;
height:115px;
background:url('images/wks-logo-3.jpg');
}

#searchform {
position:relative;
}

#searchsubmit {
}

#searchform #s {
width:180px;
border:none;
padding:5px;
}

#sidebar .widget li {
padding-right:0;
}

#content .not-found p {
margin-bottom:12px;
}

#the-images {
margin:20px 0;
}

#the-images li {
display:inline-block;
padding-left:40px;
margin-bottom:20px;
list-style-type:none;
list-style-position:outside;
}

#the-images img {
border:2px solid #fff;
}

#nivoSlider {
display:inline-block;
width:350px;
margin:0 auto;
overflow:hidden;
}

#galleria {
width:360px;
float:left;
}

.footer p {
clear:both;
color:#964444;
font-size:12px;
font-family:monospace;
padding-top:10px;
}

.footer p a {
color:#964444;
}

.footer p a:hover {
text-decoration:none;
color:#fff;
}

#post-143 {
padding-top:20px;
}

#post-143 h3 {
font-size:24px;
padding-top:20px;
}

#post-143 a {
text-decoration:underline;
background:none;
}

#post-143 a:hover {
text-decoration:none;
}

#post-143 ul {
padding:10px 0 0 30px;
}

#post-143 li {
list-style-type:disc;
list-style-position:inside;
}