

*{border:0;border-radius:0;font-family:inherit;font-size:1em;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}

a,dt,h1,h2{color:#fff}
a,button{text-shadow:0 1px 0 rgba(0,0,0,.75)}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
b,strong{font-weight:bold}
base,head,link,meta,noscript,script,style,title{display:none}
button,h3{letter-spacing:1px}
button{border-radius:12px;color:#fff;font-weight:bold;height:3em;margin:12px auto;text-transform:uppercase;vertical-align:bottom;width:120px}
cite,dfn,em,i,var{font-style:italic}
h1{position:relative;text-shadow:0 1px 1px rgba(0,0,0,.5);top:-4px}
.hgroup{padding:12px 0 8px 0}
figcaption{background:rgba(0,0,0,.75);bottom:8px;left:8px;padding:8px;position:absolute;right:8px}
figure{position:relative}
footer{font-size:12px}
.hgroup{text-align:center}
html{background:#333;color:#ccc;color:rgba(255,255,255,.75);font:normal 100%/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif,serif;text-rendering:optimizeLegibility}
img{vertical-align:bottom}
input{background:#666;border-radius:4px;/*box-shadow:inset 0 0 3px 3px rgba(0,0,0,.5);*/color:#fff;height:3em;line-height:3;text-indent:.25em;vertical-align:bottom;width:100%}
li{margin:0 0 0 2em}
nav{padding:8px}
ol,p,pre,ul{margin:0 0 1.5em 0}
table{border-collapse:collapse;empty-cells:hide;width:100%}

h3 a{background:red;border-radius:4px;display:block;margin:12px auto;padding:12px 16px;text-align:center;text-transform:uppercase;width:120px}
.hgroup h1{font-size:42px;line-height:.75;text-indent:-12px}
.hgroup h2{color:#666;font-size:11px;font-weight:normal;text-shadow:0 1px 0 rgba(0,0,0,.5);text-transform:uppercase}
main p{font-size:12px}
nav a{display:block;float:left;height:100%;width:100%}
nav li{display:block;float:left;overflow:hidden;text-align:center;width:32px}
nav ul{height:24px;margin:0}
ol li{list-style:decimal outside}
ul li{list-style:square outside}

nav li.first{border-bottom-left-radius:12px;border-top-left-radius:12px}
nav li.home{border-radius:12px;margin:0 16px 0 0;text-indent:-9999px}
nav li.home a{background:url('logo-18x16.png') transparent no-repeat center}
nav li.last{border-bottom-right-radius:12px;border-top-right-radius:12px}
nav li.shuffle{text-indent:-9999px}
nav li.shuffle a{background:url('images/shuffle.png') transparent no-repeat center}

button,nav li{background:linear-gradient(top,rgba(255,255,255,.25) 0%,rgba(0,0,0,.25) 100%);box-shadow:0 1px 2px rgba(0,0,0,.5),inset 1px 0 0 0px rgba(255,255,255,.125);margin:0}

button,nav li{
background:-moz-linear-gradient(top,rgba(255,255,255,.25) 0%,rgba(0,0,0,.25) 100%);
background:-ms-linear-gradient(top,rgba(255,255,255,.25) 0%,rgba(0,0,0,.25) 100%);
background:-o-linear-gradient(top,rgba(255,255,255,.25) 0%,rgba(0,0,0,.25) 100%);
background:-webkit-linear-gradient(top,rgba(255,255,255,.25) 0%,rgba(0,0,0,.25) 100%);
}

figure,main,html.color section,html.entry section,p.share,section.stats ul{font-size:12px;background:rgba(0,0,0,.25);border-radius:4px;box-shadow:inset 0 0 2px 2px rgba(0,0,0,.25);margin:0 0 12px 0;overflow:hidden;padding:8px;text-overflow:ellipsis}
html.color aside{padding:24px 16px;width:224px}
html.entry aside{padding:0 16px;width:224px}
html.color #content,html.entry #content{bottom:0;left:256px;overflow:auto;position:fixed;right:0;top:0}

html.entry #content.scripted{overflow:hidden}

p.huge{color:red}
p.large{color:orange}
p.big{color:yellow}

main{float:left;height:208px;margin:12px;padding:8px;width:208px}

#content{background:url('loading2.png') #222;box-shadow:inset 0 0 3px 3px rgba(0,0,0,.5)}

#content img{display:block}

section.social{height:24px;overflow:visible !important}
.facebook,.google{float:left;height:20px;margin-left:4px}
.fb-like,.g-plusone{}

.thumbnail{cursor:crosshair}
.thumbnail img{height:208px;width:208px}
.thumbnail div{background:rgba(0,0,0,.5);color:#fff;height:194px;padding:8px;position:absolute;width:194px}
.thumbnail span{background:rgba(204,204,204,.5);display:block;height:16px;outline:1px solid #fff;outline-color:rgba(255,255,255,.5);outline-offset:-1px;position:absolute;width:16px}

ul.hfeed{margin:0;padding:0}
li.ad figure{padding:12px}
li.ad ins{float:left}
li.hentry,section.stats{display:block;float:left;height:224px;list-style:none;margin:0;padding:12px;width:224px}
li.hentry figure{margin:0}
li.hentry img{display:block;height:208px;width:208px}
li.hentry p{margin:0}

/*section.stats{height:208px;margin:12px;padding:8px;width:208px}*/

@-moz-keyframes cycle
{
0% {background:red}
33.3% {background:lime}
66.7% {background:blue}
100% {background:red}
}
@keyframes cycle
{
0% {background:red}
33.3% {background:lime}
66.7% {background:blue}
100% {background:red}
}
@-webkit-keyframes cycle
{
0% {background:red}
33.3% {background:lime}
66.7% {background:blue}
100% {background:red}
}

@keyframes hovercycle
{
0% {background:red;box-shadow:0 0 16px 2px rgba(255,0,0,.75)}
33% {background:lime;box-shadow:0 0 16px 2px rgba(0,255,0,.75)}
66% {background:blue;box-shadow:0 0 16px 2px rgba(0,0,255,.75)}
100% {background:red;box-shadow:0 0 16px 2px rgba(255,0,0,.75)}
}
@-moz-keyframes hovercycle
{
0% {background:red;box-shadow:0 0 16px 2px rgba(255,0,0,.75)}
33% {background:lime;box-shadow:0 0 16px 2px rgba(0,255,0,.75)}
66% {background:blue;box-shadow:0 0 16px 2px rgba(0,0,255,.75)}
100% {background:red;box-shadow:0 0 16px 2px rgba(255,0,0,.75)}
}
@-webkit-keyframes hovercycle
{
0% {background:red;box-shadow:0 0 16px 2px rgba(255,0,0,.75)}
33% {background:lime;box-shadow:0 0 16px 2px rgba(0,255,0,.75)}
66% {background:blue;box-shadow:0 0 16px 2px rgba(0,0,255,.75)}
100% {background:red;box-shadow:0 0 16px 2px rgba(255,0,0,.75)}
}

h3 a{-moz-animation:cycle 12s infinite;animation:cycle 12s infinite;-webkit-animation:cycle 12s infinite}
h3 a{/*box-shadow:inset 0 4px 8px -2px rgba(255,255,255,.25),inset 0 -4px 8px -2px rgba(0,0,0,.25)*/}
h3 a{transition:animation .5s;-moz-transition:-moz-animation .5s;-webkit-transition:-webkit-animation .5s}
h3 a:hover{animation:hovercycle 5s infinite;-moz-animation:hovercycle 5s infinite;-webkit-animation:hovercycle 5s infinite}

/* Microsoft */
html{-ms-text-size-adjust:100%}
img{-ms-interpolation-mode:bicubic}

/* Mozilla */
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="search"]{-moz-box-sizing:content-box}

/* Webkit */
html{-webkit-text-size-adjust:100%}
input[type="search"]{-webkit-appearance:textfield;webkit-box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
