/* -----------------------------------------------
   CSS Framework v2.2
   Copyright to James Kirby - www.jameskirby.me.uk
   Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK: England & Wales License (http://creativecommons.org/licenses/by-nc-nd/2.0/uk/)
   Updated: Feb 24th 2009 12:43pm
----------------------------------------------- */

html {  }
body { color:#000000; background-color:#FFFFFF; font-size:0.8em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }
img.icon,
img.arrow { display:-moz-inline-stack; display:inline-block; vertical-align:middle; }

form { margin:0 0 16px 0; padding:0; }
blockquote { margin:16px; }
hr { border:none 0; margin:16px 0; border-top:1px solid #FFFFFF; height:0; }
p { padding:0; margin:0 0 16px 0; }

dt { font-weight:bold; margin-bottom:4px; }
dd { margin-bottom:16px; }

h1 { color:#000000; font-size:1.4em; margin:0 0 20px 0; }
h2 { color:#000000; font-size:1.3em; margin-top:0; }
h3 { color:#000000; font-size:1.2em; margin-top:0; }
h4, h5, h6 { color:#000000; font-size:1em; }

a,
a:visited { color:#000000; text-decoration:none; outline:none; }
a:focus,
a:hover { color:#000000; text-decoration:none; }
a:active { color:#000000; text-decoration:none; }

ul.none { list-style:none; margin:0 0 16px 0; padding:0; }
ul.none li { padding:0 0 1px 0; }

ul.arrow { list-style:none; margin:0 0 16px 0; padding:0; }
ul.arrow li { background:url("arrow.png") left 0 no-repeat; padding:0 0 4px 24px; }

ul.social { list-style:none; margin:0 0 10px 0; padding:0; }
ul.social li { padding:0 0 3px 0; }
ul.social li.social_email { padding:10px 0 3px 0; } 
ul.social li img { display:-moz-inline-stack; display:inline-block; vertical-align:top!important; }

.clear { clear:both; height:0; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin:3px 0 7px 10px; }
.photoPortfolio { float:right; margin:3px 0 7px 10px; }
.photoLeft { float:left; margin:3px 10px 7px 0; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }

.uppercase { text-transform:uppercase; }
.nomargins { margin:0!important; padding:0!important; }

.article-left { width:48%; float:left; }
.article-right { width:48%; float:right; }
.article-rightalt { width:48%; float:right; text-align:right; }

.protection { unicode-bidi:bidi-override; direction:rtl; }

.green { color:#89c338; }


/* ----------------------
   Interface CSS
---------------------- */

#accessibility { display:none; }

#header_title { font-weight:bold; border-bottom:2px solid #89c338; margin-bottom:7px; }

#header_photos,
#nav,
#photography,
#leaf,
#base { display:none; }

#contact { border-top:2px solid #89c338; padding-top:7px; margin-top:23px; font-size:0.93em; }
#contact h3 { margin-bottom:7px; color:#89c338; }
#contact a,
#contact a:visited { text-decoration:none; }


/* ----------------------
   Content CSS
---------------------- */

#googleMap { border:2px solid #000000; margin-bottom:16px; overflow:hidden; }

.icon { display:-moz-inline-stack; display:inline-block; vertical-align:top!important; }
.right-padding { padding-right:120px; }
.thisyear { color:#89c338; font-weight:bold; }

ul.portfolio { list-style:none; margin:0; padding:0; }
ul.portfolio li { float:left; width:263px; margin:0 30px 14px 0; }
/*
ul.portfolio li.end-row { margin-right:0; }
ul.portfolio li:nth-child(3n) { margin-right:0; }
ul.portfolio li.first-row { clear:left; }
ul.portfolio li:nth-child(3n+1) { clear:left; }
*/

/* ----------------------
   Tables
---------------------- */

.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table caption { text-align:left; font-size:0.85em; }
.table th,
.table td { border-bottom:1px solid #B4B4B4; padding:3px 0 3px 3px; }
.table th { text-align:left; vertical-align:bottom; }
.table th a,
.table th a:visited { text-decoration:none; }
.table th a:hover { text-decoration:underline; }
.table td { text-align:left; vertical-align:top; }
.table thead th,
.table thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; }
.table tbody tr:hover { background-color:#E8E8E8; }
.table tbody tr.alt { background-color:#E8E8E8; }
.table tbody tr.alt:hover { background-color:#D1D1D1; }

/* ----------------------
   Contact Form
---------------------- */

#form { width:549px; clear:both; }
#form p { clear:both; }
#form label { width:150px; float:left; text-align:right; font-weight:bold; line-height:100%; margin-bottom:15px; }
#form input.field { float:right; margin:0; padding:3px; width:373px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form select.field { float:right; margin:0; padding:3px; width:383px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form textarea { float:right; margin:0; padding:4px; width:375px; margin-bottom:15px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form small { color:#cccccc; }
#form .submit { float:right; width:387px; display:block; margin-bottom:16px; }
#form .submit input { margin:0; padding:0; }
.form-error { color:#D20000; margin-left:166px; font-size:0.87em; font-weight:bold; padding:2px 0 0 0; }