@import "/code/enlarge/styles.css";

body {
    font:                 100% "Lucida Grande", Verdana, "Lucida Sans Unicode", Arial, sans-serif;
    color:                #132033;
    background:         #BCC9CB url(../images/tiled5.gif) repeat;
    margin:                0;
    padding:            0;
    text-align:            center;
}
a:link {
    color:                #4A5459;
    font-weight:        bold;
    text-decoration:    none;
}
a:visited {
    color:                #4A5459;
    font-weight:        bold;
    text-decoration:    none;
}
a:hover, a:active {
    color:                #000000;
    font-weight:        bold;
}

h1 {
    font:                 2.8em Arial, Helvetica, Verdana, serif;
    font-weight:        bold;
    letter-spacing:        -2pt;
    line-height:        95%;
    margin:                0 0 5px 0;
    color:                #12263D;
}
h2 {
    font:                 1.8em Arial, Helvetica, Verdana, serif;
    font-weight:        bold;
    letter-spacing:        -.75pt;
    line-height:        85%;
    margin:                0;
    color:                #12263D;
}


h3 {
    font:                 1.0em Arial, Helvetica, Verdana, serif;
    font-weight:        bold;
    letter-spacing:        -0.5pt;
    line-height:        100%;
    margin:                0;
    color:                #12263D;
}
h3 span {
    font-size:            0.85em;
}
.item h3 span {
    font-size:            0.7em;
    letter-spacing:        0;
}
h4 {
    font:                 0.7em Arial, Helvetica, Verdana, serif;
    font-weight:        bold;
    line-height:        100%;
    margin:                0 0 4px 0;
    color:                #12263D;
}
#cats {
    font:                 0.8em Arial, Helvetica, Verdana, serif;
    font-weight:        bold;
    letter-spacing:        0.05pt;
    line-height:        130%;
    margin:              8px 0 0 0;
    color:                #12263D;
}
p {
    font-size:             0.57em;
    line-height:        135%;
    margin:                0 0 2px 0;
}
.item p {
    font-size:             0.665em;
    margin:                0 0 8px 0;
}
p.date {
    font-size:             0.665em;
    font-weight:        bold;
    letter-spacing:        -.05em;
}

p.entrylinks {
    font-size:             0.57em;
    margin:                0;
}
p.pages {
    margin:                10px 0 10px 0;
}
img { 
    font-size:             0.57em;
    border:                none;
}
img.captcha {
    border:                1px solid #DDDDDD;
    margin:                10px 0 0 0;
}
code, .code {
    font:                1.0em Monaco, "Lucida Console", "Courier New", Courier, monospace;
}
input, textarea {
    font:                 0.665em "Lucida Grande", Verdana, "Lucida Sans Unicode", Arial, sans-serif;
    margin:                0;
    padding:            3px;
    width:                240px;
    border-top:            1px solid #BDBEBF;
    border-left:        1px solid #BDBEBF;
    border-bottom:        1px solid #E3E4E5;
    border-right:        1px solid #E3E4E5;
}
label {
    font-size:             0.57em;
    font-weight:        bold;
    margin:                8px 0 3px 0;
    display:            block;
}
.checkbox {
    margin:                8px 0 3px 0;
}
.checkbox input {
    width:                12px;
    height:                12px;
    margin:                0 7px 0 0;
    float:                left;
}
.checkbox label {
    margin:                0;
    padding-top:        1px;
}
.filed {
    text-align:                right;
    font-size:             0.665em;

}
.filedlabel {
    font-style:           italic;
}
#page {
    position:            relative;
    width:                960px;
    margin:                0 auto 0 auto;
    padding:            4px 20px 20px 20px;
}
#headerpic {
    background:          url(../images/whisthead5.jpg) no-repeat;
    position:            relative;
    margin:                0 auto 0 auto;
    width:                616px;
    height:                229px;
    border:                3px double #88a4b3;
    text-indent:        -9999px;
}
#header {
    position:           relative;
    margin:             -60px auto 5px auto;
    text-align:         center;
}
#title {
    margin:              -222px auto 186px auto;
    padding:             0px;
}
#title h1 {
    font:                 3.8em Arial, Helvetica, Verdana, sans-serif;
    font-stretch:        wider;
    letter-spacing:      14px;
    line-height:        70%;
}

#title a:hover, #title a:active {
    color:                #FFF;
    font-weight:        bold;
}
#title a:link, #title a:visited {
    color:                #edf9fc;
    font-weight:        bold;
}
#content {
    position:           relative;
    width:              600px;
    margin:             2px auto 0px auto;
    padding:            0 auto 0 auto;
    text-align:         center;
}
#cathead {
    padding:            7px;
    border:                3px double #88a4b3;
    background-image:    url(../images/contentfill.png);
    margin:             0px 150px 0px 150px;
}


#rgtsidehead {
    
    position:           absolute;
    top:             16px;
    right:           10px;
    width:           130px;
    float:              right;
    text-align:            right;
    padding:            14px;
    border:                3px double #88a4b3;
    background-image:    url(../images/contentfill.png);
}
#rgtsidehead p {
    font:                1.05em Arial, Helvetica, Verdana, serif;
    line-height:        140%;
    font-weight:        bold;
    margin:                0 0 12px 0;
}
#lftsidehead {
    font:                1.1em Arial, Helvetica, Verdana, serif;
    line-height:        80%;
    position:           absolute;
    top:             16px;
    left:           10px;
    width:           130px;
    float:              left;
    text-align:            left;
    padding:            14px;
    border:                3px double #88a4b3;
    background-image:    url(../images/contentfill.png);
}
#items {
    margin:                8px 0 0 0;
}
#footer {
    clear:                both;
    margin:                0;
    padding:            14px 0 0 0;
    text-align:            center;
}
#lightbox {
    color:                #000;
    font-size:             0.57em;
}

.item {
    width:                540px;
    text-align:            left;
    padding:            14px;
    border:                3px double #88a4b3;
    background-image:    url(../images/contentfill.png);
    margin:             0 20px 4px auto;
}
.item.alternate {
    background-image:    url(../images/contentfill.png);
    border:                3px double #88a4b3;
    margin:             0 auto 4px auto;
}
.item * {
    position:            relative;
}
.item .image img {
    border:                2px solid #333;
    margin:                0 8px 2px 0px;
    float:                left;
    z-index:            1;
}
.item .text img {

    border:                3px double #88a4b3;
    margin:                0 10px 10px 0;
    z-index:            1;
}
.clear {
    clear:                both;
}

#comment {
    width:                245px;
    padding:            0 15px 0 0;
}
#commentpreviewarea {
    float:                right;
}
#commentpreviewarea .item {
    width:                245px;
    padding:            0;
    background-color:    transparent;
    border:                none;
}
#commentmessage, .commentmessage, .message {
    font-size:             0.57em;
    font-weight:        bold;
    margin:                0 0 10px 0;
}
.button {
    display:            block;
    width:                auto;
    margin:                10px 0 0 0;
    border-top:            1px solid #E3E4E5;
    border-left:        1px solid #E3E4E5;
    border-bottom:        1px solid #BDBEBF;
    border-right:        1px solid #BDBEBF;
}