/*
Style for andorchen.info/blog
(c)Andor Chen.
*/
*{
margin:0;
padding:0;
}
body{
background:#EEE url('bg.jpg') repeat left top;
color:#444;
font:14px baskerville, palatino, "palatino linotype", georgia, serif;
line-height:1.6;
}
.wrapper{
margin:0 auto;
width:540px;
}

h1{
font-size:160px;
line-height:1.3;
text-align:center;
text-shadow:2px 2px 2px #CCC;
-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(120,120,120,1)), to(rgba(255,255,255,0)));
}

#blank{
background-color:rgba(255,255,255,.6);
-webkit-border-radius:16px;
-moz-border-radius:16px;
-khtml-border-radius:16px;
-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);
-moz-box-shadow:0 0 8px rgba(0,0,0,0.3);
-khtml-box-shadow:0 0 8px rgba(0,0,0,0.3);
margin:-60px auto 20px;
padding:20px 0;
width:500px;
position:relative;
z-index:99;
}
.rectangle{
background-color:#7F9DB9;
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 4px rgba(0,0,0,0.5);
-khtml-box-shadow:0 0 4px rgba(0,0,0,0.5);
width:540px;
height:50px;
line-height:50px;
margin-left:-20px;
}
h2{
color:#FFF;
font-size:24px;
text-shadow:1px 1px 1px rgba(0,0,0,.5);
text-align:center;
}
.l-angle, .r-angle{
border-color:transparent #7D90A3 transparent transparent;
border-width:20px;
border-style:solid;
height:0;
width:0;
position:absolute;
top:50px;
left:-40px;
z-index:-1;
}
.r-angle{
border-color:transparent transparent transparent #7D90A3;
left:500px;
}

ul{
list-style-type:none;
margin-top:24px;
}
ul li{
border-bottom:2px solid rgba(0,0,0,0.03);
line-height:36px;
padding:0 24px;
overflow:hidden;
}
ul:first-child{
border-top:2px solid rgba(0,0,0,0.03);
}
ul li h3{
font-size:14px;
float:left;
margin-right:8px;
}
ul li span{
color:#888;
display:block;
float:right;
}
ul li h3 a{
color:#C4591E;
text-decoration:none;
text-shadow:1px 1px 1px #CCC;
}
ul li h3 a:hover{
text-decoration:underline;
}

h5, h6{
font-size:12px;
text-align:center;
}
h5 a, h6 a{
color:#444;
}
h5 a:hover, h6 a:hover{
color:#888;
}