/* -----------------------------------------------
   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 { margin:0; padding:0; }
body { margin:0; padding:0; color:#FFFFFF; background-color:#333333; 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:#FFFFFF; font-size:1.4em; margin:0 0 20px 0; }
h2 { color:#FFFFFF; font-size:1.3em; margin-top:0; }
h3 { color:#FFFFFF; font-size:1.2em; margin-top:0; }
h4, h5, h6 { color:#FFFFFF; font-size:1em; }

a,
a:visited { color:#89c338; text-decoration:underline; outline:none; }
a:focus,
a:hover { color:#FFFFFF; text-decoration:underline; }
a:active { color:#FFFFFF; text-decoration:underline; }

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; }

.post_left { float:left; width:470px; }
.post_right { float:right; width:350px; }

.protection { unicode-bidi:bidi-override; direction:rtl; }

.green { color:#89c338; }


/* ----------------------
   Interface CSS
---------------------- */

#container { width:910px; margin:0 auto; position:relative; }

#accessibility { height:0; overflow:hidden; }
#accessibility p { text-indent:-9000px; }

#header { width:910px; height:212px; background:#333333 url("header.png") left top no-repeat; margin:13px 0 5px 0; }
#header p { margin:0; padding:73px 0 0 0; }
#header p a,
#header p a:visited { width:490px; height:56px; display:block; text-indent:-9000px; }

#header_blog { width:910px; height:212px; background:#333333 url("header_blog.png") left top no-repeat; margin:13px 0 5px 0; }
#header_blog p { margin:0; padding:73px 0 0 0; }
#header_blog p a,
#header_blog p a:visited { width:490px; height:56px; display:block; text-indent:-9000px; }

#header_title { margin:0 0 14px 151px; }

#header_photos { width:296px; height:230px; background:url("header_photos.png") left top no-repeat; position:absolute; top:47px; left:640px; }

#nav { margin-left:151px; }
#nav ul { margin:0; padding:0; list-style:none; }
#nav ul li { display:block; /*position:relative;*/ float:left; font-weight:bold; }
#nav ul li.alt { font-weight:normal; }
#nav ul li ul { display:none; -moz-border-radius:5px; -webkit-border-radius:5px; }
#nav ul li a { display:block; text-decoration:none; color:#ffffff; padding:4px 11px 4px 11px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#57881f url("nav.png") left top repeat-x; margin-right:3px; white-space:nowrap; /* Moz+ */ /*height:15px;*/ }
#nav ul li a:hover { background:#466d19 url("nav_over.png") left top repeat-x; }

#nav ul li:hover ul { display:block; position:absolute; padding-top:3px; }
#nav ul li:hover ul li { float:none; font-weight:normal; }

#photography_left { width:442px; float:left; overflow:hidden; margin-bottom:5px; border:5px solid #666666; height:313px; background:#4d4d4d url("panel-background.png") left top repeat-x; }
#photography_right { width:452px; float:right; overflow:hidden; margin-bottom:5px; }
#photography_right p { margin:0; padding:0; }
#photography_right p img { border:5px solid #666666; }
.photography_padding { padding:25px; }

#recentphotos { width:900px; overflow:hidden; margin-bottom:5px; border:5px solid #666666; background:#4d4d4d url("panel-background.png") left top repeat-x; }
#recentphotos_padding { padding:15px 25px; }
#recentphotos_padding h2 span { font-size:0.8em!important; font-weight:normal; }
/*#recentphotos_padding h2 a,
#recentphotos_padding h2 a:visited { text-decoration:none; }*/
#recentphotos_padding p { margin:0; padding:0; }
#recentphotos_padding ul { list-style:none; margin:0; padding:0; width:263px; float:left; margin-right:30px; }
#recentphotos_padding ul.last { list-style:none; margin:0; padding:0; width:263px; float:left; margin-right:0; }

.music { background:url("type_music.gif") left top no-repeat; padding:0 0 5px 22px; }
.running { background:url("type_running.gif") left top no-repeat; padding:0 0 5px 22px; }
.adventure { background:url("type_adventure.gif") left top no-repeat; padding:0 0 5px 22px; }
.restaurant { background:url("type_restaurant.gif") left top no-repeat; padding:0 0 5px 22px; }
.accommodation { background:url("type_accomodation.gif") left top no-repeat; padding:0 0 5px 22px; }
.bike { background:url("type_bike.gif") left top no-repeat; padding:0 0 5px 22px; }
.horse { background:url("type_horse.gif") left top no-repeat; padding:0 0 5px 22px; }
.general { background:url("type_general.gif") left top no-repeat; padding:0 0 5px 22px; }

