/* -----------------------------------------------------------------------

Okapi Creative Berlin/Barcelona: Main Site CSS

version: 6.0
date: May 2011
email: hello@okapicreative.com
----------------------------------------------------------------------- */	

@import url(http://fonts.googleapis.com/css?family=Crimson+Text);
@import url(http://fonts.googleapis.com/css?family=Bevan);
@import url(typography.css);

/* =Reset
----------------------------------------------------------------------- */	

/* =Main
----------------------------------------------------------------------- */	

header, footer {

padding: 20px 0px 0px 30px;
height: 55px;
background-color: #5e6978;
display: block;
}

footer {

height: 40px;
background-color: #444751;
}

header nav {

margin: -25px 0px 0px 780px;
float: left;
color: #fff;
}

div.clear {

clear: left;
}

/* =Homepage
----------------------------------------------------------------------- */	

#branding, #projects {

margin: 0px 0px 0px 40px;
padding-top: 55px;
border-bottom: 1px solid #eee;
width: 1020px;
}

#projects {

padding: 35px 0px 0px 0px;
border-bottom: none;
width: 1080px;
}

#homesub, #mainsub {

padding: 20px 0px 0px 40px;
background-color: #f6f6f6;
clear: left;
}

article {

margin-right: 60px;
margin-bottom: 60px;
width: 300px;
float: left;
}

img.fade {

border: 1px solid #ededed;
}

img.fade:hover {
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
border: 1px solid #999;
}

img.barpic {

margin: 0;
padding: 0;
}

img.portpic {

margin: -3px 0px 0px 0px;
padding: 0;
border: 1px solid #ccc;
border-top: none;
}

/* =Main Pages
----------------------------------------------------------------------- */	

aside, #maincont {

margin: 20px 80px 0px 40px;
width: 250px;
float: left;
}

#maincont {

margin-right: 0;
width: 620px;
}

#mainsub {

padding: 0;
height: 70px;
}

aside article {

margin: 160px 0px 100px 0px;
width: 250px;
float: none;
}

#maincont article {

margin: 40px 0px 100px 0px;
width: 620px;
float: none;
}

section {

margin: 10px 35px 80px 0px;
width: 400px;
float: left;
}

#maincont article aside {

margin: 70px 0px 0px 0px;
width: 180px;
}

#topcurrent {

color: #ed6eba;
font-weight: 700;
}

#about_us, #work_with_okapi, #get_in_touch {

height: 800px;
}


/* =Weblog
----------------------------------------------------------------------- */	

.blog, .blog_home {

height: 1000px;
}

.blog_home {

padding-top: 50px;
}

.blogpic, a img.bloghome {

margin: 0px 0px 20px 0px;
background-color: #fff;
border-color: #ddd;
border-top: solid #eee 1px;
border-left: solid #eee 1px;
border-style: solid;
border-width: 1px;
padding: 7px;
}	

a img.bloghome {

margin: 0px 10px 10px 0px;
padding: 5px;
float: left;
}

a:hover img.bloghome {

border: 1px solid #999;
}


/* =jQuery // Portfolio etc....
----------------------------------------------------------------------- */	

li.active a {

color: #ccc;
}