/*   
Theme Name: astralxvii
Theme URI: http://astralis.17n.info/
Description: astral for 17n
Author: canaki
Author URI: http://astralis.17n.info/
Version: 1.0
*/

/* ===== import ======================= */
@import url('https://fonts.googleapis.com/css?family=Tangerine');
/* ===== Common ======================= */
*{
margin:0;padding:0;
font-family:'Lucida Sans Unicode',Verdana,'メイリオ',sans-serif;
font-style:normal;
font-size:small;
font-weight:normal;
}
body{
background:#000 url('lastletter.jpg') no-repeat center center fixed;
color:#fff;
}
h1, h1 *{
font-family: 'Tangerine', cursive;
font-size:40px;
}

h1 a{
display:block;
margin:70px auto 0 auto;
padding-top:140px;
height:40px;
width:160px;
text-align:center;
text-decoration:none;
line-height:40px;
}

a{
color:#36acc8;
transition:all 0.3s linear 0;
}
a:hover{
color:#fff;
text-decoration:none;
text-shadow:0px 0px 10px #FFD700,
0px 0px 20px #FFD700,
0px 0px 30px #FFD700,
0px 0px 40px #FFD700,
0px 0px 50px #FFD700,
0px 0px 60px #FFD700;
}
a.banner img{
opacity:0.8;
}
a.banner:hover img{
opacity:1;
}
h1 a{color:#000;}
h1 a:hover{
text-shadow:0 0 7px #ac58a3,0 0 20px #ac58a3;
color:#000;
}
h2{
font-size:x-large;
font-weight:bold;
}
h2 a{
text-decoration:none;
}
h3{
background:url("stripe.png") repeat-y left top;
margin:10px 0px;
padding:5px 14px;
}

p+h3, ul+h3, ol+h3, dl+h3{
margin-top:20px;
}

hr{display:none;}

#menu .menu-icons li{
display:inline;
}
#foot{
text-align:right;
color:#555;
}
.text p{
line-height:180%;
padding:5px;
}
.text ul{
margin:5px 5px 5px 20px;
line-height:150%;
}

.text ul.status{
text-align:right;
list-style-type:none;
}
.text ul.status li{
display:inline;
margin-left:10px;
}
ul.editlink{
margin:30px 0 50px 0;
text-align:right;
list-style-type:none;
}

/* ===== 普通の画面用 ======================= */
@media screen and (min-width: 400px) {
html, body{height:100%;}
body{
background-size:cover;
}
#wrap{
position:relative;
min-height:100%;
width:calc(96% - 170px);
margin:0 auto 0 170px;
padding:0;
border-left:1px dashed #03485e;
}
#head{
z-index:3;
position:fixed;
top:0px;left:0px;
width:170px;
height:250px;
background:url('polaroid.jpg') no-repeat center bottom;
}
#menu{
z-index:2;
position:fixed;
top:250px;
left:0;
width:170px;
height:calc(100% - 250px);
overflow:auto;
}
#main{
z-index:1;
position:static;
padding:100px 0 60px 5px;
width:calc(100% - 170px);
}
#foot{
z-index:2;
position:absolute;
bottom:0;
width:100%;
height:50px;
background:#000;
}

#menu ul.menu{
position:fixed;
top:250px;
height:50px;
width:170px;
line-height:50px;
text-align:center;
}
#menu ul.menu li{
display:inline;
}
#menu ul.menu a{
display:inline-block;
}
#menu ul.menu-icons{
position:fixed;
top:300px;
height:17px;
width:80px;
margin:0 5px 0 85px;
}
#menu dl.archivelist{
position:fixed;
top:340px;
width:170px;
height:calc(100% - 330px);
}
#menu dl.archivelist dt{
height:20px;
padding:0 0 0 15px;
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(22,72,99,1) 100%);
font-weight:bold;
}
#menu dl.archivelist dd{
padding:0 0 0 30px;
height:100%;
}
#menu dl.archivelist dd ul{
list-style-type:none;
}
#menu dl.archivelist dd p{
margin-top:20px;
}

.text{
margin:10px 20px 40px 50px;
background-color: rgba(0,0,0,0.5);
}
div.text ul.status{
margin-left:-50px;
border-top:1px dashed #03485e;
}

} /* = 画面制限ここまで = */
/* ===== 小さい画面用 ======================= */
@media screen and (max-width: 399px) {

}

/* ===== pluginなど ======================= */
#preview, #tooltip{
	z-index:4;
	position: absolute;
	border: 3px solid #333;
	background: #444;
	padding: 5px;
	display: none;
	color: #FFF;
	text-align: center;
}
.rss, .atom, .clap, .twitter{
display:inline-block;
overflow:hidden;
text-indent:-9999px;
text-align:left;
}
.rss, .atom{
width:12px;
height:12px;
}
.rss{
background:url('rss.png') no-repeat center center;
}
.atom{
background:url('atom.png') no-repeat center center;
}
.clap{
width:17px;
height:17px;
background:url('clap.gif') no-repeat center center;
}
.twitter{
width:21px;
height:17px;
background:url('twitter.gif') no-repeat center center;
}
.extra{
position:absolute;
bottom:10px;left:0px;
width:10px;height:10px;
background:#000;
color:#000;
opacity:0.0;
overflow:hidden;
}