/**************************
-----------------------------------------------Colors!
**************************/
/**************************
General Theming
**************************/
#mainContainer {
background: url(images/right-bg.gif) 100% 0 repeat-y; /*** This is the right column background "faked" with an image. You can also position the image using right top repeat-y also. ***/
}
body, html {
color: #666666; 
background: #000000;  
}
p {
color: #777;
}
a {
color: #FFCC33;
}
a:hover{
color: #FFCC33;
}
a:hover img.color {
border-color: #999;
}
#center a,  #footer a {
color: #FFCC33;
border-bottom-color: #FFCC33;
}
img.center, a img.center {
background-color: #CC7700;
}
.blockquote {
border-top-color: #191919;
border-bottom-color: #191919;
background-color: #202020;
}
span.date {
color: #777777;
}
span.author a{
color: #666666;
}
/**************************
Nav bar (top left)
**************************/
#nav {
background: black;
}
#nav li a {
color: #999;
}
#nav li a:hover {
color: #FFCC33;
}

/**************************
Header
**************************/
#head h1 {
color: #FFF;
}
#header {
background: black url(spiral.gif) no-repeat;
}
/**************************
Content
**************************/
#content {
border-top-color: #000000;/*** We have used border top here to push the content down, but other solutions can also be used ***/
background: url(images/t-2.gif) 100% 0 no-repeat; /*** Our upper right rounded image to create the rounded content look ***/
}
img.content, a img.content {
border-color: #444;
}
a:hover img.content {
border-color: #000000;
}
#center ul {
color: #777
}
.contentWrap{
background: #191919;
border-top-color: #505050;
}
/**************************
Left
**************************/
#left {
background: url(../images/left-back.jpg) 100% 0 no-repeat; /*** Our upper left rounded image to create the rounded content look ***/
}
#left {
border-top-color: #000000; /*** We have used border top here to push the left column content down, but other solutions can also be used ***/
}
#left li a {
color: #666;
}
#left li a:hover {
color: #FFCC33;	
}
.outer {
background: url(../images/left-bg.png) repeat-y;/***faked background of the left column ***/
}
#bee {
background: url(../images/bee-embed.jpg);
}

/**************************
Right
**************************/
#right {
border-top-color: #505050;
}
#right li a {
color: #666;
}
#right li a:hover {
color: #FFCC33;
}

/**************************
Footer
**************************/
#foot {
border-top-color: #191919;
}
#footer {
background: url(images/b-bg.gif) repeat-x #0; /*** The lower part of the rounded content look ***/
}
#footerLeft {
background: url(images/b-1.gif) 100% 0 no-repeat #0; /*** Our left bottom part of the rounded content look ***/
}
#footerRight {
background: url(images/b-2.gif) no-repeat #0; /*** Our right bottom part of the rounded content look ***/
}

/**************************
Forms
**************************/
form input.text, form textarea{
border-color: #111;
color:#666;
background-color: #191919;
}
form input.text:hover, form textarea:hover{
border-color: #111;
}
form input.text:focus, form textarea:focus{
color:#666;
}
* html form input.text,

* html form textarea{
border-color: #111;
color:#333;
}
@charset "utf-8";
/* CSS Document */
/**************************
Tables
**************************/
thead th {
border-top-color: #0C0C0C;
border-bottom-color: #0C0C0C;
color: #FFCC33;
}
tbody td {
border-bottom-color: #191919;
}
tbody tr:hover {
background-color: #202020;
}
/**************************
Lists
**************************/
ol {
color: #AAA;
}
ol span {
color: #777;
}
/**************************
Headings
**************************/
h1 {
color: #CCC;
}
h1 a, #header h2{
color: #fff;
}
h2 {
color: #FFCC33;
}
h2.title a {
}
#left h2, #right h2 {
color: #AAAAAA;
}
h3 {
color: #AAA;
}
#left h3, #right h3 {
color: #FFCC33;
}0