/*      Style.css
 *
 * The style is a black page with white text.
 * This is the site wide stylesheet which is
 * applied to all pages.
 */
iframe, img {
    border-style: 				none;
}

em {
    color:              		#CCCCff;
}

.applet {
    margin: 					0 auto;
    
    padding-left:       		0px;
    padding-right:      		0px;
    padding-top:        		0px;
    padding-bottom:     		0px;

    text-align: 				center;
}

applet {
    margin-top:                 0em;
    margin-bottom:              0em;
}

a {
    text-decoration:            none;
}
a:link {
    color:                      #BFBFBF;
    color:                      white;
}
a:visited {
    color:                      #aaaaaa;
}
a:active {
    color:                      #BFBFBF;
    color:                      white;
}
a:hover {
    color:                      #FFb920;
}

div {
    padding:                    0px 0px;
    margin:                     0px 0px;
    border-width:               0px;
}

html, body, #middle {
	margin-top:					0px;
}

html {
    color:                      #CCCCCC; /* white; */
    background:                 #0c1e33;
	font-family: 				'Lucida Grande', Verdana, Sans-Serif;
    font-family:                "Arial";
    font-size:                  1em;
	height:						100%;
}

body {
    text-align:                 center;
}

p {
    margin-top:                 0.2em;
    margin-bottom:              0.4em;
}

h1, h2 {
    margin-top:                 0.1em;
    margin-bottom:              0.2em;
}

.game_title, .entry_title, h1 {
    margin-left:                -7px;
}

.game_title, .entry_title {
	font-weight:				normal;
    color:                      #FFDA46;
	font-size:					26px;
	float:						left;
	clear: 						left;
}

h1 {
	font-weight:				bold;
    color:                      #FFeA36;
    font-size:                  1.1em;
}

h2 {
    color:                      #FFeA36;
    font-size:                  1em;
	font-weight:				bold;
	font-style:					italic;
}

.important { 	
    margin:                     0 auto;
    text-align:                 center;
    background:                 #EE4444;
    border-color:               #CC2222;
    border-style:               solid;
    border-width:               1px;
}

.narrowcolumn .entry {
	padding-top:				40px;
}

/* These are the id's used for the links bar at the top of the page.
 * Each link in the bar is a links_item, the bar itself is links. */
#footer_bar, #links_bar {
    margin-left:                0;
    margin-right:               0;
    padding-top:                0em;
    background:                 #17375E;
    clear:                      both;
}

.links_item {
    padding-left:               0.1em;
    padding-right:              0.1em;
}

#links_site {
	text-align:					left;
	float:						left;
	margin-left:				0.3em;
}

#links_follow {
	padding-top:				3px;
	text-align:					right;
	float:						right;
	margin-right:				0.2em;
}

#links_bar {
    font-family:                "Arial";
	font-size:					26px;
    margin-bottom:              7.8px;
	height:						32.4px;
    padding-bottom:             2.6px;
}

#footer_bar {
    margin-top:                 0.6em;
	margin-bottom:				0em;
    padding-top:	            0.05em;
    padding-bottom:             0.05em;
    text-align:                 center;
	clear: 						both;
	vertical-align:				top;
}

html, body, #page, #bottom {
	margin-bottom:				0px;
}

/* ### ### ### ### ### ### ### ### ### 
 * 		Gradients and Backgrounds
 * ### ### ### ### ### ### ### ### ### */

#back_1, #back_2 {
	position:					absolute;
	right:						50%;
	z-index:					1;
	background-repeat:			no-repeat;
}

#back_1 {
 	background:					url("images/back/pan_1.jpg");
	margin-right:				392px;
	top:						20px;
	width:						308px;
	height:						631px;
}

#back_2 {
 	background:					url("images/back/pan_3.jpg");
	margin-right:				-500px;
	top:						550px;
	width:						103px;
	height:						459px;
}
 
#page_back_right {
	position:					absolute;
 	background:					url("images/back/pan_2.jpg");
	background-repeat:			no-repeat;
	z-index:					-1;
	width:						600px;
	height:						631px;
	right:						-157px;
	top:						-200px;
 }
 
.gradient_inner_left, .gradient_inner_right {
	position:					absolute;
	height:						auto;
	min-height:					100%;
	
	top:						0px;
	
	background-repeat:			repeat-y;
	
	right:						50%;
	width:						52px;
	z-index:					5;
}

.gradient_inner_left {
	background: 				url("images/gradient_inner_left.png");
	margin-right:				398px; /* half #page width + 1 border */
	background-position:		left;
}

.gradient_inner_right {
	background: 				url("images/gradient_inner_right.png");
	margin-right:				-450px; /* half #page width + 1 border + gradient image width*/
	background-position:		right;
}

