﻿/*

Theme Name: Generate
Theme
URI: http://www.generatesponsorship.com/

Description: Generate site theme.

Version: 1
Author:Cubeworks
Author URI: http://www.cubeworks.co.uk

Tags: blue, white, template homepage, fixed width, two columns, widgets

*/
{
padding:0;
margin:0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address, hr {
margin-bottom: 1em;
}

html, body {
margin: 0px;
padding: 0px;
border: 0px;
}

/*
Basic styling for text etc. used by older browsers such as NN4.
*/

body
{
background-color: #eee;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #646464;
text-align: center;
}

a
{
color: #12397D;
}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover, a:focus {
text-decoration: underline;
}
a:active{
text-decoration: underline;
}

a img {
border: none;
}

p
{
font-size: 1.4em;
padding: 0px;
line-height: 1.5em;
}

ul, dl, ol {
font-size: 1.2em;
line-height: 1.5em;
margin-bottom: 1em;
}

ul {
margin-left: 20px;
}

h1 {
clear: left;
float: left;
font-size: 25px;
margin: 0 0 20px 0;
color: #555;
font-weight: normal;
width: 100%;
}

h2 {
font-size: 1.8em; 
margin: 0;
margin-bottom: 1em;
color: #000;
font-weight: normal;
width: 100%;
}

h3 {
font-size: 1.4em; 
margin: 0;
margin-bottom: .5em;
font-weight: normal;
width: 100%;
}

h4 {
font-size: 1.2em;
margin: 0;
font-weight: bold;
width: 100%;
}

hr {
clear: both;
float: left;
width: 100%;
height: 0;
border: 0;
border-top: 1px solid #fff;
padding: 0;
margin: 0 0 18px 0;
}

.wrapper {
margin:0 auto;
text-align:left;
width: 960px;
padding: 0 20px;
background: #fff;
height: auto;
position: relative;
overflow: hidden;
}

/* ###### Masthead styling ####### */
/* ############################### */

.masthead {
position: absolute;
float: left;
background: transparent;
top: 0;
left: 20px;
width: 960px;
height: 134px;
z-index: 99;
overflow: hidden;
}

#logo {
position: relative;
top: 20px;
left: 20px;
}

.nav {
float: left;
position: absolute;
top: 0;
right: 0;
width: 692px;
height: 60px;
background-image: url('../../../wp-content/themes/generate/_images/_navigation/navigation.gif');
background-repeat: no-repeat;
background-position: 0 0;
overflow: hidden;
list-style: none;
margin: 0;
}

.nav li {
display: inline;
outline: 1px solid #f00;
}

.nav li a, .nav li a:link, .nav li a:visited {
	position: absolute;
    top: 0;
    height: 60px;
    text-indent: -9999em;
    overflow: hidden;
}

.nav .home a:link, .nav .home a:visited {width: 73px; left: 0;}
.nav .about a:link, .nav .about a:visited {width: 102px; left: 73px;}
.nav .services a:link, .nav .services a:visited {width: 91px; left: 175px;}
.nav .ourwork a:link, .nav .ourwork a:visited {width: 109px; left: 266px;}
.nav .press a:link, .nav .press a:visited {width: 127px; left: 375px;}
.nav .contact a:link, .nav .contact a:visited {width: 119px; left: 502px;}
.nav .blog a:link, .nav .blog a:visited {width: 71px; left: 621px;}

.nav li a:hover, .nav li a:focus, .nav li a:active {
background-image: url('../../../wp-content/themes/generate/_images/_navigation/navigation.gif');
background-repeat: none;
outline: 0;
}

.home .nav .home a, .page-template-page-about-php .nav .about a, .page-template-page-values-php .nav .about a, .page-template-page-team-php .nav .about a, .page-template-page-international-php .nav .about a, .page-template-page-services-list-php .nav .services a, .page-template-page-services-php .nav .services a, .page-template-page-case-study-overview-php .nav .ourwork a, .page-template-page-press-overview-php .nav .press a, .page-template-page-press-release-php .nav .press a, .page-template-page-contact-php .nav .contact a, .blog .nav .blog a, .single .nav .blog a, .archive .nav .blog a {
background-image: url('../../../wp-content/themes/generate/_images/_navigation/navigation.gif');
background-repeat: none;
outline: 0;
}

