/******************
Description...:YWAM Derby CSS
Author........:Mark Kirwan

/******************
HTML5**/
article,aside,figure,footer,header,hgroup,nav,section {display:block}

/******************
Layout**/
* {padding:0;margin:0;border:0;}
html {height:100%;}
body {
font-family:Arial, Helvetica, sans-serif; 
color:#333333; 
font-size:15px; 
line-height:1.5em;
margin: 0;
background: url(../img/body-bg.gif);
}
.header {
margin: 0 auto;
background-color:#FFFFFF;
clear:both;
display:block;
width:100%;
margin-bottom:1px;
padding-top:51px;
}
.wrapper {
width:980px;
margin: 0 auto;
display:block;
position:relative;
overflow:hidden;
}
.nav-wrapper {
width:980px;
margin: 0 auto;
display:block;
position:relative;
overflow:hidden;
}
.logo {
padding-top:25px;
display:block;
padding-bottom:25px;
float:left;
}
.content {
display:block;
clear:both;
}
.col {
width:290px;
display:block;
margin-right:30px;
float:left; 
}
.right {
margin-right:0;
}
#main-col {
width:610px;
margin-right:30px;
float:left;
}
aside {
width:290px;
display:block;
float:left; 
}
.footer {
background-color:#FFFFFF;
height:50px;
line-height:50px;
}
.footer a {
text-decoration:none;
color:#333333;
font-family: 'PTSansBold';
src: url('pts75f-webfont.eot');
src: url('pts75f-webfont.eot?#iefix') format('embedded-opentype'),
url('pts75f-webfont.woff') format('woff'),
url('pts75f-webfont.ttf') format('truetype'),
url('pts75f-webfont.svg#PTSansBold') format('svg');
font-weight: normal;
font-style: normal;
font-size:13px;
float:right;
}
.footer a:hover {
text-decoration:none;
color:#3287cf;
}
/******************
Navigation**/
.nav {
width:100%;
display:block;
background-color:#FFFFFF;
top:0;
z-index:100;
height:50px;
position:fixed;
}
ul.navigation {
display:block;
list-style-type:none;
background:url(../img/nav-shadow.png) no-repeat bottom center;
height:57px;
padding-left:322px;
float:left;
}
ul.navigation li {
display:block;
float:left;
}
ul.navigation a {
text-decoration:none;
color:#333333;
display:block;
padding:15px 22px 15px 22px;
font-family: 'PTSansBold';
src: url('pts75f-webfont.eot');
src: url('pts75f-webfont.eot?#iefix') format('embedded-opentype'),
url('pts75f-webfont.woff') format('woff'),
url('pts75f-webfont.ttf') format('truetype'),
url('pts75f-webfont.svg#PTSansBold') format('svg');
font-weight: normal;
font-style: normal;
font-size:13px;
}
ul.navigation a:hover, ul.navigation a:active {
text-decoration:none;
color:#3287cf;
}
#social-buttons {
	float:right;
	margin-top:15px;
}
#social-buttons ul {
list-style:none;
}
#social-buttons ul li {
float:left;
}
#social-buttons ul li#gplus {
width:70px !important
}
#social-buttons ul li#fb {
width:86px !important
}
#social-buttons ul li#tweet {
width:100px !important
}
/******************
Content**/
#work {
overflow:hidden;
}
ul#portfolio li {
width:290px;
float:left;
display:block;
padding-right:55px;
padding-bottom:30px;
}
ul#portfolio li:nth-child(3n) {
padding-right:0;
}
ul.webbies h3 {
font-family: 'PTSansNarrowRegular';
src: url('ptn57f-webfont.eot');
src: url('ptn57f-webfont.eot?#iefix') format('embedded-opentype'),
url('ptn57f-webfont.woff') format('woff'),
url('ptn57f-webfont.ttf') format('truetype'),
url('ptn57f-webfont.svg#PTSansNarrowRegular') format('svg');
font-weight: normal;
font-style: normal;
font-size:21px;
line-height:150%;
padding-bottom:10px;
padding-top:5px;
}
ul#portfolio a {
color:#333333;
}
#bio {
width:635px;
float:left;
padding-right:45px;
}
#contact-form {
width:635px;
float:left;
padding-right:45px;
margin-bottom:35px;
}
#elsewhere {
float:left;
width:300px;
}
#latest {
float:left;
width:300px;
}
#twitter_div {
background-color:#FFFFFF;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:20px;
list-style:none;
}
#twitter_btm {
background:url(../img/twitter-btm-bg.gif) no-repeat right top;
display:block;
height:25px;
overflow:hidden;
padding-top:10px;
padding-bottom:25px;
}
.twitter-follow-button {
float:right;
display:block;
}
#flickr-stream {
display:block;
margin-bottom:10px;
}
#flickr-stream img {
margin-right:8px;
height:80px;
width:80px;
border: 1px solid #DDDDDD;
padding:5px;
background-color:#FFFFFF;
}
#welcome {
float:left;
display:block;
padding-left:214px;
padding-top:70px;
}
.scroll {
padding-top:60px;
padding-bottom:30px;
overflow:hidden;
}
#welcome h1 {
font-family: 'PTSansNarrowRegular';
src: url('ptn57f-webfont.eot');
src: url('ptn57f-webfont.eot?#iefix') format('embedded-opentype'),
url('ptn57f-webfont.woff') format('woff'),
url('ptn57f-webfont.ttf') format('truetype'),
url('ptn57f-webfont.svg#PTSansNarrowRegular') format('svg');
font-weight: normal;
font-style: normal;
font-size:30px;
line-height:150%;
}
img.column-width {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
padding: 5px;
float:right;
margin-left:15px;
margin-bottom:10px;
}
/******************
Global**/
h1, h2, h3 {
font-family: 'PTSansBold';
src: url('pts75f-webfont.eot');
src: url('pts75f-webfont.eot?#iefix') format('embedded-opentype'),
url('pts75f-webfont.woff') format('woff'),
url('pts75f-webfont.ttf') format('truetype'),
url('pts75f-webfont.svg#PTSansBold') format('svg');
font-weight: normal;
font-style: normal;
text-shadow:0 1px 0 #FFFFFF;
}
h1 {
font-size:30px;
}
h2 {
font-size:18px;
padding-bottom:30px;
}
h3 {
font-size:13px;
padding-bottom:25px;
}
h4 {
font-weight:normal;
color:#999999;
padding-bottom:10px;
}
p {
padding-bottom:20px;
}
p.intro {
font-size:15px;
}
.clear {
width:100%;
display:block;
clear:both;
}
hr {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #ffffff;
clear: both;
display: block;
width: 100%;
}
a {
color:#3287CF;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:focus {
outline:none;
}
/******************
Gallery**/
#gallery {
list-style-type: none;
display: block;
clear:both;
}
#gallery li {
float:left;
display:inline-block;
width:290px;
padding-right:15px;
padding-left:15px;
padding-bottom:20px;
height:290px;
}
/*
#gallery li:nth-child(3n) {
padding-right:0;
}
*/
#gallery li .img_border {
background:#fff;
border:1px solid #ddd;
padding:5px;
}
#gallery img {
background:url('../images/loader.gif') 50% 50% no-repeat;
display:block;
width:278px;
}
.preloader {	
background:url('../images/loader.gif') 50% 50% no-repeat;
display:block;
}
.webbies {
overflow:hidden;
}
.webbies li {
display:block;
float:left;
}
#load-webbies {
float:right;
display:block;
}
a.button {
background-color:#FFFFFF;
padding:7px 10px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
a:hover.button {
text-decoration:none;
background-color:#3287CF;
color:#FFFFFF;
}
ul.social {
list-style:none;
display:block;
}
ul.social li {
float:left;
padding-bottom:12px;
width:120px;
display:block;
margin-right:30px;
}
ul.social a {
padding-left:49px;
height:40px;
line-height:40px;
display:block;
color:#999999;
font-family: 'PTSansBold';
src: url('pts75f-webfont.eot');
src: url('pts75f-webfont.eot?#iefix') format('embedded-opentype'),
url('pts75f-webfont.woff') format('woff'),
url('pts75f-webfont.ttf') format('truetype'),
url('pts75f-webfont.svg#PTSansBold') format('svg');
font-weight: normal;
font-style: normal;
text-shadow: 0 1px 0 #FFFFFF;
}
ul.social li#twitter-cta a {
background:url(../img/twitter-cta-bg.gif) no-repeat;
}
ul.social li#tumblr-cta a {
background:url(../img/tumblr-cta-bg.gif) no-repeat;
}
ul.social li#linkedin-cta a {
background:url(../img/linkedin-cta-bg.gif) no-repeat;
}
ul.social li#flickr-cta a {
background:url(../img/flickr-cta-bg.gif) no-repeat;
}
ul.social li#delicious-cta a {
background:url(../img/delicious-cta-bg.gif) no-repeat;
}
ul.social li#twitter-cta a:hover {
background:url(../img/twitter-cta-bg.gif) no-repeat bottom left;
}
ul.social li#tumblr-cta a:hover {
background:url(../img/tumblr-cta-bg.gif) no-repeat bottom left;
}
ul.social li#linkedin-cta a:hover {
background:url(../img/linkedin-cta-bg.gif) no-repeat bottom left;
}
ul.social li#flickr-cta a:hover {
background:url(../img/flickr-cta-bg.gif) no-repeat bottom left;
}
ul.social li#delicious-cta a:hover {
background:url(../img/delicious-cta-bg.gif) no-repeat bottom left;
}
ul.social li a:hover {
text-decoration:none;
display:block;
color:#3287CF;
}
.otherbutton {
    background: url(../img/twitter-cta-bg.gif) no-repeat scroll 0 0 transparent;
    clear: both;
    display: block;
    height: 38px;
	}
.otherbutton span.hover {
    background: url(../img/twitter-cta-bg.gif) no-repeat scroll left bottom transparent;
    display: block;
    height: 38px;
}
	
#facebook {
	display:none;
}
/****