/* 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('../images/bg_body.png') repeat-x fixed center top; color:#504a51; font:14px/20px 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:#ffffff; 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('../images/bg_html.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;}

/* Image replacement
--------------------------------------------------------------------------- */

#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;}

/* Menu
--------------------------------------------------------------------------- */
#nav{position:absolute; right:0px; top:12px;}
#l_edge{background:url('../images/menu.png') no-repeat 0px 0px;width:50px;height:47px;float:left;}
#r_edge{background:url('../images/menu.png') no-repeat -387px 0px;width:57px;height:47px;float:left;}
#menu{ height:47px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;list-style:none; color:##0f75bc; line-height:45px; display:inline-block; float:left; z-index:5000; }
#menu a { color:#fff; text-decoration:none; }
#menu > li {background:url('../images/menu.png') no-repeat -28px 0px; cursor:pointer; float:left; position:relative;padding:5px 10px 0px 10px;height:42px;}
#menu > li a:hover {color:#fff;} 
#menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
/* sub-menus*/
#menu ul { background:url('../images/nv_dot.png');padding:0px 0px 0px 0px; margin:0px; display:block; display:inline;}
#menu li ul { position:absolute; left:-10px; top:0px; margin-top:47px;  line-height:16px;  color:#0395CC; /* for IE */ display:none; }
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px 0px 0px;  list-style-type:none; }
#menu li ul li:first-child { height:0px; }
#menu li ul li a { display:block; color:#c4c0c7;font-weight:bold;}
#menu li ul li a:hover { color:#fff;}
/* main submenu */
#menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:4999;}
#menu .nvtopm {z-index:4999;}

/* corners*/
#menu .corner_inset_left { position:absolute; top:0px; left:-14px;}
#menu .corner_inset_right { position:absolute; top:0px; right:-14px;}
#menu .last {text-indent:20px;background:transparent none repeat scroll 0% 0%; margin:0px 18px; padding:0px; border:none; position:relative; height:0px;}
#menu .norm {background:transparent none repeat scroll 0% 0%; margin:0px 18px; padding: 5px 0px; position:relative; height:100%;}
#menu .middle {position:absolute; left:0px; height: 17px; width:100%; top:0px;}
#menu .corner_left { position:absolute; left:-32px; top:0px;}
#menu .corner_right { position:absolute; right:-32px; top:0px;}
#menu .nv_left_drop {background:url('../images/nv_left_drop.png'); position:absolute; left:-32px; top:0px;height:100%;width:14px;}
#menu .nv_right_drop {background:url('../images/nv_right_drop.png'); position:absolute; right:-32px; top:0px;height:100%;width:14px;}
#menu .nv_nowrap{white-space:nowrap;}
#menu .nv_line {border-bottom: dotted 1px #606060;padding: 5px 0px 0px 0px;}

/* Utils nav
--------------------------------------------------------------------------- */
#utils-nav{background:url('../images/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('../images/bg_head.png') no-repeat left bottom; height:119px; margin:0 auto; padding:0 21px; position:relative; width:924px;}
#head #logo{left:300px; position:absolute; top:16px;color:#808080; font:13px/18px Arial, sans-serif;line-height:90%;text-align:center;}

/* 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 .about{background-position:0 -60px; width:70px;}
#nav_00 .experience{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 .development{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;}*/

/* Titles
--------------------------------------------------------------------------- */
#title{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('../images/pagetitles.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;}
#experience #title-link{background-position:0 -72px; width:145px;}
#services #title-link{background-position:0 -108px; width:108px;}
#development #title-link{background-position:0 -144px; width:170px;}


/* Containers
--------------------------------------------------------------------------- */
#body{background:url('../images/bg_contentbody.png') repeat-y 0 0; margin:0 auto; padding:0 21px; width:924px;}
#site{background:url('../images/bg_site2.png') no-repeat fixed center top; text-align:left;}
#content{float:left; width:516px;}
#content .contentbody{float:left;width:524px;padding:20px;}
#content .contentbody h1{color:#fff;}
#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('../images/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('../images/bg_sub_content.png') repeat-y 0 0; float:left; padding:20px 3px 0 12px; width:193px;}
#sub-content .sub-copy{background:url('../images/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('../images/bg_foot-two-col.png') no-repeat 0 0; padding-top:91px;}
.sub #content .sub-copy{background:url('../images/bg_content-btm.png') no-repeat 0 0; display:block; padding-top:65px;}
.sub #foot{background:url('../images/bg_foot-one-col.png') no-repeat 0 0; padding-top:54px;}

