/*
Theme Name: Krafty v5
Theme URI: http://www.thekraftysite.co.uk
Description: Krafty site design 5
Version: 1.0
Author: Tim Hall, Ollie Hall and John Russell
Author URI: http://www.thekraftysite.co.uk
*/

@import url(reset.css);
@import url(type.css);
@import url(slider.css);

body {
border-top: 5px solid #1d1d1d;
}

/* Header structure */

#header {
position: relative;
width: 940px;
height: 140px;
margin: 0 auto;
padding: 0 10px 0 10px;
border-bottom: 0px solid #DCDCDC;
}

body#home div#header {
position: relative;
width: 940px;
height: 355px;
margin: 0 auto;
padding: 0 10px 0 10px;
border-bottom: 0px solid #DCDCDC;
}


#navigation {
font-family: georgia;
font-size: 1.7em;
position: absolute;
display: block;
top: 81px;
right: 10px;
}

ul#mainNav {
position: relative;
}

ul#mainNav li {
float: left;
display: block;
margin: 0 0 0 20px;
padding: 0 0 1px 0;
}

ul#mainNav li a {
line-height: 1.6em;
display: block;
outline: none;
color: #bbbbbb;
}

ul#mainNav li a:hover {
color: #000000;
text-decoration: none;
}

ul#mainNav li:hover {
}

ul#mainNav li.current_page_item a, ul#mainNav li.current_page_ancestor a, ul#mainNav li.current_page_parent a {
color: #000000;
}

/* Content Structure */

.blog_post {
position: relative;
border-bottom: 1px solid #ebebeb;
margin: 0 0 20px 0;
}

.blog_post_body {
padding: 0 0 20px 0;
}

img.attachment-post-thumbnail, img.attachment-single-post-thumbnail {
border: 1px solid #999999;
margin: 0 0 20px 0;
}

ul#blogSidebar li {
margin: 0 0 20px 0;
}

ul#blogSidebar li ul li {
margin: 0 0 5px 0;
}

#contentWrapper {
width: 940px;
margin: 20px auto 0;
padding: 0 10px 0 10px;

}

body#blog div#contentWrapper {
padding: 40px 0 0 0;
}

body#krafty-eco div#contentWrapper {
background: transparent url('images/ecosplash.jpg') no-repeat scroll top right;
}

#dropAnchor {
width: 100%;
height: 0%;
clear: both;
}

body#home div#contentWrapper {
position: relative;
padding: 0 10px 0 10px;
}

#mainContent {
float: left;
width: 620px;
margin: 0 0 80px 0;
padding: 0 0 0 0;
}

body#blog div#mainContent {
padding: 0 20px 0 40px;
width: 560px;
}

#workImages {
float: left;
position: relative;
width: 620px;
margin: 0 0 20px 0;
}

#projectInfo {
float: right;
width: 280px;
padding: 0 0 0 20px;
margin: 0 0 20px 0;
}

body#services div#mainContent {
padding: 0px;
width: 620px;
border: none;
}

div#serviceSummary {
background:  transparent;
float: right;
width: 178px;
padding: 0 0 20px 20px;
margin: 0 0 10px 20px;
border-left: 1px dashed #bbbbbb;
border-bottom: 1px dashed #bbbbbb;
}

div#serviceSummary ul li {
background: url(images/bulletArrow.png) no-repeat scroll 0 0;
padding: 0 0 0 20px;
}

body#home div#mainContent {
position: relative;
width: 940px;
padding: 0px;
border: none;
margin: 0px;
}

#subContent {
position: relative;
float: right;
width: 220px;
padding: 0 0 0 40px;
}


#latestProject {
float: left;
width: 940px;
height: 228px;
padding: 20px 0 0 0;
margin: 20px 0 0 0;
border-top: 0px solid #DCDCDC;

}

#latestProject div#projectInfo {
float: left;
width: 300px;
padding: 0 0 0 0;
margin: 0 20px 0 0;
}

#latestProject div#projectImage {
float: left;
width: 268px;
text-align: center;
padding: 0 0 0 32px;
margin: 0;
}

#latestProject div#projectQuote {
background: transparent url('images/hgQuote.png') no-repeat 14px 34px;
position: relative;
width: 300px;
height: 208px;
float: left;
margin: 0 20px 0 0;
}

#screen1 {
margin: 0 40px 0 0;
}

#screen2 {
margin: 0 0 0 20px;
}

body#home div#promotions {

width: 216px;
float: left;
margin: 32px 0 0 0;
}

body#about-us div#mainContent img {
margin: 20px 0 0 0;
}


body#home div#services {
width: 940px;
clear: both;
padding: 0 0 40px 0;
margin: 0;
}

body#home div#services ul#servicesList {
width: 940px;
height: 120px;
}

body#home div#services ul#servicesList li {
background: transparent;
float: left;
width: 199px;
padding: 0 20px 0 0;
margin: 0 20px 0 0;
border-right: 1px dashed #BBBBBB;
}

