@import url(base-weblog.css);

/* 
name: Sideways
designer: Li'ao Wang
designer_url: http://aery.livejournal.com
description: Black, simple, clean. The unique thing about this layout is that it scrolls horizontally rather than vertically. The block with the journal title can be edited through a .psd file that is included.
*/

body {
background-color: #FFFFFF;
color: #00000;
font-family: "Trebuchet MS", sans-serif;
margin: 0px;
}

a {
color: red;
text-decoration: none;
}

a:hover {
color: blue;
cursor: crosshair;
}

img {
border: none;
}

* html .pkg { 
display: inline; 
}

.pkg:after {
display: none;
}

.date-header, .entry-content, .entry, .trackbacks, .comments, .archive {
clear: none;
}

#container {
width: 300%;
margin: 100px 0px 0px 0px;
}

#banner {
background-color: #171717;
background-image: url(2.jpg);
background-repeat: no-repeat;
background-position: center left;
float: left;
height: 300px;
width: 300px;
}

#banner-header {
display: none;
}

#banner-description {
color: #373737;
text-transform: lowercase;
font-size: 10px;
font-weight: normal;
position: absolute;
top: 290px;
left: 1px;
}

#banner-description a {
color: #373737;
}

#pagebody { 
position: static; 
width: auto; 
}

#pagebody-inner { 
position: static; 
width: auto; 
}

.date-header {
font-size: 10px;
text-transform: lowercase;
font-weight: normal;
float: left;
position: relative;
top: -30px;
left: 20px;
margin-right: -60px;
}

.content-nav {
position: relative;
top: -35px;
left: 20px;
text-transform: lowercase;
margin-bottom: -10px;	
}

.content-nav a {
color: #5a5a5a;
}

.entry {
float: left;
width: 345px;
padding: 0px 10px 0px 10px;
position: relative;
top: -10px;
text-align: justify;
}

.entry img {
border: 1px dotted #ffffff;
padding: 3px;
margin: 5px;
}

.entry img:hover {
width: auto;
height: auto;
filter: alpha(opacity=100);
border: 1px dotted #5a5a5a;
}

.entry-userpic {
display: none;
}

.entry-header {
color: #000000;
font-size: 12px;
font-weight: bold;
padding: 0px 0px 10px 0px;
border-bottom: 1px dotted #5a5a5a;
}

.entry-body {
color: #000000;
font-size: 12px;
}

.entry-body blockquote {
background-image: url(1.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-left: 17px;
}

.entry-body li {
list-style: circle;
list-style-image: url(3.jpg);
}

.entry-more-link {
background-color: #171717;
border: 1px dotted #5a5a5a;
padding: 3px 6px 3px 6px;
}

.entry-footer {
border-top: 1px dotted #5a5a5a;
padding: 10px 0px 0px 0px;
margin: 10px 0px 0px 0px;
text-align: right;
text-transform: lowercase;
}

.post-footers {
display: block;
color: #5a5a5a;
}

.separator {
display: none;
}

.trackbacks, .comments {
float: left;
width: 300px;
padding: 0px 10px 0px 10px;
position: relative;
top: -10px;
text-align: justify;
}

.trackbacks-header {
color: #ffffff;
font-size: 11px;
font-weight: bold;
text-transform: lowercase;
padding: 0px 0px 10px 0px;
border-bottom: 1px dotted #5a5a5a;
}

.trackback-content {
padding-left: 10px;
}

.trackback-footer {
text-align: right;
}

.comments-header, .comments-open-header {
color: #ffffff;
font-size: 11px;
font-weight: bold;
text-transform: lowercase;
padding: 0px;
margin-bottom: 10px;
}

.comment, .comments-open-content {
padding: 0px;
border-top: 1px dotted #5a5a5a;
}

.comment-userpic {
display: none;
}

.comment-footer {
text-align: right;
}

input, textarea { 
font-family: "Trebuchet MS"; 
font-size: 12px; 
}

.layout-two-column-right #beta {
float: left;
width: 300px;                                    
padding-left: 20px;
margin-left: 10px;
border-left: 1px dotted #5a5a5a;
}

.module {
color: #8B0B3F;
}

.module li {
list-style: none;
margin: 0px;
padding: 0px 0px 0px 5px;
}

.module li a {
padding-left: 13px;
}

.module li a:hover {
background-image: url(3.jpg);
background-repeat: no-repeat;
background-position: center left;
color: #8b0b3f;
}

.module-header {
font-size: 10px;
text-transform: lowercase;
font-weight: normal;
color: #5a5a5a;
}

.module-header a, .module-header a:hover {
color: #5a5a5a;
}

.module-header:before {
content: "&";
}

.module-header:after {
content: ";";
}

.module-syndicate {
background-image: url(4.jpg);
background-repeat: no-repeat;
background-position: top left;
}

.module-syndicate .module-content {
color: #000000;
}

.module-syndicate a, .module-powered a {
color: #000000;
opacity: 0;
filter: alpha(opacity=0);
}

.module-syndicate a:hover, .module-powered a:hover {
opacity: 1;
filter: alpha(opacity=100);
color: #8b0b3f;
padding-left: 20px;
}

.module-powered {
background-image: url(5.jpg);
background-repeat: no-repeat;
background-position: top left;
}

.module-powered .module-content {
margin-top: -15px;
}