/*

   CSS File for Subxero's Domain

   Written by Steven Hidy

*/

body                    {margin: 0px;
                         font-family: verdana;
                         font-size: 12px;
                         background-color: #131517;
                         color: #b4bcc6;
                         line-height: 16px}

body *                  {font-family: verdana;
                         font-size: 12px;
                         line-height: 16px}

a:link, a:visited       {color: #ffffff;
                         text-decoration: none}

a:hover, a:active       {color: #ffffff;
                         text-decoration: underline}

div#title               {display: none}

div#quote               {display: none;
                         position: absolute;
                         top: 8px;
                         left: 184px;
                         height: 60px;
                         font-size: 9px}

div#quote p, div#quote p *
                        {font-size: 9px;
                         margin: 0;
                         line-height: 9px}

div#menucontainer       {position: fixed;
                         left: 0px;
                         top: 0px;
                         width: 175px;
                         height: 100%;
                         background-color: #57626f;
                         background-image: url('/images/title.png');
                         background-repeat: no-repeat;
                         border-right: 1px solid #bbc2c9}

div.menugroup           {margin-bottom: 16px}

div.menugroup div.menutitle p
                        {font-variant: small-caps;
                         font-size: 14px;
                         text-align: right;
                         margin-right: 6px}

div.menugroup div.menuitems ul
                        {line-height: 17;
                         margin: 0 6px 0 0;
                         padding: 0}

div.menugroup div.menuitems ul li
                        {list-style-type: none;
                         margin: 0 0 0 6px;
                         padding-right: 0px}

div.menugroup a         {display: block;
                         text-align: right;
                         margin: 1px -6px 1px -6px;
                         padding-right: 6px}

div.menugroup a:hover   {text-decoration: none;
                         margin-top: -1px;
                         margin-bottom: -1px;
                         border-top: 1px solid #ffffff;
                         border-bottom: 1px solid #ffffff;
                         background-color: #3d454f;
                         opacity: .5}

div#content             {position: absolute;
                         left: 192px;
                         right: 16px;
                         top: 15px}

div.frame               {margin-bottom: 20px;
                         background-color: #272c31;
                         border: 1px solid #57626f;
                         overflow: auto;
                         width: 100%}