body#home div#services ul li#internet-marketing {
margin: 0;
border: none;
}

body#services ul#servicesList {
width: 620px;
height: 200px;
margin-bottom: 40px;
}

body#services ul#servicesList li {
background: transparent;
float: left;
width: 300px;
padding: 10px 0 10px 0;
margin: 0;
border-right: 1px dashed #BBBBBB;
}
body#services ul#servicesList li#graphic-design, body#services ul#servicesList li#internet-marketing {
padding-left: 20px;
width: 280px;
margin: 0;
border: 0;
}
body#services ul#servicesList li#graphic-design, body#services ul#servicesList li#web-design {
border-bottom: 1px dashed #BBBBBB;
}

ul#membersOf {
background: transparent url('images/orgs.png') no-repeat scroll;
width: 307px;
height: 101px;
display: block;
margin-top: 20px;
}

ul#membersOf li {
float: left;
display: block;
text-indent: -9999px;
}

ul#membersOf li a {
display: block;
height: 101px;
text-indent: -9999px;
}

ul#membersOf li a#scdf{
width: 110px;
}

ul#membersOf li a#sussexe{
width: 90px;
}

ul#membersOf li a#wiredSussex {
width: 107px;
}



body#home div#eco {
background: transparent url(images/buckets/eco.png) no-repeat scroll 0 0;
float: right;
position: relative;
width: 216px;
height: 160px;
}

body#home div#offer {
background: transparent url(images/buckets/webpackage.png) no-repeat scroll 23px 0;
float: right;
position: relative;
width: 220px;
height: 100px;
text-indent: -9999px;

}

div.service {
width: 300px;
float: left;
}

div.service-right {
width: 300px;
float: right;
}

/* Portfolio page styling */

#workImages ul li {
margin: 0 0 20px 0;
float: left;
}

#workImages ul li.smallBox {
width: 300px
}

#workImages ul li.smallBoxLeft {
margin: 0 20px 0 0;
width: 300px
}

#workImages ul li#clientQuote {
background: url(images/quoteMark1.png) no-repeat scroll 0 0;
}

div#serviceQuote {
background: url(images/quoteMark1.png) no-repeat scroll 0 0;
width: 300px;
margin: 0 0 20px 0;
}

#workImages ul#projectSpecs {
padding: 20px;
}

#workImages ul#projectSpecs li {
background: url(images/bulletArrow.png) no-repeat scroll 0 2px;
padding: 0 0 0 20px;
margin: 0 0 5px 0;
float: none;
}

body#portfolio div#mainContent {
width: 940px;
border: none;
}

div#portfolioThumbs {
clear: both;
}

div.thumb {
float: left;
width: 300px;
padding: 0 10px 0 0;
margin: 0 0 30px 0;
}


div.thumb-mid {
float: left;
width: 300px;
margin: 0 0 30px 0;
padding: 0 10px 0 9px;
}

div.thumb-last {
padding: 0 0 0 9px;
float: left;
margin: 0 0 30px 0;
width: 300px;
}

div.thumb img, div.thumb-mid img, div.thumb-last img {
margin: 0 0 10px 0;
}

div#portfolioThumbs div a:hover img {
opacity: 0.8;
}


/* Extra subContent styling */


#quickContactBox {
position: relative;
padding: 0;
margin: 20px 0 0 0;
}

div#wpcf7-f2-p1280-o1 div {
margin: 0;

}

div#wpcf7-f2-p1280-o1 {
width: 220px;
border-top: 1px dashed #cccccc;
padding: 20px 0 0 0;
}

div#wpcf7-f2-p1280-o1 label {
font-family: georgia;
float: left;
width: 220px;
}

div#wpcf7-f2-p1280-o1 span {
float: left;
width: 220px;
}

div#wpcf7-f2-p1280-o1 dt {
font-size: 11px;
line-height: 11px;
height: 11px;
margin: 0 0 2px 0;
width: 220px;
}

div#wpcf7-f2-p1280-o1 dd {
display: block;
margin: 0 0 5px 0;
width: 220px;
height: 25px;
}

div#wpcf7-f2-p1280-o1 dd#cFsubmit {
width: 160px;
padding: 0;
}

div#wpcf7-f2-p1280-o1 dd#cFsubmit input.NFButton {
width: 60px;
}

div#wpcf7-f2-p1280-o1 dl dd input {
width: 200px;
}

div#wpcf7-f2-p1280-o1 dl dd#textArea {
height: 100px;
}

div#wpcf7-f2-p1280-o1 dl dd textarea {
width: 210px;
height: 90px;
}

div#wpcf7-f1-p10-o1 {
border-top: 1px solid #efefef;
padding: 20px 0 0 0;
}

div#wpcf7-f1-p10-o1 dl {
float: left;
width: 300px;
}

div#wpcf7-f1-p10-o1 dl dt {
width: 80px;
display: block;
float: left;
line-height: 21px;
}