.nav .home a:hover, .nav .home a:focus, .nav .home a:active {background-position: 0 -60px;}
.nav .about a:hover, .nav .about a:focus, .nav .about a:active {background-position: -73px -60px;}
.nav .services a:hover, .nav .services a:focus, .nav .services a:active {background-position: -175px -60px;}
.nav .ourwork a:hover, .nav .ourwork a:focus, .nav .ourwork a:active {background-position: -266px -60px;}
.nav .press a:hover, .nav .press a:focus, .nav .press a:active {background-position: -375px -60px;}
.nav .contact a:hover, .nav .contact a:focus, .nav .contact a:active {background-position: -502px -60px;}
.nav .blog a:hover, .nav .blog a:focus, .nav .blog a:active {background-position: -621px -60px;}

.home .nav .home a {background-position: 0 -120px;}
.page-template-page-about-php .nav .about a, .page-template-page-values-php .nav .about a, .page-template-page-team-php .nav .about a, .page-template-page-international-php .nav .about a {background-position: -73px -120px;}
.page-template-page-services-list-php .nav .services a, .page-template-page-services-php .nav .services a {background-position: -175px -120px;}
.page-template-page-case-study-overview-php .nav .ourwork a {background-position: -266px -120px;}
.page-template-page-press-overview-php .nav .press a, .page-template-page-press-release-php .nav .press a {background-position: -375px -120px;}
.page-template-page-contact-php .nav .contact a {background-position: -502px -120px;}
.blog .nav .blog a, .single .nav .blog a, .archive .nav .blog a {background-position: -621px -120px;}

.telephone {
background: url('../../../wp-content/themes/generate/_images/_pf/telephone.gif') no-repeat 0 0;
width: 147px;
height: 15px;
position: absolute;
text-indent: -9999em;
top: 103px;
right: 174px;
}

.twitter {
background: url('../../../wp-content/themes/generate/_images/_pf/twitter.gif') no-repeat 0 0;
width: 164px;
height: 28px;
position: absolute;
text-indent: -9999em;
top: 96px;
right: 0;
overflow: none;
}

.twitter a {
display: block;
width: 164px;
height: 28px;
}

.twitter a:hover, .twitter a:focus {
background: url('../../../wp-content/themes/generate/_images/_pf/twitter.gif') no-repeat 0 -28px;
outline: 0;
}

/* ####### Content Styling ####### */
/* ############################### */

/* ####### Home Content ####### */

.home-content {
clear: left;
float: left;
width: 960px;
height: auto;
margin: 0;
margin-top: 134px;
border-top: 2px solid #1E498E;
padding: 0;
}

.sel-boxes {
clear: left;
float: left;
width: 100%;
height: auto;
}

.sel-box, .sel-box2 {
float: left;
width: 225px;
height: auto;
padding-bottom: 9px;
background: url('../../../wp-content/themes/generate/_images/_backgrounds/lightblue-boxbtm-sm.gif') no-repeat bottom left;
margin-right: 20px;
margin-bottom: 20px;
}

.last {
margin-right: 0;
border-right: 0;
}

.clearthis {
clear: both;
}

.sel-box h2, .sel-box2 h2 {
float: left;
font-size: 1.6em;
background: #7AABD9 url('../../../wp-content/themes/generate/_images/_backgrounds/lightblue-boxtop.gif') no-repeat;
width: 205px;
height: auto;
padding: 8px 10px;
margin: 0;
border-bottom: 1px solid #fff;
}

.sel-box img, .sel-box2 img {
float: left;
width: 225px;
border-bottom: 1px solid #fff;
}

.sel-box p, .sel-box2 p {
float: left;
font-size: 1.2em;
padding: 10px;
width: 205px;
min-height:36px;
height:auto !important;
height:36px;
background: #DCEDFB;
margin: 0;
border-bottom: 1px solid #fff;
}

.sel-box ul, .sel-box2 ul {
float: left;
font-size: 1.4em;
padding: 10px 10px 10px 30px;
width: 185px;
margin: 0;
background: #DCEDFB;
}

.home-sel img {
height: 100px;
}

