/*** IceRealm StyleSheet File ***/

/** Cross-tag Settings **/
input, button, textarea, hr, .dialog {
    border: #404040 1px solid;
}

#la_links, #main_area, .la_tool { background-color: #000; }

/** General Tag Modification **/
html, body {
    font-family: Verdana, Geneva, sans-serif;
    font-size:   12px;
    color:       #aaa;
    background:  #111;
    margin:      0;
    min-width:   800px;
}

input, button, textarea {
    font-size:   9pt;
    color:       #ddd;
    background:  #030303;
}

img,a { outline: none }

hr { border-style: none none solid none }

h1 {
    font-size: 14pt;
    padding-left: 8px;
    border-bottom: #444 1px solid;
}
h2 {
    font-size: 12pt;
    margin-top: 20px;
    margin-bottom: 4px;
}


p {
    margin-left: 8px;
    max-width: 600px;
}

blockquote { color: #666 }


/** Specific areas **/
/* Logo Area (la) */
#la {
    background: #000 url('http://data.icerealm.org/icerealm/img/bg-logoarea.gif') repeat-x;
    height:     98px;
}
#la img { float: left }

#la_links {
    font-size:     11px;
    color:         #666;
    position:      relative;
    top:           73px;
    text-transform:uppercase;
}


/* Logo Area Toolbars */
.la_tool {
    text-align: center;
    color:      #6ba0ff;
    background: url('http://data.icerealm.org/icerealm/img/bg-tool.gif') repeat-x;
    border:     1px solid;
    border-color: #1a1a1a #666 #666 #1a1a1a;
    padding:    2px;
    float:      right;
    margin-right: 6px;
    overflow:   hidden;
}

#toolbar {
    position: absolute;
    top:   4px;
    right: 4px;
}


/* Main Area */
#main_area {
    min-height: 375px;
    min-width: 800px;
    padding: 1px;
    padding-left: 230px;
    padding-bottom: 40px;
}

#footer {
    font-family:    Tahoma, Arial, sans-serif;
    font-size:      7pt;
    text-transform: uppercase;
    text-align:     center;
    color:          #666;
    padding:        6px;
    border-top:     #444 1px solid;
}
#footer a { color: #999; }
#footer a:hover { color: #ddd; }

/* Side Menu & Components */
#side_menu {
    width: 200px;
    float: left;
    position: absolute;
    left: 8px;
    top: 90px;
}

#side_menu h5 {
    color:          #aaa;
    background:     #111;
    font-size:      8pt;
    text-transform: uppercase;
    margin-bottom:  8px;
    margin-right:   4px;
    padding: 3px;
    padding-left:   10px;
    border: #444 1px dashed;
}

#side_menu a {
    text-decoration: none;
    line-height:   18px;
}
#side_menu ul { margin-left: 30px; } 
#side_menu li { list-style-image: url(http://data.icerealm.org/icerealm/img/lnk_arw.gif);  }


/** Error and notification areas **/
div.error, div.err,
div.warning, div.warn,
div.ok, div.success,
div.info {
    color:      #e6e6e6;
    padding:    10px;
    padding-left:  40px;
    margin-bottom: 20px;
}

div.error {
    border:     #cc0000 1px solid;
    background: #550000 url('http://data.icerealm.org/icerealm/img/icons/error_32.gif') no-repeat;
}

div.warn, div.warning {
    border:     #cccc00 1px solid;
    background: #3f3800 url('http://data.icerealm.org/icerealm/img/icons/warn_32.gif') no-repeat;
}

div.ok, div.success {
    border:     #00aa00 1px solid;
    background: #003300 url('http://data.icerealm.org/icerealm/img/icons/ok_32.gif') no-repeat;
}

div.info {
    border:     #0067d6 1px solid;
    background: #001123 url('http://data.icerealm.org/icerealm/img/icons/info_32.gif') no-repeat;
}


/** Link Lists & Link List Menus **/
ul {
    padding: 0;
    margin:  0;
}

ul#la_links li {
    list-style: none;
    float:      left;
}

ul#la_links a {
    background:    url('http://data.icerealm.org/icerealm/img/link-separator.gif') repeat-y;
    background-position: right;
    padding-left:  12px;
    padding-right: 12px;
    text-decoration: none;
}


/** Titlebars **/
.titlebar, .dialog h5 {
    color:       #ddd;
    font-size:   7pt;
    font-weight: bold;
    text-transform: uppercase;
    background:  #202020 url('http://data.icerealm.org/icerealm/img/bg-bars.png') repeat-x;
    margin:      2px;
    padding:     3px;
    padding-left:8px;
    vertical-align:middle;
}

.tb_blue   { background-position: 0 0; }
.tb_cyan   { background-position: 0 -24px; }
.tb_green  { background-position: 0 -48px; }
.tb_yellow { background-position: 0 -72px; }
.tb_orange { background-position: 0 -96px; }
.tb_red    { background-position: 0 -120px; }
.tb_purple { background-position: 0 -144px; }
.tb_dgrey  { background-position: 0 -168px; }
.tb_bgrey  { background-position: 0 -192px; }


/** Dialog Components **/
.dialog { background: #111 }
.dialog_content { padding: 8px }


/** Link Text **/
a         { text-decoration: none; }

a:link    { color: #777; }
a:visited { color: #777; }
a:hover   { color: #fff; }