body {
    
    position:               relative;
    min-width:              600px;  
    margin:                 0;
    padding:                0;

    background:             #999;

    font-family:            arial, sans-serif;
    font-size:              12px;
    line-height:            16px;
    color:                  #333333;

}

a:link, a:active, a:visited {

    color:                  #bbb;
    text-decoration:        none;
    border:                 none;

}

a:hover {
    background:             white;
    color:                  #333;
    text-decoration:        none;
}

img {
    border:                 2px solid #fff;
}

img:hover {
    border:                 2px solid #333;
}


#menu {

    font-size:              16px;
    font-weight:            bold;
    color:                  black;
    text-align:             center;

    margin:                 0px;
    padding:                4px;

    border:                 solid 1px #c9c9c9;

}


#menu a:link, #menu a:active, #menu a:visited {

    color:                  white;
    font-weight:            bold;

}


#menu a:hover {

    background-color:       none;
    color:                  #333;
    
}


#sidebar {
    position:               absolute;
    top:                    0; 
    left:                   0; 
    width:                  20%;
    min-width:              100px;

    /* minus the top --want 300 -- so 300-57=243*/
    min-height:             235px;
    margin:                 0px; /*fixes glitch on right bar */


    background:             #b2b1a7;    /* or #b2b2b2 */

    /* border:                 1px solid #929999;*/

}

#main {
    z-index:                0;
    position:               absolute;
    top:                    0;
    left:                   20%;
    min-width:              300px;
    min-height:             260px;
    width:                  60%;
/*    margin-right:            1px;*/

    background:             #ddd;


}

#main a:link, #main a:active, #main a:visited {

    color:                  #336699;
    font-weight:            none;
    text-decoration:        none;
    border-bottom:          1px dotted #336699;
}


#main a:hover {

    background-color:       #fff;
    color:                  #333;
    text-decoration:        none;
}


#main li {

    line-height:            20px;
}



#sidebar02 {
    position:               absolute;
    top:                    0;
    right:                  0;
    width:                  20%;
    min-width:              100px;


    border-left:            1px solid #b2b1a7;

    /* minus the top --want 300 -- so 300-57=243*/
    min-height:             235px;
    margin:                 0px; /*fixes glitch on right bar */


    background:             #b2b1a7;    /* or #b2b2b2 */

    /* border:                 1px solid #929999;*/

}


#sidebar a:link, #sidebar a:active, #sidebar a:visited,
#sidebar02 a:link, #sidebar02 a:active, #sidebar02 a:visited {

    color:                  #eee;
    font-weight:            none;
    text-decoration:        none;

}


#sidebar a:hover,
#sidebar02 a:hover {

    background-color:       #fff;
    color:                  #333;
    text-decoration:        none;
}


table {

    margin-left:            auto;
    margin-right:           auto;
    width:                  100%;
        
    clear:                  both;

    border-collapse:        collapse;
    
    
    background:             none;

}


td {

    border:                 1px dotted #fff;
    /* width:                  50%; */
    vertical-align:         top;

}


tr.title,
td.title {
    font-weight:            bold;

}


table.comment {
/*    position:               absolute;
    
    top:                    0;
    left:                   0;
    
    display:                block;

    margin-left:            none;
    margin-right:           none;
    background:             #fff;
    width:                  480px;
    padding:                8px;
*/

    /* border:                 1px dotted #fff; */

}

table.comment td {
    border:                 1px dotted #fff;
    padding:                8px;

}

table.comment td.title {
    text-align:             right;
    font-weight:            bold;

}



#sidebar table,
#sidebar02 table {

    padding:                0px;
    margin:                 0px;
    border:                 none;
    clear:                  both;
    width:                  100%;

    border-collapse:        collapse;
    
    background:             none;
}

#sidebar td,
#sidebar02 td {

    padding:                0px;
    margin:                 0px;
    border:                 none;
    background:             none;
    table-layout:           auto;
    vertical-align:         top;

    
    background:             none;
}


td.empty {
    background:             none;
    border:                 none;
}


table.half {
    border:                 1px solid #e5e5e5;
    background:             #ccc;
}


td.half {
    width:                  50%;
    padding:                8px;

}


hr {
    width:                  100%;
    height:                 1px;
    background-color:       #eee;
    color:                  #eee;

    border:                 none;
    
}

#main hr {
    background-color:       #e5e5e5;
    clear:                  both;
}



#sidebar .text,
#sidebar02 .text {

    font-size:              12px;

    margin:                 0px;
    padding:                4px;

    border:                 solid 1px #c9c9c9;

    
}




