<!--ADULTSONLY-->
<html><head>
<SCRIPT LANGUAGE=JavaScript SRC=http://www.asstr-mirror.org/scripts/common.js></script>
<SCRIPT LANGUAGE=JavaScript SRC=http://www.asstr-mirror.org/scripts/scroller2.js></script>
<SCRIPT Language="Javascript">
<!--
runScroller();
//-->
</SCRIPT>
<pre>
* {
margin:0;
padding:0;
}
body, html {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0;
padding: 0;
color: #4e4e4e;
height: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-size: 130%;
letter-spacing:2px;
margin-top: 0;
padding-right: 0px;
padding-left: 10px;
padding-bottom:15px;
color: #DB1B0D;
}
blockquote {margin:0 2em; padding:0;}
.content p {
margin-top: 10px;
padding-right: 10px;
padding-left: 10px;
margin-bottom:15px;
text-align:justify;
}
.content a {
text-decoration:none;
}
.content a:hover {
text-decoration:underline;
color: #DB1B0D;
}
a {
color: #3387d6;
text-decoration: underline;
}
a:hover, a:active, a:focus {
color:#3387d6;
text-decoration: none;
}
header {
float:left;
color:#fff;
font-size:30px;
text-shadow:2px 2px 3px #000;
background-color: #A1A1A1;
border-bottom: 1px solid #000;
}
.headerPic {
float:left;
}
.title {
padding-top: 100px;
padding-left: 400px;
}
header p {
color:#D8D8D8;
font-size:20px;
text-shadow:2px 2px 3px #000;
}
.headerPic img {
height: 300px;
}
.sidebarTextBlock p {
padding-bottom:0px;
margin-top: 10px;
padding-right: 0px;
padding-left: 10px;
margin-bottom:15px;
}
.footer {
padding: 10px 0;
position: relative;
clear: both;
border-top:1px solid #a4a4a4;
text-align:center;
}
.container {
width: 100%;
}
.sidebar1 {
padding: 10px 0;
float: left;
width: 20%;
font-size: 90%;
}
.sidebar1 a {
text-decoration:none;
}
.sidebar1 a:hover {
text-decoration:underline;
color: #DB1B0D;
}
.content {
height: 100%;
padding: 10px;
width: 60%;
float: left;
border-right:1px solid #a4a4a4;
border-left:1px solid #a4a4a4;
}
.sidebar2 {
font-size: 90%;
padding: 10px 0;
float: left;
}
.sidebar2 a {
padding-left: 8px;
text-decoration:none;
color: #4e4e4e;
}
.sidebar2 a:hover {
padding-left: 8px;
text-decoration:underline;
color: #DB1B0D;
}
.icons {
vertical-align:bottom;
}
input[type="text"], textarea {
background-color : #d1d1d1;
}
.bor {
border: 1px solid #000;
border-radius: 7px;
padding-left:5px;
}
/* for 980px or less */
@media screen and (max-width: 960px) {
.container {
width: 100%;
}
.content {
width: 58%;
}
.sidebar1 {
width: 22%;
}
.sidebar2 {
width: 15%;
}
}
/* for 768px or less */
@media screen and (max-width: 768px) {
.header {
height:120px;
}
.content {
width: auto;
float: none;
}
.sidebar1 {
width: auto;
float: none;
border-bottom:1px solid #dcdcdc;
border-right:none;
padding-top:15px;
}
.sidebar2 {
width: auto;
float: none;
border-top:1px solid #dcdcdc;
border-left:none;
padding-top:15px;
}
}
/* for 480px or less */
@media screen and (max-width: 480px) {
.headerTop {
margin-top:0px;
}
.headerTop h1 {
font-size: 14px;
padding:20px 0 0 15px;
}
h2 {
font-size:14px;
}
.sidebar1 {
display:none;
}
.header .socialIcons {
float:right;
padding:3px;
}
nav ul {
font-size:14px;
}
nav ul li a {
padding: 10px 14px;
}
.footer {
font-size:10px;
}
}
img {
max-width: 100%;
height: auto;
width: auto;
}