/** Body **/
body { background: #000; }
a { color: #333; }




/** Header **/

#announcement {
	background: #FFDE80;
	font: 12px/30px Arial, sans-serif;
	border-bottom: 1px solid #FFEDC0;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-style: italic;
}
#announcement a { 
	color: #000;
}
#header {
    background: url(../img/header.png) repeat-x #000;
}
#header div {
    width: 900px;
    height: 90px;
    margin: 0 auto;
}
#header div p {
    font: 11px/20px Arial,sans-serif;
    position: relative;
    float: left;
    padding-top: 15px;
}
#header div p #logo {
    display: block;
    background: url(../img/logo.png) center left no-repeat;
    height: 50px;
    width: 300px;
    text-indent: -9999px;
}
#header div p span {
    position: absolute;
    top: 50px;
    width: 220px;
    color: #FFF;
    text-align: right;
}
#header div p span a {
    color: #FFF;
}
#header div p span a:hover {
    color: #999;
}
#header ul { 
    font: 12px/28px Arial,sans-serif;
    float: right;
}
#header ul li {
    float: left;
}
#header ul li a {
    display: block;
    width: 80px;
    height:30px;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    text-shadow: #000 1px 1px 0px;
}
#header ul li a:hover {
    text-decoration: underline;
}
#header #signup {
    background: url(../img/signup.png);
}
#header #backdoor {
    background: url(../img/backdoor.png);
}
#header #order {
    background: url(../img/order.png);
}
#header #login {
    background: url(../img/login.png);
}




/** Navigation **/
#navigation {
    background: url(../img/navigation.png) repeat-x #000;
    font: 13px/45px Arial,sans-serif;
}
#navigation ul {
    height: 45px;
    background: url(../img/divider.png) center left no-repeat;
    width: 900px;
    margin: 0 auto;
}
#navigation ul li {
    background: url(../img/divider.png) center right no-repeat;
    float: left;
}
#navigation ul li a {
    padding: 0 30px;
    display: inline;
    height: 45px;
    color: #FFF;
    text-decoration: none;
    text-shadow: #000 1px 1px 0px;
    font-weight: bold;
}
#navigation ul li a:hover {
    text-decoration: underline;
}
#navigation #search {
    position: relative;
    padding: 0;
    float: right;
    background: url(../img/searchbox.png) 0 7px no-repeat;
    width: 240px;
}
#navigation #search form {
    padding-top: 1px;
    display: block;
    height: 44px;
}
#navigation #search input {
    display: block;
    width: 200px;
    margin: 15px 0 0 10px;
    border: 0;
    padding: 0;
    background: transparent;
    font: 12px Arial,sans-serif;
}
#navigation #search button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: url(../img/search.png) center center no-repeat;
    text-indent: -9999px;
    border: 0;
    cursor: pointer;
}




/** Base **/
#base { 
    background: url(../img/base.png) repeat-x #FFF;
}
#baseblock {
    display: block;
    width: 900px;
    margin: 0 auto;
}




/** Submenu **/
#submenu {
    margin-top: 45px;
    font: 12px/28px Arial,sans-serif;
    float: left;
    width: 200px;
}
#submenu h4 {
    background: url(../img/sub-top-black.png) no-repeat;
    font-size: 13px;
    font-weight: bold;
    padding: 15px 0 0 10px;
    height: 30px;
    border-bottom: 1px solid #FFF;
    color: #fff;
}
#submenu ul {
    padding-bottom: 31px;
    background: url(../img/sub-end-black.png) left bottom no-repeat;
    margin-bottom: 30px;
}
#submenu ul a {
    background: #DDD;
    width: 176px;
    display: block;
    text-indent: 12px;
    color: #000;
    text-decoration: none;
    text-shadow: #FFF 1px 1px 0px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: 2px solid #FFF;
}
#submenu li a:hover {
    text-decoration: underline;
}
#submenu ul a.active {
    background: url(../img/sub-active-black.png) no-repeat #FFF;
    width: 195px;
    color: #FFF;
    text-shadow: #000 1px 1px 0px;
}
#submenu h5 {
    text-indent: 2px;
    font-size: 11px;
    border-bottom: 1px solid #FFF;
}
#submenu ol { 
	margin-bottom: 30px;
}
#submenu ol li { 
    display: block;
    width: 180px;
    line-height: 28px;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    background: #EEE;
    text-indent: 12px;
    text-decoration: none;
    text-shadow: #FFF 1px 1px 0px;
}
#submenu  a.button {
	padding-top: 14px;
	width: 180px;
	height: 46px;
	font: 16px/17px Arial,sans-serif;
	display: block;
	background: url(../img/signup-side.png);
	text-align: center;
	color: #FFF;
	text-decoration: none;
	text-shadow: #000 1px 1px 0px;
}
#submenu  a.button small {
	display: block;
	font-size: 12px;
}
#submenu  a.button:hover { 
	text-decoration: underline;
}



