/*
Theme Name: DP Structures
Theme URI: http://www.dpstructures.co.uk/
Description: Custom theme created for DP Strucutres.
Version: 1.0
Author: Ben Palmer
Author URI: http://www.worklove.co.uk
Tags: grid based, grey, dark, typographic
*/

@import "assets/css/reset.css";
@import "assets/css/960.css";

/*
@font-face {
	font-family: "Graublau Web Regular";
	src: local("Graublau Web Regular"), local("GraublauWeb-Regular"),
		url("../fonts/GraublauWeb.otf") format("opentype");
	}
@font-face {
	font-family: "Graublau Web Bold";
	src: local("Graublau Web Bold"), local("GraublauWeb-Bold"),
		url("../fonts/GraublauWebBold.otf") format("opentype");
	}
*/

html {
	height:100%;
}

body {
	background-color:#323232;
	font-size: 75%; 
	background-image: url('assets/images/bg.jpg'); /* fallback image */
	background-image: -moz-radial-gradient(50% 0% 90deg, rgba(100,100,100,1), rgba(50,50,50,1));
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 960, from(#333333), to(#000000)); 
	background-attachment: fixed;
	}

html>body {
	font-size: 14px; 
}

p {
	font-size:1em;
	line-height: 1.5em;
	margin:1.5em 0;
}

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

/*
h1 {
	font-size:1.5em;
	line-height: 1em;
	margin:0 0 1em 0;
}
*/

h1 {
	font-size:1.5em; /* 21px / 14px */
	line-height: 1em; /* 21px / 21px */
	margin:0 0 1em 0;
}

h2 {
	font-size:1.143em; /* 16px / 14px */
	line-height: 1.3125em; /* 21px / 16px */
	margin:0 0 1.3125em 0;
}

h3 {
	font-size:1em; /* 14px / 14px */
	line-height: 1.5em; /* 21px / 14px */
	margin:1.5em 0;
}

h1,h2 { 
	font-family:Helvetica,sans-serif;
	color:#fff;
        /*
	text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
	filter: dropshadow(color=#666, offx=1, offy=1);
        */
	}
	
p, li, h3 { 
	font-family:Helvetica,Arial;
	color:#ccc;
	}

h2 a, h3 a {
    color:#fff;
    text-decoration:none;
}

h2 a:hover, h3 a:hover {
    text-decoration:underline;
}

.bg {
    background-color:rgba(0,0,0,0.15);
}

a#logo { 
	display:block; 
	width:86px; 
	height:91px; 
	background:url('assets/images/dp_logo_2010.png'); 
	text-indent:-9999px; 
	outline:none; 
	margin:2em 0 1.928em 0; /* remove pixel at top of banner */ 
	}

.navbar { line-height:1.5em; list-style-type:none; margin-top:1.5em; }
.navbar li a { color:#999; text-decoration:none; }
.navbar li a.active { color:#8BBF5A; }
.navbar li a:hover, .navbar .main li a:focus { color:#8BBF5A; }

/* .container_16 { background:url('../images/16_col2.gif'); } */

.banner {
    height:336px; 
}

.smlbanner {
    height:336px; 

}

.intro {
    height:336px;
    position:absolute;
    left:0;
    width:100%;
    background:url('assets/images/bg_black_alpha.png') repeat-x;
    
}

.wrapper {
    width:940px;
    margin:0 auto;
}

.homestrap { 
    width:460px;
}

.desc, .subdesc, .learn, .contact {
    background-image:url('assets/images/sprite_banner.png');
    background-repeat:no-repeat;
    text-indent:-9999px;
}

.desc {
    position:absolute;
    margin:40px 0 0 0;
    width:445px;
    height:137px;
    background-position:0 -40px;
}
.subdesc {
    position:absolute;
    margin:186px 0 0 0;
    width:445px;
    height:56px;
    background-position:0 -196px;

}

a.learn {
    position:absolute;
    margin:272px 0 0 0;
    width:189px;
    height:48px;
    background-position:0 -272px;
}
a.contact {
    position:absolute;
    margin:272px 0 0 208px;
    width:189px;
    height:48px;
    background-position:-208px -272px;
}
a:hover.learn {
    background-position:0 -324px;
}
a:hover.contact {
    background-position:-208px -324px;
}

.homeslide {
    position:absolute;
    width:460px;
    height:210px;
    background-color:black;
    margin:40px 0 0 480px;
}
.homeslide img {
	width:460px;
    height:210px;
}

.content {
	/* border-top:1px solid rgba(255,255,255,1); */
	padding-top:1.5em;
}

.breadcrumbs { 
	font-size:.786em;
	line-height: 1.909em;
	margin:1.909em 0; 
}
.breadcrumbs a { color:#ccc; text-decoration:none; }
.breadcrumbs a:hover { text-decoration:underline; }

.sidebar p {
	font-size:.786em;
	line-height: 1.909em;
	margin:1.909em 0;
}

.footer {
	border-top:1px solid #fff;
    margin-top:-1px;
}


.case {
    margin-bottom:1.5em;
}

.case img, .story img {
   background-color:#666;
    width:220px;
    height:188px;
}


.btn {
    background:url('assets/images/bg_black_alpha.png');
    color:#fff;
    text-decoration:none;
    padding:.3em 1.5em .2em 1.5em;
    border-radius:.5em;
    -moz-border-radius:1em;
}

a.btn:hover {
    color:#000;
    background:#fff;
}

.story {}
.story h3, .story h3 a { color:#fff; }
.story p a { color:#8BBF5A; }

p.date {  }

ul.tags { list-style-type:none; margin-left:0em; }
ul.tags li { display:inline; }
ul.tags a, p.tags a { background-color:#8BBF5A; margin:0 5px 0 0; color:#333; text-decoration:none; padding:2px 5px 0 5px; }
ul.tags a:hover, p.tags a:hover { background-color:#fff; }

.slideshow {
	width:460px;
	height:336px;
	margin-bottom:1.5em;
}
.slideshow img {
	width:460px;
	height:336px;
}

.article {
    margin-bottom:1.5em;
}

ul.archive { 
    list-style-type:none;
    padding:0;
    margin:0;
}
ul.archive li a {
    color:#fff;
    text-decoration:none;
}
ul.archive li a:hover {
    text-decoration:underline;
}

#gmap {
	width:940px;
	height:315px;
}