/*
website: stephendudley.co.uk
email: info@stephendudley.co.uk
updated: 07 June 2010

/* reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

body { font:normal 87.5%/1.2857em /*(14px/18px)*/ Helvetica, Arial, sans-serif; color:#707070; background:#68889f; }

/* =Headings */
h1, h2, nav a {font-family:"proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif;}
h1,h2,h3,h4,h5,h6 { color:#808080; margin-bottom:18px; }
h1 a, h2 a, h3 a, h4 a, h5 a { color:#4d89b5;}
h3, h4, h5 { color:#787878;} h5 {color:#707070;}

h1 { font-size:58px; line-height:72px; font-weight:bold;/*600 500, 300, 200*/ }
h2 { font-size:34px; line-height:36px; font-weight:bold; margin-bottom:36px; } h2, h2 a {font-weight:600;}
h3 { font-size:20px; line-height:36px; margin-bottom:36px; } h3, h3 a {font-weight:bold;}
h4, h5 { font-size:18px; line-height:36px; color:#686868; font-weight:normal;} /*h4, h4 a, h5, h5 a {font-weight:300;}*/
h5, p, li, div { font-size:13px; }

#work h3 span a { font-size:13px; display:inline-block; position:absolute; right:0; top:0; padding-left:20px; background:url(../img/arrow.gif) 0 57% no-repeat; font-weight:normal;}
.detail figure div h4 {margin-bottom:0; color:#585858;}

#hgroup h2 { font-size:24px; line-height:36px; font-weight:500; margin-bottom:18px; }
#hgroup h3 { margin-bottom:18px;}

#logo { float:left; text-indent:-9999px; margin:0; }
#logo a { width:300px; height:54px; display:block; background:url(../img/logo.png) 0 0 no-repeat; border:0; }
#logo a:hover { background-position:0 -54px; }

/* =Typography */
ol, ul, dl, p { margin-bottom:18px; }
a { text-decoration:none; color:#58778e; font-weight:normal; }
a:hover { color:#2d4f88; }

/* =Layout */
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

#branding, hgroup, section, #hgroup, #siteinfo { position:relative; margin:0 auto; width:940px; }
#branding:after, hgroup:after, section:after, #siteinfo:after { content:"."; display:block; clear:both; width:0; height:0; visibility:hidden; }

header {background:url(../img/bg.jpg) 0 0 repeat-x; padding:36px 0 35px 0; border-bottom:1px dotted #ccc; margin-bottom:36px;}
footer {background:#68889f; padding-top:18px;} #wrapper { background:#fff; width:100%; margin:0; padding:0; border:none;}

#availability { border-bottom:none; text-align:center; margin-bottom:18px;} #availability h5 { color:#707070;}
#availability #unactive, #availability h5 a { margin-bottom:0; font-size:28px; display:block; line-height:3.6428em; height:100px; font-weight:600; background:#f5f7f8; border:3px solid #e9edf0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } 
#availability h5 a:hover {border:3px solid #d8dee3;}

nav ul {float:right; margin:11px 0 0 0; }
nav li { float: left; margin-left:12px; }
nav a { font-size:12px; display: block; font-weight:500; background:#4e8ab5; border:3px solid #345a72; color:#fff; padding:5px 15px; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; }
nav a:hover { background: -moz-linear-gradient(top, #4e8ab5, #2770a5); color:#fff; border-color:#2f5068; text-shadow:0 1px 0 rgba(0,0,0,.5); }

hgroup, #hgroup, section { padding-bottom:18px; margin-bottom:36px;} #work { padding-bottom:0;} #work h1 { margin-bottom:36px;} 

figure {width:300px; float:left; margin-right:20px; margin-left:0; }
figure h3 { margin-bottom:18px;}
figure ul, figure ol {margin-bottom:0;}
figure ol li { display:block; line-height:36px; }
figure ol li { padding-left:30px; background:url(../img/tick.gif) 0 50% no-repeat;}
#more { margin-bottom:0;} #more a { display:block; line-height:36px; padding-left:20px; background:url(../img/arrow.gif) 0 50% no-repeat; }

.detail figure { width:100%;}
.detail figure h3, .fourcoll li {width:220px; float:left; margin-right:20px; } .fourcoll h3 { margin-bottom:18px;}
.detail figure div { width:700px; float:left; }
.detail figure div span { display:block; font-size:13px; margin-bottom:18px; line-height:18px;}

#article { width:540px; float:left; margin-right:20px; position:relative;}
#aside { width:380px; float:left;} #aside h3 + p { margin-bottom:36px;}

#cv a { margin:0 0 18px 240px; background: url(../img/cv.gif) 0 50% no-repeat; display:inline-block; padding-left:45px; font-size:18px; line-height:36px;}
#slideshow a { margin:0 0 35px 0; background: url(../img/slideshow.gif) 0 50% no-repeat; display:inline-block; padding-left:45px; font-size:18px; line-height:54px;}

#work ul { overflow:hidden; zoom:1; margin-bottom:0; }
#work ul li { float:left; margin-bottom:18px; line-height:18px; position:relative;}
#work ul li a img { padding:6px; border:1px solid #ccc; margin-right:20px; height:165px; width:286px; } #work ul li:nth-child(3n) a img, #work ul li:last-child a img, section figure:last-child, .fourcoll li:last-child { margin-right:0;}
#work ul li a:hover img { border:1px solid #929292; }
#work ul a span { width:300px; margin:0; display:block; color:#787878; line-height:31px; cursor:pointer;} #work ul a:hover span { color:#26263a;}
#work ul a em { font-style:normal; font-size:12px; display:block; margin-top:-5px; margin-bottom:24px;}
#featured { padding-bottom:17px;} #work #featured li { margin-bottom:0;}

hgroup, section, .fourcoll {border-bottom:1px dotted #ccc;}

#siteinfo ul { margin-bottom:0;}
#siteinfo li { display:inline; color:#fff; font-size:11px; margin-right:15px; float:left;}
#siteinfo a { color:#fff;} #siteinfo a:hover { color:#fff; text-decoration:underline;}
#siteinfo #copy { float:right; margin:0;}
#stevedudley {position:absolute; top:-296px; right:20px;}
/*#stevedudley {position:absolute; bottom:65px; right:8px;}
*/

/* =Misc */
.half  {margin-bottom:9px;} .detail { padding-bottom:17px;} figure, .detail figure, .detail figure h3, .fourcoll li {margin-bottom:17px;}
/*.success { color:#4ccc35; } .oops { color:#e32222; } .oops input { background:#f6e8e8;}
*/
.vcard div { margin-bottom:14px;} .vcard a {font-weight:normal;}
.vcard a.fn { color:#707070;} 
#vcard a { background: url(../img/vcard.gif) 0 50% no-repeat; padding-left:40px; line-height:36px; display:inline-block; }
#contact #vcard a {margin-top:36px;}
#contact .company { display:none;}

.linkedin { background: url(../img/linkedin.gif) 0 50% no-repeat; }
.linkedin a, .twitter a { padding-right: 10px; padding-left:40px; line-height:36px; display:inline-block;}
.linkedin a:hover[href*="http://"], .twitter a:hover[href*="http://"] { background: url(../img/http-link.gif) 100% 0 no-repeat; }
.vcard div.twitter { background: url(../img/twitter.gif) 0 50% no-repeat; margin-bottom:0; }


a.gallery-link { color:#fff; font-weight:bold; text-decoration:none; padding-right:10px; background: url(../img/http-link.gif) 100% 0 no-repeat;} a.gallery-link:hover { padding-right:10px; color:#fff; text-decoration:underline; background: url(../img/http-link-hov.gif) 100% 0 no-repeat;}

/* =Forms */
#fm-default label { display: block; margin-bottom: 36px; }
#fm-default label span { display:block; line-height:18px; margin-bottom:17px; }
#fm-default input { width:340px; color:#333333; border: 1px solid #ccc; padding: 10px 12px; font-size:12px; }
#fm-default input[type=text]:hover, #fm-default textarea:hover, #fm-default input[type=text]:focus, #fm-default textarea:focus { border:1px solid #929292; }
#fm-default textarea {border: 1px solid #ccc; width:460px; padding:10px 5px; color:#333333; font-size:12px;}
#fm-default .message { margin-bottom:18px;} #fm-default div p { margin-bottom:36px;}
#fm-default input.submit { background: url(../img/button.gif) 0 100%; color:#003f75; padding: 8px 17px; border: 1px solid rgba(0,0,0,.25); border-bottom-color: rgba(130,138,146,.9); -webkit-border-radius: 18px; -moz-border-radius: 18px; cursor:pointer; text-shadow:.5px .5px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); margin-bottom:18px; width:80px; }

#fm-default input.submit:hover { color:#00213e; text-shadow:.5px .5px 1px rgba(0, 0, 0, 0.45); }

.success h3 { margin-bottom:18px;color:#369800;} .success p { margin-bottom:36px;}
.error h3 { margin-bottom:18px;color:#8f0808;}
#msg_contact.error { margin-bottom:36px;}
#contact_status.success { display:none;}