/*
Theme Name: Yard
Author: Stuart Magog
Author URI: www.stuart-magog.co.uk
Version: 1.0

Colours:
Text grey:
Red: #c00

*/
/***** Global Settings *****/
html, body {
margin:0;
padding:0;
}
html{
background:#f7f7f7 url(images/footer.gif) bottom left repeat-x;
}
body {
/* Set font as 10px - 1em will equal 10px */
font:62.5%/1.25 Arial, Helvetica, sans-serif;
color:#333;
}
#wrapper{
width:960px;
margin:0 auto;
}
/***** Headings *****/
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}
h1{
width:210px;
height:90px;
position:relative;
overflow:hidden;
font-size:1em;
float:left;
}
h1 span {
background:url(images/ya-logo.gif);
position:absolute;
width:100%;
height:100%;
}
h2{
font-size:1.6em;
margin:0 0 14px;
}
h3 {
font-size:1.8em;
}
h4 {
font-size:1.6em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
/***** Common Formatting *****/
p, ul, ol, li {
margin:0;
padding:0;
}
li{
list-style-type:none;
}
img {
border:0;
}
/***** Links *****/
a{
text-decoration:none;
color:#484c4e;
}
a:hover{
text-decoration:underline;
color:#c00;
}
/***** Forms *****/
form {
margin:0;
padding:0;
display:inline;
}
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
textarea {
width:100%;
line-height:1.25;
}
label {
cursor:pointer;
}
/* ***************************** Masthead *************************** */
#masthead{
background:url(images/masthead.gif) no-repeat;
padding:8px 0 10px;
float:left;
width:960px;
}
#masthead p{
float:right;
}
/* ****************** Navigation ************************** */
#menu{
width:960px;
float:left;
padding-top:4px;
background:url(images/navtab-blog.gif) bottom left no-repeat;
}
#header .menu-home{
background:url(images/navtab-index.gif) bottom left no-repeat;
}
#header .menu-about{
background:url(images/navtab-about.gif) bottom left no-repeat;
}
#header .menu-services{
background:url(images/navtab-services.gif) bottom left no-repeat;
}
#header .menu-clients{
background:url(images/navtab-clients.gif) bottom left no-repeat;
}
#header .menu-partners{
background:url(images/navtab-partners.gif) bottom left no-repeat;
}
#header .menu-contact{
background:url(images/navtab-contact.gif) bottom left no-repeat;
}
#header .menu-none{
background:url(images/navtab-none.gif) bottom left no-repeat;
}
#navigation{
font:1.4em Georgia, "Times New Roman", Times, serif;
width:778px;
float:left;
padding:4px 0 0 20px;
}
#navigation li{
float:left;
margin-right:26px;
margin-bottom:4px;
}
#navigation li.last{
margin-right:0;
}
#flags{
width:162px;
float:left;
padding-bottom:6px;
}
#flags li{
float:left;
width:26px;
margin-right:8px;
}
#flags li.last{
margin-right:0;
}
/* ****************************** Breadcrumbs *************************** */
#breadcrumbs{
padding-bottom:4px;
}
/* ***************************** Page *************************** */
#page{
background:#fff;
width:942px;
border:1px solid #a9a9a9;
border-top:none;
padding:8px;
float:left;
}
#banner{
width:902px;
padding:20px;
background:url(images/banner.jpg) no-repeat;
height:188px;
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:8px;
}
#banner p{
font-size:1.6em;
width:620px;
margin-bottom:14px;
}
#banner p.intro{
font-size:2.2em;
}
/* **************************** Title & Intro ******************************* */
#title{
background:url(images/header-base.gif) bottom no-repeat;
width:942px;
padding:0 0 20px;
margin-bottom:6px;
}
#title h2{
font:3.2em Georgia, "Times New Roman", Times, serif;
color:#fff;
margin:14px 24px 10px;
}
#title p{
font-size:1.8em;
color:#fff;
font-weight:bold;
margin:0 0 0 24px;
width:618px;
}
#title p.nomargin{
margin:0;
padding:0;
}
/* ********************************* Page Introduction ********************** */
#page-intro{
padding:10px 0;
margin:0 20px;
width:604px;
}
#page-intro p{
font-size:1.4em;
margin:0 0 14px;
}
/* ************************************ Content ************************************* */
#content{
width:644px;
float:left;
background:#f9f9f9 url(images/content.gif) top no-repeat;
position:relative;
padding-top:20px;
}
/*
#content div{
margin:0 20px;
width:604px;
}
*/
#content img#image3d{
position:absolute;
top:-15px;
left:8px;
z-index:999;
}
#content p.nospace{
padding:0;
margin:0;
}
#feature{
font:1.6em Georgia, "Times New Roman", Times, serif;
float:left;
padding-bottom:10px;
}
#feature p{
margin:0;
float:right;
margin-bottom:20px;
width:334px;
}
#posts_navigation{
text-align:center;
padding:6px 0;
margin:6px 0 0;
float:left;
}
#posts_navigation a{
margin:0 5px;
}
#content ul{
font-size:1.2em;
padding:0 14px;
margin-bottom:20px;
}
#content ul li{
list-style-type:disc;
margin-bottom:8px;
}
#content img{
float:left;
margin-right:20px;
}
/* *********** Client Page Content ******** */
#content-clients{
width:644px;
float:left;
background:#e0dfdf;
position:relative;
}
#content-clients .gallery{
padding:0 9px 0 11px;
margin:0 20px;
width:584px;
float:left;
}
#content-clients .gallery dt{
margin:0 4px 0 0;
padding:0;
float:left;
width:142px;
}
#content-clients h3{
font:2em Arial, Helvetica, sans-serif;
font:2.4em Georgia, "Times New Roman", Times, serif;
font-weight:normal;
margin:14px 20px 0;
color:#000;
}
#content-clients p{
font-size:1.2em;
line-height:1.4;
margin:20px;
}
#content-clients p.nospace{
padding:0;
margin:0;
}
.client-images{
}
.client-images p{
margin:0;
padding:0;
}
.client-images p img{
margin:0 4px 0 0;
}
/* ************************************* Story ********************************* */
.story{
background:url(images/story-top.gif) bottom repeat-x;
padding:10px 0 1px;
float:left;
margin:0 20px;
width:604px;
}
.plain{
background:none;
}
.story p{
font-size:1.2em;
line-height:1.4;
margin:0 0 14px;
}
.story img{
float:left;
margin:0 10px 4px 0;
}
.story h2{
margin:0 0 6px;
}
.story h3{
font:2em Arial, Helvetica, sans-serif;
font:2.4em Georgia, "Times New Roman", Times, serif;
font-weight:normal;
margin:14px 0 0;
color:#000;
}
.story h3.no-detail{
margin-bottom:10px;
}
.story h3 a{
color:#000;
}
.story h4{
color:#000;
margin-bottom:8px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.4em;
}
.story p.more-tab{
font-size:0.9em;
float:right;
padding:3px 28px 1px 4px;
margin:0;
width:140px;
text-align:right;
background:#a3a2a2 url(images/more-arrow.gif) right no-repeat;
clear:both;
}
.more-tab a{
color:#fff;
}
a.more-link p.more-tab{
color:#fff;
cursor:pointer;
}
a.more-link:hover p.more-tab{
color:#fff;
}
p.post-details{
font-size:1em;
}
p.post-details a{
text-decoration:underline;
}
.margin-top-40{
margin-top:20px;
}
/* *************************************** Page Intro ************************************** */
.page-intro{
background:url(images/story-top.gif) bottom repeat-x;
padding:10px 0 1px;
float:left;
margin:0 20px;
width:604px;
}
.page-intro h3{
font:2em Arial, Helvetica, sans-serif;
font:2.4em Georgia, "Times New Roman", Times, serif;
font-weight:normal;
margin:14px 0 10px;
color:#000;
}
.page-intro p{
font-size:1.2em;
line-height:1.4;
margin:0 0 20px;
}
/* ************************************* Sidebar ********************************* */
#sidebar{
width:292px;
float:right;
}
#sidebar div{
background:#e0dfdf;
margin-bottom:6px;
position:relative;
}
#sidebar div p{
margin:0 12px 9px;
font-size:1.2em;
line-height:1.4;
}
#sidebar div p.nospace{
padding:0;
margin:0;
}
#sidebar div h3{
padding:1px 12px 9px;
background:url(images/sidebar-h3.gif) bottom no-repeat;
}
#sidebar div h3 img{
position:absolute;
top:8px;
right:8px;
}
img.sidebar-pic{
margin:12px;
width:268px;
}
ul#blog-list{
margin:12px 12px 21px;
font:1.1em Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
ul#blog-list li{
margin:0 0 6px;
background:url(images/bullet.gif) no-repeat;
padding:0 0 0 15px;
}
.blog-date{
font-style:normal;
font-weight:bold;
}
/* ********************************* Help ********************** */
#sidebar ul li.hide{
display:none;
}
#sidebar #help{
background:#fff url(images/help.gif) no-repeat;
height:46px;
display:none;
}
#sidebar #help h3{
padding:11px 12px 9px 48px;
background:none;
}
/* ********************************* Spotlight ********************** */
#spotlight p a{
text-decoration:underline;
}
/* ********************************* Case Studies ********************** */
#sidebar h4{
padding:0 12px;
margin:12px 0 0;
}
#cs-images{
margin:0 0 0 14px;
}
#cs-images li{
float:left;
width:132px;
}
.sidebar-list{
padding:0 12px 9px 24px;
margin:14px 0 0;
font-size:1.2em;
}
.sidebar-list li{
margin-bottom:4px;
list-style-type:disc;
}
.sidebar-list li ul{
margin:4px 0 12px 0;
display:none;
}
.sidebar-list li ul li{
list-style-type:none;
}
/* ********************************* Featured Case Study ********************** */
.spotlightcs{
padding:0;
margin:0;
}
li#case-studies li{
list-style-type:none;
margin:0;
width:142px;
display:inline;
padding:0;
}
/* ************************************ Sidebar Call to Action **************************** */
#sidebar li#calltoaction h3{
font-size:1.6em;
margin-bottom:12px;
}
/* ************************************* Footer ********************************* */
#footer{
width:960px;
padding:6px 0 60px;
float:left;
}
#footer ul li{
display:inline;
margin-right:24px;
padding-bottom:4px;
}
#footer a{
text-decoration:underline;
}
#li-rss{
background:url(images/li-rss.gif) no-repeat;
padding:0 0 0 18px;
}
#li-twitter{
background:url(images/li-twitter.gif) no-repeat;
padding:0 0 0 16px;
}
/* ************************************* Comments ********************************* */
#h3-comments{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
margin:0 0 18px;
padding:20px 0 0;
clear:both;
}
ul#comments{
padding:0;
margin:0;
float:left;
width:604px;
}
#comments div{
padding:0;
margin:0;
}
#comments li{
list-style:none;
padding:8px 10px;
margin:4px 0 0;
background-color:#e8e7e7;
width:584px;
}
#comments li.alt{
background-color:#f3f3f3;
}
#comments div.comment-avatar{
width:50px;
float:left;
}
#comments div.comment-titles{
width:534px;
float:left;
padding:12px 0 0;
}
h4.comment-author{
background:none;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
}
.comment-details{
font-size:0.8em;
font-weight:normal;
}
#comments .the_comment{
clear:both;
padding:8px 0 0 52px;
font-size:1.2em;
width:534px;
}
.the_comment p{
margin:0 0 18px;
}
#comments_template{
padding-top:10px;
float:left;
font-size:1.1em;
}
div#leavecomment{
padding:20px 0 0;
margin:20px 0 0;
float:left;
}
#leavecomment h3{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
margin:0 0 18px;
}
#commentform label{
display:block;
}
#commentform textarea{
margin:10px 0;
font-size:1.2em;
}
#commentform input{
font-size:1.2em;
}
/* *************************************** 404 Error Page **************************** */
#error404{}
#error404 h2{}
#error404 p{}
/* ******************************* Contact Form ***************************** */
#content form{
padding:20px 0;
margin:0;
}
#content form p{
margin:0;
padding:0;
}
#content .wpcf7{
margin:0;
padding:0;
}
.wpcf7-form input{
margin:0 0 10px;
}
.wpcf7-form p{
font-weight:bold;
}
.wpcf7-form textarea{
margin-bottom:10px;
width:460px;
}
.wpcf7-form p.inputsubmit{
margin-left:0;
padding:0;
}
.wpcf7-form p.inputsubmit input{
margin:0;
padding:0;
float:left;
width:70px;
}
/* *********************************** map ******************************** */
#content #map{
clear:both;
padding-top:30px;
}
#content #map a{
display:block;
margin-top:10px;
color:#484c4e;
}
/* ******************************** Case Study Form **************************** */
#cs-form{
width:644px;
float:left;
padding:20px 0;
margin:0;
}
#cs-form textarea{
width:460px;
height:80px;
}
#cs-form #cs-send{
margin:0;
padding:0;
float:left;
width:70px;
}
#cs-form .wpcf7-response-output{
border:none;
padding:0;
margin:0;
}
.wpcf7-mail-sent-ok{
font-size:1.4em;
font-weight:bold;
width:400px;
color:#039;
border:none;
padding:10px 0;
}
.wpcf7-validation-errors{
font-size:1.4em;
font-weight:bold;
width:400px;
color:#c00;
border:none;
padding:10px 0;
}