@import "./common/default.css";



html * {
box-sizing      : content-box;
-moz-box-sizing : content-box;
}



html {
}

html,body {
overflow-x: hidden;
}

* html body {
height: 100%;
}

body {
text-align: center;
}

div#hello {
position: fixed;
bottom: 5%;
width: 100%;
}
div#hello p {
width: 90%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
color: #666;
font-size: small;
text-align: left;
line-height: 1.6;
}


div#information {
position: absolute;
top: 50%;
left: 0%;
width: 100%;
height: 400px;
margin-top: -200px;
}

h2 {
background: url(../images/4-D.jpg) no-repeat center;
width: 100%;
height: 200px;
}

ol {
}
ol li {
width: 100%;
margin: 0px auto;
line-height: 2;
}


ol li a,
ol li a:link,
ol li a:visited {
display: block;
font-size: small;
padding: 5px;
text-align: center;
color: #333;
background-color: transparent;
text-decoration: underline;
}

ol li#first a:active,
ol li#first a:focus,
ol li#first a:hover {
display: block;
font-size: small;
padding: 5px;
text-align: center;
color: #fff;
background-color: #bbc2dc;
text-decoration: none;
}

ol li#second a:active,
ol li#second a:focus,
ol li#second a:hover {
display: block;
font-size: small;
padding: 4px;
text-align: center;
color: #333;
background-color: #transparent;
border: 1px solid #000;
text-decoration: none;
}

ol li#third a:active,
ol li#third a:focus,
ol li#third a:hover {
display: block;
font-size: small;
padding: 5px;
text-align: center;
color: #fff;
background-color: #e5015a;
text-decoration: none;
}

ol li#fourth a:active,
ol li#fourth a:focus,
ol li#fourth a:hover {
display: block;
font-size: small;
padding: 5px;
text-align: center;
color: #fff;
background-color: #d5cb74;
text-decoration: none;
}




/* author profile */

h2.author {
background: url(../images/author-photo-dec2008.jpg) no-repeat center;
width: 100%;
height: 300px;
}

p.caption {
width: 480px;
margin: 0px auto;
font-size: x-small;
text-align: right;
}

p {
width: 480px;
margin: 0px auto;
padding: 1em;
font-size: small;
text-align: left;
line-height: 2;
}

ul {
width: 480px;
margin: 0px auto;
padding: 2em;
}
ul li {
font-size: small;
text-align: left;
line-height: 2;
}

a,
a:link,
a:visited {
font-size: small;
color: #333;
text-decoration: underline;
}

a:active,
a:focus,
a:hover {
font-size: small;
color: #333;
text-decoration: none;
}


p.home {
padding: 2em 0 150px 0;
}

p.home a,
p.home a:link,
p.home a:visited {
display: block;
font-size: small;
color: #fff;
background-color: #000;
padding: 5px;
text-align: center;
text-decoration: underline;
}

p.home a:active,
p.home a:focus,
p.home a:hover {
display: block;
font-size: small;
color: #333;
padding: 5px;
text-align: center;
background-color: transparent;
text-decoration: none;
}