body {
    margin: 0;
    padding: 0;
    font-family: Calibri, sans-serif;
    background-color: white;
    color: black;
}

h1 {
    background-color: #eee;
    margin: 0 0 1em;
    padding: .15em .3em;
    border-bottom: solid 1px #bbb;
    font-size: 200%;
}

h2 {
    border-bottom: solid 1px #bbb;
    margin: 2em .5em 1em;
    padding: 0;
    font-size: 125%;
}

h3 {
    border-bottom: solid 1px #ccc;
    margin: 2em 1em 1em;
    padding: 0;
    font-size: 100%;
}

p {
    margin: 0.8em 1.25em;
    padding: 0;
    text-align: justify;
}

a:link, a:visited {
    color: #555;
}

a img {
    border: none;
}

h1 a, h2 a, h3 a {
    text-decoration: none;
}

form {
    margin: 1em 1.25em;
    padding: 0;
}

dl.commands {
    margin: 1em 1.25em;
    padding: 0;
    border: 1px #ddd;
    border-style: solid none;
}

dl.commands dt {
    font-family: monospace;
    padding: .2em 0 0 0;
}

dl.commands dt+dd+dt {
    border: 1px #ddd;
    border-style: solid none none none;
}

dl.commands dd {
    padding: 0 0 .2em 0;
    margin: 0 0 0 2em;
}

.command, .param {
    font-family: monospace;
}

#sidebar-left, #sidebar-right {
    font-size: 75%;
    background-color: #EEEEEE;
    border: solid 1px #bbb;
}

#sidebar-left {
    width: 240px;
    float: left;
    border-style: none solid solid none;
    -moz-border-radius: 0 0 3em 0;
    -webkit-border-bottom-right-radius: 3em;
}
#sidebar-right {
    width: 392px;
    float: right;
    border-style: none none solid solid;
    -moz-border-radius: 0 0 0 3em;
    -webkit-border-bottom-left-radius: 3em;
}

#main-page #twitter {
    padding: 0 393px 0 241px;
}

ul.nav {
    background-color: white;
    margin: 0;
    padding: 0;
    margin-top: -2em;
    display: block;
}

ul.nav li {
    display: block;
    font-weight: bold;
    padding: .3em;
    margin: 0;
    text-indent: 0;
    border-bottom: 0.07em solid #BBBBBB;
}

ul.nav ul {
    margin: 0;
    padding: 0;
    display: inline;
}

ul.nav ul li {
    display: inline;
    padding: 0 1ex;
    font-weight: normal;
    border: none;
}

#main-page {
    background-color: #FCFCFC;
    min-height: 100%;
    min-width: 1000px;
}

#main-page h2 {
    margin-top: .3em;
}

/* twitter */

#twitter-follow-button {
	float: right;
	margin: -0.2em 0.75em 0;
}

#twitter .entry {
    margin: 1em;
    font-size: 95%;
    border: 1px solid #BBBBBB;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    background-color: white;
    overflow: hidden;
    -moz-box-shadow: 0 3px 7px #ccc;
    -webkit-box-shadow: 0 3px 7px #ccc;
}

#twitter .entry.fromxaq {
    border-color: #666;
}

#twitter .entry.fromxaq .meta {
    border-top-color: #666;
}

#twitter .avatar {
    float: left;
    margin: .25em .4em .25em .25em;
    border: solid 1px #bbb;
    -moz-border-radius: .2em;
    -webkit-border-radius: 2px;
    overflow: hidden;
    background-color: white;
    -moz-box-shadow: 0 3px 7px #aaa;
    -webkit-box-shadow: 0 3px 7px #aaa;
}

#twitter .entry a {
    text-decoration: none;
}

#twitter .entry a:focus, #main-page #twitter .entry a:hover, #main-page #twitter .entry a:active {
    text-decoration: underline;
}
#twitter .entry p {
    margin: .2em;
}

#twitter .entry .meta {
    margin: 1.1em .6em .5em .6em;
    margin-bottom: .5em;
    padding: .1em .5em;
    font-size: 90%;
    border-top: solid 1px #bbb;
}

#twitter .entry .meta a {
    color: black;
}

#lastfm {
    margin-top: 2em;
}

#lastfm .credit {
    float: right;
    margin: .05em .25em .2em .2em;
}

#lastfm .entry {
    margin: .5em 1ex;
    border-bottom: solid .1em #bbb;
}

#lastfm .entry:last-child {
    border: none;
}

#lastfm .entry p {
    margin: 0;
    padding: 0;
}

#lastfm a {
    text-decoration: none;
    color: black;
}