div.frame div.frame-title
                        {margin: 0;
                         background-color: #57626f}

div.frame div.frame-title p
                        {margin: 0;
                         padding: 2px 4px 4px 4px;
                         font-weight: bold;
                         font-variant: small-caps}

div.frame div.frame-content
                        {margin: 0;
                         padding: 6px 6px 6px 6px}

div.frame div.frame-content p
                        {margin: 0 0 14px 0;
                         line-height: 16px}

div.frame div.frame-content img
                        {margin: 0 6px 6px 2px}

div.frame div.frame-content img.right
                        {float: right;
                         clear: right;
                         margin: 0 0 6px 8px;
                         border: 1px solid #57626f}

a.piclink, a.piclink:visited, a.piclink:hover
                        {border: none}

a.piclink img, a.piclink:visited img
                        {margin: 9px 8px 6px 0;
                         padding: 2px;
                         border: 1px solid #57626f}

table                   {font-family: verdana;
                         font-size: 12px}

table.data              {background-color: transparent;
                         margin-top: 6px;
                         margin-bottom: 6px;
                         margin-left: 6px}

table.data td           {background-color: #3d454f;
                         vertical-align: top;
                         text-align: left;
                         padding: 3px}

table.data td.trans     {background-color: transparent}

table.data td.header    {font-weight: bold;
                         background-color: #57626f}

table.data td.date      {height: 80px}

table.data td.emptydate {height: 80px; background-color: #131517}

table.form              {background-color: transparent;
                         margin-top: 6px;
                         margin-bottom: 6px;
                         margin-left: 6px}

table.form td.left      {vertical-align: top;
                         padding-top: 3px}

table.form td.right     {vertical-align: top;
                         padding-left: 8px}

input                   {font-family: verdana;
                         font-size: 12px}

input.text              {border-left: 3px solid #5d656f;
                         border-right: none;
                         border-top: none;
                         border-bottom: none;
                         background-color: #3d454f;
                         color: #b4bcc6;
                         padding: 3px}

input.checkbox          {background-color: #3d454f}

input.button            {background-color: #3d454f;
                         border: none;
                         color: white;
                         padding: 3px}

select                  {background-color: #3d454f;
                         color: #b4bcc6;
                         border-left: 3px solid #5d656f;
                         border-right: none;
                         border-top: none;
                         border-bottom: none;
                         padding: 3px;
                         height: 20px;
                         position: relative;
                         top: 1px}

textarea                {background-color: #3d454f;
                         border-left: 3px solid #5d656f;
                         border-right: none;
                         border-top: none;
                         border-bottom: none;
                         color: #b4bcc6;
                         padding: 3px;
                         font-family: consolas, bitstream vera mono, lucida console, courier, monospace;
                         font-size: 13px}

.normal                 {color: #b4bcc6}

.bright                 {color: white}

.subnormal              {color: #57626f}

.subsubnormal           {color: }

.smalltext              {font-size: 9px}

.brightframe            {border: 1px solid #b4bcc6}

.normalframe            {border: 1px solid #57626f}

.darkbackground         {background-color: #3d454f}

.thinborderright        {border-right: 1px solid #57626f}

.thinborderleft         {border-left: 1px solid #57626f}

.thinborderbottom       {border-bottom: 1px solid #57626f}

.thinbordertop          {border-top: 1px solid #57626f}

a img, a:visited img    {padding: 0px;
                         border: 1px solid #57626f}

a:hover img             {margin: 0px;
                         padding: 0px;
                         border: 1px solid white}

hr                      {height: 1px;
                         margin: 6px 0 6px 0;
                         border: none;
                         background-color: #57626f;
                         color: #57626f}

hr.forumhr              {margin-left: -6px;
                         margin-right: -6px}

.forumcentered          {text-align: center}

.forumdate              {color: #57626f;
                         font-size: 9px}

.forumcode              {display: block;
                         border: 1px solid #57626f;
                         background-color: #3d454f;
                         font-family: consolas, bitstream vera mono, lucida console, courier, monospace;
                         font-size: 13px;
                         color: #b4bcc6;
                         padding: 8px}

.rss-items              {_margin-bottom: 15px}

.rss-item               {color: #57626f;
                         margin-bottom: 6px;
                         font-size: 9px}

.rss-item a, .rss-item a.visited
                        {font-size: 12px}

dl dt                   {font-weight: bold;
                         border-top: 1px solid #57626f;
                         margin: 26px -6px 6px -6px;
                         padding-top: 5px;
                         padding-left: 8px;
                         padding-bottom: 0}

dl dd                   {margin-left: 22px;
                         color: #57626f}

div#menucontainer div.menugroup div.menuitems ul li:hover + li
                        {margin-top: 1px}

li.newposts             {text-align: right;
                         padding-bottom: 0px;
                         color: #ffffff}

div.photo               {display: block;
                         float: left;
                         width: 155px;
                         height: 208px;
                         margin: 3px;
                         padding-left: 5px;
                         padding-top: 5px;
                         overflow: hidden;
                         background-color: #3d454f}

div.photodesc           {width: 155px;
                         text-align: center;
                         font-size: 9px;
                         margin-top: 10px}

/* IE Hacks Follow: */

ul                      {_margin-top: -1px;
                         _margin-bottom: -1px}

div.menuitems           {_padding-top: 1px}

div.menuitems ul li     {_margin-top: 0;
                         _margin-bottom: 0;
                         _padding: 0}

div.menuitems ul li a, div.menuitems ul li a:hover
                        {_margin-bottom: -15}

div.menuitems ul li a:hover
                        {_margin-top: 0px;
                         _margin-bottom: -16}

div#menucontainer       {_position: absolute;
                         _top: expression( (dummy = document.body.scrollTop + 'px') )}


div.menugroup           {_margin-top: 16px}

input.text              {_height: 22px}

input.button            {_height: 22px; _padding: 0}

select                  {_top: -1px}