#sidebar .title-box,
#sidebar02 .title-box {

    color:                  #fff;
    font-size:              14px;
    font-weight:            bold;
    line-height:            20px;
    letter-spacing:         normal;
    background:             #c9c9c9;
    margin:                 0px;
    padding:                4px;

}

#sidebar .title-nobox,
#sidebar02 .title-nobox {

    color:                  #444;
    font-size:              14px;
    font-weight:            normal;
    letter-spacing:         normal;
    line-height:            20px;

    margin:                 0px;
    padding:                0px;

}

#sidebar .feature,
#sidebar02 .feature {

    border:                 1px solid #D1D1D1;
    margin:                 0px;
    padding:                4px;

}



/* REALLY SPECIFIC CODE FOR THE MAIN PAGE */

#sidebar div.thumbnail,
#sidebar02 div.thumbnail {
    text-align:             center;
}

#sidebar div.thumbnail img,
#sidebar02 div.thumbnail img {
    border:                 none;
}


#main div.thumbnail {
    float:                  left;

    
    padding:                0;
    
    margin-top:             12px;
    margin-right:           12px;
    margin-bottom:          8px;
    
}


#main .caption {
    text-align:             center;
    font-weight:            normal;
    font-style:             italic;
    letter-spacing:         normal;
    /* line-height:            4px; */
    
    
    color:                  white;
}

#main div.thumbnail a, 
#main div.thumbnail .caption a {
    border:                 none;
    font-weight:            normal;
    font-style:             italic;
    color:                  white;
}

#main div.thumbnail a:hover,
#main div.thumbnail .caption a:hover {
    color:                  black;
}

/* END OF REALLY SPECIFIC CODE FOR THE MAIN PAGE */








/* THIS IS USED AS PADDING FOR TEXT AFTER A BIG TITLE */
.guts {
    padding:                8px;
}



#footer {

    font-size:              12px;
    font-weight:            none;
    line-height:            normal;
    text-align:             center;
    margin:                 8px;

    clear:                  both;
    
}


#main .feature {

    border:                 1px solid #aaa;
    padding:                8px;
}



#main .title-box {
    
    color:                  #999;
    font-size:              16px;
    font-weight:            bold;
    line-height:            20px;
    background:             #eee;
    margin:                 0px;
    padding:                4px;
/*    border:                 1px solid #aaa;*/
    
    clear:                  both;
 
}

#main .title-nobox {

    color:                  #666;    

    font-size:              15px;
    font-weight:            bold;
    line-height:            normal;
 
}


h1, .h1 {

    font-weight:            bold;
    font-size:              28px;
    line-height:            20px;
    
}

h2, .h2 {

    font-weight:            bolder;
    font-size:              25px;
    line-height:            16px;

}

h3, .h3 {

    font-weight:            bold;
    font-size:              15px;
    line-height:            12px;
    
}

.title, h4, .h4 {
    font-weight:            bold;
    font-size:              13px;
    line-height:            normal;
}



.title-caps {
    font-weight:            bold;
    font-size:              14px;
    line-height:            normal;
    text-transform:         uppercase;
}

.title-lowercase {
    font-weight:            bold;
    font-size:              14px;
    line-height:            normal;
    text-transform:         lowercase;
}

.page-title {
    text-align:             center;
}


.post {
    /* nothing yet */
}


.caption {
    font-size:              9px;
    letter-spacing:         0.05em;

}


p.navigation {
    text-align:             right;
}



.placeholder {
    text-align:             center;
}


/* LIST TYPES */

ul.notype {
    list-style:             none;
}

ul {
    list-style:             square;
}

ul.disc {
    list-style:             disc;
}


img.float {
    float:                  left;

    margin-top:             12px;
    margin-right:           10px;
    margin-bottom:          20px;
}

img.float-transparent {
    float:                  left;

    margin-top:             12px;
    margin-right:           10px;
    margin-bottom:          20px;
    
    border:                 none;
}

img.thumbnail {
    float:                  left;

    margin-top:             3px;
    margin-right:           12px;
    margin-bottom:          14px;
}



.alert {

    color:                  red;
}


/* FORM STUFF */

SELECT, option, textarea, input  {

    color:                  #000000; 
    font-size:              11px; 

    background-color:       #cccccc; 
    border:                 1px solid #666666;

    margin:                 8px 0 0 0;

}

/* now make them all have nice hovers */

SELECT:hover, option:hover, textarea:hover, input:hover {
    background-color:       #ddd; 
}