#twitter_feed {
	float:						right;
	clear:						right;
	margin-left:				12px;
	margin-right:				-12px;
}

/* ### ### ### ### ### ### ### ### ### 
 * 		Page
 * ### ### ### ### ### ### ### ### ### */

/* The Page wraps all content. */
#page {
    width:                      780px;
    margin:                     0em auto; /* vertical & horizontal */
    border-style:               none;
    background:                 #1F497D;

    padding:					0px;
    z-index:                    10;
    position: 					relative;
}

#page, .adsense_bar_left, .adsense_bar_right {
    border-width:               8px;
    border-bottom-width:        0px;
    border-top-width:           0px;
    border-style:               solid;
    border-color:               #17375E;
}

.adsense_footer {
    text-align:                 center;
    padding-top:                0em;
	padding-bottom:				0em;
	
	position:					absolute;
	
	/* Pre-set Adsense banner sizes */
	width:						728px;
	height:						90px;
	
	/* Horizontal Centering */
	left:						50%;
	margin-left:				-364px; /* - half width */
	margin-right:				0px;
	
	/* Vertical Centering */
	top:						50%;
	margin-top:					-45px; /* - half height */
	margin-bottom:				0px;
}

#bottom {
	position:					relative;
    width:                      100%;
	height:						110px;
}

.error {
    color:                      #FFBBBB;
}

.success {
    color:                      #BBFFBB;
}

.centered, .content, #title {
}

.centered, .content {
    text-align:                 justify;
    padding-bottom:             0.5em;
    padding-left:               2.5em;
    padding-right:              2.5em;
}

.centered {
    text-align:                 center;
}

#title {
    text-align:                 center;
    padding-bottom:             1em;
}
#title_logo {
    margin-top:                 10px;
	margin-left:				10px;
	margin-bottom:				10px;
	float:						left
}

#sidebar {
    background:                 transparent;
	
    clear:                      right;
    float:                      right;
	
    border-style:               solid;
	border-color:				#17375E;
    border-width:               0px;
    border-left-width:          2px;
	
    margin-top:                 0em;
    margin-bottom:              1em;
    margin-left:                1.4em;
	margin-right:				0.4em;
	
	padding-top:				0.8em;
	padding-bottom:				0.4em;
	padding-left: 				1em;
	padding-right:				0.3em;
	
	-moz-border-radius-bottomleft: 		36px;
  	-khtml-border-bottom-left-radius: 	36px;
  	-webkit-border-bottom-left-radius: 	36px;
  	border-bottom-left-radius: 			36px;
}

/* The Main div is for everything between the links bar and the footer. */
#main {
	text-align: justify;
}

/* ### ### ### ### ### ### ### ### ### 
 * 		Ad Bars
 * ### ### ### ### ### ### ### ### ### */
.adsense_bar_left, .adsense_bar_right {
    border-top-width:           8px;
    border-bottom-width:        8px;

	text-align:					center;
    background:                 #1F497D;
    position:                   absolute;
    z-index:                    2;
    width:                      150px;
    height:                     630px;
	
	border: 					8px solid #17375E;
	-moz-border-radius: 		30px;
	-webkit-border-radius: 		30px;
	-khtml-border-radius: 		30px;
	border-radius: 				30px;
}

.adsense_bar_left {
    top:                        300px;
    float:                      left;
    left:                       0px;
    border-left-width:          0px;
	
	-moz-border-radius-bottomleft: 		0px;
  	-khtml-border-bottom-left-radius: 	0px;
  	-webkit-border-bottom-left-radius: 	0px;
  	border-bottom-left-radius: 			0px;
	
	-moz-border-radius-topleft: 		0px;
  	-khtml-border-top-left-radius: 		0px;
	-webkit-border-top-left-radius: 	0px;
  	border-top-left-radius: 			0px;
}

.adsense_bar_right {
    top:                        85px;
    float:                      right;
    right:                      0px;
    border-right-width:         0px;
	
	-moz-border-radius-topright: 		0px;
  	-khtml-border-top-right-radius: 	0px;
	-webkit-border-top-right-radius: 	0px;
	border-top-right-radius: 			0px;

	-moz-border-radius-bottomright: 	0px;
  	-khtml-border-bottom-right-radius: 	0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 		0px;
}

.adsense_vertical_banner {	
	/* These are same as the Adsense Banner */
    width:                      120px;
	height:						600px;
	
	/* Horizontal Center */
	left:						50%;
    margin-left:                -60px; /* - half width */
	
	/* Vertical Center */
	position:					absolute;
	top:						50%;
	margin-top:					-300px; /* - half height */
	margin-bottom:				0px;
}