/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;outline:0;background:transparent;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
body{font-size:62.5%;min-width:1040px;font-size:x-small;font-variant:normal;font-style:normal;font-weight:normal;line-height:2.4em;color:#333;font-family:"georgia","times new roman","times","serif";background:#FFF -webkit-gradient(linear, 0 0, 0 40%, from(#FFF), to(#F9F9F9));}

/* General */
h1,h2,h3,h4,h5,h6{font-family:"helvetica","helvetica neue","arial","sans-serif";color:#333;}
h1{font-size:2.6em;line-height:1.8em;font-weight:bold;}
h2{font-size:1.8em;margin-top:1em;margin-bottom:-0.6em;font-weight:bold;}
h3{font-size:1.4em;margin:1.8em 0 -1em 0;text-transform:uppercase;}
h4{font-size:1.4em;margin:2em 0 -0.72em 0;}
h5{font-size:1.2em;margin:0;}
p,ul,ol{font-size:1.5em;margin:1.6em 0;}
ul{overflow:hidden;list-style-type:square;}
ol{overflow:hidden;padding-left:1.9em;margin-left:1.9em;}
blockquote{border-left:1px solid #DDD;padding-left:1.8em;}
strong{font-weight:bold;}
em,dfn{font-style:italic;}
del{text-decoration:line-through;}
abbr,acronym{border-bottom:1px dotted #DDD;}
a{color:#FF3F00;text-decoration:none;}
a:focus,a:hover{text-decoration:underline;}

/* Styles */
.article{width:980px;margin:0 auto;margin-top:3.5em;border:1px solid #DFDFDF;overflow:hidden;background:#FFF;clear:both;}
.section{width:580px;float:left;padding-left:30px;padding-top:3.4em;padding-right:30px;border-right:1px solid #DFDFDF;overflow:hidden;}
.section h1{text-align:center;}
.section .meta{text-align:center;font-family:"helvetica","helvetica neue","arial","sans-serif";text-transform:uppercase;font-size:1.2em;margin:0.2em 0 0 0;color:#BBB;font-weight:bold;}
.section .summary{font-size:1.72em;margin:1.4em 0 0 0;}
.aside{float:right;width:339px;font-family:"helvetica","helvetica neue","arial","sans-serif";}
.aside p,ul,ol{font-size:1.2em;margin:1.8em 0;}
.aside .module{border-bottom:1px solid #DFDFDF;overflow:hidden;padding:0 30px;}
.aside .module:last-child{border-bottom:none;}
.aside .module a{font-weight:bold;}
.aside .artwork{background:#EFEFEF url("/images/artwork.png") no-repeat;display:block;width:339px;padding-top:292px;padding-bottom:12px;border-bottom:1px solid #DFDFDF;overflow:hidden;text-align:center;}
.aside .artwork p{width:290px;margin:1.8em auto;}
.aside .artwork a{font-weight:bold;}
.aside .button{display:block;text-align:center;width:164px;margin:0 auto;padding:6px 0 4px 0;color:#FFF;text-decoration:none;background:url("/images/button.png") no-repeat;text-shadow:#111 0 1px 1px;}
.aside .button:hover{background-position:0 -33px;text-decoration:none;}
.aside .button:active{background-position:0 -66px;text-decoration:none;}
.aside .about a{padding-left:24px;background:url("/images/email.png") no-repeat;}
.aside .about img{float:left;margin-top:2.8em;margin-right:16px;width:56px;height:56px;}
.aside .articles a{float:left;}
.aside .articles li{clear:both;list-style-type:none;}
.aside .articles .meta{color:#999;width:60px;display:block;float:left;text-transform:uppercase;font-size:0.9em;font-weight:bold;}
.aside .projects a{font-weight:normal;color:#666;text-decoration:none;display:block;}
.aside .projects span{display:block;font-weight:bold;color:#FF3F00;}
.aside .projects a:hover span{color:#FF3F00;text-decoration:underline;}
.aside .suscribe a{background:url("/images/feed.png") no-repeat;padding-left:20px;}
.aside .suscribe li{list-style-type:none;}
.aside .playlist{list-style-type:none;display:block;}
.aside .playlist li{position:relative;display:block;width:auto;}
.aside .playlist li .controls{display:none;}
.aside .playlist li a{padding:1px 0 1px 20px;background:url("/images/player.png") no-repeat;}
.aside .playlist li.sm2_playing a{background-position:0 -16px;}
.aside .playlist li.sm2_playing,.aside .playlist li.sm2_paused,.aside .playlist li.sm2_playing a{overflow:hidden;}
.aside .playlist li.sm2_playing .controls,.aside .playlist li.sm2_paused .controls{position:relative;display:block;}
.aside .playlist li.sm2_playing .timing,.aside .playlist li.sm2_paused .timing{display:block;}
.aside .playlist li.sm2_paused .timing .sm2_position{text-decoration:blink;}
.aside .playlist li.sm2_paused .controls .statusbar{background-color:#FFF;}
.aside .playlist li.sm2_paused .controls .statusbar .position{background-color:#CCC;border-color:#CCC;}
.aside .playlist li .controls{position:relative;margin-top:1em;margin-bottom:0.5em;}
.aside .playlist li .controls .statusbar{position:relative;height:0.5em;background-color:#FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;overflow:hidden;cursor:-moz-grab;cursor:grab;}
.aside .playlist li .controls .statusbar .position,.aside .playlist li .controls .statusbar .loading{position:absolute;left:0px;top:0px;height:0.5em;}
.aside .playlist li .controls .statusbar .position{background-color:#888;border-right:3px solid #888;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.aside .playlist li .controls .statusbar .position,.aside .playlist li .controls .statusbar .loading{width:0px;}
.aside .playlist li .controls .statusbar .loading{background-color:#EEE;}
.aside .playlist li .controls.dragging .statusbar{cursor:-moz-grabbing;cursor:grabbing;}
.aside .playlist li .timing{font:10px monaco,"VT-100",terminal,"lucida console",courier,system;line-height:1em;vertical-align:middle;position:absolute;display:none;text-align:right;right:0;top:0.5em;width:auto;height:1em;padding:3px 0px;letter-spacing:0px;}
.aside .playlist li:hover .controls .statusbar{position:relative;cursor:ew-resize;cursor:-moz-grab;cursor:grab;}
.aside .playlist .playtime{margin-left:5px;font:10px monaco,"VT-100",terminal,"lucida console",courier,system;}
.aside .playlist .sm2_playing .playtime,.aside .playlist .sm2_paused .playtime,.aside .playlist .sm2_loading .playtime{display:none;}
.footer{width:980px;color:#999;margin:0 auto;text-align:center;font-family:"helvetica","helvetica neue","arial","sans-serif";}
.footer p{font-size:1.2em;margin:1.6em 0;}

/* Webfonts */
.wf-active body{font-family:"meta";}
.wf-active h1{font-family:"metabold";font-weight:normal;font-size:2.8em;}
.wf-active h2{font-family:"metabold";font-weight:normal;margin-top:1.6em;}
.wf-active h3{font-family:"metabold";font-weight:normal;font-size:1.4em;}
.wf-active h4{font-family:"metabold";font-weight:normal;font-size:1.5em;}
.wf-active h5{font-family:"metabold";font-weight:normal;font-size:1.2em;}

/* Stuff to hide */
.spectrum-container{display:none;}
#control-template{display:none;}
#sm2-container{position:absolute;left:-999px;top:-999px;}