/* HREnhancement - Sat, 31 Jul 2010 13:53:08 -0500 */
/* ------------------------------ [ global.css ] ------------------------------ */
h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
th,td{border:1px solid #000;padding:.5em;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:1em;}
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li{margin:0;padding:0;}
ol li, ul li{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.button:after,.form-element:after,#nav:after,#mastheadtop:after,#masthead:after,#bd:after,.clearfix:after{content:".";display:block;height:0;width:0;line-height:0;clear:both;visibility:hidden;}
.button,.form-element,#nav,#mastheadtop,#masthead,#bd,.clearfix{zoom:1;}
body{text-align:center;background: #fff;}
.wrapper{width:970px;margin:0 auto;text-align:left;}
#bd{background:url("../images/bg-body.gif") 0 0 repeat-y;margin:0;padding-bottom:15px;}
#primary{width:824px;float:right;}
#secondary{width:160px;float:left;padding-top:120px;}
body{text-align:center;background: #fff url("../images/bg-body.gif") 0 0 repeat-x;padding:0;margin:0;}
.wrapper{margin:0 auto;width:984px;text-align:left;}
.main-wrapper{float:left;width:504px;background:url("../images/bg-body-shadow.png") 0 0 repeat-y;}
#west{float:left;width:160px;padding-top:120px;}
#east{float:left;width:320px;padding-top:120px;}
#main{width:480px;margin:0 12px;background-color: #fff;}
#main #hd{background-color:#475361;height:92px;}
#main #bd{background:url("../images/bg-main.gif1") 0 0 no-repeat;padding-top:5px;}
.bd-content{margin:0 10px;}
#masthead h4{display:none;}
a#logo{display:block;background:url("../images/logo.png") 0 0 no-repeat;width:216px;height:0;padding-top:42px;overflow:hidden;float:left;margin:15px 10px 0;}
#nav{margin-top:35px;width:220px;float:right;margin-right:10px;margin-bottom:10px;border-bottom:1px solid #fff;}
#nav li{float:left;margin-left:15px;}
#nav li a, #ft-nav li a{display:block;color: #fff;text-transform:uppercase;font:normal 85% "Trebuchet MS",Trebuchet,verdana,arial,sans-serif;padding:10px 0 12px;text-decoration:none;}
#nav li#search{clear:both;float:none;border-top:1px solid #fff;padding-top:10px;}
#nav li a:hover{background:url("../images/nav-selected.gif") center bottom no-repeat;}
#nav li.active a{background:url("../images/nav-selected.gif") center bottom no-repeat;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.bd-content a{text-decoration:underline;}
a:visited{color: #475361;}
p a{font-weight:bold;color: #475361;}
#main-img{width:478px;height:227px;margin: -32px 1px 10px;}
#home #main-img{background:url("../images/home-me.png") 0 0 no-repeat;}
#about #main-img{background:url("../images/mainimg-about.png") 0 0 no-repeat;}
#blog #main-img{background:url("../images/mainimg-blog.png") 0 0 no-repeat;}
#work #main-img{background:url("../images/mainimg-work.png") 0 0 no-repeat;}
#contact #main-img{background:url("../images/mainimg-contact.png") 0 0 no-repeat;}
h1{display:none;}
#ft{width:480px;}
#superfooter{background-color: #475361;}
#superfooter p{padding:15px;color:#fff;}
#ft p.ctxt{background-color: #000;color: #fff;font:normal 77% verdana,arial;text-align:right;padding:10px;}
#ft-nav{margin-left:10px;}
#ft-nav li{float:left;margin-right:15px;}
#extras h3{border:1px solid #3A4149;border-bottom:0;background-color: #8D9DB0;float:right;margin:0 25px -1px 0;padding:2px 7px;}
#extras h3 a{color: #3A4149;text-decoration:none;font:bold 85% "Trebuchet MS",Trebuchet,verdana,arial,sans-serif;text-transform:uppercase;}
#extras .extra-container{clear:right;background-color: #8D9DB0;border-top:1px solid #3A4149;}
.mod{margin-left: -12px;margin-bottom:25px;}
.mod h3{font:bold 123.1% arial, verdana;color: #fff;}
.mod h3 em{background-color: #475361;padding:2px 5px;}
.mod h4{font:normal 77% verdana, arial;}
.mod .mod-hd{background:url("../images/cap-mod-top.gif") 0 0 no-repeat;width:320px;height:3px;}
.mod .mod-bd{background:url("../images/cap-mod-bd.gif") 0 0 repeat-y;width:320px;}
.mod .module-header{margin-left:15px;padding-top:10px;}
.mod .mod-ft{background:url("../images/cap-mod-bot.gif") 0 0 no-repeat;width:320px;height:21px;}
.mod .mod-ft a.more{float:right;display:block;color: #17293F;margin-top:3px;margin-right:15px;text-transform:uppercase;font:bold 77% verdana, arial;}
.mod p{padding:10px;}
.mod ul.marker{padding-left:20px;margin:0 15px;padding-bottom:15px;}
.mod ul.marker li{list-style-type:disc;margin-bottom:10px;}
.mod ul.marker li a{color: #17293F;}
.hide{display:none;}/* ------------------------------ [ modules.css ] ------------------------------ */
.intro p{margin-bottom:15px;}
.intro h2{color: #3A4149;font:bold 189% "Trebuchet MS",Trebuchet,verdana,arial,sans-serif;}
.intro{margin-bottom:15px;border-bottom:2px solid #8D9DB0;}
#updates{margin-bottom:25px;}
#updates h3{color: #3A4149;font:bold 189% "Trebuchet MS",Trebuchet,verdana,arial,sans-serif;line-height: .8em;}
#updates cite{font:normal 77% verdana;margin-bottom:15px;}
#updates ul.entries{padding-top:15px;}
#updates ul.entries a{font:bold 138.5% "Trebuchet MS",Trebuchet,verdana,arial,sans-serif;color: #475361;}
#updates .callout{margin-bottom:25px;}
#updates .callout a.more{color: #475361;font:normal 77% verdana;}
#updates .callout h4{line-height: .8em;}
#twitter h3, #delicious h3, #yelp h3{font:bold 123.1% arial, verdana;color: #fff;background-color: #475361;padding:2px 5px;}
#twitter h4, #delicious h4, #yelp h4{font:normal 77% verdana, arial;}
#twitter .mod-hd, #delicious .mod-hd, #yelp .mod-hd{background:url("../images/cap-mod-top.gif") 0 0 no-repeat;width:320px;height:3px;}
#twitter .mod-bd, #delicious .mod-bd, #yelp .mod-bd{background:url("../images/cap-mod-bd.gif") 0 0 repeat-y;width:320px;position:relative;padding-top:60px;}
#twitter .module-header, #delicious .module-header, #yelp .module-header{position:absolute;top: -18px;left:0;margin-left:15px;padding-left:68px;padding-top:33px;height:54px;}
.lmod{margin:0 auto;background-color: #eee;border:1px solid #96A2B0;margin-bottom:15px;color: #475361;padding-top:15px;}
#wm-promo{;}
#wm-promo h3{font:bold 110% arial, verdana;margin:0 10px 10px;}
#wm-promo p, #wm-promo ul li{font:normal 93% arial, verdana;}
#wm-promo p{margin:0 10px 10px;}
#wm-promo ul{margin:0 0 15px 25px;}
#wm-promo ul li{list-style-type:disc;margin-bottom:10px;}
#wm-promo a.morelink{font-weight:bold;margin:0 10px;text-align:right;display:block;}
#twitter .module-header{background:url('../images/twitter.png') 0 0 no-repeat;}
#twitter h3{width:54px;}
#twitter .quote{background:url('../images/quote-open.png') 0 0 no-repeat;margin:15px 15px 0;padding-bottom:15px;}
#twitter .quote p{background:url('../images/quote-close.png') 230px bottom no-repeat;text-align:center;padding:13px 15px;}
#twitter .quote p em{background-color: #3A4149;color: #96A2B0;padding:1px 3px;font-size:116%;}
#twitter cite{display:block;text-align:right;font:normal 77% verdana, arial;margin:15px 0 10px;}
#delicious .module-header{background:url('../images/delicious.png') 0 0 no-repeat;padding-left:68px;height:84px;}
#delicious h3{width:154px;}
#yelp .module-header{background:url('../images/yelp.png') 0 0 no-repeat;padding-left:168px;height:84px;}
#yelp h3{width:96px;margin-top:10px;}
#yelp p{padding:0;font:normal 77% verdana;}
#yelp .mod-bd a.more{float:right;font:normal 77% verdana;}
#yelp .mod-bd{padding-top:75px;}
#flickr{margin:0 auto;background-color: #eee;border:1px solid #96A2B0;position:relative;text-align:center;width:120px;margin-bottom:15px;}
#flickr h3{font:bold 123.1% Geneva;text-align:left;margin:5px 10px;background:url("../images/flickr-hd.png") 0 0 no-repeat;padding-left:50px;padding-top:30px;height:56px;margin-left: -30px;margin-top: -20px;}
#flickr h3 em{background-color: #475361;color: #fff;padding:2px 5px;}
#flickr ul{width:116px;margin:0 auto;}
#flickr ul li{float:left;margin:0 3px 3px;}
#flickr ul li img{border:1px solid #475361;}
#flickr a.more{font-size:77%;display:block;float:right;width:50px;margin:0 5px 5px;text-align:right;color: #475361;}/* ------------------------------ [ blog.css ] ------------------------------ */
#blog .blog-description{display:none;}
#blog h2.blogtitle a, #blog h2.pagetitle, #blog h3#comments{text-decoration:none;font:bold 132% arial;color: #475361;}
#blog h2.blogtitle a:hover{text-decoration:underline;}
#blog .datetime{font:normal 77% verdana, arial;}
#blog textarea{width:460px;}
#blog .blog-header{margin-bottom:15px;}
#blog .post p{margin-bottom:10px;}
#blog .postmetadata{border:1px solid #475361;background-color: #eee;padding:10px;}
#blog .post{border-top:1px solid #475361;padding-top:15px;margin-top:15px;}
#blog .first{border-top:none;padding-top:0;}
#blog #blog-sidebar ul{margin:0 15px;padding:20px 20px 15px;}
#blog #blog-sidebar ul li{margin-bottom:15px;list-style-type:none;}
#blog #blog-sidebar ul li ul{margin:0 15px;padding:0;}
#blog #blog-sidebar ul li ul li{margin-bottom:0;list-style-type:disc;}
#blog #blog-sidebar ul li p{padding:0;}
#blog #blog-sidebar ul li h2, #blog #blog-sidebar ul li label{color: #000;font-weight:bold;}
#blog #blog-sidebar ul li a{color: #475361;}
#blog .blog-search{margin-bottom:15px;}
#blog .blog-search h2{font:bold 132% arial;color: #475361;margin-bottom:10px;}
#blog .blog-search label{font-weight:bold;}
#blog .blog-nav a{text-decoration:none;color: #475361;}
#blog .blog-nav a:hover{text-decoration:underline;}
#blog .blog-nav .next{float:right;width:200px;text-align:right;}
#blog .blog-nav .previous{float:left;width:200px;text-align:left;}