/********************************************************************************
*                                                                               *
*  Author    :  Geoff Moore                                         	        *
*  Web       :  http://www.geoff-moore.co.uk		                            *
*  E-mail    :  geoff ( at ) geoff-moore ( dot ) ( co ) ( dot ) ( uk )    		*
*  Modified  :  15th-Sept-2008                                                  *
*                                                                               *
*  Copyright (c) 2007 Geoff Moore. All Rights Reserved.                         *
*  Use of this code is not permitted without permission!                        *
*                                                                               *
********************************************************************************/

/* TIPS FOR THE STYLESHEET
================================================================================ 

The correct order for shrothand font stylying is....
font:font-style, font-variant, font-weight, font-size, line-height, font-family

Always Declare font styles above, again on forms.

The correct order for site links a, hover etc is....
link, visited, hover, focus, active.
/*

/* MAIN PAGE CONTAINERS AND LAYOUT
=============================================================================== */
body {background: #000 url(../img/body-bg.jpg) repeat  0 0;color: #333;padding: 0 0 40px;text-align:center;}

.container_12 {margin-top:0px;background:transparent;text-align:left;}


/* branding
----------------------------------------------- */
.branding {position:relative;background:transparent url(../img/branding-logo.png) no-repeat 0 0;margin:0;width:960px;height:220px;}
.branding .geoffs-details {position:absolute;top:10px;left:10px;width:200px;display:none;}
.branding .geoffs-details p {color:#fff;}


/* page / section titles
----------------------------------------------- */
#welcome {background: url(../img/page-titles/welcome.png) no-repeat 7px 0;height:28px;width:206px;}
#recent-work {background: url(../img/page-titles/recent-work.png) no-repeat 7px 0;height:28px;width:176px;}
#latest-news {background: url(../img/page-titles/latest-news.png) no-repeat 7px 0;height:28px;width:176px;}
#contact-me {background: url(../img/page-titles/contact-me.png) no-repeat 5px 0;height:28px;width:176px;}
.blank-title {height:28px;}

/* boxes
----------------------------------------------- */
.box {background:transparent;margin-bottom:20px;padding:0;position:relative;}
.box h2 {font-size:1em;font-weight:normal;text-transform:uppercase;color:#fff;background:transparent;padding:0;margin:0 0 0 -10px;}

.project-info h3 {margin-bottom:6px;}

.block {padding-bottom:1px;}
.latest-work img{border:5px solid #3f5004;margin-bottom:10px;}
.latest-work a {outline:none;}
.latest-work a:hover img {border:5px solid #90b608;}
.latest-work .project-info {padding: 0 5px;display:block;}
.project-details {margin-top:11px;}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {margin-bottom:1em;}
blockquote {font-family: Georgia, 'Times New Roman', serif;font-size:1.2em;padding-left:1em;border-left:4px solid #ccc;}
blockquote cite {font-size:.9em;}
ul, ol {padding-top:0;}


/* forms
----------------------------------------------- */
form {overflow:hidden;}
#contact-form fieldset {border:none;padding:10px 10px 10px 0;position:relative;margin:-50px 0 10px 0;}
legend {display:none;}
fieldset label {float:left;width:100px;color:#fff;clear:left;padding:.5em 0;}
fieldset label.first {margin-top:15px;}
fieldset input {width:160px;  margin:0 0 10px;padding:3px;border:3px solid transparent;position:relative;background:#3f5004;color:#fff;vertical-align:top;}
fieldset input[type="text"]:hover,
fieldset input[type="text"]:focus,
fieldset select:hover,fieldset select:focus,
fieldset textarea:hover,fieldset textarea:focus {border:3px solid #90b608;}
fieldset button {float:right;margin:10px 20px auto 0;border:3px solid transparent;background:#3f5004;color:#fff;cursor:pointer;}
fieldset button:hover, fieldset button:focus {background:#90b608;color:#fff}

fieldset select {width:176px;margin:0 0 10px 0;padding:3px;border:3px solid transparent;background:#3f5004;color:#fff;}
fieldset textarea {width:90%;padding:3px;border:3px solid transparent;background:#3f5004;color:#fff;}
fieldset input#antispamcheck {display:none;height:1%;}
.thankyou {display:block;color:#fff;}

/* site information
----------------------------------------------- */
#site_info .box {border-top:1px dotted #90b608;color:#fff;background:transparent;margin-bottom:10px;margin:20px auto;padding:10px 0;}


/* MISC */
.pointer {cursor:pointer;}
#rssfeed {position:absolute;top:6px;left:157px;display:block;width:14px;height:14px;background:transparent url(../img/rssicon.png) no-repeat 0 0;cursor:pointer;}