/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }
a { outline: none; }
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

/* TYPOGRAPHY */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: "Helvetica Neue", Helvetica, sans-serif; }
h1 { font-size: 1.2em; margin: 0 0 .5em; }
p { margin: 0; }
a { text-decoration: none; -webkit-transition-property: color; -webkit-transition-duration: .5s; -moz-transition-property: color; -moz-transition-duration: .5s; }
a:hover { color: #fff !important; text-decoration: none; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }


body { background: #333 url('images/background/rotate.php'); color: #fff; font-size: 28pt;  font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,.8); }

.box { background-color: rgba(0,0,0,.7); margin: 2em; padding: .5em; letter-spacing: -0.05em; border-radius: 10px; }

a[title="Something For The Ladies"] { color: #67c8ff; }
a[href="/rotation/"] { color: lime; }
a[title="Sound Among Other Sounds"] { color: #f5383d; }
a[title="Flickr"] { color: #ff0080; }
a[title="Tumblr"] { color: yellow; }
a[title="Readernaut"] { color: #ff8000; }
a#gallery { color: aqua; }
a[href="/write/"] { color: #00ff80; }