body {
    background: #333 url('oldstripes.jpg') no-repeat fixed top center;
    color:White;
}
img{
    border:none;
}
h1{
    color:Silver;
}
a{
    color:Red;
    text-decoration:underline;
}
blockquote{
    background:transparent url(quote.png) no-repeat scroll 0 0;
    color:#CCCCCC;
    margin:20px 0 10px 0;
    padding:3px 23px 0;
    text-align:left;
}
td.featured{
  padding-top: 350px;
}
.headerbar{
    background-image:url(http://cdn.struct2.h.roket-games.com/header.png);
    border-top:1px solid #333333;
    height:31px;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:10;
}
div.mininav{
     position:absolute;
     top:60px;
     height: 30px;
     width:100%;
     background:url(musicbar.png) no-repeat bottom center;
     elevation:above;
 
}
div.mainbg-top{
    background:url(bg900top.png) no-repeat bottom center;
    margin-top:25px;
	height: 663px;
	width: 100%;
}
div.mainbg-middle{
    display:block;
	width: 100%;
	background: url(bg900mid.png) repeat-y center;
}
div.mainbg-bottom{
    text-align:center;
	padding: 242px 0;
	width: 100%;
	background: url(bg900bottom.png) no-repeat top center ;
}

div.top-450{
    background:url(450top.png) no-repeat bottom left;
    margin-top:0px;
	height: 70px;
	width: 100%;
}
div.blog-top-450{
    background:url(450blogtop.png) no-repeat bottom left;
    margin-top:0px;
	height: 140px;
	width: 100%;
}
div.projects-top-450{
    background:url(450projectstop.png) no-repeat bottom left;
    margin-top:0px;
	height: 140px;
	width: 100%;
}
div.news-top-450{
    background:url(450newstop.png) no-repeat bottom left;
    margin-top:0px;
	height: 140px;
	width: 100%;
}
div.videos-top-450{
    background:url(450videostop.png) no-repeat bottom left;
    margin-top:0px;
	height: 140px;
	width: 100%;
}
div.middle-450{
    display:block;
	width: 100%;
	background: url(450mid.png) repeat-y;
}
div.bottom-450{
    text-align:center;
	padding: 131px 0px 0px 0px;
	width: 100%;
	background: url(450bottom.png) no-repeat top left ;
}
div.flashbordertop{
    background:url(flashbordertop.png) no-repeat bottom center;
    margin-top:0px;
	height: 99px;
	width: 900px;
}
div.flashborderbottom{
    background:url(flashborderbottom.png) no-repeat top center;
    margin-top:0px;
	height: 250px;
	width: 900px;
}
div.blogmaintop{
    background:url(blogmaintop.png) no-repeat bottom center;
    margin-top:0px;
	height: 150px;
	width: 600px;
}
div.blogmainmid{
    display:block;
	width: 600px;
	background: url(blogmainmid.png) repeat-y;
}
div.blogmainbottom{
    background:url(blogmainbottom.png) no-repeat top center;
    margin-top:0px;
	height: 150px;
	width: 600px;
}
div.blogrighttop{
    background:url(blogrighttop.png) no-repeat bottom center;
    margin-top:100px;
	height: 50px;
	width: 200px;
}
div.blogrightmid{
    display:block;
	width: 200px;
	background: url(blogrightmid.png) repeat-y;
}
div.blogrightbottom{
    background:url(blogrightbottom.png) no-repeat top center;
    margin-top:0px;
	height: 150px;
	width: 200px;
}
/*NAVBAR*/

a img,img { border: none; } a:focus,:active { outline: none; }
dt,dd,ul,li,label,caption { padding: 0; background-color: transparent; background-repeat: repeat; background-position: 0 0; }
/* global navigation time! note that it's a <ul>, not a div but asthestically acts the same way */
#navigation { margin: 0 auto; width: 648px; height: 65px; list-style: none;}
/* make each item in one line */
#navigation li { display: inline; float: left; }
/* set the sprite background, height, etc. note that it appends to every nav link! */
#navigation li a { display: block; margin: 0; height: 65px; background: url('navbarboth.png') no-repeat; text-indent: -6000em; }

/* now let's get specific for each nav item. the background-position shows each part of the nav background */

#navigation li#nav-home a { width: 127px; background-position: 0 0; }
#navigation li#nav-home a:active { background-position: 0 0 !important; }
#navigation li#nav-home a:hover, #navigation li#nav-home a:focus { background-position: 0 -72px; }

#navigation li#nav-blog a { width: 112px; background-position: -127px 0; }
#navigation li#nav-blog a:active { background-position: -127px 0 !important; }
#navigation li#nav-blog a:hover, #navigation li#nav-blog a:focus { background-position: -127px -72px; }

#navigation li#nav-games a { width: 126px; background-position: -239px 0; }
#navigation li#nav-games a:active { background-position: -239px 0 !important; }
#navigation li#nav-games a:hover, #navigation li#nav-games a:focus { background-position: -239px -72px; }

#navigation li#nav-forums a { width: 141px; background-position: -365px 0; }
#navigation li#nav-forums a:active { background-position: -365px 0 !important; }
#navigation li#nav-forums a:hover, #navigation li#nav-forums a:focus { background-position: -365px -72px; }

#navigation li#nav-misc a { width: 142px; background-position: -506px 0; }
#navigation li#nav-misc a:active { background-position: -506px 0 !important; }
#navigation li#nav-misc a:hover, #navigation li#nav-misc a:focus { background-position: -506px -72px; }

/*END OF NAVBAR*/