/** Content **/
#content {
    padding: 40px 0 0 240px;
    font: 13px/20px Arial,sans-serif;
}
#content h1 {
    font-size: 24px;
    font-weight: bold;
}
#content h2 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 45px;
}
#content h3 {
    font-weight: bold;
    font-size: 15px;
    margin-top: 10px;
}
#content h4 { 
    font-size: 11px;
    line-height: 30px;
}
#content p {
    margin-top: 10px;
}
#content ol, #content ul {
    margin-top: 10px;
}
#content li {
    padding-left: 20px;
    background: transparent url(../img/arrow.png) no-repeat 0 4px;
}
#content ol li {
    padding: 10px;
    background: #fff;
    font-weight: bold;
}
#content ol li.uneven {
    background-color: #EEE;
}
#content small, #content div.small {
    font-size: 11px;
    color: #333;
    font-weight: normal;
    display: block;
}
#content em, #content i { 
    font-style: italic;
}
#content b, #content strong { 
    font-weight: bold;
}
#content pre {
    margin-top: 10px;
    padding: 10px 0 10px 20px;
    background: #EEE;
    overflow: auto;
    font: 11px/16px "Monaco","Courier New",monospace;
}
#content code {
    font: 11px/16px "Monaco","Courier New",monospace;
}
#content p img {
    padding: 30px 0 0 0;
}
#content .intro p, #content .intro ul {
    font-weight: bold;
}
#content img.inline {
    float: left;
    padding: 0;
    margin: 2px 10px 5px 0;
    border: 1px solid #CCC;
}
#content .admin {
    padding-left: 36px;
    background: url(../img/team.png) 0 3px no-repeat;
}
#content .reply { 
    margin-top: 45px;
    position: relative;
}
#content .reply small {
    right: 0;
    top: 2px;
    position: absolute;
}
#content .reply div {
    border-top: 1px solid #000;
}
#content .botrplayer object, #content .botrplayer embed, #content .botrplayer a {
	display: block;
	margin: 20px auto;
}



/** Actions **/
#actions {
    clear: both;
    margin: 45px 0 0 240px;
    background: url(../img/actions-black.png) no-repeat #FFF;
    height: 180px;
	padding-left: 15px;
}
#actions div {
	font: 12px/18px Arial,sans-serif;
	float: left;
	margin: 0;
	width: 170px;
	padding: 15px 0 0 30px;
}
#actions img {
    float: left; 
    margin-right:10px;
}
#actions h3 {
    font-weight: bold;
    font-size: 13px;
}




/** Menu **/
#menu {
    background: #EEE;
    font: 12px/20px Arial,sans-serif;
    height: 210px;
}
#menu ul {
    width: 900px;
    margin: 0 auto;
}
#menu .float {
    background: url(../img/border.png) 210px 0 repeat-y;
    margin: 30px 0;
    padding-right:60px;
    width: 180px;
    height: 150px;
    float: left;
}
#menu li.last {
    background: none;
    padding-right: 0;
}
#menu h3 {
    font-size: 13px;
    font-weight: bold;
}
#menu ul ul {
    width: 100%;
    margin: 0;
}




/** Footer **/
#footer {
    font: 11px/60px Arial,sans-serif;
    background: url(../img/footer.png) repeat-x #000;
}
#footer p { 
	position: relative; 
    width: 900px;
    margin: 0 auto;
    color: #FFF;
}
#footer p a {
    color: #FFF;
}
#footer p a:hover {
    color: #999;
}
#footer p span {
	position: absolute;
	right: 0;
	top: 0;
	width: 420px;
}




/** Colors **/
.blue a { color: #1369bf; }
.red a { color: #cc1414; }
.green a { color: #46800d; }
.yellow a { color: #BF9413; }

.blue #content pre { background: #C4D9EF; }
.red #content pre { background: #F2C4C4; }
.green #content pre { background: #D1DFC2; }
.yellow #content pre { background: #EFE4C4; }

.blue #submenu h4 { background-image: url(../img/sub-top-blue.png); }
.red #submenu h4 { background-image: url(../img/sub-top-red.png); }
.green #submenu h4 { background-image: url(../img/sub-top-green.png); }
.yellow #submenu h4 { background-image: url(../img/sub-top-yellow.png); }

.blue #submenu ul { background-image: url(../img/sub-end-blue.png); }
.red #submenu ul { background-image: url(../img/sub-end-red.png); }
.green #submenu ul { background-image: url(../img/sub-end-green.png); }
.yellow #submenu ul { background-image: url(../img/sub-end-yellow.png); }

.blue #submenu ul a { background: #C4D9EF; }
.red #submenu ul a { background: #F2C4C4; }
.green #submenu ul a { background: #D1DFC2; }
.yellow #submenu ul a { background: #EFE4C4; }

.blue #submenu li a.active { background: url(../img/sub-active-blue.png) no-repeat #FFF; }
.red #submenu li a.active { background: url(../img/sub-active-red.png) no-repeat #FFF; }
.green #submenu li a.active { background: url(../img/sub-active-green.png) no-repeat #FFF; }
.yellow #submenu li a.active { background: url(../img/sub-active-yellow.png) no-repeat #FFF; }

.green #actions { background: url(../img/actions-green.png) no-repeat; }
.blue #actions { background: url(../img/actions-blue.png) no-repeat; }
.red #actions { background: url(../img/actions-red.png) no-repeat; }
.yellow #actions { background: url(../img/actions-yellow.png) no-repeat; }

.blue #content .reply div { border-top: 1px solid #1369bf; }
.red #content .reply div { border-top: 1px solid #cc1414; }
.green #content .reply div { border-top: 1px solid #46800d; }
.yellow #content .reply div { border-top: 1px solid #BF9413; }

a:hover { color: #000; }