* { margin:0; padding:0; }
html{ color:#000; background:#FFF; overflow-y:scroll; }
body, select, input, textarea, button{ font:normal 13px/1.5 "Arimo", "Helvetica Neue", "Arial", sans-serif;  text-align:left; }

h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; color:#444; text-shadow:0 1px 0 white; }

h1 { font-size:180%; font-weight:600; font-style:normal; margin-bottom:20px; }

h1 a{ color:#333; text-decoration:none; }

img{ border:0; display:block; }

pre, code{ font-family:'Inconsolata', monospace; font-size:16px; line-height:100%; }
table{ border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%; }
li{ list-style:none }

p{ width:580px; }

.viewport{ min-height:400px; max-width:580px; margin:auto; padding:0px 60px; margin-bottom:80px; }


.hello{ margin-top:37px; border-bottom:1px solid #e4e4e4; padding-bottom:25px; }
.hello h1 { margin-top:0px; font-size:22px; }
.hello p{ font-size:123.1%; line-height:170%; margin-bottom:18px; font-weight:400; color:#333; text-rendering:optimizeLegibility; text-align:justify; }
.hello p a{ text-decoration:none; }
.hello p .highlight{ cursor:pointer; text-decoration:none; color:#fb618a; }
.hello p.links{ padding-top:10px; }
.hello p.links a{ margin-right:18px; font-size:95%; border-bottom:1px solid #ffa4bc; padding-bottom:3px; color:#fb618a; }
.hello p.links a:hover{ border-bottom:1px solid #3a1720; text-shadow:none; color:#3a1720; }



.blog{ margin-bottom:0px; margin-top:24px; padding-top:0px; padding-bottom:30px; border-bottom:1px solid #e4e4e4; }
.blog h1{ margin-top:0px; font-size:22px; }
.blog p{ font-size:112%; line-height:154%; margin-bottom:18px; font-weight:200; color:#444; text-rendering:optimizeLegibility; text-align:justify; }
.blog pre{ margin-top:17px; margin-bottom:23px; font-size:90%; line-height:120%; padding:10px; border:1px solid #e4e4e4; border-radius:4px; box-shadow:0px 0px 3px #e1e1e1; }
.blog .meta{ margin-top:10px; }
.blog .meta span{ padding-left:2px; padding-right:2px; color:#bbb; }
.blog .meta a{font-size:8pt; color:#999; margin-top:0px; text-decoration:none; }
.blog a.go{ float:right; font-family:"Rockwell",serif; color:#ccc; }
.blog p a{ color:#fb618a; text-decoration:none; }
.blog .legend{ font-size:80%; color:#333; line-height:75%; padding-top:5px; }

.menu{ height:57px; border-bottom:1px solid #e4e4e4; margin-top:65px; }
.menu a.nav{ font-size:110%; text-decoration:none; color:#444; font-weight:500; margin-left:10px; padding:18px 3px 0px 1px; float:right; height:40px; }
.menu .logo{ padding:18px 3px 0px 1px; height:40px; margin-bottom:0px; float:left; font-size:118%; color:#444; }
.menu a.nav:hover{ color:#fb618a; }
.menu a.nav.active{ background:url('/img/tip.png') bottom center no-repeat; color:#fb618a; }
.menu a.nav.active:hover{ color:#222; }


a.back{ color:#888; font-size:80%; margin-top:18px; margin-left:-2px; display:inline-block; padding:2px; cursor:pointer; text-decoration:none; }
a.back:hover{ color:#fb618a; }

ul.list li{ height:54px; border-bottom:1px solid #e4e4e4; overflow:hidden; cursor:pointer; }
ul.list li .inner{ display:block; text-decoration:none; height:54px; line-height:54px; margin-top:2px; }
ul.list .meta{ width:80px; margin-left:10px; float:left; color:#999; font-size:90%; } 
ul.list .right{ float:right; color:#bbb; }
ul.list h3{ font-size:13.5px; font-weight:600; line-height:53px; color:#444; }
ul.list li:hover .right, ul.list li:hover .meta, ul.list li:hover h3{ color:#fb618a; }


ul.biglist li{ height:254px; border-bottom:1px solid #e4e4e4; overflow:hidden; cursor:pointer; font-size:90%; }
ul.biglist li .img{ width:400px; float:left; height:210px; margin:20px 20px 20px 0; border:1px solid #e4e4e4; border-radius:4px; box-shadow:0px 0px 3px #e1e1e1;  }
ul.biglist li h3{ padding-top:24px; margin-bottom:8px; font-weight:600; font-size:123%; } 

.clear{ clear:both; }

.footer{ margin-top:10px; text-align:right; }
.footer a{ font-size:90%; text-decoration:none; color:#bbb; margin-left:10px; }
.footer a:hover{ color:#333; }