/*******************
	Page Layout
********************/
body{ background:#FFF url("../images/backgrounds/fence-wide.gif") no-repeat top center; font-family:Helvetica, Arial, sans-serif; color:#555; }

#grid{ width:100%; height:100%; background:url("../images/backgrounds/grid.png"); float:left; position:absolute; z-index:100000; display: none; }
#log{ position:absolute; top:800px; left:1200px; z-index:100000; display: none; }

#page-container{ width:100%; overflow:visible; background:url("../images/backgrounds/clouds.png") no-repeat top center; float:left; }
.fixed-width{ width:842px; margin:0 auto; text-align:left; }
	#header{ text-align:left;}
		#header .fixed-width{ position:relative;height:318px; }
		a#skiptocontent{ width: 97px; height: 17px; position:absolute; top:-1px; left:5px; background:url("../images/buttons/skip-to-content.png") no-repeat 0 0; font-style:italic; z-index:2; }
		a#skiptocontent:active{ background-position: left bottom;}
		a#skiptocontent.deactivated{ background-position: left top;}
		a#newworkadded{ width: 111px; height: 17px; position:absolute; top:-17px; right:5px; background:url("../images/buttons/new-work-added.png") no-repeat 0 0; font-style:italic; z-index:3;}
		a#newworkadded:hover{ border: none;}
		a#newworkadded:active{ background-position: left bottom;}
		a#newworkadded.deactivated{ background-position: left top;}
		img#tweet{ position:absolute; top:140px; left:412px; display:none; }
		a#twitter{ position:absolute; top:176px; left:390px; display:block; width:22px; height:22px; z-index:30; overflow:visible; }
		#header #tom{ position:absolute; bottom:0; left:0; z-index:2; margin:0; }
		a#twitter-link{ display:block;position:absolute;bottom:5px;right:31px; border-bottom:1px solid #fff; }
		a#twitter-link:hover{ border-bottom:1px solid #e0e0e0; }
		a#qtip-close{ position:absolute; top:8px; right:12px; z-index:60001; width:15px; height:11px; display:block; background:url("../images/buttons/close-tip.png") no-repeat; }
		a#qtip-close:hover{ border-bottom:0; }
		a#qtip-close:active{ background-position:left bottom; }
	#content{ width:100%; overflow:visible; margin-top:28px; float:left; background:url("../images/backgrounds/two-clouds.png") no-repeat left 90%; }
		.col1{ width:231px; float:left; margin-right:30px; zoom:1; }
		.col2{ width:371px; float:left; margin-right:30px; zoom:1; }
		.col3{ width:180px; float:left; zoom:1; }
		.margin-left{ margin-left:10px; }
		.margin-left.noindepth{ margin-bottom:36px; }
		.margin-left.noindepth p{ margin-top:3px; }
		.col3 .margin-left{ margin-left:5px; }
	#footer{ width:100%; overflow:visible; float:left; background:url("../images/backgrounds/fence-footer.png") no-repeat center bottom; }
		#house{ background:url("../images/backgrounds/house-footer.png") no-repeat 2px bottom; width:908px; height:375px; margin:0 auto; position:relative; }
			a#back-to-top{width: 80px; height: 17px; position:absolute; bottom:0; left:5px; background:url("../images/backgrounds/back_to_top.png") no-repeat; text-decoration:none; }
			
			a#back-to-top:hover{  text-decoration:none; border: none;}
			a#back-to-top:active{ background-position: left bottom;}
			a#back-to-top.deactivated{ background-position: left top;}

/*************************
	Site wide elements
**************************/
.inside{ padding:12px; }

a{ color:#d64a2c; text-decoration:none; }
a:hover{ color:#33c4f5; border-bottom:1px solid #e0e0e0; }
#skiptome:hover,a#skiptocontent:hover, a#twitter:hover, a.inner-anchor{ border-bottom:none; }
a.email{ color:#555; }

h2.image-title{ margin:0 0 11px 0; height:40px; overflow:visible; }
h2.image-title.portfolio{ margin-left:140px; }
h2.image-title em{ display:none; }

h2{ font-size:18px; font-family:Georgia, serif; font-style:italic; line-height:120%; color:#222; }
h1.h1ppt{ font-size:18px; font-family:Georgia, serif; font-style:italic; line-height:120%; color:#504c45; margin-bottom:0; height:22px; display:block; }
.col3 .margin-left h2 a{ color:#222; }
.col3 .margin-left h2.rss{ background:url("../images/icons/rss.png") no-repeat 0 1px; line-height:17px; display:block; padding-left:22px; margin-bottom:18px; position:relative;}

.col3 .margin-left h2.flickr{ background:url("../images/icons/flickr.png") no-repeat 0 1px; line-height:17px; display:block; padding-left:22px; margin:14px 0 1em 0; position:relative;}
.col3 .margin-left h2.flickr a, .col3 .margin-left h2.rss a{width:16px;height:16px;position:absolute;top:0;left:0;display:block;overflow:hidden;text-indent:99px;border:none;}
.col3 .margin-left h2.flickr a:hover, .col3 .margin-left h2.rss a:hover{border:none;}
h2.name{ margin-bottom:0; }

img.image-bordered{ padding:10px; background-color:#eee; }

div.about-me{ margin:11px 0 0 -5px; }
div.about-me p{ font-size:15px; font-family:Georgia, serif; font-style:italic; line-height:18px; margin-bottom:18px; }

div.section-content{ width:226px; float:right;}
div.section-content div{ margin-left:10px; margin-bottom:33px; overflow:auto; }
div.section-content div h2 a{ color:#d64a2c; }
div.section-content div h2 a:hover{ color:#33c4f5; border-bottom:1px solid #e0e0e0; }
div.section-content div h2.new{ background:url("../images/icons/new.png") no-repeat right center; }
div.section-content div ul{ margin:0; padding:0; }
div.section-content div ul li{ list-style:none; margin:0; padding:0; }
div.section-content div p{ margin-top:21px; margin-bottom:0; }
div.section-content div p a{  }
div.section-content div p a.up{ display:block; width:11px; height:12px; float:right; background:url("../images/arrows/top-red.png") no-repeat; }
div.section-content div p a.up:hover{ background:url("../images/arrows/top-blue.png") no-repeat; border-bottom:none; }
div.section-content div p a.indepth{ background:url("../images/icons/i.png") no-repeat left center; padding-left:8px; border-bottom:1px dotted #d64a2c; font-size:10px; }
div.section-content div p a.indepth:hover{ background:url("../images/icons/i-blue.png") no-repeat left center; border-bottom:1px solid #e0e0e0; }

div.section-desc{ width:130px; text-align:right; overflow:hidden;float:left;}
div.section-desc h3{ background:#c1c1c1; font-size:18px; font-family:Georgia, serif; font-style:italic; line-height:25px; color:#fff; padding-right:5px; margin-bottom:14px; padding-bottom:0; }
div.section-desc dl{ margin:0; padding:0; }
div.section-desc dl dt{ padding-right:3px; color:#d64a2c; font-family:Georgia, serif; font-style:italic; font-weight:normal; }
div.section-desc dl dd{ padding-right:3px; margin-bottom:18px; }
div.section-desc h4{ display:inline-block; font-size:15px; font-family:Georgia, serif; font-style:italic; font-weight:normal; margin-bottom:16px; line-height:20px; }
div.section-desc h4 a{ display:inline-block; background:#eee url("../images/arrows/down-gray.png") no-repeat 5px 8px; padding:2px 4px 2px 18px; }
div.section-desc h4 a:hover{ display:inline-block; background:#E0E0E0 url("../images/arrows/blue-down.png") no-repeat 5px 8px; color:#33c4f5; border-bottom:none; }
.ie7 div.section-desc h4{ display:inline; zoom:1; }
div.section-desc h4.goup a{ background:#eee url("../images/arrows/up-gray.png") no-repeat 5px 8px; }
div.section-desc h4.goup a:hover{ background:#E0E0E0 url("../images/arrows/blue-up.png") no-repeat 5px 8px; }
div.section-desc h4 a{ color:#555; }

div.followme{ margin-top:8px; height:64px; }
ul.followme{ margin:0; padding:0; overflow:visible; }
ul.followme li{ width:16px; height:16px; margin:0 5px 0 0; padding:0; list-style:none; float:left; position:relative; overflow:visible; }
ul.followme li a{ display:block; width:16px; height:16px; }
ul.followme li a:hover{ border:none; background:none; }
ul.followme li img.tooltip{ position:absolute; top:18px; z-index:1000; left:16px; }


/*.col3 .posts{height:300px; position:relative; overflow:hidden;}
.col3 .posts #RSSHldr{position:absolute;}
.col3 .post{ width:157px; height:300px;}*/
.col3 .post h3{ font-family:Georgia, serif; font-style:italic; color:#d64a2c; font-weight: normal; font-size:12px; margin:0; margin-bottom:6px; }
.col3 .post h3 a:hover { border-bottom:1px solid #e0e0e0;}

.col3 .post h4{ color:#555; margin:0; font-size:10px; }
.col3 .post img.post-image{ padding:5px; background-color:#eee; margin:13px 0 4px 0 ; }
.col3 .post a:hover{border:none;}
.col3 .post p{ margin-bottom:0; line-height: 18px}
.col3 .post p a:hover { border-bottom:1px solid #e0e0e0; }

.col3 .post_wrapper{ margin-bottom: 40px;}


a.up{ cursor: pointer; display:block; width:9px; height:9px; float:right; background:url("../images/arrows/squared-up-red.png") no-repeat; overflow:hidden;}
a.up:hover{ background:url("../images/arrows/squared-up-blue.png") no-repeat; border-bottom:none; }
a.down{ cursor: pointer; display:block; width:9px; height:9px; float:right; background:url("../images/arrows/squared-down-red.png") no-repeat; overflow:hidden;}
a.down:hover{ background:url("../images/arrows/squared-down-blue.png") no-repeat; border-bottom:none; }

.post_wrapper a.up:active{ background:url("../images/arrows/blue-up-active.png") no-repeat; }
.post_wrapper a.down:active{ background:url("../images/arrows/blue-down-active.png") no-repeat; }




p.give-more{ font-family:Georgia, serif; font-style:italic; font-weight:normal; color:#d64a2c; text-align:center;  width:157px; }



.flickr_badge_image{ margin:0 5px 5px 0; padding:0; float:left; list-style:none; }
.flickr_badge_image.odd{ margin-right:0; }
.flickr_badge_image a{display:block;}
.flickr_badge_image a:hover{border-bottom:none;}
.flickr_badge_image a img{ padding:5px; background-color:#eee; }

ul.flickr-pics{ margin:0 0 .5em; padding:0; overflow:auto; }
ul.flickr-pics li{ margin:0 5px 5px 0; padding:0; float:left; list-style:none; }
ul.flickr-pics li.nomargin{ margin-right:0; }
ul.flickr-pics li a{ display:block; }
ul.flickr-pics li a:hover{ border-bottom:none; }
ul.flickr-pics li a img{ padding:5px; background-color:#eee; }

p.cc{ font-size:9px; position:relative;}
#cc-notice{position:absolute;top:24px;left:90px;display:none;}
p.cc a{ display:block; margin:5px 0; }
p.cc a.withimage:hover{ border-bottom:none; }

#twitter_div{ text-align:left; padding:14px 0px 0 5px;margin-right:21px;}
#twitter_div ul{ margin:0 0 30px; padding:0; }
#twitter_div ul li{ margin:0; padding:0; list-style:none; list-style:none; color:#555; font-size:10px; }
#twitter_div a{  font-size:10px !important; }
#twitter_div ul li a:hover, a#twitter-link:hover{ color:#33C4F5; border-bottom:1px solid #e0e0e0; text-decoration:none; }



p.telemail img{ margin-top:3px; margin-bottom:2px; }
.col3 .margin-left p.small{ margin-bottom:14px; }
/*.col3 .margin-left p.small a{ border-bottom:1px dotted #D64A2C; }*/
.col3 .margin-left p.small a:hover{ border-bottom:1px solid #e0e0e0; }
.col3 .margin-left p.post-control{ margin:0; padding:0; }
/*.col3 .margin-left p.give-more{ position:relative; top:-18px;background:#FFF;z-index:11; }
.col3 .margin-left p.give-more a.down{ position:relative; left:18px; top: 5px;}
.col3 .margin-left p.give-more a.of{ width:147px; text-align:center; }
.col3 .margin-left p.give-more em{ position:relative; top:8px; }*/


a.more-dots{ background:url("../images/backgrounds/more-dots.gif") no-repeat; width:29px; height:12px; display:block; margin-top:5px; }
#flickr_badge_uber_wrapper .give-more{top:3px;}
a.more-dots:hover{ background-position:bottom left !important; border-bottom:none; }

a.picbordered{ display:block;height:165px; overflow:visible; }
a.picbordered:hover{ border-bottom:none; }
a.picbordered.new { background:url("../images/icons/new.png") no-repeat right bottom; }
a.picbordered img{ margin-bottom:9px; }
a.picbordered em{ font-size:18px; font-family:Georgia, serif; font-style:italic; line-height:20px; color:#d64a2c; margin:0 0 0 10px; }
a.picbordered:hover em{ color:#33c4f5; border-bottom:1px solid #e0e0e0;  }



/* #_boxme_wrapper table{position:relative;z-index:2;border-collapse:collapse;width:100px;}
#_boxme_wrapper td{padding:0px;border:3px solid #000}
#_boxme_wrapper .r1 .c1, #_boxme_wrapper .r1 .c3, #_boxme_wrapper .r3 .c1, #_boxme_wrapper .r3 .c3{background:url(../images/contact_form/cor.png) top left no-repeat;height:16px;}

#_boxme_wrapper .r2 .c3 div{background:#FFF;width:16px;}

#_boxme_wrapper .r1 .c2, #_boxme_wrapper .r2 .c1, #_boxme_wrapper .r2 .c2, #_boxme_wrapper .r2 .c3, #_boxme_wrapper .r3 .c2, #_boxme_wrapper .r2 .c2{background:#FFF;}
#_boxme_wrapper .r2 .c2{background:red;position:relative;}
#_boxme_wrapper .r1 .c1{background-position:top left;width:16px;}
#_boxme_wrapper .r1 .c3{background-position:top right;width:16px;}
#_boxme_wrapper .r3 .c1{background-position:bottom left;height:12px;}
#_boxme_wrapper .r3 .c3{background-position:bottom right;height:12px;}
*/






#ie6-message{height:374px;background:url(../images/backgrounds/ie6-header.png) top repeat-x;padding-top:15px;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;color:#555;font-size:12px;text-align:left;}
	#ie6-message .wrapper{width:856px;margin:0 auto 0;background:url(../images/backgrounds/ie6-message.png) left repeat-y;}
	#ie6-message .wrapper-top{background:url(../images/backgrounds/ie6-message-top.png) left top no-repeat;}
	#ie6-message .wrapper-bottom{background:url(../images/backgrounds/ie6-message-bottom.png) left bottom no-repeat;height:311px;padding:43px 52px 0 40px;position:relative;}
	#ie6-message h1{font-size:18px;font-style:italic;color:#D64A2C;font-weight:normal;margin:0px;}
	#ie6-message a, #ie6-message a:visited{border-bottom:1px dotted #D64A2C;}
	#ie6-message ul{list-style:none;margin:31px 0 0;padding:0;}
	#ie6-message li{display:block;background:url(../images/backgrounds/browsers.png) no-repeat;float:left;margin:0 10px 0 0;padding:0;}
	#ie6-message li a, #ie6-message li a:visited{border:none;width:112px;height:126px;display:block;overflow:hidden;text-indent:999px;white-space:nowrap;}
	#ie6-message li.ie{background-position:0 0;}
	#ie6-message li.firefox{background-position:-112px 0;}
	#ie6-message li.safari{background-position:-224px 0;}
	#ie6-message li.opera{background-position:-336px 0;}
	#ie6-message li.chrome{background-position:-448px 0;}
	#ie6-message a.ie6-close, #ie6-message a.ie6-close:visited{border:none;display:block;width:15px;height:11px;overflow:hidden;text-indent:999px;white-space:nowrap;background:url(../images/buttons/ie6-close.png) top left no-repeat;position:absolute;top:21px;right:27px;}
	#ie6-message a.ie6-close:hover{border:none;}


/***********
	Utils
************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

*, *:active, *:focus {outline: 0;outline-style: none;outline-width: 0px;-moz-outline-width: 0px;-webkit-outline-width: 0px;}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.blog-page .col3 .image-title {
	margin-bottom: 6px;
}