/* Siblify CSS   Reset CSS  */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;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
/* MAIN STYLES */
body {color:#000;font-size:1em;font:61% "HelveticaNeue-Light", Helvetica Neue, Helvetica, Arial, sans-serif;background:url(../images/masthead.jpg) top repeat-x;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:"" "";}
#wrapper{position:relative;padding-bottom:185px;z-index:100;width:100%;background:url(../images/bottomdrawing.jpg) center bottom repeat-x;}
#container{width:900px;text-align:left;margin:0 auto;}
#masthead{width:900px;margin:0 auto; height:auto;overflow:hidden; padding-bottom:40px;}
#sReader{position:absolute;top:-1000em;left:-100000em;}
.clearboth{clear:both;}
/*headings */
h1{height:1px;overflow:hidden;text-indent:-5000em;}
#masthead img{margin-top:52px; float:left;}
#uvleftmsibley{position:absolute; top:6px; left:50%; width:500px; z-index:200000}
#uvleftmsibley p{position:absolute; left:-100px;text-align:right;color:#e56b49;font-weight:normal;font-size:1.5em; font-family:Helvetica, Arial, sans-serif;}
#uvleftmsibley p a {color:#cdd5c8;}
#uvleftmsibley p a:hover {color:#e56b49;}
h2{clear:both;font-size:6em;font-weight:400;width:430px;display:block;height:45px;overflow:hidden;text-indent:-5000em;margin:25px 0 22px -4px;}
#index h2{background:url(../images/headers/introtext.gif) no-repeat left top; margin:0 0 10px 0px; height:67px}
h3{font-size:1.6em;font-weight:700;margin:0 0 19px;}
h4{font-weight:400;font-size:1.4em;margin:25px 0 10px;}
/*text and links */
p{font-size:1.4em;line-height:1.6em;font-weight:lighter;margin:0 0 1.2em;}
a{color:#849d78;text-decoration:none;font-weight:400;}
a,dt{font-family:"HelveticaNeue", Helvetica Neue, Helvetica, Arial, sans-serif;}
a:hover,#paintings p a:hover,#navigation li a:hover,#right_column a:hover,.entry .postmetadata a:hover, #introText a:hover{color:#db6a05;}
.decorated_link{padding-right:10px;text-decoration:underline;}
/* navigation */
#navigation{text-align:right; margin:113px -5px 0 0; }
#navigation li a{position:relative;background:none;text-decoration:none;font-size:1.3em;margin:0;padding:0 7px 24px 13px; line-height:16px;}
#navigation li .currentpage{color:#000;/*background: url(../images/currentblock.png) right top no-repeat;*/}
#websites #navigation li .currentpage, #contact #navigation li .currentpage{color:#000;/*background:url(../images/currentblock_long.png) 0 0px no-repeat;*/}
/* HOMEPAGE */
#topContent{background-color:#FFF;background:url(../images/middledivider.jpg) left bottom no-repeat;width:900px;height:auto;overflow:hidden;min-height:295px;padding:23px 0 65px;}
#introText{width:410px;float:left;}
#introText p{font-size:1.6em;font-weight:lighter; margin-bottom:.7em; line-height:28px;}
#introText p a{font-size:1em;text-decoration:none; display:inline;padding: 0; background:none;margin:0;}
#introText a{position:relative;font-size:1.4em;text-decoration:none; display:block;line-height:0px;padding:11px 25px 14px; background:url(../images/five_reas_bground.jpg) left top no-repeat;margin:22px 0 30px -5px; color:#000; font-weight:inherit;}
/*shuffle gallery */
#shuffle_gallery{float:left;width:450px;margin-left:40px;overflow:visible;position:relative;}
* html #shuffle_gallery{margin-left:20px;}
#Siblify_websites{position:absolute;top:0;left:0;display:block;z-index:4;}
#shuffle_gallery .image_group .shuffle_images{width:450px;height:333px;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{width:340px;margin-top:0;margin-left:-215px;}
#shuffle_gallery .image_group .shuffle_images li.second{width:284px;margin-top:30px;margin-left:-215px;}
#shuffle_gallery .image_group .shuffle_images li.third{width:251px;margin-top:57px;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 content*/
#bottomContent{width:900px;height:auto;overflow:hidden;margin:-37px 1px 0 0;padding:8px 0;}
#left_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;font-size:.9em;margin:0;padding:30px 20px 0;}
#left_column img{float:left;margin:35px 0 0 8px;}
#centre_column{position:relative;}
#centre_column img{float:left;margin:5px 0 0 60px;}
#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;}
#right_column{float:right;width:270px;padding-right:10px;background:url(../images/vertblog_divider_home.gif) no-repeat right top;}
#right_column a{text-decoration:none;font-weight:inherit;}
/*#right_column p + a {float:right; font-size:1.4em; margin-right:15px; font-weight:200;}*/
/* FOOTER */
#footer{z-index:-1000;position:absolute;bottom:0;width:100%;padding:205px 0 75px;}
#footer p{font-size:1.1em;margin:0;}
#footer a {color:#bcccb6; background:url(../images/tick.gif) right top no-repeat; padding:4px 22px 0 0;}
#footercontent{width:900px;font-size:1em;margin:0 auto;}
#footercontent p{ color:#fbfcfb;float:left;margin:40px 0 0px;}
#footer ul#footernav{float:right;margin:40px 0 0;}
#footernav li a{background:url(../images/bottomnav_divider.jpg) left 3px no-repeat;text-decoration:none;font-size:1.1em;padding:0 7px 17px 10px;}
#footernav li .currentpage{color:#fff; font-weight:bold; padding:0 5px 17px 9px;}
#footernav li .currentpage:hover{color:#fbfcfb;}
#footer a:hover{color:#95b894;}
ul#footernav > li:first-child a{background:none;}
/* ABOUT  */
#about h2{background:url(../images/headers/about.gif) no-repeat;}
#about #topContent{width:900px;padding:0 0 70px;}
#about #topContent h3{margin-bottom:10px;font-size:1.5em; font-weight:400; color:#565d53;}
#about #topContent img{float:right;margin-top:-15px;}
#about #topContent p img{float:left; padding:20px 5px 0 0;}
#about #left_column{background:url(../images/vertbottom_divider_home.gif) no-repeat left top;float:left;width:562px;font-size:.9em;padding:30px 10px 0 30px;}
#about dd{font-weight:lighter;}
#about #bottomContent{background:url(../images/vertbottom_divider_home.gif) no-repeat right 5px;}
#about #right_column{width:220px;padding-left:30px;background:url(../images/vertbottom_divider_home.gif) no-repeat left top;}
#about #bottomContent #left_column dl dd{padding:0 0 0 32px;}
#about #bottomContent #left_column dl dt{font-size:1.2em;background:url(../images/5reasons_tick.jpg) left 7px no-repeat;padding:8px 0 10px 30px;}
#about #bottomContent dl{font-size:1.5em;padding:0 0 30px;}
#about #bottomContent dl dd{clear:both;line-height:18px;}
#about #bottomContent dl dt{margin:10px 0 0;}
#about #right_column dl dt{margin-bottom:6px;font-weight:700;}
/* WEBSITES*/
#websites h2{background:url(../images/headers/websites.gif) no-repeat;}
#websites #topContent{background:none;width:900px;margin:0;padding:0; min-height:265px;}
#websites #topContent div.current_website,#websites #topContent div.current_website:hover{background:url(../images/website_page/thumbs/website_button_selected.jpg) top right no-repeat;}
#websites #topContent div.current_website a,#websites #topContent div.current_website a:hover{cursor:default;}
#websites #topContent .website_button{background:url(../images/website_page/thumbs/website_button.jpg) top right no-repeat;float:left;position:relative;z-index:2000;padding:6px 5px 100px 27px;}
* html #websites #topContent .website_button{padding-left:23px;}
#websites #topContent .website_button.left_button{ padding-left:10px; margin-left:-4px;}
#websites #topContent .website_button img{position:relative;z-index:5000;}
#websites #topContent .website_button a{position:absolute;top:0;display:block;font-size:1.3em;font-weight:400;padding-top:65px;height:95px;width:200px;margin-top:3px;color:#f3f7f0;z-index:15000;background-color:#000;text-align:center; visibility:hidden;}
#websites #topContent .website_button a:hover{color:#f3f7f0;cursor:pointer;}
#websites #topContent div.left_button{padding-left:18px;}
#websites #topContent .website_button a p{padding-top:3px;font-size:1.2em;}
.current_website{background:url(../images/websites_topsection_blend.png) 0 0 repeat-x;}
#websites #bottomContent h3 a{padding-right:11px;position:relative;z-index:10000;}
#websites #bottomContent p span, #morewebsites #topContent p span {font-weight:700;}
#websites #bottomContent ul li{font-size:1.2em;display:inline;margin:0 15px 0 0;}
#websites #bottomContent{width:880px;padding:0;margin-top:-47px;}
#websites #bottomContent img {margin:10px 0 20px 0;}
#websites .back_to_top, #morewebsites .back_to_top{float:right;text-decoration:none;font-size:1.2em;background:url(../images/back2top_arrow.jpg) right 6px no-repeat;padding:1px 18px 0 0;}
/*more websites*/
#morewebsites h2{background:url(../images/headers/morewebsites.gif) no-repeat;}
#morewebsites #topContent {padding-top:0px; background:none;}
#morewebsites #topContent img{margin:10px 0 40px 0;}

/* BLOG */
#blog #topContent,#contact #topContent{padding-top:0;background:none;}
#blog #wrapper,#contact #wrapper{padding-bottom:120px;}
#large_left_column{ float:left; width:659px;padding-right:20px;border-right:1px solid #CCC;}
/* blog headers */#blog h2{background:url(../images/headers/blog.gif) no-repeat;}
#blog #large_left_column h2{padding-bottom:10px;font-size:1.6em;font-weight:400;width:auto;display:block;height:auto;overflow:hidden;text-indent:0;background:none;margin:0;}
#blog #large_left_column h3{font-size:2.7em;font-weight:400;}
#blog #large_left_column h4{font-size:1.7em;font-weight:400;}
/*posts */#blog #large_left_column > .entry:first-child,#blog #large_left_column .archive_posts> .entry:first-child, #blog #large_left_column .search_posts> .entry:first-child{border-top:none;margin-bottom:30px;padding:0 10px 0 0;}
#blog #large_left_column .entry img {margin:10px 0 20px;}
.entry{border-top:1px solid #CCC;width:630px;margin:0 0 30px;padding:40px 10px 0 0;}
#single_post .entry{border-top:none;border-bottom:#CCC dotted 1px;margin:0 0 30px;padding:20px 10px 0 0;}
.entry .postmetadata,.entry .postmetadata a{font-size:1.2em;color:#828b7b;margin-top:40px;margin-bottom:30px;}
.entry .postmetadata a{font-weight:400;font-size:1em;}
.entry p.postmetadata {margin:45px 0;}
#single_post .entry .postmetadata,#single_post .entry .postmetadata a{margin-top:0;}
#blog .post_date{margin:-13px 0 15px;}
#blog .entry p {position:relative;color:#000;}
#blog .entry p.post_date {color:#666;}
#blog .entry .more-link{text-decoration:underline;float:right; position:absolute; bottom:-20px; right:0; font-size:.9em;}
#blog #large_left_column .comment-author img{display:none;}
#blog #large_left_column .comment-author{font-size:1.4em;font-weight:700;}
#blog #large_left_column .commentmetadata{font-size:1.4em;margin-bottom:20px;}
#blog #large_left_column textarea{width:420px;}
#blog #large_left_column #submit{font-size:1em;width:60px;}

#blog .entry table {margin-bottom:20px;}
#blog .entry .ddet_div table { margin-bottom:0px;}
#blog .entry td { background-color:#F2F9F3; padding:8px;  font-size:1.1em;margin:0; border:0; border-left:1px solid #fff; border-right:1px solid #f3fcf4;border-top:7px solid #FFF;}
#blog .entry tr.toptableline td{border-bottom:2px solid #FFF; background-color:#b1c0a2; font-weight:bold; color:#FFF; border-top:none;}
#blog .entry tr.toptableline > td:first-child  {vertical-align:top; padding:8px;}
#blog .entry tr.eventr td {background-color:#deefe1; border-top:none;}
#blog .entry tr.eventr > td:first-child {background-color:#F2F9F3;}
#blog .entry tr > td:first-child {padding:14px 8px 2px; vertical-align:bottom; font-weight:bold; border-left:none;}

#blog .entry tr.eventr > td:first-child {padding:2px 8px 14px; vertical-align:top;}

p.wp-caption-text {font-style: italic; margin-top: -5px;}

/*blog sidebar */.rightColumn{float:right;width:190px;margin:0;padding:0 0 0 0px;}
#blog .sidebar_block{border-top:1px solid #CCC;padding:20px 0 25px;}
#blog #networkingLinks {padding:20px 0 10px;}
#blog .rightColumn > .sidebar_block:first-child{border-top:none;padding-top:0;}
#blog .rightColumn .subscribeRSS{background:url(../images/rssIcon.png) no-repeat right 2px;font-size:1.5em;font-weight:400;padding:1px 20px 10px 0px;}
#blog .rightColumn img,#contact.rightColumn img{margin:0 5px 5px 0;}
#blog .rightColumn .recent_paintings .fancyLink img, #blog .rightColumn .recent_web .fancyLink img{margin:0 0 5px 14px;}
#blog .rightColumn .recent_web .fancyLink.left_thumb img{margin:0 0 6px 0px;}
#blog .rightColumn .recent_paintings .fancyLink.left_thumb img{margin:0 0 5px -4px;}
#blog .rightColumn h3{font-weight:400; font-size:1.5em}
#blog .rightColumn a{font-size:1.2em;}
.logo{float:left;margin:0 7px 0 0;}
#blog .rightColumn form{width:100%;margin:20px 0;}
#blog .rightColumn label{font-size:1.6em;width:auto;}
#blog form #s{width:120px;float:left;height:15px;}
#blog #searchsubmit{width:55px;height:24px;float:right;}
#blog .rightColumn .cat_arch h3 {float:left;}
#blog .rightColumn .cat_arch ul.content { clear:both;}
#blog .rightColumn .cat_arch  h3 a{ font-size:1em;}
#blog .rightColumn .cat_arch  h3 a:hover{ cursor:pointer;}
#blog .rightColumn .cat_arch  a.tab-current { color:#000;}
#blog .rightColumn .cat_arch h3.t1 a {background:url(../images/catslash.gif)right 4px no-repeat; padding-right:10px; margin-right:3px;}
#blog .rightColumn .archives{margin:0 0 10px;}
#blog .rightColumn .categories{font-weight:700;list-style:none;font-size:1.6em;margin-bottom:20px;}
#blog .rightColumn ul li{margin-top:10px;}
#blog .rightColumn .categories .cat-item{font-weight:400;list-style:none;font-size:.7em;}
.ddet_div{ margin:-10px 0 15px;padding:50px 15px 5px; background:#c7d6c0 url(../images/30secondblog.gif)left top no-repeat;}
/*CONTACT */
#contact h2{background:url(../images/headers/contact.gif) no-repeat;}
#contact #navigation #currentpage{background:url(../images/currentblock_contact.png) no-repeat center bottom;}
#contact #topContent{padding-left:0px;background:none;}
#contact .rightColumn{padding-bottom:190px;}
form{font-size:.9em;display:inline;float:left;width:587px;margin:-13px 0 40px 5px;padding:0;}
form p{line-height:13px;margin-bottom:20px;padding:0;}
#contact form{margin:20px 0 0;}
label{float:left;display:block;width:570px;color:#000;padding-bottom:8px;}
input{width:280px;border:1px solid #CCC;background:#f2f9f3;padding:3px 2px;}
textarea{height:8em;overflow:auto;width:585px;border:1px solid #CCC;background:#f2f9f3;}
.topExtendedLabel{width:470px;}
#extended_form{width:590px;display:none;}
#extend_form_link,#retract_form_link{display:none;float:right;cursor:pointer;font-size:1.4em;}
#extend_form_link {padding-right:12px; background:url(../images/extendedform.gif) right 6px no-repeat;}
#retract_form_link {padding-right:12px; background:url(../images/extendedform_up.gif) right 6px no-repeat;}
#submit{display:block;font-size:1.4em;width:55px;float:left;}
#contact.clients h2{background:url(../images/headers/client.gif) no-repeat;}
#contact.thankyou h2{background:url(../images/headers/thankyou.gif) no-repeat;}
p b,#recentblog p b a,.bold_text{font-weight:700;}
h1 a,h1 a:hover,#navigation .currentpage:hover{color:#000;}
#navigation li,#footernav li{display:inline;}
#shuffle_gallery .image_group .shuffle_images li:first-child,.leftthumb,#blog #large_left_column #respond form{margin-left:0;}
#shuffle_gallery .image_group .shuffle_images li a:hover,#submit:hover{cursor:pointer;}
#left_column h3,#centre_column h3,#right_column h3,#blog #large_left_column #respond h3{font-size:1.7em;}
#about #topContent p,#websites #bottomContent p,#blog #blogentries p,#blog .rightColumn p{font-size:1.3em;}
#about #topContent p a,#websites #bottomContent ul li a,#blog #large_left_column .postmetadata a,#contact .rightColumn a,#contact form a{text-decoration:underline;}
