/********************************************************************
 *  Astaria.net, Layout and Style CSS for main website.
 *  Aeschix@Astaria, 2009.
 *  CSS hackery has only been employed to enhance background tiles by
    allowing alpha channel png images. IE7 has a rendering bug which
	  chomps on Flash if a png is used anywhere on the same page, so as
	  a workaround, IE7 has a tiled, opaque gif instead.
 ********************************************************************/
/*** Base overrides ***/
body {
	font-family: "Courier New", Courier, monospace ;
	font-size:0.8em;
	background: #272727 url(../../images/skins/default/background-image.jpg) center bottom fixed no-repeat;
	color: #FFFFFF ;
	text-align:center;
}
  /* Text Styles */
	a:link { color:#C0C0C0; }
	a:hover { color:#FFFF00; }
	a:visited { color:#666666; }
	a.external-link {
		background-image: url(../../images/skins/default/external_icon.gif) ;
		background-position: right center ;
		background-repeat: no-repeat ;
	}
	h1 {
		font-size:1.25em;
		font-weight: bold;
	}
	h2 {
		font-size:1.15em;
		font-weight: bold;
	}
	h3 {
		font-size:1.0em;
		font-weight: bold;
	}
	h4 {
		font-size:0.9em;
		font-weight: bold;
	}
	h5 {
		font-size:0.9em;
		font-weight: normal;
	}
	h6 {
		font-size:0.9em;
		font-weight: normal;
		font-style:italic;
	}
	sup, sub { line-height:0.25em; }
	hr {
		color:#000000;
		background-color:#000000;
	}

/*** Media Styles ***/
#flash-on { background:transparent url(../../images/skins/default/icon-flash.png) 0 0 no-repeat; }
#flash-off { background:transparent url(../../images/icons/icon-flash-off.png) 0 0 no-repeat; }

/*** Table Default Styles ***/
	table {
		border-color:#000000;
	}
	 table th,
	 table td {
			border-right:1px solid #000000;
			border-bottom:1px solid #000000;
		}

/*** Layout Styles ***/
/* Header */
#header {
	}
	#header .banner {
		background:transparent url(../../images/skins/default/astaria_banner.png) center top no-repeat;
	}
		#header .banner div {
			color:#FFFFFF;
		}

	/* Toolbar */
	.toolbar {
		height:22px;
		border-top:1px solid #FFFFFF;
	}
		/* MUD connection status */
		.status { font-size:0.9em; }
		.status .connected,
		.status .disconnected,
		.status .connected a {
			text-transform:uppercase;
			font-size:0.95em;
			text-decoration:none;
		}
		
		.status .connected,
		.status .connected a {
			color:#006600;
		}
		.status .connected a {
			font-size:1.0em;
		}
		.status .disconnected { color:#CC0000; }
		.status .connected a:hover { color:#009900; }
	
		/* Google search */
		form#cse-search-box {
			text-align:left;
		}
			form#cse-search-box input {
				border:none;
				font-size:0.85em;
			}
			form#cse-search-box input.query {
				color:#FFFFFF;
				background:transparent url(../../images/skins/default/icon-search.png) left top no-repeat;
			}
			form#cse-search-box input.submit {
				border:1px solid #CCCCCC ;
				color:#FFFFFF;
				background:transparent url(../../images/skins/default/black_75_opacity.png) 0 0 repeat;
			}
	