/* Blog
--------------------------------------------------------------------------- */
#title-comments{background:url('../images/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('../images/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('../images/bg_comment-btm.png') no-repeat right bottom; margin-bottom:23px; padding-bottom:12px; position:relative;}
#comments li .meta{background:url('../images/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('../images/bg_comments-total.png') no-repeat left center; font-size:11px; padding-left:12px; position:absolute; right:0; top:0;}
.avatar{background:url('../images/bg_FFF_10.png'); padding:4px;}
#comments .author .avatar{background:url('../images/comment-author.png');}
#comments li .meta img{left:0; position:absolute; top:19px;}
#comments li .comment{background:url('../images/bg_comment.png') repeat-y 0 0; margin-left:76px; padding:11px 18px 1px 18px;}
#comments strong{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;}
.updates{border-top:1px dotted #c5c3c6; margin-top:18px; padding-top:17px;}
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('../images/btn_hcard.png') no-repeat left center; padding-left:36px;}
.map{float:right; margin:27px 50px 0 0;}

#social-bookmarks{background:url('../images/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('../images/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('../images/bg_foot-one-col.png') no-repeat 0 0; color:#858089; margin:0 auto; padding:73px 21px 54px 21px; width:924px;}
#foot p{margin:0;}
#foot a{color:#858089; font-weight:normal;}
#foot a:hover{color:#fff;}
#foot .blueTick{background:url('../images/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;}
#foot #sitemap ul{list-style:none; margin:0px 50px 0px 0px; padding:10px 0px;}
#foot #sitemap li{background:none; display:inline; float:left; font-weight:bold; font-size:15px; margin:0 12px 0 0; padding:0;}
#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;}
#logos .provider{background:url('../images/logo_foot.png') no-repeat -0px 0; height:46px; width:200px;display:block;overflow:hidden; text-indent:-9999em;}
#logos .provider:hover{background-position:-0px -46px;}
#foot #smap_div {}

/* Sidebar
--------------------------------------------------------------------------- */
#sidebar{float:right;width:350px;}
#sidebar_middle{float:right;width:350px;background: url(../images/side_div_mid.png) repeat-y;}
#sidebar_top{float:right;width:350px;height:30px;background: url(../images/side_div_top.png) no-repeat;}
#sidebar_bottom{float:right;width:350px;height:30px;background: url(../images/side_div_bottom.png) no-repeat;}
#sidebar .sidetext{float:right;width:150px;display:block;margin:50px 0px 30px 0px;padding:30px 0px 0px 5px;font-size:13px;}
#sidebar .st_webdesign{background:url('../images/ic_webdesign_t.png') no-repeat;}
#sidebar .st_mobiledesign{background:url('../images/ic_mobiledesign_t.png') no-repeat;}
#sidebar .st_ecommerce{background:url('../images/ic_e-commerce_t.png') no-repeat;}
#sidebar .st_webhosting{background:url('../images/ic_webhosting_t.png') no-repeat;}
#sidebar .st_electronicdesign{background:url('../images/ic_interface_t.png') no-repeat;}
#sidebar .sb_web_design{float:left;margin:30px 0px 0px 25px;background:url('../images/ic_webdesign_nt.png') no-repeat -0px -160px; height:160px; width:160px;display:block;overflow:hidden; text-indent:-9999em;}
#sidebar .sb_web_design:hover{float:left;margin:30px 0px 0px 25px;background-position:-0px -0px;}
#sidebar .sb_mobile_design{float:left;margin:20px 0px 0px 25px;background:url('../images/ic_mobiledesign_nt.png') no-repeat -0px -160px; height:160px; width:160px;display:block;overflow:hidden; text-indent:-9999em;}
#sidebar .sb_mobile_design:hover{float:left;margin:20px 0px 0px 25px;background-position:-0px -0px;}
#sidebar .sb_ecommerce{float:left;margin:30px 0px 0px 25px;background:url('../images/ic_e-commerce_nt.png') no-repeat -0px -160px; height:160px; width:160px;display:block;overflow:hidden; text-indent:-9999em;}
#sidebar .sb_ecommerce:hover{float:left;margin:30px 0px 0px 25px;background-position:-0px -0px;}
#sidebar .sb_web_hosting{float:left;margin:30px 0px 0px 25px;background:url('../images/ic_webhosting_nt.png') no-repeat -0px -160px; height:160px; width:160px;display:block;overflow:hidden; text-indent:-9999em;}
#sidebar .sb_web_hosting:hover{float:left;margin:30px 0px 0px 25px;background-position:-0px -0px;}
#sidebar .sb_electronic_design{float:left;margin:30px 0px 0px 25px;background:url('../images/ic_interface_nt.png') no-repeat -0px -160px; height:160px; width:160px;display:block;overflow:hidden; text-indent:-9999em;margin-bottom:40px;}
#sidebar .sb_electronic_design:hover{float:left;margin:30px 0px 0px 25px;background-position:-0px -0px;margin-bottom:40px;}
.clboth{clear:both;}