/*### global reset co 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 
{margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit; font-size: 100%;	font-family: inherit;	vertical-align: baseline; }

body {line-height: 1; color: #000; background:url(images/bg2.jpg) top center no-repeat fixed #000; font-size:62.5%; font-family:helvetica, verdana, arial, "sans-serif";}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*### typography ###*/
h1{font-size:1.8em; font-weight:normal; color:#4b85d3; font-family:georgia;padding:0 10px 10px 10px;}
h2{font-size:1.6em; font-weight:normal; color:#4b85d3; font-family:georgia;padding:0 10px 10px 10px;}
  .hright{text-align:right;}
  #work h2{font-size:1.8em;}
h3{font-size:1.4em; font-weight:normal; color:#4b85d3; font-family:georgia;padding:10px 0;}
p{font-size:1.2em; line-height:1.7em; color:#3F3F3F; padding:10px;}
a{color:#4b85d3;}
a:hover{text-decoration:none;}
abbr{border-bottom:1px dotted #ccc}

/*### ids ###*/
#hold{width:517px; margin:0 auto;padding-top:25px;position:relative;}
#subscribe{position: absolute; right: 0; top: 0px;}
	#subscribe a{color: #fff; text-decoration: none; background-color: rgba(18, 8, 0, 0.7); padding: 5px 10px; display: block; float: left;margin-left: 5px; line-height: 10px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius: 5px;}
	#subscribe a:hover{color:#4b85d3;}
#logo{background:url() no-repeat; width:195px; padding-top:35px; color:#fff; font-style: italic;}
#nav{position:absolute;z-index:2;right:10px;display:block;height:33px;}
	#nav ul{}
	#nav li{float:left;height:33px;}
	#nav a{display:block;font-size:1.3em; position:relative;z-index: 10; text-decoration:none; color:#fff;padding:0px 5px 23px 5px;}
	#nav a:hover{color:#4b85d3;}
#main{background:url(images/main_top2.png) no-repeat transparent;padding-top:43px;position:relative; z-index:1; margin-top:10px;}
#content{background:url(images/main_middle.png) repeat-y transparent; width:496px; padding:0 9px 0 12px;}
#footer{background:url(images/main_bottom2.png) no-repeat transparent;height:43px;}
	#footer a{}
	#footer a:hover{}
#byebye{position:absolute; background:url(images/feed.png); width:132px; height:129px; bottom:0; right:-4px;}
#work, #infohold{clear:left; }
#workhold, #infohold{background:url(images/workholdbg.png) top repeat-x; padding-top:5px;}
#heading{position:absolute; z-index:60; background:url(images/h1_bg.png); width:132px; height:131px; top:1px; left:0;}
  #heading #section{position:absolute; width:132px; height:131px; top:1px; left:0;}
#blogsub{position:absolute; z-index:-1;top:43px;right:-154px;width:161px}
#blogsub input{width:100%; background-color:#6B8FBF;color:#fff; border:none; font-size:1em; margin:2px 0;padding:4px 0;}
#blogsub p{border-bottom:1px dashed #77ABEF; padding:0; text-align:center;}
.subsearch{border-top:none !important;}
  #subhead{background:url(images/blog_sub.png) no-repeat; width:161px; height:30px; line-height:30px; font-size:1.6em; font-family:georgia; color:#fff; text-align:center;}
  #sublinks{background-color:#4371b0;border:solid #fff; border-width:0 1px 1px 1px; padding:5px 10px 10px 10px;}
  #sublinks h3{ text-align:center; font-size:1.4em; font-family:georgia; color:#fff;border-bottom:1px dashed #77ABEF;margin-top:10px;padding-bottom:3px;}
  #sublinks a{display:block; font-size:1.1em; text-decoration:none; text-align:center; color:#fff; line-height:2em;background-color:#6B8FBF;margin:2px 0;}
  #sublinks a:hover{background-color:#6794CF;}
  #sublinks li,#sublinks .cats li ul li{border-bottom:1px dashed #77ABEF;}
  #sublinks .cats li{border:none;}
.searchheader{margin-top:0 !important;}
#onepost, .postpad{padding:0 20px;}
#onepost h2{padding:15px 10px 5px 0;}
#respond{margin-top:20px;}
#moreinfo, .bloghold{clear:left;width:450px;margin:0 auto; display:block;}
#workpost{width:483px; margin-left:9px;clear:left;}
  #workpost .thumb, #onepost .thumb{border:7px solid #c7c1c1;}
  #workpost h2{padding:15px 0 10px 0;}
#workdesc{float:left;clear:right; width:100%}
#subwork{width:147px; float:left; padding-left:7px}
  #subwork ul{border:1px dashed #cccccc;padding:2px;margin-top:5px;}
  #subwork li{background-color:#E9E9E9; padding: 6px; font-size:1.1em;}
#mainwork{width:311px;float:right;clear:right;padding-right:7px;}
  #mainwork p{padding:0 0 10px 0;}
  #mainwork a img{border:3px solid #c7c1c1; margin-right:4px;}
  #mainwork a:hover img{border:3px solid #4b85d3;}

/*### classes ###*/
.right{float:right; padding:5px;}
.left{float:left; padding:5px;}
.bear{float:left;margin-left:30px; margin-top:10px;}
.workitem, .info{background:url(images/greybumps.png) bottom repeat-x #fff; padding-bottom:5px; display:block;}
	.workitem a, .info .fill{background-color:#C5C5C5;/*c7c1c1*/ padding:10px 0;display:block; text-decoration:none;color:#fff; position:relative; }
	.workitem img{padding:7px; background-color:#fff;margin-left:10px;position:relative;}
	.workitem em{color:#4b85d3; display:block;padding:5px 0 5px 17px; font-style:normal;}
	.workitem em.workdesc{position:absolute;top:10px;z-index:20;right:-285px; width:161px; line-height:1.3em; color:white; height:58px;padding:10px 10px 10px 20px; background:url(images/speechbubble.png);}
		.workitem em b{font-weight:bold; display:block; font-size:1.1em; }
.white, .infowhite{background:url(images/whitebumps.png) bottom repeat-x #c7c1c1; padding-bottom:5px;}
.white a, .infowhite .fill{background:#fff !important; border:1px solid #c7c1c1; border-width:0 1px 0 1px;}
.white img{background-color:#c7c1c1; margin-left:9px;}
.white.end{background-color:#ff0000;}
.intro{float:left;width:310px;padding-top:10px; margin-bottom:20px;}
.intro p{padding-top:0;}
.more{display:block; color:#fff; text-align:center; padding:10px 0;}
	.more a{color:#fff;}
.end{background-color:transparent !important;}
.info .fill{padding:10px 20px;}
.postmetadata{font-size:0.9em; text-align:center; border:dashed #cccccc; border-width:1px 0 1px 0; width:450px;margin:10px auto; display:block;padding:2px 0;}
  .postmetadata span{background-color:#E9E9E9;display:block; width:440px;padding:5px;}
.navigation{padding:0 0 30px 20px;}
.postdate{padding-left:15px;color:#666;font-size:0.9em; margin-bottom:10px;}
.moreinfo, .blogalt, .commentalt, .related{border:dashed #cccccc; border-width:1px 0 1px 0; padding:2px 0;margin-bottom:10px;}
  .moreinfo p, .moreinfo h2, .moreinfo ul, .blogalt .entry, .commentalt .comment_entry, .related li{background-color:#E9E9E9;padding-top:5px;}
  .moreinfo ul{padding:0 0 10px 10px;}
  .moreinfo li, .related li{padding:5px;font-size:1.1em;}
a.sitelink{display:block;width:50%;border:1px dashed #77ABEF; padding:2px; font-size:1.2em;}
  .sitelink span,  .button, #contactsubmit{border:none;display:block;background-color:#6B8FBF;color:#fff;padding:5px;}
  a:hover.sitelink span{background-color:#6794CF;}
.ddsg-wrapper{width:300px; margin:0 auto;}
  .ddsg-wrapper ul{list-style-type:disc;}
    .ddsg-wrapper li{padding:5px 0; font-size:1.1em;}
  .ddsg-wrapper ul ul{list-style-type:square; padding-left:7px;}
  .ddsg-wrapper h2{padding:10px 0 5px 0;}
.sitemapfoot{font-size:80%;}
ul.galleryList li{
	text-align: center;
	padding: 0;
	margin-bottom: 20px;
}

ul.galleryList li a{
	text-decoration: none;
	font-size: 1.5em;
}
ul.galleryList li a img{
border:6px solid #C7C1C1;
margin-top: 7px;
}

/*### headings ###*/
.hhome{background:url(images/h1_home.png) 37px 37px no-repeat;}
.habout{background:url(images/h1_about_ie.png) no-repeat;}
.hblog{background:url(images/h1_blog_ie.png) no-repeat;}
.hwork{background:url(images/h1_work_ie.png) no-repeat;}
.hcontact{background:url(images/h1_contact_ie.png) no-repeat;}

/*### contact ###*/
.contactform{width:300px; margin:0 auto;}
.contactform .contactleft, #commentform label{font-weight:normal; padding:10px 0 3px 0; color:#4b85d3; font-family:georgia;}
.contactform .contactleft label{ font-size:1.2em;}
.contactform .text, #commentform span{width:300px; border:1px dashed #cccccc; padding:2px;display:block;}
.contactform .text input, .contactform .text textarea, #commentform span input, #commentform span textarea{font-weight:normal; width:294px; background-color:#E9E9E9;border:none; padding:3px; font-size:1.2em; font-family:georgia;}
#contactnote{padding:40px; text-align:center;}
#contactsubmit{margin-top:5px;}

/*### comments ###*/
.comment_entry{padding:10px;}
.commentalt{margin-bottom:0px;}
.comment_user{color:#666; font-style:italic;}
  .comment_entry img{float:left; background-color:#ccc; padding:3px; margin:0 10px 0 0;}
  .comment_entry cite{text-transform: capitalize; font-weight:bold;}
.comment_text{width:380px;float:left;}
.comment_entry{float:left;}
.commentlist li{float:left;}
.commentlist{float:left;padding-bottom:20px;}
#respond{padding-top:20px;}
#commentform{}
  #commentform p{padding:0 0 5px 0;}
  #commentform label{display:block;}

/*### ifr ###*/
.ifr, #logo span, #byebye span, #section span{position:absolute; left:-2000px;}

/*### lavalamp ###*/
.lavaLamp li.back {background:url(images/nav.png) bottom center no-repeat;	width: 9px; height: 30px; z-index: 8;position: absolute;}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left;}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;}