#lastfm a:focus, #lastfm a:hover, #lastfm a:active {
    text-decoration: underline;
}

#lastfm .entry .when {
    font-size: 90%;
    margin-top: .5em;
    text-indent: 2ex;
    color: #222;
}

#lastfm .entry .album {
    float: left;
    margin: .05em .4em .3em .25em;
    border: solid .09em #bbb;
    -moz-border-radius: .2em;
    -webkit-border-radius: 2px;
    overflow: hidden;
    -moz-box-shadow: 0 1px 5px #888;
    -webkit-box-shadow: 0 1px 5px #888;
}

#lastfm .entry a .album {
    border-color: #666;
}

#lastfm .entry a:focus .album,
#lastfm .entry a:hover .album,
#lastfm .entry a:active .album {
    border-color: black;
}

#anidb p {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
}

#myfigurecollection .figures {
    margin: 1em 1ex;
    padding: 0;
    width: 380px;
}

#myfigurecollection .figures:after {
    display: block;
    clear: left;
    content: " ";
}

#myfigurecollection .figure {
    float: left;
    margin: 7px;
    padding: 0;
    display: block;
    position: relative;
}

#myfigurecollection .figure a {
    padding: 0;
    display: block;
    border: 1px solid black;
    -moz-box-shadow: 0 1px 5px #888;
    -webkit-box-shadow: 0 1px 5px #888;
    position: relative;
    text-decoration: none;
}

#myfigurecollection .figure .draft {
    position: absolute;
    top: 0;
    left: .25ex;
    text-transform: uppercase;
    color: white;
    text-shadow: black 1px 1px 0;
}

#myfigurecollection .figure .draft .bracket {
    display: none;
}

#myfigurecollection .figure .info {
    display: none;
    position: absolute;
    right: 70px;
    top: -1px;
    width: 45ex;
    background-color: white;
    background-color: rgba(255,255,255,.75);
    border: solid 1px #222;
    -moz-box-shadow: 0 1px 5px #888;
    -webkit-box-shadow: 0 1px 5px #888;
    z-index: 1;
}

#myfigurecollection .figure .info h3 {
    margin: 0;
    padding: .25em;
    background-color: #ddd;
    background-color: rgba(221,221,221,.5);
    font-size: 120%;
}

#myfigurecollection .figure .info p {
    margin: .25em 1ex;
    padding: 0;
}

#myfigurecollection .figure .info .state {
    margin: 0;
    padding: .25em 1ex;
    background-color: #ddd;
    background-color: rgba(221,221,221,.5);
    font-size: 95%;
    border-top: solid 1px #ccc;
}


#myfigurecollection .figure:hover .info {
    display: block;
}

#myfigurecollection .figure.ordered a {
    opacity: .65;
}

#myfigurecollection .figure.wished a {
    opacity: .45;
}

#myfigurecollection .figure.cat-2 a,
#myfigurecollection .figure.cat-2 .info {
    border-color: #0080FF;
}

#myfigurecollection .figure.cat-3 a,
#myfigurecollection .figure.cat-3 .info {
    border-color: #FF8000;
}

#myfigurecollection .figure.cat-8 a,
#myfigurecollection .figure.cat-8 .info {
    border-color: #808080;
}

#myfigurecollection .figure img {
    margin: 0;
    display: block;
}

#footer {
    clear: both;
    background-color: #eee;
    margin: 1em 0 0;
    padding: .15em .3em;
    border-top: solid 1px #bbb;
    font-size: 80%;
}

#footer p {
    margin: 0;
    padding: 0;
}

/* === adblock rules list === */
#adblock-categories {
	margin: 2em;
	padding: .2ex;
}

#adblock-categories .category {
	border: solid gray;
	border-width: 1px 0;
	padding: .2ex;
}

#adblock-categories .category+.category {
	border-top: none;
}

#adblock-categories .category .name {
	font-weight: bold;
}

#adblock-categories .rules {
	list-style: none;
	margin: 1em;
	padding: 0;
	border-left: 1px gray solid;
}

#adblock-categories .rules li {
	list-style: none;
	margin: .1em 0;
	padding: 0 0 0 .4ex;
}

.adblock-subscribe:link, .adblock-subscribe:visited {
	background-color: #555;
	color: white;
	font-weight: bold;
	width: 30ex;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: .75em;
	-moz-border-radius: 1ex;
	-webkit-border-radius: 1ex;
	border-radius: 1ex;
}

.adblock-subscribe:hover {
	background-color: #666;
}
/* --- end adblock rules list --- */
