@charset "utf-8";
body {
background-color: #2D2D33;
	}
	
#container { 
	width: 500px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-color: #2D2D33;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
} 

#header1 {
text-align: center;
padding-top: 200px;
padding-bottom: 20px;
}

#header2 {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}

.nav{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

.nav ul{
padding: 0px ;
margin: 0px;
}

.nav ul li{
list-style-type: none;
list-style-image: none;
display: inline;
text-align: center;
padding: 0px 20px 0px 20px;
}

.nav hr {
color: #ffffff;
padding: 0px;
borer: 0px;
}

.footer{
padding-left: 30px;
padding-top: 50px;
}

.footer li{
display: inline;
padding-right: 10px;

}

#footer{
	text-align: center;
}

ul a{color: #999999; text-decoration: none; outline: none;}
ul a:active{color: #ffffff;}
ul a:visited{color: #999999;}
ul a:hover{color: #ffffff;}

a{color: #003399; text-decoration: none; outline: none;}
a:active{color: #003399;}
a:visited{color: #003399;}
a:hover{color: #0033ff;}

.table{
margin-top: 20px;
}

.left{
vertical-align: top;
}

.center {
vertical-align: top;
}

.right{
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
vertical-align: top;
text-align: left;
}

.thumbnails{
padding-left: 8px;
padding-top: 0px;
margin: 0px;
}

.thumbnails td{
padding: 0px 3px 3px 3px;
}


/*-------- Categories -----------*/

.dig, .thr, .direct, .rast {
padding-bottom: 4px;
background-color: #F40404;
}

.text, .flash, .ads, .vect {
padding-bottom: 4px;
background-color: #FFD74C;
}

.tut, .post, .txtr {
padding-bottom: 4px;
background-color: #0078FF;
}

.bro, .guru {
padding-bottom: 4px;
background-color: #00CC33;
}

.logo{
padding-bottom: 4px;
background-color: #999999;
}
