/********************************************************************/
/*                                                                  */
/*                  mpn_Somara-Grey Theme CSS                       */
/*                                                                  */
/*        AUTHOR: Kiril Threndor < mpnx@dev.illearth.net >          */
/*                                                                  */
/*  --------------------------------------------------------------  */
/*                                                                  */
/*          This CSS has been validated, All Versions               */
/*         using the W3C CSS Validation Service at:                 */
/*                                                                  */
/*          [ http://jigsaw.w3.org/css-validator/ ]                 */
/*                                                                  */
/*  --------------------------------------------------------------  */
/*                                                                  */
/*          Required Files:                                         */
/*                                                                  */
/*              mpn_master.css                                      */
/*              2-3col_table.css                                    */
/*                                                                  */
/********************************************************************/

body
{
    padding: 10px;
    background-color: #cacaca;
    background-image: url(../images/mainBackground.gif);
    font-family: Geneva, Verdana, Arial, sans-serif;
    color: #000;
}

th
{
    background-color: #cacaca;
    color: #000;
    text-align: center;
    vertical-align: middle;
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 110%;
    text-transform: capitalize;
}

.sideblock th
{
    text-align: center;
    border-bottom: 1px #000 solid;
    vertical-align: middle;
}

/* **** HEADER.PHP TABLE CLASSES **** */

#header
{
    background-color: #cacaca;
    color: inherit;
}

#logo { text-align: left; }

.forms { text-align: right; }

#headernav {}

#nav
{
    background-color: #fefefe;
    color: inherit;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
}

.nav1, .nav2 { text-align: center; }

.nav2 a { font-size: 100%; }

.nav3 { text-align: center; }

/* **** MAIN BODY TABLE CLASSES **** */

#main, #leftblocks, #rightblocks, #centerblocks
{
    vertical-align: top;
    text-align: center;
}

#main
{
    background-color: transparent;
    color: #000;

}

/* **** THEME.PHP TABLE CLASSES **** */

.blockbar
{
    background-image: url(../images/sideboxBar.gif);
    background-repeat: no-repeat;
    text-align: center;
}

.sideblock
{
    text-align: center;
    border: 1px #000 solid;
    background-color: #eee;
    color: #000;
}

.sideblock tr {}

.sideblock td
{
    text-align: center;
    font-size: 96%;
}

/* **** CONTENT FORMATTING **** */

.content1
{
    background-color: #fff;
    color: #000;
    border: 1px #000 solid;
    text-align: left;
}

.content1 th
{
    text-align: left;
    border-bottom: 1px #000 solid;
}

.content1 tr
{
    border-bottom: 1px #000 solid;
    border-top: 1px #000 solid;
}

.content1 td
{
    background-color: #fff;
    color: #000;
    text-align: left;
}

.artinfo { border-top: 1px #000 solid; }

.artinfo .notes { float: right; }

#comments .comment_text
{
    font-size: 100%;
    background-color: #dedcdc;
    color: #000;
    padding: 8px;
    width: 99%;
}

.adminnotes
{
    background-color: #e4e0e0;
    width: 99%;
    margin-top: 10px;
    padding: 3px;
    border: 1px #000 inset;
}

/* **** FOOTER.PHP DIV CLASS **** */

#footer
{
    background-color: transparent;
    color: #363636;
    font-size: 98%;
    text-align: center;
    margin: auto;
}

.content4
{
    text-align: left;
    width: 60%;
    margin: auto auto 20px auto;
}

.cChat
{
    margin: 10px;
    padding: 5px;
    background-color: transparent;
    color: #000;
}

/* **** FORM SETTINGS & CLASSES **** */

.button
{
    background-color: #a39f9f;
    color: #000;
    font-weight: bold;
    outline: 2px solid invert;
    cursor: pointer;
}

/* **** FONT MARKUPS AND CLASSES **** */

p, h1, h2, h3, h4, h5, h6, .title1, .title2, .tabletitles, .subtitle1, .subtitle2, .notes, .small, .arttext, .text1, .text2, .text3, .blocktitles, .story
{
    background-color: transparent;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, .title1, .title2, .tabletitles, .subtitle1, .subtitle2
{
    font-weight: bold;
    text-align: inherit;
    text-transform: capitalize;
    color: #000;
}

h1, .title1 { font-size: 145%; }

h2, .title2 { font-size: 125%; }

h3, .tabletitles { font-size: 110%; }

h4, .subtitle1 { font-size: 110%; }

h5, .subtitle2 { font-size: 105%; }

h6, .blocktitles { font-size: 97%; }

.notes, .small
{
    display: inline;
    font-family: Arial, Geneva, Verdana, sans-serif;
    font-size: 93%;
    color: #000;
}

em.look { color: #c64c4c; }

p, .arttext
{
    font-family: Geneva, Verdana, Arial, sans-serif;
    text-align: left;
}

li
{
    text-align: left;
    margin-left: 0px;
}

.content1 .title2 { font-size: 125%; }

/* **** LINK SETTINGS & CLASSES **** */

a:link, a:visited, a:active, a:hover
{
    font-family: Geneva, Verdana, Arial, sans-serif;
    text-align: inherit;
    background-color: transparent;
}

a:link, a:visited, a:active
{
    color: #972400;
    text-decoration: none;
}

a:hover
{
    color: #4f0000;
    text-decoration: underline;
}

#mainmenu a { line-height: 16px; }

.title2 a { font-size: 100%; }

.tabletitles a { font-size: 100%; }

.subtitle1 a { font-size: 100%; }

/* **** MISC SETTINGS & CLASSES **** */

img.topicart
{
    text-align: left;
    height: 50px;
    width: 50px;
    margin: 6px;
}

img.logo
{
    text-align: left;
    margin: 6px;
}

/* POPUP CHAT */

#chatframe {}

#chatheader, #chatinput, #chatuser
{
    background-color: #cacaca;
    color: #000000;
}

#chattop
{
    margin: 0;
    padding: 0;
    background-color: #eee;
    color: #000000;
    border: inset 3px #679BD1;
}

#chatheader h3
{
    font-size: 115%;
}

#chattop a
{
    font-size: 95%;
    color: #000;
    background-color: transparent;
}

#chattop a:hover
{
    font-size: 95%;
    color: #4f0000;
    background-color: transparent;
}