#photography { width:910px; overflow:hidden; margin-bottom:5px; }
#photography p { margin:0; padding:0; }
#photography p img { border:5px solid #666666; }

#photoViewer_alt { }
#photoViewer_alt p {  margin:0; padding:0; }

#content { width:910px; background:#333333 url("content_background.png") left top repeat-y; }
#content_header { width:850px; background:url("content_header.png") left top no-repeat; padding:40px 30px 4px 30px; line-height:1.4em; min-height:100px; position:relative; }
#content_header_blog { width:850px; background:url("content_header_blog.png") left top no-repeat; padding:40px 30px 4px 30px; line-height:1.4em; min-height:100px; position:relative; }
#content_footer { width:910px; height:10px; background:#333333 url("content_footer.png") left top no-repeat; overflow:hidden; }

#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; }

#leaf { width:16px; height:66px; background:url("leaf.png") left top no-repeat; position:absolute; top:29px; left:905px; }

#base { height:30px; }


/* ----------------------
   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; }

/*
.event-album ul li { float:left; width:142px; overflow:hidden; margin:0 5px 15px 0;    padding:0; }
.event-album ul li a.img { display:block; height:142px; margin-bottom:-8px; border:none; }
.event-album ul li a,
.event-album ul li a:visited { text-decoration:none; }
.event-album ul li a:hover,
.event-album ul li a:active { text-decoration:underline; }
.event-album ul li span { font-size:0.9em; }

<li><a href="#" class="img"><img src="images/horizontal.jpg" width="142" height="95" alt="Photo Horizontal" /></a><br />
						<a href="#">Puppy Dog Toys on Beds</a><br /><span>( 23 photos )</span></li>

*/

ul.sales { list-style:none; margin:0; padding:0; border:none; }
ul.sales li { float:left; width:263px; margin:0 30px 14px 0; text-align:center; font-size:0.9em; line-height:1.3em; background:url("photo-background.gif") left top no-repeat; }
ul.sales li span.img { display:block; height:175px; overflow:hidden; margin-bottom:5px; }
ul.sales li img { -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 auto; }
ul.sales li.end-row { margin-right:0; }
ul.sales li:nth-child(3n) { margin-right:0; }
ul.sales li.first-row { clear:left; }
ul.sales li:nth-child(3n+1) { clear:left; }

.col1 { float:left; width:263px; margin-right:30px; }
.col2 { float:left; width:263px; margin-right:30px; }
.col3 { float:left; width:263px; }

.wide-left { float:left; width:550px; }
.thin-right { float:right; width:270px; padding-top:13px; }

/* Comments */
.commentlist li,
#commentform input,
#commentform textarea { font:0.9em; font-family:Arial,Helvetica,Sans-serif; }
.commentlist li ul li { font-size:1em; }
.commentlist li { font-weight:bold; }
.commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff; }
.commentlist cite, .commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em; }
.commentlist p { font-weight:normal; line-height:1.5em; text-transform:none; }
.commentmetadata { font-weight:normal; }
#commentform input { width:170px; padding:2px; margin:5px 5px 1px 0; }
#commentform { margin:5px 10px 0 0; }
#commentform textarea { width:100%; padding:2px; }
#respond:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#commentform #submit { margin:0 0 5px auto; float:right; }
.commentlist { padding:0; text-align:justify; }
.commentlist li { margin:15px 0 10px; padding:5px 5px 10px 0; list-style:none; }
.commentlist li ul li { margin-right:-5px; margin-left:10px; }
.commentlist p { margin:10px 5px 10px 0; }
.children { padding:0; }
#commentform p { margin:5px 0; }
.nocomments { text-align:center; margin:0; padding:0; }
.commentmetadata { margin:0; display:block; }


/* ----------------------
   Flash
---------------------- */

.flash p { margin:0; padding:15px; text-align:center; }
.flash p a,
.flash p a:visited { text-decoration:none; }
.flash p a:hover,
.flash p a:active { text-decoration:underline; }

#header_flash_alternate { width:964px; height:400px; background:url("../flash/alternate.jpg") left top no-repeat; }


/* ----------------------
   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; }
