/* File: /_css/three_col.css
 * This file contains positioning, margin, padding, text-align, etc. styles */

/* Transparency:
div#test { filter:alpha(opacity=50); }  (for IE)
html>body div#test {-moz-opacity: .50;} (for mozilla)
*/

/*********** General Stuff ***********/

body { margin: 10px 20px 10px 20px; }
ul, ol { margin-top: 5px;
     margin-bottom: 10px; }
p, h3 {  margin: 10px;
     padding-left: 5px;
     padding-right: 5px; }
div.spacer {
    margin-top: 3px;
    margin-bottom: 3px; }
.more {
    text-align: right;
    padding: 0px 5px 5px 5px; }
.less {
    text-align: left;
    padding: 0px 5px; }
blockquote { text-align: justify; }
br.clear { line-height: 1px; clear: both; }

span.sidenote2 {
    color: #444;
    float: right;
    width: 150px;
    border-left: 4px solid #aaa;
    margin-left: 10px;
    padding: 5px 0px 5px 10px;
}

/*********** Top-ish ***********/
div.positioner {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 1px;
    z-index: 0;
}
div#logo_text {
    margin: 0px auto;
    padding: 23px 0px 0px 90px;
    width: 698px;
    color: white;
    font: 40px Georgia;
    opacity: 0.9;
    height: 1px;
    z-index: 5;
    position: relative;
}
div#logo_drop_shadow {
    margin: 0px auto;
    width: 700px;
    padding: 24px 0px 0px 93px;
    color: black;
    color: #922;
    font: 40px Georgia;
    opacity: 0.40;
    height: 1px;
    z-index: 4;
    position: relative;
}
div#star_container {
    margin: 0px auto;
    width: 700px;
    padding: 18px 0px 0px 0px;
    height: 1px;
    z-index: 2;
    position: relative;
    cursor: pointer;
}
div#top_gradient {
    width: 700px;
    background-image: url(/_images/top_gradient_20.png);
    background-repeat: no-repeat;
    height: 10px;

    margin: 50px auto 0px auto;
    padding: 0px 0px 0px 0px;
    z-index: 0;
    position: relative;
    text-align: center;
}
div.top_top_gradient {
    width: 700px;
    height: 10px;

    margin: 25px auto 0px auto;
    padding: 0px 42px 0px 0px;
    position: relative;
    z-index: 1;
    text-align: right;
}
span.top_top_gradient {
    background-image: url(/_images/top_gradient_20.png);
    background-repeat: no-repeat;
    height: 10px;
}

div#nav_inner {
    width: 240px;
    text-align: center;
    float: right;
    background: #caedff;
    padding: 3px 0px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    margin-right: 10px;
    border-bottom: 1px solid #caedff;
    font-size: 12px;
    font-variant: small-caps;
}
div#nav_container {
    width: 262px;
    float: right;
    background-image: url(/_images/top_top_background_gradient_20.png);
    background-repeat: repeat-y;
    margin-right: 23px;
}
div#nav_positioner {
    width: 720px;
    margin: 0px auto;
    text-align: right;
    padding: 36px 37px 0px 40px;
    height: 1px;
}
div#bottom_gradient {
    float: left;
    margin-top: -5px;
    padding-left: 9px;
}

div#info_bar {
    margin: 10px auto 15px auto;
    padding: 1px 10px 1px 10px;
    width: 500px;
    line-height: 0;

    background-image: url(/_images/transpix_white_30.png);
    background-repeat: repeat;
}
div.info_bar {
    text-align: left;
    cursor: pointer;
    opacity: 0.65;
    margin: 3px 0px;
}

/*********** Log ***********/

div#log_envelope {
    margin: 60px auto 0px auto;
    width: 720px;
    background-image: url(/_images/background_gradient_20.png);
    background-repeat: repeat-y;
}
#log {
    margin: 0px auto;
    width: 700px;
    padding: 5px 0px 0px 0px;
    min-height: 450px;
}
#log #pic {
    position: relative;
    float : right;
    margin: 5px 10px 10px 10px;
    width : 200px;
    z-index: 300;
    text-align: center;
    opacity: 0.7;
}

/* for archive */
#log #pic .header {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    text-align: center; }
#log p { margin-top: 0px; }

.title {
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 8px; }
/*.header {
    margin-left: 15px;
    margin-top: 5px;
}*/
div.logentry {
    margin: 0px;
    padding: 0px;
    margin-bottom: -5px;
    margin-top: -1px;
}
div.date {
    float: left;
    clear: left;
    text-align: center;
    padding-left: 7px;
    padding-top: 0px;
}
/* Mozilla likes the following line-height... IE seems to like 1.4 */
html>body div.date { line-height: 1.2; }
div.text {
    margin: 0px;
    margin-left: 55px;
    padding: 0px;
    padding-right: 5px;
    padding-top: 0px;
    z-index: 100;
    position: relative;
}
/* Get the font size of the year to match the size of sup, sub */
span.year { font-size: 17px; }
div.author {
    margin-top: -2px;
    float: right;
    margin-right: 5px;
}
/*********** Comments (see also comments.css) ***********/
h3.instructions { margin: 5px 0px; padding: 0px; }
div#comments {
    padding: 0px 10px 10px 10px;
}
form input, form textarea { padding: 2px; }
form td { vertical-align: middle; }