#wrap {
	text-align:left;
}
	#bd { background: transparent url(../../images/skins/default/black_50_opacity.png) repeat top left; }

	/* Two-column layout */
	.two-column {
		border-top:1px solid #FFFFFF;
		border-bottom:1px solid #FFFFFF;
		background: transparent url(../../images/skins/default/1x1_000000_pixel.gif) 0 0 repeat-y;
		background-position: 22% 0;
	}

		/* Navigation */
				ul.nav li a:link,
				ul.nav li a:hover,
				ul.nav li a:visited {
					background-repeat: no-repeat;
					text-decoration:none;
				}
				ul.nav li a:hover  {
					color:#FFFFFF;
				}
	
					/* Sub Navigation */
					ul.nav li ul.sub-nav {
						font-size:0.85em;
					}
						ul.nav li ul.sub-nav li a:link,
						ul.nav li ul.sub-nav li a:visited,
						ul.nav li ul.sub-nav li a:hover {
							line-height:1.0em;
							border-bottom:1px solid #202020;
						}
						ul.nav li ul.sub-nav li a:hover {
							border-bottom-color:#FFFF00;
						}
						
					
			/* Current selection  */
			ul.nav li.current a {
					background-position:0 -50px;
				}
					ul.nav li.current ul.sub-nav li.current a {
						xbackground-color:#000000 !important;
						color:#FFFFFF;
					}
				
		/* Inline iconic navigation within the right content column */
		.content-nav {
			text-align:center;
		}

		.left-column h3 {
			border-top:1px solid #000000;
			text-transform:uppercase;
			line-height:1.0em
		}
				
		/* Updates log */
		ul.update-log {
			font-size:0.85em;
			line-height:1.1em;
		}
							ul.update-log-entry li a {  }	
							ul.update-log-entry li a:hover {  }	
							ul.update-log-entry li.date,
							ul.update-log-entry li.signature {  }	
							ul.update-log-entry li.signature {
								font-style:italic;
								text-align:right;
							}					
					a.update-log-link {
						font-size:0.85em;
						font-style:italic;
						text-align:center;
					}
			ul.update-log li.more-updates {
				text-align:right ;
			}	
			
		/* Page Content */
			h1 span.separator {  font-size:0.7em; }
			.warning {
				color:#FF0000;
				font-size:0.9em;
				font: Arial, Verdana, Helvetica, sans-serif ;
			}
			
			/* Index triple box layout */
			.index-strip {
				border-top:1px solid #000000;
				border-bottom:1px solid #000000;
			}
				.play,
				.vote,
				#frmDonate {
					border:1px solid #000000;
					background: transparent url(../../images/skins/default/white_5_opacity.png) 0 0 repeat;
				}
					.play,
					.vote h3,
					#frmDonate h3 {
						font-size:1.0em;
						line-height:1.0em;
						text-transform:uppercase;
					}
					
				/* Play button */
				.play:hover,
				.play:link,
				.play:visited {
					color:#FFFFFF;
					text-decoration:none;
					font-weight:bold;
				}
				
			/* Voting buttons */
				a.vote_btn_a,
				a.vote_btn_b {
					text-align:center;
					color:#FFFFFF;
					font-size:0.85em;
				}
			
			/* Donations form */
			#frmDonate {
				background-position: right top ;
			}

				#frmDonate p {
					font-size:0.85em;
				}
					#frmDonate input.donate_btn {
						background:transparent url(../../images/skins/arty/btn_donate_LG_grayscale.gif) center center no-repeat ;
					}
			
			/* Map pages -- style appended to outer container DIV element, but inside wrapper DIV */
			/*
			.maps-background {
				background:transparent url(../../images/skins/default/maps-background.gif) bottom right no-repeat ;
			}
			*/
				ul#map-list li {
					border-top:1px solid #000000;
					border-bottom:1px solid #000000;
				}
					ul#map-list li img {
						border:1px solid #666666;
					}
			/* Gallery pages -- style appended to outer container DIV element, but inside wrapper DIV */
			.gal-background {
				xbackground:transparent url(../../images/skins/default/maps-background.gif) bottom right no-repeat ;
			}
				
/* Footer */
.footer {
	text-align:center;
	background-color:transparent;
}
	.footer p {
		border-top:1px solid #FFFFFF;
		font-size:0.85em;
	}
		/* Site skin chooser */
			.skin-chooser li {
				font-size:0.85em;
			}		
				.skin-chooser ul:hover {
					padding-bottom:17px;
				}
					.skin-chooser ul:hover li {
						font-size:1.0em !important;
						border-left:1px solid #FFFFFF;
						border-right:1px solid #FFFFFF;
						background-color: #272727;
					}
					.skin-chooser ul:hover li.option0 {
						border-top:1px solid #FFFFFF;
					}
					.skin-chooser span.current {
						background-image:url(../../images/skins/default/skin-chooser.png);
					}
			.skin-chooser li a:visited {
				color:#C0C0C0;
			}