/* --------------------------------------------------------
    Global Style Sheet
    Website: Dirgio.com | LTcolor.com
    Started by: Armin Busatlic
	Modified by: Timothy Marois
    Filename: style.css
   -------------------------------------------------------- */

    div#container       {
        position: relative;
        width: 980px;
        height: 700px;
        margin: 0 auto;
        text-align:center;
    }
    
    div#top {
        background-color: #000;
        padding: 7px;
        color: #fff;
        height:20px;
        text-align:right;
    }


    /* Error Div */
    div#err     {
        color: #D54F4C;
        width:98%;
        padding:7px;
        margin-bottom: 10px;
        display:none;
    }
    
    /* Success Div */
    div#succ     {
        color: #8AA37B;
        width:98%;
        padding:7px;
        margin-bottom: 10px;
        display:none;
    }

    div#logo {
        float:left;
        width: 240px;
    }
    
    input#search {
        border: 1px solid #fff;
    }

    input#search:focus  {
        background-color: #FBFDCA;
    }
    
    div#featured {
        float:left;
        width: 355px;
        height: 300px;
    }
    
    div#playandchattitle {
        clear: left;
        width: 210px;
        text-align:left;
        padding:10px 0 0 7px;
    }
    
    div#playandchat {
        overflow: hidden;
        background-image: url('../images/topright_bg.gif');
        float:left;
        margin-top:5px;
        width: 270px;
        height: 252px;
    }

    div.plugs {
        float:left;
        width:420px;
    }

    div#partners {
        float: left;
        width: 560px;
        background-color: #000;
    }


    img.avatar {
        border: 3px solid #000;
        width:50px;
        height:50px;
    }
    
    img.friendavatar {
        border: 5px solid #333;
        width:100px;
        height:100px;
    }
    
    div.toprating {
        padding: 13px;
        background-image: url('../images/toprating_bg.gif');
    }

    a.gametool img {
        filter:alpha(opacity=80);
		opacity: 0.8;
		-moz-opacity:0.8;
    }
    a.gametool:hover img{
        filter:alpha(opacity=100);
		opacity: 1.0;
		-moz-opacity:1.0;
    }
    
    /****** Pages ******/

    a.page {
        border: 1px solid #ccc;
        padding: 3px;
    }
    a.page:hover {
        border: 1px solid #fff;
        text-decoration: none;
    }
    a.page_selected {
        border: 1px solid #555;
        background-color: #555;
        padding: 3px;
        font-weight: bold;
    }
    
    /****** Messaging ******/
    
    textarea.message {
        width: 100%;
        height: 300px;
    }
    
    textarea.linkexchange {
        width: 100%;
        height: 30px;
    }

    
    /****** Levels ******/
    
    a.lvl1,a.lvl2,a.lvl3,a.lvl4,a.lvl5      { color:#1FC356; }
    a.lvl6,a.lvl7,a.lvl8,a.lvl9,a.lvl10     { color:#D5AA00; }
    a.lvl11,a.lvl12,a.lvl13,a.lvl14,a.lvl15 { color:#FF9900; }
    a.lvl16,a.lv117,a.lvl18,a.lvl19,a.lvl20 { color:#F92626; }
    a.lvl21,a.lvl22,a.lvl23,a.lvl24,a.lvl25 { color:#E78DE7; }
    a.lvl26,a.lvl27,a.lvl28,a.lvl29,a.lvl30 { color:#7C9DFF; }
    

    /****** Chat Font Colors *******/
    
    .color0 { color: #ffffff; }
    .color1 { color: #F65C5C; }
    .color2 { color: #71A0FF; }
    .color3 { color: #1CBE6D; }
    .color4 { color: #ACAC16; }
    .color5 { color: #C07831; }
    .color6 { color: #B0D2E6; }
    .color7 { color: #14EC14; }
    .color8 { color: #F8D516; }
    .color9 { color: #F538CF; }


    /****** Ads ******/

    div.topad {
        float:left;
        padding-top:15px;
        width: 740px;
        height: 100px;
        text-align:center;
        vertical-align: middle;
    }

    div#boxad {
        float:left;
        padding:0 0 0 10px;
        width: 340px;
        height: 310px;
    }
    
    div#leftad {
        float:left;
        width: 200px;
    }

    /****** Categories ******/            
	 /****** Top Tabs ******/           
	 	 /****** Faded Tabs ******/          
    a.category {
        background-image: url('../images/top-tabs/top-tab-grey.gif');
        float:left;
        line-height:50px;
        width: 89px;
        height: 50px;
        cursor:pointer;
    }
    a.category:hover {
	background-image: url('../images/top-tabs/top-tab-pureblack.gif');
        color: #1d6df2;
        text-decoration: none;
    }
	 /****** black Tabs ******/    
	 a.category-active {
        
		background-image: url('../images/top-tabs/top-tab-pureblack.gif');
        float:left;
        line-height:50px;
        width: 89px;
        height: 50px;
        cursor:pointer;
    }
	 a.category-active:hover  {
        background-image: url('../images/top-tabs/top-tab-pureblack.gif');
        color: #1d6df2;
        text-decoration: none;
		}
	
	
	
	 /****** Middle Tabs ******/  
	  /****** newest ******/  
                    
	 a.newest-tab {
        background-image: url('../images/middle-tabs/middle-tab-red.gif');
        float:left;
        line-height:20px;
        width: 89px;
        height: 18px;
        cursor:pointer;

    }
	a.newest-tab:hover {
	background-image: url('../images/middle-tabs/middle-tab-grey.gif');
        color: #1d6df2;
        text-decoration: none;
    }
	 /****** popular ******/  
                    
	 a.popular-tab {
        background-image: url('../images/middle-tabs/middle-tab-blue.gif');
        float:left;
        line-height:20px;
        width: 89px;
        height: 18px;
        cursor:pointer;

    }
	a.popular-tab:hover {
	background-image: url('../images/middle-tabs/middle-tab-grey.gif');
        color: #1d6df2;
        text-decoration: none;
    }
	
	 /****** random ******/  
                    
	 a.random-tab {
        background-image: url('../images/middle-tabs/middle-tab-orange.gif');
        float:left;
        line-height:20px;
        width: 89px;
        height: 18px;
        cursor:pointer;

    }
	a.random-tab:hover {
	background-image: url('../images/middle-tabs/middle-tab-grey.gif');
        color: #1d6df2;
        text-decoration: none;
    }
	 /****** Dark Tabs ******/  

	 a.endingtab-op {
        background-image: url('../images/category-tab-op.gif');
        float:left;
        line-height:20px;
        width: 89px;
        height: 18px;
        cursor:pointer;

    }
	a.endingtab-op:hover {
	background-image: url('../images/middle-tabs/middle-tab-grey.gif');
        color: #1d6df2;
        text-decoration: none;
    }


    /****** Top Tabs ******/

    div.toptabs a {
        float: left;
        line-height:31px;
        width:91px;
        height:31px;
        filter:alpha(opacity=80);
		opacity: 0.8;
		-moz-opacity:0.8;
    }
    div.toptabs a:hover {
        cursor: pointer;
        filter:alpha(opacity=100);
		opacity: 1.0;
		-moz-opacity:1.0;
		text-decoration: none;
    }

  

    
    /***** Input Mod *****/

    input.red {
        border:1px solid #000;
        background-color: #5B0000;
        color: #fff;
    }
    
    
    
    /***** Chat ******/
    div.chat {
        background-color:#333;
        padding:7px;
        margin: 7px;
        overflow:auto;
    }
    
    div#users {
        background-color:#555;
        padding: 7px;
        height: 150px;
        overflow: auto;
    }

    div#chatbox {
        padding: 7px 0 7px 0;
        width: 180px;
        overflow: auto;
    }

    /****** Account Tabs *******/
    div.accounttab {
        float: left;
        width: 150px;
        height: 20px;
        padding: 7px;
        margin-right: 4px;
        background-color: #333;
        cursor: pointer;
    }
    
    div.accounttab_selected {
        float: left;
        width: 150px;
        height: 20px;
        padding: 7px;
        margin-right: 4px;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        cursor: pointer;
    }
	
	.gamethumb {
	border: 2px solid #ffffff;
	margin-left:12px;
	margin-right:5px;
	margin-top:3px;
	margin-bottom:5px;
}

.gamethumb_2 {
padding:2px;
	margin-left:12px;
	margin-right:5px;
	margin-top:3px;
	margin-bottom:5px;
}

.submit_links{

	color: #333;
	padding:5px;
	background: #202020;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
.inbox_content{

	color: #ffffff;
	padding:5px;
	background: #202020;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

    div.plug {
		float:left;
		background-color: #000;
		width: 108px;
		height: 102px;
        padding: 7px 3px 3px 3px;
        margin: 0 3px 0 3px;
        overflow: hidden;
	}
	div.plug:hover {
    	background-color: #1c2337;
	}

    div.plug2 {
		float:left;
		background-color: #000;
		width: 116px;
		height: 120px;
        padding: 0px 0px 0px 0px;
        margin: 0 0px 0 0px;
        overflow: hidden;
	}
	div.plug2:hover {
    	background-color: #1c2337;
	}

    div.newg {
		float:left;
		background-color: #000;
		width: 109px;
		height: 110px;
        padding: 7px 3px 3px 3px;
        margin: 0 3px 0 3px;
        overflow: hidden;
	}
	div.newg:hover {
    	background-color: #1c2337;
	}

smallBr{
font-size: 1px;
line-height: 0; 
}