body {
padding:0;
margin:0;
font-family: 'Open Sans', sans-serif;
background-color:#FFFFFF;
background-image:url(http://assets.tumblr.com/images/x.gif);
font-size:11px;
color:#555555;}
a { text-decoration:none;
color:#000000;
}
a:hover {
color:#000000;
background-color:#FFFF00;
}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
:-moz-any-link:focus{outline: none;}
img{border:none;}
p{margin: 0;padding: 0;}
#tumblr_controls{position:fixed !important;}
.clear {clear:both;}
#center{
width:890px;
margin: auto;}
/*** Container Styles ***/
.container{
width:400px;
margin-top:30px;
margin-bottom: 30px;
position:relative;
background-color:#FFFFFF;
padding:30px 100px 30px 100px;
}
/*** Post Styles ***/
.container .post{
width:400px;
position: relative;
margin-bottom:30px;}
.container .post img{
max-width:400px;}
.container .post .border_bottom{
margin:10px 0;
border-bottom: 1px solid #DDDDDD;
display:none;
}
/*** Permalink Styles ***/
.container .post .perma{
margin:10px 0;}
.container .post .perma .border{
width:400px;
border-top:1px solid #DDDDDD;}
/*** Permalink[side] Styles ***/
.container .post .side_perma{
margin-left:-90px;
position:absolute;
padding:10px 5px 2px;
width:70px;
background-color:#FFFFFF;
}
.container .post .source{
padding:10px 5px 10px;}
.container .post .side_perma .border{
width:70px;
border-top:1px solid #DDDDDD;}
.container .post .side_perma .type{
margin-top:-8px;
width:70px;
text-align:center;
font-weight:700;
color:;}
.container .post .side_perma .type a:hover{
color:#000000;
background-color:#FFFF00;
}
.container .post .side_perma .type a{
color:#000000;
background-color:#FFFFFF;
padding: 0 4px;}
.container .post .side_perma .permalinks{
font-size: 9px;
margin-top: 10px;
overflow: hidden;
text-align: center;
width: 70px;}
.container .post .side_perma .permalinks a{
padding:0 2px;}
.container .post .side_perma .tags{
font-size: 9px;
display:block;
margin: 2px 0;
text-align: center;}
/*** Permalink[other side] Styles ***/
.container .post .side_perma_right{
margin-left:410px;
bottom:0px;
position:absolute;
padding:10px 5px 0;
width:70px;
background-color:#FFFFFF;
}
.container .post:hover .side_perma_right{
}
.container .post .side_perma_right .border{
margin:15px 0 0;
border-bottom:1px solid #DDDDDD;}
.container .post .side_perma_right .info_title{
margin-top:-8px;
width:70px;
font-weight:700;
color:;
text-align:center;}
.container .post .side_perma_right .info_title a{
color:#000000;
background-color:#FFFFFF;
padding: 0 4px;}
.container .post .side_perma_right .info_title a:hover{
color:#000000;
background-color:#FFFF00;
}
.container .post .side_perma_right .info a{
font-size: 9px;
padding: 0 2px;}
.container .post h3{
font-size: 13px;
margin:5px 0 7px;
padding:0 0 5px;
color:#000000;}
.container h4{
font-weight:700;
font-size:11px}
.container h5{
font-size: 12px;
margin: 5px 0;
border-bottom:1px solid #DDDDDD;
color: #000000;
padding: 0 0 5px;}
.container .post-infos{
margin: 0 0 15px;}
.container .album{
width:100px;
float:left;
background-color:rgba(0,0,0,0.1);
padding:5px 5px 3px;
margin:0 15px 10px 0;}
.container .album img{
width:100px;
height:auto;}
.container .audio{
width:390px;
height:27px;
padding:5px;
margin:0 0 15px;
float:left;
opacity:0.1;
background:black;}
.container .caption{
font-size:10px;
margin:5px 0 15px;}
.container .asker_portrait{
float:left;
width:30px;
margin-right:10px;}
.container .question{
float: left;
font-size: 10px;
font-weight: bold;
margin: 0 0 15px;
width: 360px;}
.container .answer{
margin-top:10px;}
/*** Sidebar Styles ***/
.sidebar{
width:200px;
padding:30px;
font-size:10px;
background-color:#FFFFFF;
position:absolute;
margin-left:630px;
}
.sidebar .portrait{
margin:0 0 10px;
max-width:200px;
height:auto;}
.sidebar .portrait img{
max-width:200px;}
.sidebar img{
opacity:1;
}
.sidebar img:hover{
opacity:0.6;
}
.sidebar h1{
margin:0 0 15px;
padding:1px 5px 3px;
color:#000000;
border-bottom: 1px solid #DDDDDD;
}
.sidebar h1:hover {
color:#000000;
background-color:#FFFF00;
}
.sidebar h3{
font-size: 13px;
margin:25px 0 7px;
padding:0 0 5px;
color:#000000;
border-bottom: 1px solid #DDDDDD;}
.sidebar .links{
margin:0;
padding:0;
line-height:15px;
list-style:none;}
.sidebar .links li{
width:auto;
display:inline;
clear:both;
padding: 0 5px;
}
.sidebar .links li:hover {
color:#000000;
background-color:#FFFF00;
}
.navi {
font-size:10px;}
.navi .prev{
text-align:left;
padding: 0 2px;}
.navi .next{
float:right;
padding: 0 2px;}
.page_jump {
left: 50%;
margin-left: -100px;
position: absolute;
text-align: center;
width: 200px;}
.page_jump a{
padding:0 2px;
margin:0 2px;}
.tags_perma a{
text-decoration:none;
padding:0 1px;
color:#000000;
background-color:transparent;}
.tags_perma a:hover{
color:#000000;
background-color:#FFFF00;}
ol.notes {
padding: 0px;
margin: 10px 0px;
list-style-type: none;}
ol.notes a{
text-decoration:none;
padding:0 1px;
color:#000000;
background-color:transparent;}
ol.notes a:hover{
color:#000000;
background-color:#FFFF00;}
ol.notes li.note {
padding: 4px;}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;}
ol.notes li.note span.action a{
font-weight: bold;}
ol.notes li.note .answer_content {
font-weight: normal;}
ol.notes li.note blockquote {
padding: 4px 10px;
margin: 10px 0 3px 25px;}
ol.notes li.note blockquote a {
text-decoration: none;}
