/* Template css 
Copyright 2009 opGames Inc.
*/

/*
styles:

ids (nonrepeated)
#leftside - left side of table
#rightside - right side of table
#bottom - bottom of table
#bottomleft - bottom left image
#bottomright - bottom right image
#top - top table
#logo - logo image
#buttonbar - buttonbar

#body

#buttonbar a - buttonbar link
#buttonbar a img - buttonbar link image
#buttonbar a:hover - buttonbar hover - will need to setup hovering behavior.

main body styles:

Lucinda Grande font family

Be sure to use optipng on all png images used on site.

*/

#main
{

}

#leftside
{

}

#rightside
{

}

#middle
{

}

#bottom
{

}

#bottomleft
{

}

#bottomright
{

}

*
{
	font-family: Arial, Sans-Serif;
}

.topscore
{
	font-size:   20px; 
}

.copyright a
{
	text-decoration:none;
	color: #000000;
}

a:active, a:focus
{
outline:none;
}

img
{
border:0;
outline: none;
}

.featurebutton : hover
{
	background-image: url('images/features-highlight.png');
}

.featurebutton {
    background-image: url('images/features.png');
    float:  left;
	width:  98;
	height: 33;
}

div.newsitem p
{
	padding-left: 120px;
	font-family: Arial, Sans-Serif; 
	font-size:   16px; 
}

div.newsitem pre
{
	padding-left: 120px;
	font-family: Arial, Sans-Serif; 
	font-size:   16px; 
}

h2 
{
	font-size: 20px;
	font-weight: normal;
}

div.newsitem h2
{
	padding-left: 120px;

}

div.newsitem img
{
	float: left;
	padding:10px;
}

hr
{
	color:            #999999;
	background-color: #999999;
	height:      2px;
	margin:      20px;
	margin-left: 110px;
	margin-right: 110px;
}

.sidestuff
{
float:right;
position:absolute;
right:0px;
text-align:center;
}

.promo
{
position:absolute;
top:60px;
left:50%; 
}

.promo img
{
position:absolute;
left:220px; 
}

.copyright
{
text-align:center;
}

.newsbutton
{
 background: url('images/news-animation.png') no-repeat scroll top right;
 width:      64px;
 height:     33px;
 display:    block;
 float:left;
}
     
.newsbutton:hover
{
 background: bottom right;
}

.addthis
{
	position:relative;
	top:50px;
	left:650px;
}

.twitter
{
	position:relative;
	top:55px;
	left:420px;
}

.facebook
{
	position:relative;
	top:56px;
	left:100px;
}

form
{
padding:0px;
margin:0px;
}


/*
.featurebutton span {
    background-image: url('images/features-highlight.png');
    display: block;
}
*/