@charset "UTF-8";
/* CSS Document   =Reset Styles - Thank you Eric Meyer (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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
/*General  */
body{color:#000;font-size:1em;font:61% Helvetica Neue, Helvetica, Arial, sans-serif;border-top:8px solid #000;background-color:#fff;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
#container{width:900px;text-align:left;margin:0 auto;}
#masthead{width:900px;margin:0 auto;}
#sReader{position:absolute;top:-1000em;left:-100000em;}
.clearboth{clear:both;}
/*text */
h1{font-size:3.6em;margin:15px 0 15px -2px;}
h2{font-size:1.6em;margin:0 0 20px;}
h3{font-size:1.6em;font-weight:700;margin:0 0 19px;}
h4{font-weight:400;font-size:1.4em;margin:25px 0 10px;}
p{font-size:1.4em;line-height:1.6em;margin:0 0 1.2em;}
a{color:#000;text-decoration:none;}
h1 a:hover{color:#000;}
.link_withicon{text-decoration:underline;padding-right:10px;background:url(../images/link_triangle.gif) right 6px no-repeat;}
.link_withicon:hover{background:url(../images/link_triangle_grey.gif) right 6px no-repeat;}
/*main navigation */
#navigation{width:900px;text-align:right;padding-bottom:25px;border-bottom:1px solid #000;margin:-28px 0 20px;}
#navigation li{display:inline;height:20px;margin-left:-3px;}
#navigation li a{background:none;height:20px;text-decoration:none;font-size:1.3em;color:#000;position:relative;padding:0 25px 25px 0;}
#navigation li a:hover{color:#777;border-bottom:4px solid #999;}
#navigation li #right_Link{padding-right:0;margin-right:0;}
/*top section */
#topContent{background-color:#FFF;width:900px;height:auto;overflow:hidden;position:relative;padding:45px 0 55px;}
#index #topContent { padding-bottom:27px;}
/* Easy Slider  */
#slider ul,#slider li{list-style:none;margin:0;padding:0;}
#slider li{width:900px;height:380px;overflow:hidden;}
#slider li img{float:left;margin-right:20px;}
#slider li p{font-size:1.2em;margin-top:315px;}
#prevBtn,#nextBtn{display:block;width:30px;height:77px;position:absolute;left:12px;top:455px;background:url(../images/btn_prev.gif) left top no-repeat;}
#nextBtn{left:32px;background:url(../images/btn_next.gif) left top no-repeat;}
#nextBtn:hover{background:url(../images/btn_next_hover.gif) left top no-repeat;}
#prevBtn:hover{background:url(../images/btn_prev_hover.gif) left top no-repeat;}
#prevBtn a,#nextBtn a{color:#FFF;display:block;padding-top:30px;width:30px;height:77px;}
#index #topContent a.link_withicon {float:right;font-size:1.3em; margin-top:28px;}
/* // shuffle gallery image carousel */
#shuffle_gallery{float:left;width:155px;margin-left:55px;margin-top:20px;overflow:visible;position:relative;}
#Siblify_websites{position:absolute;top:0;left:0;display:block;z-index:4;}
.hasJS #shuffle_gallery .image_group .shuffle_images-container{margin-left:0;margin-right:0;}
#shuffle_gallery .image_group .shuffle_images{width:155px;height:90px;float:left;position:relative;text-align:left;overflow:hidden;}
#shuffle_gallery .image_group .shuffle_images li{display:block;float:left;width:375px;position:relative;margin-left:-55px;border:none;}
#shuffle_gallery .image_group .shuffle_images li:first-child{margin-left:0;}
#shuffle_gallery .image_group .shuffle_images li.first{width:90px;margin-top:0;margin-left:-46px;}
#shuffle_gallery .image_group .shuffle_images li.second{width:75px;margin-top:6px;margin-left:-40px;}
#shuffle_gallery .image_group .shuffle_images li.third{width:60px;margin-top:12px;margin-left:0;}
#shuffle_gallery .image_group .shuffle_images li.front{z-index:100;}
#shuffle_gallery .image_group .shuffle_images li.middle{z-index:80;}
#shuffle_gallery .image_group .shuffle_images li.back{z-index:60;}
#shuffle_gallery .image_group .shuffle_images li a{display:block;width:100%;border:none;outline:none;position:relative;margin:0;padding:0;}
#shuffle_gallery .image_group .shuffle_images li a img{width:100%;border:none;z-index:10;margin:0;padding:0;}
/*bottom section */
#bottomContent{width:900px;position:relative;height:auto;overflow:hidden;border-top:8px solid #000;margin:0 1px 0 0;padding:0;}
#index #bottomContent,#biography #bottomContent{background:url(../images/home_botsection_blend.png) bottom repeat-x;padding-bottom:40px;}
#lefthand_column,#centre_column,#right_column{background-color:transparent;background:url(../images/vertbottom_divider_home.gif) no-repeat left top;float:left;width:260px;min-height:240px;margin:0;padding:30px 20px 0;}
#lefthand_column h3,#centre_column h3,#right_column h3{font-size:1.7em;font-weight:700;}
#lefthand_column img{float:left;margin:35px 0 0 8px;}
/*Photographs / Publications */
#centre_column{position:relative;width:250px;}
#index #centre_column a{display:block;width:186px;height:161px;background:url(../images/photothumbs_both.png) no-repeat top left;margin:30px 0 0 60px;}
#index #centre_column a:hover{background:url(../images/photothumbs_both.png) no-repeat top right;}
#centre_column img:hover{float:left;display:inline;margin:5px 0 0 60px;}
#centre_column .flickrlink{position:absolute;right:20px;bottom:20px;padding:10px 0 0;}
/*recent paintings */
#right_column{float:right;width:260px;background:url(../images/vertblog_divider_home.gif) no-repeat right top;position:relative;}
#right_column .gallerycontainer a{display:block;width:100%;float:left;clear:left;color:#000;text-decoration:none;font-size:1.3em;}
#right_column div + a{font-size:1.3em;text-decoration:underline;position:absolute;bottom:5px;right:25px;}
#index #right_column div + a:first-line{font-weight:400;}
/*recent image gallery Credits: Dynamic Drive CSS Library  URL: http://www.dynamicdrive.com/style/  */
#right_column .gallerycontainer{position:relative;}
#right_column .thumbnail img{float:left;margin:2px 15px 18px 0;}
#right_column .thumbnail:hover{background-color:transparent;}
#right_column .thumbnail span,.visibleimage span{position:absolute;left:-240px;visibility:hidden;padding:5px;}
#right_column .visibleimage span{visibility:visible;}
#right_column .thumbnail span img{border-width:0;padding:2px;}
#right_column .thumbnail:hover span{visibility:visible;top:-50px;left:-317px;z-index:100;}
/*FOOTER */
#footer p{font-size:1.2em;margin:0;}
#footer{width:100%;background-color:#000;clear:both;padding:0 0 100px;}
#footercontent{width:900px;font-size:1em;margin:0 auto;}
#footercontent p{color:#fff;float:left;margin:20px 0 0 10px;}
#footer #footernav{float:right;margin:20px 10px 0 0;}
#footernav li{display:inline;height:20px;}
#footernav li a{background:url(../images/bottomnav_divider.jpg) left 3px no-repeat;height:20px;text-decoration:none;font-size:1.2em;color:#fff;padding:0 7px 17px 10px;}
#footernav li a:hover{color:#CCC;}
/*PORTFOLIO page specific style (also see gallery.css) */
#portfolio h2{background:url(../images/headings/portfolio.gif) no-repeat;}
#portfolio #topContent{width:900px;position:relative;padding:45px 0 70px;}
#portfolio #bottomContent{padding:30px 0 70px;}
#portfolio #commentLink{position:absolute;font-size:1.2em;bottom:45px;right:0;}
/*biography page specific styles */
#biography h2{background:url(../images/headings/biography.gif) no-repeat;}
#biography #topContent{width:900px;}
#biography #topContent img + p{font-size:1.5em; font-weight:900;}
#biography #topContent #bioImages img {padding:7px 0 0 7px;}
#biography #topContent #bioImages > img:first-child { padding:0;}
#biography #topContent #bioImages img{ float:right;}
#biography #topContent #bioImages{width:355px;float:right;margin:0 0 30px 30px;}
#biography blockquote{float:right;width:158px;border-top:dotted 1px #999;border-bottom:dotted 1px #999;font-size:1.1em;font-style:italic;background:url(../images/quotes_open.jpg) left 20px no-repeat;margin:8px 0 20px 20px;padding:20px 0 20px 20px;}
#biography #recent_blog ul{margin-left:20px;}
#biography #recent_blog{float:right;border-left:1px dotted #000;margin:0 0 0 20px;padding:0 0 0 10px;}
#biography blockquote p{color:#666;background:url(../images/quotes_close.jpg) bottom right no-repeat;}
#biography blockquote cite{font-size:1.1em;font-style:normal;}
#biography #topContent blockquote cite a{font-size:1em;padding-right:10px;background:url(../images/link_triangle.gif) right 5px no-repeat;}
#biography #lefthand_column,#biography #centre_column,#biography #right_column{font-size:.8em;width:260px;}
#biography #bottomContent dl{font-size:1.2em;}
#biography dl dt{display:block;font-size:1.3em;font-weight:700;border-top:1px dotted #999;padding-top:20px;margin:14px 0 12px;}
#biography dl > dt:first-child{border-top:none;padding-top:0;margin-top:0;}
#biography dl dd{font-size:1.2em;line-height:1.8em;margin:3px 0;}
#biography dl dd a:hover{padding-right:10px;background:url(../images/link_triangle_grey.gif) right 4px no-repeat;}
/* CONTACT */
#contact #topContent{padding:55px 0 40px;}
#topContent .rightColumn a{text-decoration:underline;}
.entry{border-bottom:1px dotted #000;width:590px;margin:0 45px 30px 0;padding:0 30px 30px 0;}
.rightColumn{height:100%;float:right;width:190px;border-left:1px dotted #000;margin:0 0 0 30px;padding:0 20px 0 30px;}
form{font-size:.9em;display:inline;float:left;width:620px;margin:0 0 40px;padding:0;}
#contact form{margin:20px 0 40px;}
form p{line-height:13px;margin-bottom:20px;padding:0;}
#contact #left_contact{width:240px;float:left;}
label{float:left;display:block;width:180px;color:#000;padding-bottom:8px;}
input{width:200px;border:1px solid #CCC;background:#F3FFFF;padding:3px 2px;}
textarea{height:6.5em;overflow:auto;width:360px;border:1px solid #CCC;background:#F3FFFF;}
#submit{display:block;font-size:1.4em;width:55px;float:right;margin-right:20px;}
/*Message board  */
#contact .ddgb_wrapper{padding-top:30px;width:900px;}
#contact .ddgb_entry{margin-bottom:40px;width:898px;clear:both;height:auto;overflow:hidden;border:1px dotted #000;}
.nameandmessage{width:470px;float:left;padding:30px 0 20px 30px;}
.ddgb_nav #nextbutt{font-size:1em;color:#000;display:inline;padding:0 22px 3px 0;}
.ddgb_nav #prevbutt{font-size:1em;color:#000;display:inline;padding:0 0 3px 22px;}
.ddgb_entry h4{font-size:1.5em;font-weight:700;margin:0 0 10px;}
.ddgb_info{float:right;padding:30px 30px 0 0;}
#gblogin{display:none;}
#addpost{padding:30px;}
#addentry{float:right;display:inline;font-size:1.3em;color:#000;margin:0 0 30px;padding:0 10px 3px 12px;}
#addpost textarea{width:280px;height:8em;padding:3px 2px;}
#addpost input{width:280px;}
#addpost #submit{float:left;width:55px;}
/*Clients */
#clients label{width:90px;}
#clients #topContent{padding-bottom:200px;}
#clients form{margin-top:20px;width:316px;}
p b,#right_column a b,#index #right_column a:first-line,#footernav li .currentpage{font-weight:700;}
.strapline,#biography #topContent a,.ddgb_entry p,.ddgb_nav p{font-size:1.3em;}
a:hover,#siblify_website p a:hover,#navigation li a:hover,#right_column a:hover,#right_column .gallerycontainer a:hover{color:#777;}
#navigation .currentpage,#navigation .currentpage:hover{color:#000;border-bottom:4px solid #000;}
#shuffle_gallery .image_group .shuffle_images li a:hover,#submit:hover{cursor:pointer;}
#footernav li .leftbutton,#biography #bottomContent,.credit a{background:none;}
#mixart #topContent,#contact #topContent .rightColumn{padding-bottom:110px;}
#addpost form,#addpost label{width:284px;margin:0 auto;}