/*
    Theme Name: The Journey
    Theme URI: http://www.chronicled.org
    Description: A darker theme for a wintery feel.
    Version: 2006
    Author: Rio Akasaka
    Author URI: http://www.chronicled.org
*/

/*  

    Please note that this stylesheet is available simply 
    as a guide to web designers (I'm one myself) and is 
    not available for copying. I'm sure you know that I
    wouldn't like to come across my website if it's not
    on my domain.

*/

body {
width: 100%;
margin: 0 auto; 
font-family: Georgia;
background: #ffffff;
color: #484848;
font-size: 14px;
}
.hidden {
display:none;
}
.main {
width:600px;
background: #ffffff;
}
.header {
width:547px;
height: 79px;
background: url(header.jpg) no-repeat;
}
.mast {
width:100%;
height: 79px;
background: url(mast.jpg) repeat-x;
}
.left {
width: 138px;
float:left;
}
.right {
width: 224px;
float:left;
}
.right p {
padding-top:45px;
padding-left:10px;
padding-right:10px;
font-size:85%;
}
.intro {
width: 410px;
height: 135px;
background: url(intro.jpg) no-repeat;
}
.middle {
width: 410px;
float:left;
background: url(lines.jpg) repeat-y;
}
.middle p {
text-align:justify;
padding-left:20px;
padding-right:20px;
}
.odds {
margin-top:30px;
width: 224px;
float:left;
background: url(odds.jpg) no-repeat;
}
.about {
margin-top:30px;
width: 224px;
float:left;
background: url(about.jpg) no-repeat;
}
h2 { 
padding-left:20px;
font-size:20px;
font-weight: normal;
font-family: Georgia;
color: #393939;
}
.date { 
padding-top:2px;
font-size:9px;
font-weight:normal;
font-family: Verdana;
color: #484848;
}
.tag { 
text-transform: uppercase;
font-size:10px;
letter-spacing:.110em;
font-weight:normal;
font-family: Verdana;
color: #304255;
}
.entry {
padding-left: 20px;
padding-right: 20px;
text-align:justify;
}
.middle p {
line-height: 1.5em;
}
a:link, a:visited {
color: #646464;
text-decoration: none;
border-bottom: 1px solid #aaaaaa;
}
a.none:link, a.none:visited {
color: #646464;
text-decoration: none;
border: 0;
}
.divider {
margin-top:20px;
padding-top:12px;
height: 20px;
background: url(http://www.chronicled.org/divider.gif) no-repeat;
}
.filler {
padding-top:30px;
}
.wrap {
background:#ffffff;
}
.tab {
width: 97px;
height: 33px;
float:right;
padding-right: 20px;
background: #fff url(http://www.chronicled.org/wp-content/themes/revolustion/tab.jpg) no-repeat;
}
.footer {
height: 55px;
width: 600px;
text-align:center;
color: #dddddd;
clear:both;
background: url(http://www.chronicled.org/wp-content/themes/revolution/footer.jpg) no-repeat;
}
.boxholder {
padding-left:20px;
padding-right:20px;
background: #eeeeee;
text-align:justify;
}
img.amazon { 
padding:4px; 
margin-bottom:0px; 
border:1px solid #ddd; 
background-color:#eeeeee; 
}

/* Input elements */

input.txt { 
 border: 1px #aaaaaa solid; 
 padding: 1px; 
 font: 11px Trebuchet MS; 
 color: #8C8C8C; 
 background: url(http://www.chronicled.org/input.gif);
}
textarea.entrytext { 
 overflow: hidden; 
 border: 1px #aaaaaa solid; 
 padding: 1px; 
 font: 11px Trebuchet MS; 
 color: #8C8C8C; 
 background: url(http://www.chronicled.org/input.gif);
}
input.submit { 
 font-family:Georgia; 
 font-size:12px; 
 background-color: #ffffff; 
 color:#8C8C8C; 
 border:1px #aaaaaa solid;
 margin-top:3px;
}
input.txt:hover, textarea.entrytext:hover {
 border:1px #506BA3 solid;
}
input.txt:focus, textarea.entrytext:focus {
 border:1px #506BA3 solid;
 font-family: Trebuchet MS; 
 color: #8C8C8C; 
 background: url(http://www.chronicled.org/input.gif);
}
input.submit { 
 font-family:Georgia; 
 font-size:12px; 
 background-color: #ffffff; 
 color:#8C8C8C; 
 border:1px #aaaaaa solid;
 margin-top:3px;
}
input.txt:hover, textarea.entrytext:hover {
 border:1px #506BA3 solid;
}
input.txt:focus, textarea.entrytext:focus {
 border:1px #506BA3 solid;
}


/* Hover items */

#menu { width: 138px;}
#items { width:  138px; height:153px; margin-top:40px; background: url(menu.jpg); }

#items #option1 a {width: 138px; }
#items #option1 { top: 0px;}
#items #option1 a:hover, #items #option1 a:active {background-position: 0px 0; }

#items #option2 a {width: 138px; }
#items #option2 {  top: 40px; }
#items #option2 a:hover, #items #option2 a:active {background-position: 0 -40px; }

#items #option3 a {width: 138px; }
#items #option3 {top: 80px;}
#items #option3 a:hover, #items #option3 a:active {background-position: 0 -80px; }

#items #option4 a {width: 138px; }
#items #option4 {top: 120px;}
#items #option4 a:hover, #items #option4 a:active {background-position: 0 -120px; }

#items dd a { width: 0px; height: 35px; display: block; border: 0; }
#items dd a:hover, #items dd a:active { background-repeat: no-repeat; background-image: url(hover.jpg); margin-top:0px; }
#items dd { position: absolute; top: 0px; margin: 0;}
#items dl { display: block; position: relative;  margin: 0;}