/****************************************************** HEADER *****/

#header  { width: 100%; background: #030915; height: 40px; margin-bottom: 20px;}

#title   { float: left; letter-spacing: -1px; 
           font: italic bold 24px "Times New Roman"; color: #FFFFFF; margin-top: 10px;  }

#slogan  { float: right; letter-spacing: 0px;
	   font: italic bold 12px Helvetica; color: #FFFFFF; margin-top: 20px;  }

/*************************************************************** NAVIGATION ***/

#navmenu { background: #030915 url(http://www.thesillypoint.com/theme_images/dots.gif); 
           width: 100%; height: 25px; text-align: center; 
           margin: 0px;  padding: 6px 0px 0px; }

#navmenu li { background: #030915 url(http://www.thesillypoint.com/theme_images/button.jpg); 
              height: 21px; display: inline; list-style-type: none; 
              margin: 0; padding: 4px 12px;}

#navmenu li a         { font: bold 0.6em Helvetica, arial; text-decoration: none; text-transform: uppercase;}
#navmenu li a:link    { color: #FFFFFF;}
#navmenu li a:visited { color: #FFFFFF;}
#navmenu li a:hover   { color: #D59D69;}
#navmenu li a:active  { color: #700000;}

/******************************************************* SERVICE MENU ***/

#servicemenu	{ width: 100%; height: 18px; 
                  background-color: #030915; 
                  text-align: center;
                  margin-bottom: 10px; padding-top: 4px;}

#servicemenu li	{ list-style-type: none; display: inline;                  
                  margin: 0px 4px; padding: 4px 8px;}

#servicemenu li a { font: normal normal 0.6em Helvetica; text-decoration: none; text-transform: uppercase;}
#servicemenu li a:link   { color: #D59D69; }
#servicemenu li a:hover	 { color: #FFFFFF; }  
#servicemenu li a:active { color: #FF0000; } 


/*********************************************************************************************/


#loginfo { background-color: transparent; float: right;  
	   font-size: 0.8em; filter: alpha(opacity=80); opacity: .8; padding: 0; border: none; }

/************************************************************************* HEADER & NAV *****/

div#nav   { clear: both; width: 100%; height: 200px;
            background-color: #0A0C0C;
            background-image: url(../media/Logo.png);
            background-repeat: no-repeat; 
            background-attachment: scroll;
            background-position: top right;
            margin: 10px auto; padding: 0px; border: 0px;}

div#nav a {  padding: 0 5px; }

ul.navlist       { list-style: none; font-size: 0.9em; font-weight: normal; margin: 0px; padding: 170px 0px 10px;}
ul.navlist li    { background-color: transparent; float: left; height: 1.3em; 
                                                      margin: 0px 5px; padding: 0.05em 0.2em; border: none; }
ul.navlist:hover li span { text-decoration: underline}

 
.navlist li a        { float: left; display: block; vertical-align: middle; 
                       color: #A0A0A0; letter-spacing: 0em; text-decoration: none; } 
.navlist li a:hover  { color: #D59D69; text-decoration: none; } 
.navlist li.active a { color: #FFFFFF; text-decoration: none; }

/**************************************************************** SIDEBAR TOP MENU *****/

ul#sidemenu   { background-color: #192832; float: left; clear: left;  margin: 0px;
                width: 280px; 
                /* Notorious box model hack for IE5, thanks a bunch */
                width: 280px; voice-family: "\"}\"";  voice-family: inherit; }

#sidemenu li { position: relative; display: inline;  float: left;
               background-color: transparent; z-index: 1;
               font-size: 0.9em; font-weight: normal; letter-spacing: 0em;
               margin: 10px 0 10px 1.0em; padding: 0 1.0em; border: none; }

#sidemenu li a:link   { color: #A0A0A0; text-decoration: none;}
#sidemenu li a:hover  { color: #D59D69; text-decoration: none; }
#sidemenu li.active a { color: #FFFFFF; text-decoration: none; }

/******************************************************************** MAIN SECTION *****/

div#main  { background: #030915; margin-top: 10px;}

/***************************************************** CHANNEL | SIDEBAR *****/

div#channels   { background: #192832; z-index: 5; font-size: 0.8em; margin-top: 10px; border: none; }
div#channels   { width: 280px; float: left; clear:left;  
                 /* Notorious box model hack for IE5, thanks a bunch */
                 width: 250px; voice-family: "\"}\"";  voice-family: inherit; }

div#channels h2  { color: #D59D69; font-size: 1.2em; margin: 0; padding: 10px 0;}

div#channels a:link   { color: #A0A0A0; text-decoration: none; }
div#channels a:hover  { color: #FFFFFF; text-decoration: none; }
div#channels a:active { color: #D59D69; text-decoration: none; }

