/* Core
--------------------------------------------------------------------------- */

a{color:#0fa1c1; font-weight:bold; text-decoration:none;}
a:hover{text-decoration:underline;}
abbr{border:none; cursor:help;}
acronym{border-bottom:1px dotted; cursor:help;}
a:hover acronym{border:none;}
blockquote{font-style:italic; margin:0 18px; padding-left:22px;}
body{background:url('../img/bg_body2.png') repeat-x fixed center top; color:#504a51; font:13px/18px Arial, sans-serif; margin:0; padding:0; text-align:center;}
cite{font-style:normal;}
code{}
del{}
ins{text-decoration:none; border-bottom:1px dotted #ccc;}
h1{color:#302d31; font:30px/36px Arial, sans-serif; font-weight:normal; letter-spacing:-1px; margin:0 0 18px 0; padding:0;}
h1 a{font-weight:normal;}
h2{color:#302d31; font:22px/27px Arial, sans-serif; font-weight:normal; margin:27px 0 18px 0; padding:0;}
h3{color:#302d31; border-bottom:1px dotted #c5c3c6; font:18px/27px Arial, sans-serif; font-weight:bold; margin:36px 0 21px 0; padding:0 0 5px 0;}
h4{color:#302d31; font:16px/18px Arial, sans-serif; font-weight:bold; margin:27px 0 18px 0; padding:0;}
h5{color:#302d31; font:14px/18px Arial, sans-serif; font-weight:bold; margin:0 0 18px 0; padding:0;}
html{background:#130120 url('../img/bg_body.png') fixed center top;}
img{border:0;}
ol{margin:0 0 18px 36px; padding:0;}
ol li{margin-bottom:9px;}
p{margin:0 0 18px 0;}
pre{background:#f5f4f6; border:1px dotted #c5c3c6; clear:both; color:#302d31; font-size:11px; overflow:auto; margin:18px 0; padding:8px 12px;}
small{color:#968b98; font-size:11px;}
strong{color:#302d31;}
ul{list-style:none; margin:0 0 18px 18px; padding:0;}
ul li{background:url('../img/bg_nav_01.png') no-repeat left -3px; margin-bottom:9px; padding-left:18px;}

/* Image replacement
--------------------------------------------------------------------------- */
#head li a,
#title #title-link,
#flickr .provider,
#twitter .provider,
#title-comments,
#title-your-comment,
#sub-content .copy h3 a,
#social-bookmarks h5
{display:block; overflow:hidden; text-indent:-9999em;}

/* Utils nav
--------------------------------------------------------------------------- */
#utils-nav{background:url('../img/bg_utils-nav.png') repeat-x center bottom; margin:0 auto; padding:9px 0 36px 0; text-align:left;}
#utils-nav ul{list-style:none; margin:0 auto; padding:0; width:948px;}
#utils-nav li{background:none; color:#493a44; float:left; margin:0 0 0 40px; padding:0;}
#utils-nav #login{float:right; margin:0 40px 0 0; text-align:right;}
#utils-nav a{color:#858089; font-weight:normal;}
#utils-nav a:hover{color:#fff;}

/* Head
--------------------------------------------------------------------------- */
#head{background:url('../img/bg_head.png') no-repeat left bottom; height:119px; margin:0 auto; padding:0 21px; position:relative; width:924px;}
#head #logo{left:49px; position:absolute; top:16px;}

/* Main nav
--------------------------------------------------------------------------- */
#nav_00{list-style:none; margin:0; padding:0; position:absolute; right:36px; top:22px;}
#nav_00 li{background:none; display:inline; float:left; margin:0 0 0 6px; padding:0;}
#nav_00 a{background:url('../img/bg_nav_00.png'); height:30px;}
#nav_00 .about{background-position:0 -60px; width:70px;}
#nav_00 .work{background-position:-70px -60px; width:65px;}
#nav_00 .services{background-position:-135px -60px; width:87px;}
#nav_00 .software{background-position:-222px -60px; width:93px;}
#nav_00 .blog{background-position:-315px -60px; width:61px;}
#nav_00 .about:hover{background-position:0 -30px;}
#nav_00 .work:hover{background-position:-70px -30px;}
#nav_00 .services:hover{background-position:-135px -30px;}
#nav_00 .software:hover{background-position:-222px -30px;}
#nav_00 .blog:hover{background-position:-315px -30px;}
#about #nav_00 .about{background-position:0 0;}
#work #nav_00 .work{background-position:-70px 0;}
#services #nav_00 .services{background-position:-135px 0;}
#software #nav_00 .software{background-position:-222px 0;}
#blog #nav_00 .blog{background-position:-315px 0;}

/* Sub nav
--------------------------------------------------------------------------- */
#nav_01{list-style:none; margin:0 0 18px 0; padding:0; width:194px;}
#nav_01 li{background:none 20px center; margin:0; padding:0;}
#nav_01 li a{background:url("../img/bg_nav_01.png") no-repeat left top; border-bottom:1px dotted #c5c3c6; color:#504a51; display:block; font-weight:normal; line-height:26px; padding-left:18px; margin-left:20px;}
#nav_01 li a:hover{background-position:left center; color:#0fa1c1; text-decoration:none;}
#nav_01 .current a{background:#2188a0 url("../img/bg_nav_01.png") no-repeat 0 -249px; border-bottom:none; border-bottom:1px solid #fff; border-top:none; color:#fff; cursor:default; font-weight:bold; line-height:27px; margin:-1px 0 0 8px; padding-left:30px; text-shadow: 0 -1px 0 #2188a0, 0 1px 0 #fff; width:156px;}
#nav_01 .current a:hover{background-position:0 -249px; color:#fff;}

/* Titles
--------------------------------------------------------------------------- */
#title{background:url('../img/bg_content-top.png') no-repeat left bottom; padding:9px 0 12px 28px; position:relative; z-index:1;}
#title p{color:#afa9b3; float:left; margin:0; padding-bottom:19px;}
#title a{color:#fff;}
#title-link{background:url('../img/page-titles.png') no-repeat 0 0; height:36px; margin-bottom:6px; width:117px;}
#home #title{background:none; padding-bottom:0;}
#about #title-link{background-position:0 -36px; width:77px;}
#work #title-link{background-position:0 -72px; width:65px;}
#services #title-link{background-position:0 -108px; width:108px;}
#software #title-link{background-position:0 -108px; width:108px;}
#blog #title-link{background-position:0 -144px; width:59px;}

/* Containers
--------------------------------------------------------------------------- */
#body{background:url('../img/bg_body_div.png') repeat-y 0 0; margin:0 auto; padding:0 21px; width:924px;}
#site{background:url('../img/bg_site2.png') no-repeat fixed center top; text-align:left;}
#content{float:left; width:716px;}
#content .copy{background:#fff; display:inline; min-height:215px; padding:23px 27px 1px 27px;}
#content .sub-copy{color:#afa9b3; display:inline; padding:27px 27px 0 27px;}

#crumb{margin:0 0 27px 0;}
#crumb a{font-weight:normal;}

#sub-content{background:url('../img/bg_sub_content-top.png') no-repeat 0 0; float:left; margin:-12px 0 0 0; padding-top:13px; width:208px;}
#sub-content .copy{background:url('../img/bg_sub_content.png') repeat-y 0 0; float:left; padding:20px 3px 0 12px; width:193px;}
#sub-content .sub-copy{background:url('../img/bg_sub_content-btm.png') no-repeat 0 0; color:#afa9b3; float:left; padding:61px 0 0 30px; width:190px;}
#sub-content h4{border-bottom:1px dotted #c5c3c6; font-size:22px; margin:0 0 0 20px; padding-bottom:12px;}
#sub-content h4 a{font-weight:normal;}

.two-col #content .sub-copy{display:none;}
.two-col #foot{background:url('../img/bg_foot-two-col.png') no-repeat 0 0; padding-top:91px;}
.sub #content .sub-copy{background:url('../img/bg_content-btm.png') no-repeat 0 0; display:block; padding-top:65px;}
.sub #foot{background:url('../img/bg_foot-one-col.png') no-repeat 0 0; padding-top:54px;}

/* Blog
--------------------------------------------------------------------------- */
#title-comments{background:url('../img/page-titles.png') no-repeat 0 -180px; border:none; height:36px; margin:0 0 6px 0; padding:0; width:111px;}
#title-your-comment{background:url('../img/page-titles.png') no-repeat 0 -216px; border:none; height:36px; margin-bottom:6px; padding:0; width:149px;}
#comments{margin-bottom:21px;}
#comments ol{list-style:none; margin:36px 0 35px 0; padding:0;}
#comments li{background:url('../img/bg_comment-btm.png') no-repeat right bottom; margin-bottom:23px; padding-bottom:12px; position:relative;}
#comments li .meta{background:url('../img/bg_comment-top.png') no-repeat right top; height:25px; padding:11px 18px 7px 92px;}
#comments li .meta p{border-bottom:1px dotted #4d4057; padding-bottom:7px; position:relative;}
#comments li .meta strong{color:#fff;}
#comments li .meta .permalink{background:url('../img/bg_comments-total.png') no-repeat left center; font-size:11px; padding-left:12px; position:absolute; right:0; top:0;}
.avatar{background:url('../img/bg_FFF_10.png'); padding:4px;}
#comments .author .avatar{background:url('../img/bg_avatar-author.png');}
#comments li .meta img{left:0; position:absolute; top:19px;}
#comments li .comment{background:url('../img/bg_comment.png') repeat-y 0 0; margin-left:76px; padding:11px 18px 1px 18px;}
#comments strong{color:#fff;}
#comments li .comment blockquote{background:url('../img/bg_blockquote.png') no-repeat 0 0; color:#fff;}
#comments li#preview{display:none;}
#comments li#preview .comment{padding-bottom:18px;}
p.post-published{color:#968b98; font-size:11px; margin-bottom:9px; text-transform:uppercase;}
p.post-meta{border:1px dotted #c5c3c6; border-left:none; border-right:none; color:#968b98; font-size:11px; margin-bottom:45px; padding:8px 0; text-transform:uppercase;}
.author-info{background:#fff; border:1px dotted #c5c3c6; color:#968b98; float:right; font-size:11px; margin:0 0 18px 36px; padding:12px 12px 8px 12px; text-transform:uppercase; width:143px;}
.author-info p{margin-bottom:0;}
.author-info:hover a,
.author-info a:hover{background:url('../img/btn_hcard.png') no-repeat right center;}
.author-info img{margin-bottom:1px;}
.author-info a{display:block;}
.author-info .org,
.author-info .adr{display:none;}
.updates{border-top:1px dotted #c5c3c6; margin-top:18px; padding-top:17px;}
strong.update-date{background:url('../img/badge_update.png') no-repeat left center; font-size:11px; line-height:1; padding:1px 0 1px 54px; text-transform:uppercase;}
ul.archive{border-bottom:1px dotted #c5c3c6; clear:both; list-style:none; margin:0; padding:0;}
.archive li{background:none; border-top:1px dotted #c5c3c6; margin-bottom:0; padding:8px 150px 10px 0; position:relative; width:512px;}
.archive li span{color:#968b98; font-size:11px; position:absolute; right:0; text-transform:uppercase; top:9px;}

#sub-content .sub-copy h5{border-bottom:1px dotted #4d4057; color:#afa9b3; font-size:18px; font-weight:normal; padding-bottom:9px;}
.screen{border:1px dotted #c5c3c6; background:#f5f4f6; margin-bottom:18px; padding:12px 12px 8px 12px; text-align:center;}
.screen img{margin:0 auto;}

#newism-vcard{border-bottom:1px dotted #c5c3c6; margin-bottom:18px; padding-bottom:8px;}
#newism-vcard .org{color:#302d31; font-size:15px; font-weight:bold;}
#newism-vcard .url{background:url('../img/btn_hcard.png') no-repeat left center; padding-left:36px;}
.map{float:right; margin:27px 50px 0 0;}

#social-bookmarks{background:url('../img/bg_vbox1-btm.png') no-repeat left bottom; clear:both; margin:36px 0 18px 0; padding:13px 13px 9px 13px;}
#social-bookmarks h5{background-image:url('../img/title_enjoy-this-post.png'); height:28px; margin:-13px -13px 13px -13px; width:662px;}
#social-bookmarks ul{list-style:none; margin:0; padding:0;}
#social-bookmarks li{background:none; display:inline; float:left; margin:0 9px 0 0; padding:0;}
#social-bookmarks li span{display:none;}

/* Foot
--------------------------------------------------------------------------- */
#foot{background:url('../img/bg_foot-one-col.png') no-repeat 0 0; color:#858089; margin:0 auto; padding:73px 12px 54px 12px; width:924px;}
#foot p{margin:0;}
#foot a{color:#858089; font-weight:normal;}
#foot a:hover{color:#fff;}
#foot .blueTick{background:url('../img/icons_small.png') no-repeat 0 -168px; padding-left:14px;}
#foot #logos{margin:0 0 12px 0;}
#foot #logos a{float:left; margin-right:12px;}
#foot ul#sitemap{border:1px dotted #362741; border-width:1px 0; list-style:none; margin:12px 0 18px 0; padding:17px 0;}
#foot #sitemap ul{list-style:none; margin:0; padding:0;}
#foot #sitemap li{background:none; display:inline; float:left; font-weight:bold; font-size:15px; margin:0 12px 0 0; padding:0; width:144px;}
#foot #sitemap li a{color:#c4c0c7; font-weight:bold;}
#foot #sitemap li a:hover{color:#fff;}
#foot #sitemap li li{float:none; display:block; font-size:13px; margin:0;}
#foot #sitemap li li a{color:#858089; font-weight:normal;}
#foot #sitemap #newsletter{font-weight:normal; margin-right:0; width:300px;}
#foot #sitemap #newsletter h3{border:none; color:#c4c0c7; font-size:15px; font-weight:bold; line-height:18px; margin-top:0; padding:0;}
#foot #sitemap #newsletter p{font-size:13px; margin-bottom:9px;}