div#wpcf7-f1-p10-o1 dl dd {
margin: 0 0 15px 0;
width: 200px;
float: left;
}

div#wpcf7-f1-p10-o1 dl dd input {
width: 180px;
display: block;
}

div#wpcf7-f1-p10-o1 dl dd input.NFButton {
width: 60px;
display: inline;

}

div#wpcf7-f1-p10-o1 dl dd textarea {
width: 490px;
height: 130px;
}

div#wpcf7-f1-p10-o1 dl dt label {
width: 80px;
display: block;
line-height: 21px;
height: 21px;
}


div#wpcf7-f1-p10-o1 dl dd#cFmessage {
float: left;
margin: 0;
}

div#wpcf7-f1-p10-o1 dl#submitMessage {
margin: 0 0 15px 0;
width: 600px;
}

div#wpcf7-f1-p10-o1 dl#submitMessage dt {
float: left;
}

div#wpcf7-f1-p10-o1 dl#submitMessage dd#cFmessage {
float: left;
width: 500px;
}

div#wpcf7-f1-p10-o1 dl#submitMessage dd#cFsubmit {
clear: both;
width: 80px;
margin: 5px 0 0 80px;
}


div.wpcf7-response-output {
clear: both;
margin: 0 !important;
border: none !important;

}


#subContent ul {
padding: 0;}

#subContent ul#sectionNav li {
padding: 0 0 0 0;
}


#subContent li#serviceQuote {
background: none;
width: 220px;
margin: 0 0 20px 0;
padding: 20px 0 20px 0;
}

ul#personalInfo {
background: #fefefe;
width: 200px;
padding: 0 20px 20px 0px;
}

ul#personalInfo ul {
margin-bottom: 20px;
}

ul#personalInfo ul li {
background: url(images/bulletArrow.png) no-repeat scroll;
padding-left: 20px;
margin-bottom: 10px;
}

ul#subSocial li {
height: 26px;
padding: 2px 0 0 0;
margin-top: 10px;
}

ul#subSocial li#subTwitter {
background: transparent url(images/social/twitter.png) no-repeat scroll 0 0;
padding-left: 36px;

}
ul#subSocial li#subRss{
background: transparent url(images/social/rss.png) no-repeat scroll 0 0;
padding-left: 36px;

}
ul#subSocial li#subFacebook {
background: transparent url(images/social/facebook.png) no-repeat scroll 0 0;
padding-left: 36px;

}

li#portfolioLink {
padding: 0 0 20px 0;
}

/* Footer Structure */

#footer {
background: #1d1d1d;
clear: both;
width: 100%;
height: 329px;
margin: 40px 0 0 0;
padding: 0
}

#siteTools {
clear: both;
margin: 0 auto;
width: 940px;
height: 200px;
padding: 49px 0 0 0;
}

div#socialButtons {
float: left;
width: 220px;
margin: 0 20px 0 0;
}

#portfolioBox {
float: left;
width: 220px;
height: 140px;
margin: 0 20px 40px 0;
padding: 0px;
}

div#footerServices {
width: 220px;
height: 120px;
float: left;
padding: 0;
margin: 0 0 0 20px;
}

#siteInformation {
background: transparent;
clear: both;
width: 100%;
padding: 0;
margin: 20px 0 0 0;
}

#siteInformationContent {
position: relative;
margin: 0 auto;
width: 940px;
padding: 0;
}

#kraftyEco {
background: #1d1d1d url('images/buckets/kraftyeco2.jpg') no-repeat scroll 2px 18px;
float: left;
margin: 0 20px 0 0;
height: 200px;
width: 220px;
}

#contactDetails {
background: transparent url('images/contactDetails.gif') no-repeat scroll center 40px;
float: left;
margin: 0 0 0 0;
height: 200px;
width: 460px;
text-indent: -9999px;
}

#footer ul#sitemap {
position: relative;
height: 20px;
padding: 0 0 0 0;
}

#footer ul#sitemap li {
float: left;
display: block;
padding: 0 5px 0 0;
}

#latestNews {
width: 220px;
float: left;
margin: 0 20px 20px 0;
padding: 0 0 0 0;
}

#footer div#latestNews ul li {
padding: 0 0 5px 0;
}

#footer ul#social li {
padding: 6px 0 0 0;
margin: 0 0 5px 0;
height: 24px;
}

#footer ul#social li#twitter {
background: transparent url('images/social/twitter.png') no-repeat scroll 0 0;
}
#footer ul#social li#facebook {
background: transparent url('images/social/facebook.png') no-repeat scroll 0 0;
}
#footer ul#social li#rss{
background: transparent url('images/social/rss.png') no-repeat scroll 0 0;
}

/* Twitter */

#twitter_div {
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
width: 220px;
}

#twitter_div a {
color: #009cf3;
}

#clientQuote {
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 20px 0 0 0;
width: 220px;
}

#clientQuote p {
padding: 0;
}