div#channels li  { position: relative; display: block; background: transparent;
                   font-size: 1.0em; margin: 0; padding: 0.6em 0; border-bottom: none;  }

div#channels li.folder:hover { background-color: transparent;}

div#channels li ul li { padding-left: 0px; }

div#channels div     { position: relative; height: 16px; font-size: 0.95em; 
                       margin: 0; padding: 1em 0 0 0; border-bottom: none; }

div#channels div img { display: none; }

div#channels div a:first-child { height: 16px; background: url(../media/folder.png) no-repeat top left;	
	                         padding-left: 8px; border: 1px solid transparent; }

#channels ul.fexpanded li { padding-left: 10px; }

div#items    { margin-bottom: 5px; margin-left: 290px;}

div#items ul { margin: 0 0 30px 0; padding:0; }
div#items li { clear: right; padding: 10px 15px; }

div#items li.upnav   { clear: right; text-align: right; margin: 0; padding: 0; border: none; }
div#items li.upnav a { font-size: small; padding: 0 10px; border-left: 1px solid; }

div#items img.favicon { display: inline; }

/************************************************************** ITEMS LIST *****/

#items h2 { margin-bottom: 10px; clear: right}

h3.collapsed        { margin-bottom: 0 0 20px 0; padding-bottom: 0.2em; border: 1px solid #ddd;}

h3.collapsed        { background-color: #F9F9F9;}
h3.collapsed.unread { background-color: #880000;} 

li.item              { list-style: none; background-color: #FFFFFF; margin: 0 0 10px 0; padding:  5px; border: none; }
li.item.unread h4 a  { color: #880000;}
li.item.even h4 a    { color: #192832;}

li.item.unread             { border: 1px solid #333333; }
li.item.unread div.ief     { background-color: #f3f3ff; }
li.item.unread div.ief p a { background-color: #e5e5f0; }

li.item.odd                { background-color: #fff; }
li.item.odd div.ief        { background-color: #e7e7e7; }
li.item.odd div.ief p a    { background-color: #d8d8d8; }

li.item.even               { background-color: #fff; }
li.item.even div.ief       { background-color: #f2f2f2; }
li.item.even div.ief p a   { background-color: #e3e3e3; }

li.item .content, 
li.item .content p { font-size: 0.8em; line-height: 150%; margin-bottom: 10px;}

.item:hover .content a, 
.item:hover h5 a { border: none; }

/******************************************************* PAGINATION *****/

.pagenavigation { background: #192832; display: inline; float: right; 
                  color: #D59D69; font-size: small; padding: 0.4em;}

/*********************************************************** FOOTER *****/

div#footer      { clear: both; margin: 10px 0px; padding: 10px 0; }
div#footer span { font-size: 0.9em; color: #A0A0A0; text-align: center; padding: 0 15px; border: none; }

/************************************************************************ ADMIN NAV *****/

div#channel_admin    { margin-bottom: 5px;}
div#channel_admin h2 { font-family: Georgia; margin-top: 1em; }
div#channel_admin span { font-size: small;}
div#channel_admin ul.navlist { margin-bottom: 1em; }

#channel_admin               { position: relative; width: 90%; float: left; }
#channel_admin ul.navlist    { width: 100%; float: left; 
	                       margin: 0 0 0 0.3em; padding: 0 1em; border-bottom: 1px solid #ccc; }

#channel_admin ul.navlist li { position: relative; display: inline; float: left; z-index: 1;
                               background-color: transparent; background: #eee;
                               font-size: x-small; font-weight: 900; letter-spacing: 0.1em;
                               margin: 0 0.35em -1px 0; padding: 0.2em 1em; border: 1px solid #ccc;}

#channel_admin ul.navlist li.active { background: #fff; border-bottom:1px solid #fff; }

/**************************************** INPUT *****/

input         { background-color: #192832;  height: 24px; vertical-align: middle;
                color: #A0A0A0; font-size: 0.9em; font-weight: normal; margin: 0; border: 3px double #333333;}

input:hover   { color: #336; }

input.tagedit { font-weight: normal; font-size: smaller;}

td>input[type="text"]    { width: 100%; }
input[type="text"]:focus { border-color:#aaa; }

input[type="submit"]       { cursor: pointer; height: 24px; 
                             margin: 2px 2px 0 2px; padding: 0 5px; border: 3px double #333333; } 
input[type="submit"]:hover { background-color: #f8f8ff; border-color: #ddf; }

input[type="radio"], 
input[type="hidden"] { background-color: transparent; border: none; }

input#search_go      { background: transparent; color: #A0A0A0; font-size: 0.9em; font-weight: normal;
                       margin-left: 20px; padding: 0 5px; border: 3px double #333333;}