/* ########## MAIN PAGE CSS ########## */
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 {
background: transparent;
outline: 0;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
}
html{
min-width:100%;
min-height:100%;
}
body{
margin:0;
padding:0;
height:100%;
font-family:"Arial";
line-height:24px;
font-size:16px;
background-image:url(http://i1238.photobucket.com/albums/ff481/hanzokimura/DM-1.png), url(http://i1238.photobucket.com/albums/ff481/hanzokimura/DLM-1.jpg);
background-position: center top, right bottom;
background-repeat:no-repeat;
background-attachment: scroll , fixed;
background-color: #FbFbFb;
}
div.wrap{
margin:auto auto;
padding:40px 0 0 0;
width:1000px;
min-height:100%;}
a {color:#900000;
text-decoration:none;
}
a:hover{
color:#111;
}
h1{
color:#333;
letter-spacing:-4px;}
h1.h1title{
color:#111;
font-size:64px;
text-shadow:#fff 0px 1px 0, #000 0 -1px 0;
letter-spacing:-6px;
margin: 24px 0 -17px 0;
max-width:670px;
display:inline;}
h1.h1title:hover{
text-decoration:none;
color:#900000;}
a.titlelink{
display:inline;
text-decoration:none;}
h2{
color:#900000;
letter-spacing:-1px;
}
h2 p{
margin:0;
padding:0;
}
/* ########## TITLE, ICONS & SEARCH ########## */
iframe#tumblr_controls{
position: absolute;
z-index: 1337;
top: 0px;
right: 89px !important;
border: 0px;
background-color: transparent;
overflow: hidden;
}
div#instaltheme{
background-image: url('http://static.tumblr.com/wn0cr0d/XGtlzy8ze/install.png');
background-repeat:no-repeat;
width: 86px;
height: 20px;
position: absolute;
top: 3px;
right: 3px;
z-index: 99;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */}
div.titlebox{
float:left;
max-width:670px;
line-height:50px;
margin-bottom:-80px;}
div.icons{
float:right;
height:67px;
margin-top: 15px;
clear:left;}
div.icons a{
float:right;}
div.icons .twitter{
height:67px;
width:102px;
background-image:url(http://static.tumblr.com/wn0cr0d/8Cjlzhn8a/twitter-sprite.png);
}
div.icons .twitter:hover{
background-position:0 67px;
}
div.icons .rss{
height:67px;
width:82px;
background-image:url(http://i1238.photobucket.com/albums/ff481/hanzokimura/fb-sprite.png);
margin:0 5px 0 0;}
div.icons .rss:hover{
background-position:0 67px;
}
div.icons .add{
height:66px;
width:70px;
background-image:url(http://static.tumblr.com/wn0cr0d/KvRlzhnhf/add-sprite.png);
margin:1px 20px 0 0;}
div.icons .add:hover{
background-position:0 66px;
}
div#titlehover{
clear:both;
width:1000px;
height:0px;
border-style:solid none solid none;
border-width:3px;}
div.twitterhover{
border-color:#5dd7fc;
}
div#navigation a.twitterhover{
background-color:#5dd7fc!important;
}
div.rsshover{
border-color:#012e6c;
}
div#navigation a.rsshover{
background-color:#012e6c!important;
}
div.addhover{
border-color:#900000;
}
div#navigation a.addhover{
background-color:#900000!important;
}
div.searchbox{
margin: -30px 0 25px 0;
}
input.search{
float:left;
border-width:1px;
border-color:#e1e1e1;
}
input.gosearch{
margin:3px;
width:17px;
height:17px}
/* ########## NAVIGATION CSS ########## */
div#navigation{
width:900px;
min-height:25px;
margin:0 0 55px 0;}
div#navigation a{
background-color:black;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
letter-spacing:-1px;
text-transform:uppercase;
margin:0 5px 0 0;
padding:5px 15px 7px 15px;
font-size:14px;}
div#navigation a:hover{
color:black;
background-color:white;
border-style:solid;
border-color:#000;
border-width:1px;
margin:0 3px 0 0;
}
/* ########## PROFILE AND FOLLOWING BAR CSS ########## */
div.profile{
clear:both;
float:right;
width:307px;
margin: -25px 0 40px 0;
}
img.profileimage{
margin-left:145px;
border-style:solid;
border-width:5px;
border-color:black;
-webkit-box-shadow: 2px 2px 3px 0px #999;
-moz-box-shadow: 2px 2px 3px 0px #999;
box-shadow: 2px 2px 3px 0px #999;
z-index:10;
margin-bottom: -50px;
position:relative;}
div.profileinner{
width:275px;
padding: 35px 15px 15px 15px;
border-style:solid;
border-color:#ccc;
border-width:1px;
background-color:white;
-webkit-box-shadow: inset 0px 0px 60px 10px #EEE;
-moz-box-shadow: inset 0px 0px 60px 10px #EEE;
box-shadow: inset 0px 0px 60px 10px #EEE;
z-index:-1;
overflow:hidden;
}
div.profileinner div#profiledescription img{
width:273px;
height:auto;
border-style:solid;
border-width:1px;}
div.profileinner h2{
margin:30px 0 15px 0;
color:#333;
text-shadow: 0px 1px 0px #e1e1e8;
border-style: none none solid none;
border-width: 1px;
border-color: #666;
padding-bottom: 7px;}
img.followedpic{
border-style:solid;
border-color:black;
border-width:1px;
margin-right:1px;}
img.followedpic:hover{
border-color:#900000;
}
/* ########## DATE & ICON CSS ########## */
a.datetag{
color:white;
background-color:#222;
font-size:12px;
padding:5px 10px 6px 12px;
display:inline;
border-style:solid;
border-width:2px;
border-color:#000;
margin:0;
height:40px;}
a.datetag:hover{
color:white;
text-decoration:underline;}
div.datetab{
float:right;
height:42px;
position:relative;
left:35px;
bottom:5px;
display:inline;
background-image:url(http://static.tumblr.com/54yyynm/VZPlze0lb/datetab.png);
background-repeat:no-repeat;
background-position:right bottom;
}
div.posticon{
float:left;
margin:-43px 10px 0 -50px;
z-index:10;}
div.posticon img{
width:65px;
height:72px;}
/* ########## ALL POSTS CSS ########## */
div#allposts{
width:610px;
float:left;
position:relative;
bottom: 20px;}
div.postouter{
width:610px;
padding:0 40px 42px 45px;
background-image:url(http://static.tumblr.com/54yyynm/esnlzf8fp/shadow.png);
background-repeat:no-repeat;
background-position:left bottom;
margin:10px 0 25px -45px;
}
div.photopostouter{
width:610px;
padding:0 40px 37px 45px;
background-image:url(http://static.tumblr.com/54yyynm/esnlzf8fp/shadow.png);
background-repeat:no-repeat;
background-position:left bottom;
margin:10px 0 20px -45px;
}
div.photopostouter .datetab
{position:relative;
left:15px;
top:27px;
}
div.photopostouter .posticon
{
float:left;
margin:0 0 0 0;
position:relative;
right:30px;
bottom:16px;}
div.photopostouter iframe{
width:600px;
margin:-75px 0 0 0;
border-style:solid;
border-color:black;
border-width:5px;}
div#photoset{
margin-left:36px;
padding: 0 0 28px 0;}
div.post{
width:570px;
border-style:solid;
border-color:#000;
border-width:5px;
padding:20px 15px 10px 15px;
background-color:white;
}
div.post img{
max-width:570px;
}
div.post h2{
color:#900000;
margin:0;
padding:0;
letter-spacing:-2px;
font-size:24px;
max-width:430px;
display:inline;
}
div.post a.posttitle{
text-decoration:none;
}
div.post h2:hover
{
color:#111;}
div.post .audio_player{
margin: 20px 0 0 0;
min-height: 110px;}
img.photopost{
border-style:solid;
border-color:black;
border-width:5px;
width:600px;
height:auto;
margin:-75px 0 0 0}
div.videowrap{
z-index:-999;
}
div#photonote{
margin: -50px 0 0 20px;
}
div#photonote a.notecount:hover
{
color:white;
}
h2#quote{
font-size:36px;
line-height:32px;
}
div#quotesource{
margin: 5px 0 20px 0;
font-size:26px;}
a.quotesource{
font-weight:bold;
letter-spacing:-1px;
color:#111;
font-size:26px;}
a.quotesource a{
font-weight:bold;
letter-spacing:-1px;
color:#111;
font-size:26px;}
p.chatline{
border-style: none none solid none;
border-color: #CCC;
border-width: 1px;
padding: 7px 0 7px 0;
margin: 0px;}
span#answer p:first-child
{
margin-top:0;
padding-top:0;
}
div#answerpost{
min-height:125px;
}
div#answerpost img{
margin:0 10px 10px 0;
border-style:solid;
border-color:black;
border-width:3px;
float:left;
clear:left;}
div#answerpost div#questionbreak{
width:568px;
height:10px;
margin:0px;
padding:0px;
border-style:solid none none none;
border-width:1px;
border-color:#555;
clear:left;}
div.photopostouter div.notes{
margin: 35px 0 26px 0;
}
img.albumart{
width: 100px;
float: left;
margin: 19px 10px 15px 0;
}
/* ########## SOURCE, NOTES & TAGS CSS ########## */
div#photometa{
width: 590px;
position:relative;
bottom:55px;}
div#photometa div#photonote{
margin:0
}
div#photometa div#source
{
margin:0;
}
div#photometa h2{
color:#900000;
margin: 30px 0 10px 0;}
div#photometa h2:hover{
color:#111111;
}
div#source{
clear:left;
font-size: 12px;
margin: 0 0 10px 0;
}
div.notes
{font-size:12px;
font-weight:bold;}
div.notes a{
text-decoration:none;
color:#900000;
}
div.notes a:hover{
color:#333;
text-decoration:underline;}
div.notes ol{
list-style-type:none;
padding:0;
border-style:solid none none none;
border-color:#CCC;
border-width:1px;
width: 570px;}
div.notes li{
padding:7px 0 10px 0;
border-style:none none solid none;
border-color:#CCC;
border-width:1px;
width: 570px;}
div.notes .avatar{
padding:1px;
border-style:solid;
border-width:1px;
position: relative;
top: 6px;
margin: 0 5px 0 0;}
div.notes blockquote{
margin: 10px 0 0 28px;
background-color: #F6F6F6;
padding: 5px;}
div.notes blockquote a{
font-weight:normal;
color:#555;
}
div.notes blockquote a:hover{
text-decoration:none;
color:#900000;}
a.notecount{
font-size:15px;
font-weight:bold;
text-decoration:none;
color:black;
margin-right:15px;
}
a.notecount:hover{
color:#900000;
}
a.notecount img{
height: 22px;
position: relative;
top: 5px;
margin: 0 5px 0 0;
}
div#reblogged
{
display: inline;
font-size: 14px;
font-weight: bold;
margin-left: 10px;
}
div#reblogged img
{
position: relative;
top: 5px;
margin-right: 5px;
width: 23px;
}
span.tags
{
font-size:14px;
font-weight:bold;
}
span.tags a
{
background-color: black;
color: white;
padding: 3px 6px 3px 3px;
font-size: 12px;
margin-right:2px;}
span.tags a:hover{
background-color:#900000;}
/* ########## DISQUS CSS ########## */
div#disqus_thread
{
width: 570px;
padding: 0 15px 0 15px;
border-style: solid;
border-color: black;
border-width:5px;
background-color: white;
margin-top: -35px;
margin-bottom: 25px;
overflow:hidden;}
ul#dsq-footer
{
display:none;
}
/* ########## PAGINATION & FOOTER CSS ########## */
div.pagination{
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
width: 595px;
margin: 0 0 30px 0;}
div.pagination a{
margin-right:10px;}
div.pagination a:hover{
color:#111}
div.footer{
width:1000px;
border-style:solid none none none;
border-width:5px;
border-color:#000;
clear:both;
padding:0 0 25px 0;}
div.footer span{
background-color:black;
color:white;
font-size:12px;
font-weight:bold;
padding:8px 12px 8px 12px;}
div.footer span a{
text-decoration:none;
color:white;}
div.footer span a:hover{
text-decoration:underline;}