/*
 * Catalyst form css
 */

label
{
    display: block;
    width: 10em;
    position: relative;
    margin: .5em 0em;
    vertical-align: top;
}
label input
{
    position: absolute;
    left: 100%;
}
label select
{
    position: absolute;
    left: 100%;
}
.submit
{
    margin-top: 2em;;
}
.error_messages
{
    width: 50%;
    display: block;
    color: red;
    text-align: left;
    font-size: 50%;
}


/*
 * css
*/


body        {
            background-color: black;
            color: #CCFFCC;
            /*top: 20%; bottom: 20%; left: 20%; right: 0;*/
            margin: 0;
            }

a:link      {color: #00FF99}
a:visited   {color: #99CC99}
a:active    {color: #00FF00}


h1.title    {color: #33CC99; font-size: x-large; font-family: cursive; font-weight: bold; font-style: italic}
h1.subtitle {color: #33CC99; font-size: large; font-family: cursive; font-weight: bold; font-style: italic}

div.header  {
            background-image: url(/otherkin4.jpg);
            background-repeat: no-repeat;
            height: 100px;
            position: relative;
            top: 0; left: 0; right: 2%;
            /* text */
            color: #33CC99;
            font-size: 200%;
            font-family: cursive;
            font-weight: bold;
            font-style: italic;
            text-align: center;
            vertical-align: middle;
            }

div.content {
            top: 100px; left: 0; right: 20%;
            margin: 10px;
            background-color: #003300;
            }

div.menu    {
            background-color: #226644;
            min-height: 100px;
            position: absolute;
            top: 0px; bottom: 0; left: 80%; right: 0;
            }

a.menu      {
            display: block;
            font-size: large;
            font-family: cursive;
            font-weight: bold;
            font-style: italic;
            margin-left: 5px;
            }
ul.submenu  {
            font-size: 50%;
            }
li.submenu  {
            display: inline;
            padding-left: 5px;
            }
div.submenu   {
            font-size: 50%;
            font-family: cursive;
            font-weight: bold;
            font-style: italic;
            margin-left: 5px;
            margin-right: 5px;
            padding: 0;
/*            background: #006600;*/
            }

a.submenu   {
            font-family: cursive;
            font-weight: bold;
            font-style: italic;
            }

/* content body */

/* content header */

div.content_header
{
            margin-left: 0px;
            background: #228844;
}
div.content_title
{
            font-weight: bolder;
            font-size:   150%;
            margin-left: 20px;
}
div.content_subtitle
{
            font-weight: bolder;
            font-size:   130%;
            margin-left: 20px;
}
div.content_author_subtitle
{
            font-weight: bolder;
            font-style: italic;
            font-size:   130%;
            margin-left: 20px;
}
div.breadcrumbs
{
            padding-left: 20px;
            padding-top: 3px;
            padding-bottom: 2px;
            background:  black;
}
/* content footer */
div.content_footer
{
            width:      100%;
            background: black;
            padding: 3px;
}

div.content_replies
{
            margin-top: 10px;
            background: #228844;
            text-align: center;
            width:      100%;
}
div.copyright
{
}
/*
       'subheaderfg'   => '#33CC99',
*/

/* comments */
div.comment_header
{
            background: #006600;
            color:      white;
            font-weight: bold;
            font-size:  90%;
            padding:     2px;
}
div.comment_header_pages
{
            text-align: left;
            display: inline
}
div.comment_header_entries
{
            text-align: right;
            float:      right;
}
div.comment_info
{
            background: #226622;
}
div.comment_info_details
{
            font-size:  80%;
}
div.comment_content
{
}
div.comment_reply
{
            text-align: center;
            font-size:  50%;
            margin:     15px;
}
hr.comment
{
            border: 0;
            color: #006300;
            background-color: #006300;
            margin-left: 1%;
            margin-right: 1%;
            height: 1px;
}

hr.comment_reply
{
            border: 0;
            color: #006300;
            background-color: #006300;
            margin-left: 25%;
            margin-right: 25%;
            height: 1px;
}



table.directory_background
{
            background-color: #003300;
}
tr.directory_country
{
            font-size: 120%;
            background-color: #AAAEEE;
}
tr.directory_state
{
            font-size: 120%;
            background-color: #118877;
}
td.directory_city
{
            font-size: 120%;
/*            background-color: #AAAEEE;*/
}
td.directory_background0
{
            background-color: #003300;
}
td.directory_background1
{
            background-color: #114411;
}


/* wiki */
div.quickref
{
            background-color: #114411;
}


input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{ 
    background-color: #121212; 
/*    border: #3532ff 1px solid;  */
    border: 0px solid; 
/*    color: #ff0000;  */
    cursor: default; 
} 


/* new layout */
tr.list0
{
            background-color: #003300;
}
tr.list1
{
            background-color: #114411;
}