body{margin:0;padding:0;background:url(/images/frontend/bg-content.png) repeat-y 50% 0;font:13px/18px Trebuchet MS,Arial,sans-serif;color:#505050;min-width:980px}a{outline:none;color:#3151A2}a:hover{color:#c00}#main{background:url(/images/frontend/bg-header.png) no-repeat 50% 0}#page{width:960px;margin:0
auto}#header{width:960px;height:82px;background:url(/images/frontend/bg-header-sprite.png) repeat-x 0 -82px;overflow:hidden;position:absolute;top:0}#logo{width:292px;height:82px;float:left;background:url(/images/frontend/bg-header-sprite.png) repeat-x 0 0}#logo-wave{padding:19px
0 0;height:82px;background:url(/images/frontend/bg-header-wave.png) no-repeat 100% 0}#logo
h1{margin:0;padding:0;width:177px;height:38px}#logo
a{width:177px;height:38px;display:block;overflow:hidden;text-indent:-9999px;background:url(/images/frontend/logo.png) no-repeat 0 0}#header
ul{margin:0;padding:0;list-style:none;float:right;overflow:hidden}#header ul
li{margin:0
0 0 -1px;padding:0;height:82px;float:left;padding:0
0 0 1px;display:inline;background:url(/images/frontend/bg-header-sprite.png) no-repeat 0 -246px}#header ul li
a{display:block;padding:30px
15px 0 15px;height:52px;text-decoration:none}#header ul li a
strong{display:block;font:bold 16px Trebuchet MS, Arial, sans-serif;text-transform:uppercase;color:#fff}#header ul li a
span{display:block;font:11px Trebuchet MS, Arial, sans-serif;color:#747474}#header ul li a:hover{background:url(/images/frontend/bg-header-sprite.png) repeat-x 0 -164px}#header ul li a:hover
strong{color:#ffaf24}#header ul li a:hover
span{color:#dcdcdc}#header ul li.active
a{background:url(/images/frontend/bg-header-sprite.png) repeat-x 0 -164px}#header ul li.active a
strong{color:#ffaf24}#header ul li.active a
span{color:#dcdcdc}#content-area{padding:82px
0 35px;overflow:hidden}#content{width:560px;padding:2px
30px 0 0;float:left}#content
h1{font:32px/40px Trebuchet MS, Arial, sans-serif;color:#353535}#content
h2{font:24px/29px Trebuchet MS, Arial, sans-serif;color:#353535}#content
img{border:1px
solid #d7d7d7;padding:5px}#content
.highlight{font:18px/23px Trebuchet MS, Arial, sans-serif}#content
ul.vcard{margin:0;padding:0;list-style:none}#content ul.vcard
li{overflow:hidden}#content ul.vcard
.left{float:left;width:150px}#content ul.vcard
.right{float:left}#projects{margin:0;padding:0;list-style:none}#projects
li{overflow:hidden}#projects li
p{}#projects
h2{margin:0;font:bold 16px/23px Trebuchet MS, Arial, sans-serif}#projects
.scroll{position:relative;overflow:hidden;width:560px;height:302px;padding:0
0 10px}#projects .scroll
.items{width:20000em;position:absolute;clear:both}#projects .items
.item{float:left;cursor:pointer;width:560px !important;height:302px;margin:0px;position:relative}#projects .items .item
.image{border:1px
solid #D7D7D7;overflow:hidden}#projects .items .item
img{display:block;overflow:hidden}#projects .items .item
p{width:100%;margin:0;padding:10px;background:url(/images/frontend/bg-shadow.png) repeat 0 0;position:absolute;left:0;bottom:0;font:13px/18px Trebuchet MS, Arial, sans-serif;color:#fff;display:none}#projects .items:hover
p{display:block}#projects
.nav{overflow:hidden;margin:10px
0 6px 3px;float:right}#projects .nav
a{background:#ccc;display:inline;float:left;font-size:1px;height:8px;margin:0
0 0 8px;width:8px}#projects .nav
a.active{background:#777}#post-list{width:100%;overflow:hidden}#post-list
.post{width:100%;margin:30px
0 0;overflow:hidden}#post-list .post:first-child{margin:0}#post-list .post
h2{margin:20px
0 10px}#post-list .post h2
a{color:#000;text-decoration:none}#post-list .post
ul.meta{width:100%;margin:0
0 0 -11px;padding:0;list-style:none;overflow:hidden;font:10px/12px Trebuchet MS, Arial, sans-serif;color:#999}#post-list .post ul.meta
li{float:left;margin:0;padding:0
10px 0 10px;border-left:1px solid #d7d7d7;display:inline}#post{width:100%}#post
h1{margin:22px
0 10px}#post
ul.meta{width:100%;margin:0
0 0 -11px;padding:0;list-style:none;overflow:hidden;font:10px/12px Trebuchet MS, Arial, sans-serif;color:#999}#post ul.meta
li{float:left;margin:0;padding:0
10px 0 10px;border-left:1px solid #d7d7d7;display:inline}#post
.share{width:100%;overflow:hidden}#post .share
.btn{float:left;margin:0
10px 0 0}.comments{padding:20px
0 0}.comments
ul{margin:0;padding:0;list-style:none}.comments ul
li{margin:20px
0 0;padding:0;list-style:none}.comments ul li .text
p{}.comments ul li
.meta{padding:0
0 3px;font:11px/13px Trebuchet MS, Arial, sans-serif;color:#999}.comments ul li .meta
.author{color:#519500}.leave-a-comment{padding:20px
0 0}.leave-a-comment
form{margin:0;padding:0}.leave-a-comment
fieldset{margin:0;padding:0;border:none}.leave-a-comment
.row{width:100%;padding:0
0 10px;overflow:hidden}.leave-a-comment .row
label{float:left;padding:0
0 3px}.leave-a-comment .row
input.text{clear:left;margin:0;padding:0
2px;border-top:1px solid #abadb3;border-bottom:1px solid #e3e9ef;border-left:1px solid #dbdfe6;border-right:1px solid #dbdfe6;width:200px;height:20px;font:13px/18px Trebuchet MS, Arial, sans-serif;color:#505050;float:left}.leave-a-comment .row
textarea{clear:left;margin:0;padding:0
0 0 2px;width:556px;height:150px;border-top:1px solid #abadb3;border-bottom:1px solid #e3e9ef;border-left:1px solid #dbdfe6;border-right:1px solid #dbdfe6;font:13px/18px Trebuchet MS,Arial,sans-serif;color:#505050}#sidebar{width:370px;padding:10px
0 0 0;float:right;color:#696969}#sidebar
.block{padding:16px
20px 20px 20px;border-bottom:1px solid #e5e5e5}#sidebar
h2{margin:0;padding:0;font:18px/23px Trebuchet MS, Arial, sans-serif;color:#4f4f4f}#me
p{margin:0}#me
.image{float:left;overflow:hidden;border:1px
solid #d7d7d7;margin:4px
15px 15px 0}#me .image
img{float:left;border:5px
solid #fff}#featured{padding:0
0px 20px 22px}#featured
ul{margin:-10px 0 0;padding:0;overflow:hidden;list-style:none}#featured ul
li{margin:15px
0 0;padding:0;overflow:hidden}#featured ul li
a.picture{float:left;border:1px
solid #d7d7d7}#featured ul li
a.link{margin:2px
0 0;float:right}#featured ul li
img{display:block;overflow:hidden;border:5px
solid #fff}#footer{background:#505050;width:100%;overflow:hidden}#footer-content{width:960px;margin:0
auto;overflow:hidden}#footer
p{margin:0;padding:0;font:11px/29px Trebuchet MS, Arial, sans-serif;color:#fff}#footer
p.copy{float:left;text-transform:uppercase}#footer
.social{float:right;overflow:hidden}#footer .social
p{float:left}#footer .social
ul{float:left;margin:7px
-5px 0 5px;padding:0;list-style:none;overflow:hidden}#footer .social
li{float:left;margin:0
5px 0 0}#footer .social
a{width:16px;height:16px;float:left;overflow:hidden;text-indent:-9999px;background:url(/images/frontend/bg-social.png) no-repeat 0 0}#footer .social
a.twitter{background-position:0 0}#footer .social
a.facebook{background-position:0 -16px}#footer .social
a.linkedin{background-position:0 -32px}#footer .social
a.flickr{background-position:0 -48px}#footer .social
a.odesk{background-position:0 -64px}