/* Darkside theme for phpBB2
 * Created by The Fathom
 * http://www.het-nus.net
 * Inspired by vBulletin
 * http://www.vbulletin.com
 * Based on subSilver
 * http://www.subBlue.com
 */

/* Scrollbar Color and HR */

body               
{scrollbar-3dlight-color:;
           scrollbar-arrow-color: #000000;
           scrollbar-base-color: #505050;
           scrollbar-darkshadow-color: #303030;
           scrollbar-face-color: #000000;
           scrollbar-highlight-color: #404040;
           scrollbar-shadow-color: #101010;
}


/* Font Properties */

body             
{
font-family: Verdana, Tahoma; 
font-size: 10px; 
color: #F4F4F4;
}

table            
{
font-family: Verdana, Tahoma; 
font-size: 10px; 
color: #F4F4F4;
}

.tableh1 {
        background : #62696b ;
        color : #FFFFFF;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh1_compact {
        background : #62696b ;
        color : #FFFFFF;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableh2 {
        background: #7A7A7A ;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        background: #7A7A7A ;
        color : #000000;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableb {
        background: #7A7A7A ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}


.tableb_compact {
        background: #505050 ;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tablef {
        background: #505050;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;

}

td               
{
font-family: Verdana, Tahoma; 
font-size: 10px; 
color: #F4F4F4;
}

.smalltext       
{ 
font-family: Verdana; 
font-size : 10px; 
color: #F4F4F4;
}

.mediumtext      
{ 
font-family: Verdana; 
font-size : 11px; 
color: #F4F4F4;
}

.largetext       
{ 
font-family: Verdana; 
font-size : 13px; 
color: #F4F4F4;
}

.catrowtext      
{ 
font-family: Verdana; 
font-size : 12px; 
color: #FFFFFF; 
font-weight: bold;
}

.toprowtext      
{ 
font-family: Verdana; 
font-size : 9px; 
color: #EAF0F5; 
font-weight: bold; 
}

/*
//====================================================================== |
//==== Start Advanced BBCode Box MOD =================================== |
//==== v5.0.0 ========================================================== |
//====
*/
.postimage {
	cursor: pointer;
	cursor: hand;
}
.postimage:hover {
	background-color: #dfdfdf;
	cursor: pointer;
	cursor: hand;
}

/* Cell Properties */

TD.catLeft	        
{ 
background-color: #7A7A7A;
font-family: Verdana; 
font-size : 12px; 
color: #F4F4F4;
}

TD.row1	        
{ 
background-color: #505050;
font-family: Verdana; 
font-size : 13px; 
color: #F4F4F4;
}     
     
TD.row2	        
{ 
background-color: #7A7A7A;
font-family: Verdana; 
font-size : 12px; 
color: #F4F4F4;
}
TD.row3	
{ 
background-color: #000000;	
font-family: Verdana;	
font-size : 13px;

color: #F4F4F4

}

TD.row4	
{
background-color: #505050;
font-family: Verdana;
font-size : 13px;
color: #F4F4F4
}

td.cathead
{
font-family: Verdana;
font-size : 9px;
color: #F4F4F4;
background-image: url(images/gradient_blue.gif);
background-repeat: repeat-y;
}


td.thHead	
{
font-family: Verdana; 
font-size : 9px; 
color: #F4F4F4; 
background-image: url(images/gradient_blue.gif);
background-repeat: repeat-x;
}

th.thHead	
{
font-family: Verdana; 
font-size : 9px; 
color: #F4F4F4; 
background-image: url(images/gradient_blue.gif);
background-repeat: repeat-x;
}

td.catBottom	
{
font-family: Verdana; 
font-size : 9px; 
color: #F4F4F4; 
background-image: url(images/gradient_blue.gif);
background-repeat: repeat-x;
} 

td.toprow	
{
font-family: Verdana; 
font-size : 9px; 
color: #F4F4F4; 
background-image: url(images/gradient_blue.gif);
background-repeat: repeat-y;
} 

td.catrow
{ 
font-family: Verdana; 
font-size : 12px; 
color: #5F4F4F4; 
font-weight: bold;
background-image: url(images/gradient_grey.gif);
background-repeat: repeat-y;
}


TD.tableborder	  
{ 
background-color: #000000;
}


/* Link Properties */


a                         { text-decoration: underline; font-size: 11px; color: #F4F4F5; font-family: Verdana }  
a:link                    { text-decoration: underline; font-size: 11px; color: #F4F4F5; font-family: Verdana }
a:visited                 { text-decoration: underline; font-size: 11px; color: #F4F4F5; font-family: Verdana }
a:active                  { text-decoration: underline; font-size: 11px; color: #F4F4F5; font-family: Verdana }
a:hover                   { text-decoration: none; font-size: 11px; color: #F4F4F5; font-family: Verdana } 

a.forumlink               { text-decoration: underline; font-weight: bold; font-size: 13px; color: #F4F4F5; font-family: Verdana }
a.forumlink:link          { text-decoration: underline; font-weight: bold; font-size: 13px; color: #F4F4F5; font-family: Verdana }
a.forumlink:visited       { text-decoration: underline; font-weight: bold; font-size: 13px; color: #F4F4F5; font-family: Verdana }
a.forumlink:active        { text-decoration: underline; font-weight: bold; font-size: 13px; color: #F4F4F5; font-family: Verdana }
a.forumlink:hover         { text-decoration: none; font-size: 13px; font-weight: bold; color: #F4F4F5; font-family: Verdana }
   
a.topiclink               { text-decoration: underline; font-size: 13px; color: #F4F4F5; font-family: Verdana }  
a.topiclink:link          { text-decoration: underline; font-size: 13px; color: #F4F4F5; font-family: Verdana }
a.topiclink:visited       { text-decoration: underline; font-size: 13px; color: #F4F4F5; font-family: Verdana }
a.topiclink:active        { text-decoration: underline; font-size: 13px; color: #F4F4F5; font-family: Verdana }
a.topiclink:hover         { text-decoration: none; font-size: 13px; color: #F4F4F5; font-family: Verdana }  
 
a.catlink                 { text-decoration: none; font-weight: bold; font-size: 13px; color: #FFFFFF; font-family: Verdana }   
a.catlink:link            { text-decoration: none; font-weight: bold; font-size: 13px; color: #FFFFFF; font-family: Verdana }
a.catlink:visited         { text-decoration: none; font-weight: bold; font-size: 13px; color: #FFFFFF; font-family: Verdana }
a.catlink:active          { text-decoration: none; font-weight: bold; font-size: 13px; color: #FFFFFF; font-family: Verdana }
a.catlink:hover           { text-decoration: underline; font-weight: bold; font-size: 13px; color: #FFFFFF; font-family: Verdana }
  
a.toprowlink              { text-decoration: none; font-size: 9px; color: #EAF0F5; font-family: Verdana }   
a.toprowlink:link         { text-decoration: none; font-size: 9px; color: #EAF0F5; font-family: Verdana }
a.toprowlink:visited      { text-decoration: none; font-size: 9px; color: #EAF0F5; font-family: Verdana }
a.toprowlink:active       { text-decoration: underline; font-size: 9px; color: #EAF0F5; font-family: Verdana }
a.toprowlink:hover        { text-decoration: underline; font-size: 9px; color: #EAF0F5; font-family: Verdana } 
     
a.smalllink               { text-decoration: underline; font-size: 10px; color: #F4F4F5; font-family: Verdana }   
a.smalllink:link          { text-decoration: underline; font-size: 10px; color: #F4F4F5; font-family: Verdana }
a.smalllink:visited       { text-decoration: underline; font-size: 10px; color: #F4F4F5; font-family: Verdana }
a.smalllink:active        { text-decoration: underline; font-size: 10px; color: #F4F4F5; font-family: Verdana }
a.smalllink:hover         { text-decoration: none; font-size: 10px; color: #F4F4F5; font-family: Verdana }  

a.smalllinkr               { text-decoration: none; font-size: 10px; color: #F4F4F5; font-family: Verdana }
a.smalllinkr:link          { text-decoration: none; font-size: 10px; color: #F4F4F5; font-family: Verdana }
a.smalllinkr:visited       { text-decoration: none; font-size: 10px; color: #F4F4F5; font-family: Verdana }
a.smalllinkr:active        { text-decoration: none; font-size: 10px; color: #F4F4F5; font-family: Verdana }
a.smalllinkr:hover         { text-decoration: none; font-size: 10px; color: #F4F4F5; font-family: Verdana }  
  
a.mediumlink              { text-decoration: underline; font-size: 11px; color: #F4F4F5; font-family: Verdana }  
a.mediumlink:link         { text-decoration: underline; font-size: 11px; color: #F4F4F5; font-family: Verdana }
a.mediumlink:visited      { text-decoration: underline; font-size: 11px; color: #F4F4F5; font-family: Verdana }
a.mediumlink:active       { text-decoration: underline; font-size: 11px; color: #F4F4F5; font-family: Verdana }
a.mediumlink:hover        { text-decoration: none; font-size: 11px; color: #F4F4F5; font-family: Verdana }   
    
a.largelink               { text-decoration: underline; font-size: 13px; color: #F4F4F5; font-family: Verdana }
a.largelink:link          { text-decoration: underline; font-size: 13px; color: #F4F4F5; font-family: Verdana }
a.largelink:visited       { text-decoration: underline; font-size: 13px; color: #F4F4F5; font-family: Verdana }
a.largelink:active        { text-decoration: underline; font-size: 13px; color: #F4F4F5; font-family: Verdana }
a.largelink:hover         { text-decoration: none; font-size: 13px; color: #F4F4F5; font-family: Verdana }         

/* Form elements */

input, textarea, select 
{
color : #000000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}

.radio {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        vertical-align : middle;
}

.navmenu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-size: 100%;
        font-weight: bold;
        background : #636973 ;
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.navmenu a {
        display: block;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-decoration: none;
        color: #000000;
}

.navmenu a:hover {
        background : #1b1b1b ;
        text-decoration: none;
        color:         #000000;
}

.admin_menu_thumb {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #5F5F5F;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

.admin_menu_thumb a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 10px;
        padding-right: 10px;
}


.admin_menu_thumb a:hover {
        color: #000000;
        text-decoration: underline;
}

.admin_menu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #62696b;
        background-color:#EFEFEF;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #FFFFFF;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:1px;
        padding-right:1px;
        text-align: center;
}

.admin_menu a {
        color: #FFFFFF;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.admin_menu a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}

td #admin_menu_anim {
        background-image : url(images/button_bg_anim.gif);
}

.comment_date{
        color : #5F5F5F;
        font-size : 90%;
        vertical-align : middle;
}

.image {
        border-style: solid;
        border-width:1px;
        border-color: #505050;
        margin: 2px;
}

.imageborder {
        border: 1px solid #000000;
        background-color: #505050;
        margin-top: 30px;
        margin-bottom: 30px;
}

.display_media {
        background: #7a7a7a ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.thumbnails {
        background: #7a7a7a ;
        padding: 5px;
}


.listbox {
        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #63656b;
        vertical-align : middle;
}

.button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
		color : #8b8b8b;
        border: 1px solid #63656b;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
}

.comment_button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #63656b;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        padding-left: 3px;
        padding-right: 3px;
}