.newsticker{
clear: left;
float: left;
width: 940px;
padding: 10px;
margin-bottom: 30px;
height: auto;
background: #dcedfb;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

.newsticker h2 {
float: left;
font-size: 1.6em;
width: 150px;
height: auto;
margin: 0;
color:#12397D;
}

.ticker {
float: left;
width: 790px;
padding: 0;
margin: 0;
overflow: hidden;
}

.ticker ul {
margin: 0;
list-style: none;
}

.ticker ul li {
display: inline;
}

/* ####### Main Content ####### */

.main-content {
clear: left;
float: left;
width: 960px;
height: auto;
margin: 0;
margin-top: 134px;
border-top: 2px solid #1E498E;
padding: 20px 0 0 0;
}

.case-study {

}

.case-study h2 {

}

.case-study img {
height: 170px;
}

.haspdf, .serv-box {
position: relative;
background: url('../../../wp-content/themes/generate/_images/_backgrounds/darkblue-boxbtm-sm.gif') no-repeat bottom left;
}

.haspdf h2, .serv-box h2 {
color: white;
background: #12397d url('../../../wp-content/themes/generate/_images/_backgrounds/darkblue-boxtop.gif') no-repeat;
}

.haspdf p.case-teaser {
min-height:154px;
height:auto !important;
height:154px;
padding: 8px 10px;
}

.haspdf p.case-link, .serv-box p.serv-link {
min-height: 0;
height:auto !important;
height: auto;
background: #12397d url('../../../wp-content/themes/generate/_images/_pf/pdf.gif') no-repeat 10px 10px;
width: 185px;
padding-left: 30px;
border-bottom: 0;
padding-bottom: 1px;
}

.serv-box p.serv-link {
padding-left: 10px;
width: 205px;
background-image: none;
}

.haspdf p a, .serv-box a {
color: #fff;
position: relative;
}

.case-img {
clear: left;
float: left;
position: relative;
width: 225px;
height:auto;
background-color:#DCEDFB;
}

.hasJS .case-img {
height: 170px;
} 

.hasJS .haspdf .case-img img {
height: 170px;
width: 225px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

.hasJS .haspdf div.case-teaser {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

.haspdf a:focus, .haspdf a:hover {
text-decoration: none;
}

.haspdf .case-link a:focus, .haspdf .case-link a:hover {
text-decoration: none;
}

.hasJS .haspdf div.case-teaser p {
margin: 0;
min-height: 130px !important;
overflow:hidden;
}

.hasJS .haspdf p.case-link {
position: absolute;
top: 179px;
z-index: 10;
}

.breadcrumb {
clear: both;
float: left;
width: 100%;
margin-bottom: 20px;
}

.breadcrumb p {
margin-bottom: 0;
font-size: 1.2em;
}

.breadcrumb p span {
color: #63A3D8;
}

.three-quarters {
clear: left;
float: left;
width: 675px;
margin-right: 20px;
padding: 0 20px;
}

.page-img {
clear: left;
float: left;
margin-bottom: 20px;
}

.third-img {
margin-right: 20px;
width: 715px;
}

.callout {
background: url('../../../wp-content/themes/generate/_images/_backgrounds/lighterblue-boxbtm-sm.gif') no-repeat bottom left;
margin-right: 0;
}

.callout p {
font-size: 1.4em;
border-bottom: 0;
padding: 20px;
width: 185px;
}

.about-menu {
clear: left;
float: left;
width: 960px;
height: auto;
position: relative;
overflow: hidden;
}

.about-menu img {

}

.about-menu ul {
float: left;
width: 960px;
height: auto;
font-size: 1.2em;
color: #000;
list-style: none;
margin: 0 0 20px;
padding: 0;
border-bottom: 2px solid #7aabd9;
}

.about-menu ul li {
float: left;
height: auto;
overflow: hidden;
margin-bottom: 0;
}

.about-menu ul li a {
float: left;
color: #12397D;
padding: 6px 10px 5px;
display: inline;
background: #DAE7F1;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-right: 2px;
}

.about-menu ul a:hover, .about-menu ul a:focus {
background: #7aabd9;
color: #fff;
text-decoration: none;
}

.page-template-page-international-php .about-menu ul li.about-int a, .page-template-page-team-php .about-menu ul li.about-team a, .page-template-page-values-php .about-menu ul li.about-values a {
background: #7aabd9;
}

.about-menu ul a:hover h2, .about-menu ul a:focus h2 {
color: #fff;
}

.about-menu ul p {
font-size: 1em;
}

.about-menu ul h2 {
color: #12397D;
margin-bottom: 0;
font-size: 1.2em;
}

.callout-small {
float: left;
margin: 0 0 20px;
width: 185px;
height: auto;
padding: 20px 20px 0;
background: #dceefc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #333;
}

.callout-small ul {
padding: 10px 20px 10px 30px;
font-size: 1.4em;
background: url('../../../wp-content/themes/generate/_images/_backgrounds/callout-top-sm.gif') no-repeat top left;
margin: 0 0 20px;
width: 155px;
}

.left-col {
clear: left;
float: left;
width: 735px;
height: auto;
}

.sidebar {
float: left;
width: 225px;
height: auto;
}

.map {
clear: left;
float: left;
width: 695px;
height: 330px;
padding: 10px;
background: url('../../../wp-content/themes/generate/_images/_backgrounds/map.gif') no-repeat;
margin-bottom: 20px;
}

.international {
clear: left;
float: left;
width: 960px;
height: 493px;
background: url('../../../wp-content/themes/generate/_images/_backgrounds/international.gif') no-repeat;
position: relative;
margin-bottom: 20px;
}

.int-point {
display: block;
width: 93px;
height: 40px;
overflow: hidden;
position: absolute;
}

.atlanta {
top: 187px;
left: 197px;
}

.beijing {
top: 170px;
left: 710px;
}

.doha {
top: 212px;
left: 543px;
}

.london {
top: 132px;
left: 412px;
}

.paris {
top: 175px;
left: 420px;
}

/* ####### Press Release list ####### */
/* ################################## */

.release-list {
clear: left;
float: left;
width: 920px;
height: auto;
font-size: 1em;
padding: 0 20px;
list-style: none;
margin: 0 0 20px 0;
}

.release-list li {
clear: left;
float: left;
width: 880px;
height: auto;
padding: 20px;
border-bottom: 2px dotted #7AABD9;
}

.release-list li.firstRelease {
width: 795px;
padding: 20px 20px 20px 105px;
background: #DCEEFC url('../../../wp-content/themes/generate/_images/_backgrounds/megaphone.gif') no-repeat 20px 20px;
border-bottom: 0;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

.release-list li .list-date {
clear: left;
float: left;
font-weight: bold;
font-size: 1.2em;
line-height: 1.5em;
}

.release-list li .list-link {
clear: left;
float: left;
font-size: 1.4em;
line-height: 1.5em;
}

.release-list li.firstRelease .list-link {
font-size: 2.1em;
}

.release-list li .list-location {
clear: left;
float: left;
font-size: 1.2em;
line-height: 1.5em;	
}

.list-pag {
clear: left;
float: left;
width: auto;
height: auto;
margin: 0 auto 20px auto;
list-style: none;
}

.list-pag li {
float: left;
border-right: 1px solid #7AABD9;
}

.list-pag li.last {
border-right: 0;
}

.list-pag li a {
display: block;
padding: 2px 7px;
}

.rel-date {

}

.rel-place p {
margin: 0;
color: #333;
}

.side-img {
width: 920px;
padding-right: 20px;
}

.side-img p {
}

.side-img img {
float: right;
margin: 20px;
}

.content {
display: inline;
float: left;
position: relative;
width: 100%;
}

.side-img img {
clear:both;
display:inline;
float:right;
margin: 0 40px 30px;
position:relative;
overflow: hidden;
width: 280px;
}

.content-prose {
clear: left;
margin-right: 245px;
}

/* ####### Blog styling ####### */
/* ############################ */

.blog-tease {
clear: left;
float: left;
width: 715px;
height: auto;
padding-bottom: 10px;
border-bottom: 2px dotted #7AABD9;
margin-bottom: 20px;
}

.blog-tease img {
clear: left;
float: left;
margin-bottom: 20px;
margin-right: 20px;
}

.blog-tease p {
width: 100%;
}

p.blog-author {
clear: both;
font-size: 1.2em;
float: left;
width: 50%;
}

p.comm-count {
font-size: 1.2em;
float: left;
width: 50%;
text-align: right;
}

.blog-tease p.comm-count {
clear: none;
float: right;
width: 50%;
text-align: right;
}

.blog-tease p {
clear: both;
float: left;
}

.blog-tease p.blog-excerpt {
clear: inherit;
}

.lat-posts ul, .post-cats ul {
list-style: none;
padding: 10px 10px 10px 20px;
width: 195px;
}

.lat-posts ul li {
padding-left: 20px;
background: url('../../../wp-content/themes/generate/_images/_pf/news-bullet.gif') no-repeat 0 3px;
margin-bottom: 5px;
}

.post-cats ul li {
padding-left: 20px;
background: url('../../../wp-content/themes/generate/_images/_pf/cat-bullet.gif') no-repeat 0 3px;
margin-bottom: 5px;
}

.single .three-quarters {
border-bottom: 2px dotted #7AABD9;
margin-bottom: 20px;
}

/* ####### Vcard styling ####### */
/* ############################# */

.three-quarters .vcard {
clear: left;
float: left;
width: 222px;
padding: 10px 10px 20px 62px;
height: auto;
background: url('../../../wp-content/themes/generate/_images/_backgrounds/vcard.jpg') no-repeat bottom left;
font-size: 1.4em;
position: relative;
margin-bottom: 20px;
}

.three-quarters .vcard img {
position: absolute;
top: 10px;
left: 20px;
}

.three-quarters .vcard .fn,  .three-quarters .vcard a.email,  .three-quarters .vcard div.tel {
clear: left;
float: left;
margin-bottom: .7em;
}

.three-quarters .vcard div.tel p {
font-size:1em;
margin-bottom:0;
width:200px;
display:block;
}

.callout .vcard {
clear: left;
float: left;
border-bottom:0 none;
padding:20px;
width:185px;
background:#DCEDFB;
}

.callout .vcard div {
font-size: 1.4em;
line-height: 1.5em;
}

.callout .vcard div div {
font-size: 1em;
}

.callout .vcard div.em-link {
font-size: 1.2em;
}

.callout .vcard .adr, .callout .vcard .fax-cont {
margin-bottom: 1em;
}

/* ####### Home Slideshow styles ####### */
/* ##################################### */

.slideshow {
	clear: left;
    position:relative;
    height:283px;
	margin-bottom: 0;
}

.slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

.slideshow img.active {
    z-index:10;
}

.slideshow img.last-active {
    z-index:9;
}

/* ####### Footer Styling ####### */
/* ############################## */

.footer {
clear: left;
float: left;
width: 960px;
height: auto;
padding-top: 0;
background-image: none;
background-repeat: no-repeat;
background-position: top left;

}

.page-template-page-about-php .footer, .parent-pageid-83 .footer {
/*padding-top: 220px;
background-image: url('../../../wp-content/themes/generate/_images/_backgrounds/_footer/building.jpg');*/
padding-top: 20px;
border-top: 2px solid #7aabd9;
}

.page-id-83 .footer, .page-template-page-services-list-php .footer {
padding-top: 220px;
background-image: url('../../../wp-content/themes/generate/_images/_backgrounds/_footer/rugby.jpg');	
}

.page-template-page-case-study-overview-php .footer {
padding-top: 220px;
background-image: url('../../../wp-content/themes/generate/_images/_backgrounds/_footer/snowboarder.jpg');
}

.page-template-page-press-overview-php .footer, .page-template-page-press-release-php .footer {
padding-top: 220px;
background-image: url('../../../wp-content/themes/generate/_images/_backgrounds/_footer/crowd.jpg');
}

.page-template-page-contact-php .footer {
padding-top: 220px;
background-image: url('../../../wp-content/themes/generate/_images/_backgrounds/_footer/dancer.jpg');
}

.blog .footer {
padding-top: 220px;
background-image: url('../../../wp-content/themes/generate/_images/_backgrounds/_footer/hands.jpg');
}

.page-template-page-values-php .footer {
/*padding-top: 220px;
background-image: url('../../../wp-content/themes/generate/_images/_backgrounds/_footer/windmills.jpg');*/
padding-top: 20px;
border-top: 2px solid #7aabd9;
}

.page-template-page-team-php .footer, .page-template-page-international-php .footer {
padding-top: 220px;
background-image: url('../../../wp-content/themes/generate/_images/_backgrounds/_footer/silhouettes.jpg');
}

.footer ul {
float: left;
list-style: none;
width: 960px;
height: auto;
margin-bottom: 20px;
font-size: 1.4em;
}

.footer ul li {
float: left;
width: auto;
height: auto;
margin-right: 110px;
}

/* ####### Wordpress styling ####### */
/* ################################# */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
margin-bottom: 18px;
}

.alignleft {
   float: left;
margin-right: 18px;
margin-bottom: 18px;
}

.alignright {
   float: right;
margin-left: 18px;
margin-bottom: 18px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

h1 p, h2 p {
font-size: 1em;
margin: 0;
}

.navigation {
font-size: 1.2em;
}

#respond {
	clear: left;
	float: left;
	width: 100%;
}

.commentlist {
clear: left;
float: left;
width: 715px;
list-style: none;
margin: 0;
margin-bottom: 20px;
}
.commentlist p {
font-size: 1em;
}

.commentlist li {
width: 675px;
padding: 20px;
}

.commentlist li.even {
background: #eee;
}

