body
{

text-align: center; 
}

html
{
background-image: url('../img/background.jpg');
background-repeat: no-repeat;
background-color: #000000;
background-attachment: scroll;

}

#container
{
background-image: url('../img/trans_bg.png');

background-repeat: repeat;
height: 1440px;
width: 990px;
margin: 0 auto;

border: solid #585858;
border-width: 1px;
border-style: solid;








}

p
{
font-family: arial;
color: #ffffff;
font-size: 10pt;
text-align: left;
}

a
{
color: #3399ff;
text-decoration: none;
}

h1
{
color: #a9a9a9;
font-size: 20px;
font-family: arial;
text-align: left;
}

img
{
border-style: none;
}


img.titleimg
{
float: left;

}



#bottom_navbar
{
font-family: arial;
font-size: 9pt;
color: #3399ff;
text-decoration: none;
padding: 5 px;
}




#navbar
{

width: 900px;
margin: 0 auto;
padding-bottom: 5px;

}



#navbar a
{

font-family: arial;
color: #a9a9a9;
font-weight: bold;
text-decoration: none;
width: 900px;


}


#navbar a:hover
{
color: #F0F0F0;
}




.introimg
{

float: left;
padding: 10px;

}


#intro
{
margin: auto;

width: 970px;
text-align: left; 
padding: 10px;
}



#widgetsbar
{
margin: auto;

width: 970px;

padding: 10px;

color: #ffffff;
}





#whatsnew
{


margin: auto;
height: 400px;
width: 970px;
text-align: left; 
padding: 10px;




}





#whatsnew-left
{




width: 400px;
float: left; 
height: 350;
}



#whatsnew-right
{



width: 500px;
float: right; 
height: 350;
}






#otherprojects-left
{


position: relative;

width: 400px;
float: left; 
height: 350;
}



#otherprojects-right
{


position: relative;

width: 500px;
float: right; 
height: 350;
}






#otherprojects
{
padding: 10px;
width: 900px;
margin: 0 auto;
}















#otherprojects2
{
position: relative;

padding: 20px;
width: 900px;
margin: auto;
text-align: left; 
}





/*IMAGE FLOAT CLASSES*/


.floatright
{
float: right;
padding: 5px;
}

.floatleft
{
float: left;
padding: 5px;
}








#blog
{
width: 900px;
margin: auto;

}





#video_player
{
background-image:url('http://www.thedarkpower.com/img/video-player-graphic-normal.jpg');

height:295px;
width:480px;
}


#video_player:hover
{
background-image:url('http://www.thedarkpower.com/img/video-player-graphic-hover.jpg');
}