/*   
Theme Name: Beoba Colors
Theme URI: http://beoba.net/wp/wp-content/themes/
Description: Rainbow-ish
Author: beoba
Author URI: http://beoba.net
.
Theme used by beoba.net.
.
*/

/* From YUI v2.5.2: base-min.css and fonts-min.css */
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}dl dd{margin-left:1em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*
font-sizes are (px=%):
10=77, 11=85, 12=93, 13=100,
14=108, 15=116, 16=123.1, 17=131,
18=138.5, 19=146.5, 20=153.9, 21=161.6,
22=167, 23=174, 24=182, 25=189, 26=197
*/

/*PAGE STRUCTURE*/
html, body {
height: 100%;
width: 100%;
background: #1A1A1A;
margin: 0px;
color: #EEEEEE;
font-family: Helvetica;
text-align: center;/*IE: content to middle*/
}

#strut {
width: 785px;
margin: 0 auto 0 auto;
}

#container {
width: 785px;
background: #222222 url(http://beoba.net/moin_static/images/vertback.png) top left repeat-x;
text-align: left;
}

#headbar {
height: 10px;
}
#header {/*use px values since img doesnt scale*/
height: 35px;
padding: 5px 5px 6px 30px;
background: #222222;
}

/*LEFT COLUMN*/

#left {
line-height: 16px;
float: left;
width: 190px;
}

#introtext {
padding: 10px 0 5px 15px;
}

#menu {
word-wrap: break-word;
}

.menuheader a { text-decoration: none; }
.selectedmenuheader a { text-decoration: none; }
.menuheader {
margin: 10px 10px 0 7px;
padding: 3px 3px 3px 6px;
font-weight: bold;
}
.menuheader small {
font-weight: normal;
color: #AAAAAA;
float: right;
margin-right: 5px;
}
.selectedmenuheader {
margin: 10px 0 0 7px;
padding: 3px 3px 3px 6px;
font-weight: bold;
}
.menucontent {
padding: 5px 7px 7px 7px;
margin: 0 10px 7px 14px;
}
.selectedmenucontent {
padding: 5px 0 7px 7px;
margin: 0 0 7px 14px;
}
#menu li {
list-style-type: none;
font-size: 93%;
color: #AAAAAA;
}

#redmenucontent { background-color: #482222; }
#purplemenucontent { background-color: #402040; }
#bluemenucontent { background-color: #202044; text-align: center; }
#greenmenucontent { background-color: #203A20; text-align: center; }
#yellowmenucontent { background-color: #383820; }
#redmenuitem { background:#661111 url(http://beoba.net/moin_static/images/horizred.png) top right repeat-y; }
#purplemenuitem { background:#5A005A url(http://beoba.net/moin_static/images/horizpurple.png) top right repeat-y; }
#bluemenuitem { background:#000066 url(http://beoba.net/moin_static/images/horizblue.png) top right repeat-y; }
#greenmenuitem { background:#005000 url(http://beoba.net/moin_static/images/horizgreen.png) top right repeat-y; }
#yellowmenuitem { background:#505000 url(http://beoba.net/moin_static/images/horizyellow.png) top right repeat-y; }

.menuphoto {
margin: 5px 0 0 0;
}

/*RIGHT COLUMN*/

.right {
line-height: 16px;
float: right;
width: 585px;
margin: 10px 10px 10px 0;
}
#redright { background-color:#661111; }
#purpleright { background-color:#5A005A; }
#blueright { background-color:#000066; }
#greenright { background-color:#005000; }
#yellowright { background-color:#505000; }

#message p { margin: 0 }
#message {
font-weight: bold;
background: #555555;
margin: 7px 7px 0px 7px;
padding: 7px 7px 8px 7px;
}
.postheader {
height: 16px;
font-weight: bold;
margin: 7px 7px 0px 7px;
padding: 2px 6px 4px 6px;
}
#redpostheader { background-color:#990000; }
#purplepostheader { background-color:#900090; }
#bluepostheader { background-color:#000099; }
#greenpostheader { background-color:#009000; }
#yellowpostheader { background-color:#909000; }
.postheader a {
text-decoration: none;
}
.postheader ul {
margin: 0;
}
.postheader li {
float: left;
}
.postcontent {
padding: 0 10px 10px 10px;
max-width: 565px;
float: left;
}
.postcontent li {
font-size: 93%;
margin: 2px 0px 0px 0px;
}
.postcontent img {
margin: 1px 7px 10px 7px;
float: left;
clear: left;
}
.postcontent p {
clear: left;
}
.postcontent small {
font-size: 77%;
color: #AAAAAA;
}

/* We use here dumb css1 ids because of IE suckiness */

#editor .button {
    margin: 5px;
}

#editor-textarea {
    font-family: monospace;
    padding: 3px;
    width: 555px;
}

#editor-comment {
    width: 400px;
}

#editor-help, #preview, #previewbelow {
    border-top: solid;
}

#preview, #previewbelow {
    /*background: url(../img/draft.png);*/
    margin-top: 10px;
}

/*CONTENT TAGS*/

p {
margin: 7px 0 0 0;
padding: 0;
}

ul {
margin: 0 0 4px 14px;
padding: 0;
list-style-type: none;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}

.highlight {
color: yellow;
}

a img { border: 0; clear: both; }
a { color: #FFFFFF; }
a:hover { color: #FFFF66; }
.postcontent .nonexistent { text-decoration: none; border-bottom: 1px dashed; }

input, textarea, select {
color: #EEEEEE;
border: #AAAAAA 1px solid;
background: #444444;
}
#right input, #right textarea, #right select {
color: #EEEEEE;
border: #990000 1px solid;
background: #500A0A;/*TODO OVERRIDE*/
}

/*FOOTER*/

.editbar {
width: 100%;
float: right;
background: #444444;
margin: 0;
padding: 7px 0 7px 0;
}
.editbar li {
float: left;
list-style-type: none;
margin-left: 7px;
}
#footer {
clear: both;
background: #333333;
height: 23px;
padding: 7px;
}
#footer label, #footer input {
vertical-align: middle;
}
#footer ul {
float: left;
margin: 0;
}
#footer ul li {
float: left;
list-style-type: none;
margin-right: 7px;
}
#footer form {
text-align: right;
}