/*
** Radiant Alleged Entertainment style sheet
** by Nat Budin - nat@aegames.org
** 
** Based on Mediawiki 'Tango' style sheet for CSS2-capable browsers.
** License: GPL
**
** Based on 'monobook', Copyright Gabriel Wicke - http://wikidev.net/
*/

#globalnav {
display:inline;
font-family:trebuchet ms,helvetica,bitstream vera 
sans,sans-serif;
font-size:110%;
z-index:5;
}

#mainnav a:visited {
  color: #CC4444;
}

#mainnav #globalnav {
left:390px;
position:absolute;
top:30px;
margin:0pt;
padding:0pt;
position:absolute;
top:30px;
}

#globalnav li:first-child {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0pt;
padding-left:0pt;
}
#globalnav li {
color:#43598E;
float:left;
list-style-image:none;
list-style-type:disc;
margin-left:16pt;
padding-left:0pt;
}

#globalWrapper {
	/* This is a little odd, but it's to work around a bug where the wrapper
	 * doesn't display the background correctly in FF */
	border-top: 1px solid transparent; margin-top: -1px;
       
  width: 95%;
  min-width: 776px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#column-content {
	margin: 0;
	padding:0;
}
#content {
	background-color: transparent; 
	color: #444;
        padding-left: 0.75em;
	padding-right: 0.75em;
	z-index: 2;
}
#column-one { 
	border-top: 0;
	padding-top: 1em; 
	margin-top: 0; 
	background-color: #ddd;
}
/* the left column width is specified in class .portlet */

/* Font size:
** We take advantage of keyword scaling- browsers won't go below 9px
** More at http://www.w3.org/2003/07/30-font-size
** http://style.cleverchimp.com/font_size_intervals/altintervals.html
*/

#topbar {
  height: 100px;
  position: relative;
  border-top: none;
  top: 0;
  left: 0;
}

#mainnav {
  position: absolute;
  width: 100%;
  border-left: 6px solid black;
  border-right: 6px solid black;
  background-color: black;
  height: 79px;
}

#subnav {
  position: absolute;
  background-color: #f52222;
  color: white;
  border: 6px solid #f52222;
  border-top: none;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  top: 79px;
  height: 16px;
  width: 100%;
  font-size: 12px;
}

#subnav a {
  color: white;
}

body {
	background-color: #eee;
	color: #ddd;
	margin: 0 auto;
}
html>body {
	font-family: trebuchet ms, bitstream vera sans, sans-serif;
}

.visualClear { clear: both; }

/* general styles */

table {
}
a {
	text-decoration: none;
	color: #cc4444;
	background: none;
}
a:visited { color: #aa2222; }
a:active { color: Orange; }
a:hover { 
	color: #cc4444;
	text-decoration: underline;
}
a.stub { color: #44cc44; }

a.new,
#p-personal a.new { color:#ff6666; }

a.new:visited,
#p-personal a.new:visited { color:#cc4444; }

img {
	border: none;
	vertical-align: middle;
}

dd img {
	border: 5px solid #ede38e;
	-moz-border-radius: 3px;
	float: left;
	margin-right: 12px;
	margin-bottom: 6px;
	margin-top: 6px; 
	padding: 1px;
	background-color: #96842e;
}

dt, dd { clear: both; }

p {
	margin: 0.8em 0em 1.0em;
}

p img { margin: 0; }

hr {
	height: 1px;
	color: #444;
	background-color: #444;
	border: 0;
	margin: 0.5em 0 0.5em 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: georgia, times new roman, times, serif;
	color: #888;
	background: none;
	padding: 0.5em 0 0;
	margin: 0;
	line-height: 1.1em;
}
h2 {
	color: #330000;
	border-bottom: 1px #600 solid;
	/* padding-left: 43px; */
	/* background: transparent url(tango-steps-heading.gif) 
no-repeat left bottom; */
	overflow: visible;
	/* min-height: 28px; */
}
h1 { 
	text-align: center;
	color: #555;
	padding: 0 0 0.5em;
	margin: 0.75em 0 0;
}
h1 { font-size: 220%; }
h2 { font-size: 160%; }
/*
*/
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 80%; }
h6 { font-size: 70%;  }
/*
*/

ul { 
	list-style-type: square;
	margin: 0.3em 0 0 18pt;
	padding:0;
}
ol {
	margin: 0.3em 0 0 3.2em;
	padding:0;
	list-style-image: none;
}
li { margin: 0 0 0.5em 0; }
dt { 
	font-weight: bold; 
	padding: 1.5em 0 0.5em 1em;
}
dl{
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}
dd {
	margin-left: 2.25em;
	margin-bottom: 0.2em;
}

fieldset {
	border: 1px solid #ccc;
	border-width: 1px 0 0;
	margin: 1em 0em 1em 0em;
	padding: 0em 1em 1em 1em;
	line-height: 1.5em;
}
legend {
	font-weight: bold;
	padding: 0.5em;
}
form {
	border: none;
	margin: 0;
}

textarea {
	border: 1px solid #2f6fab;  
	color: Black;
	padding: 0.1em;
	overflow: auto;
}
/* hide this from ie/mac and konq2.2 */
@media All {
	head:first-child+body input {
		visibility: visible;
		border: 1px solid #2f6fab;  
		color: Black;
		vertical-align: middle;
		padding: 0.2em;
	}
}
input.historysubmit {
	padding: 0 0.3em 0.3em 0.3em !important;
	font-size: 94%;
	cursor: pointer;
	height: 1.7em !important;
	margin-left: 1.5em;
}
input[type="radio"],
input[type="checkbox"] { border:none; }
select {
	border: 1px solid #2f6fab;  
	color: Black;
	vertical-align: top;
}
abbr, acronym, .explain {
	border-bottom: 1px dotted Black;
	color: Black;
	background: none;
	cursor: help;
}
q {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}
/* disabled for now
blockquote {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}*/
code { 
	background-color: #ccc;
}
pre {
	font-family: bitstream vera sans mono, monospace;
	font-size: 80%;
	overflow: auto;
	padding: 1em 0.25em;
	margin: 1em;
	border: 1px solid #555;
	color: #fff;
	background-color: #999;
	line-height: 1.1em;
	-moz-border-radius: 2.5px;
	border-radius: 2.5px;
}


/*
** the main content area
*/

/* Some space under the headers in the content area */
#bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
#bodyContent h3,
#bodyContent h4,
#bodyContent h5 {
	margin-bottom: 0.3em;
}
.firstHeading { margin-bottom:0.1em; }

/* emulate center */
.center {
	width: 100%;
	text-align: center;
}
*.center * {
	margin-left: auto;
	margin-right: auto;
}
/* small for tables and similar */
.small, .small * { font-size: 94%; }
table.small { font-size: 100% }

/* 
** keep the transparentspace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2 
*/
#bodyContent a[href ^="http://"],
#bodyContent a[href ^="gopher://"] {
	background: url(http://s3.amazonaws.com/radiant-aegames/assets/3/external.png) center right no-repeat;
	padding-right: 13px;
}
#bodyContent a[href ^="https://"],
.link-https {
	background: url(http://s3.amazonaws.com/radiant-aegames/assets/4/lock_icon.gif) center right no-repeat;
	padding-right: 16px;
}
#bodyContent a[href ^="mailto:"],
.link-mailto {
	background: url(http://s3.amazonaws.com/radiant-aegames/assets/5/mail_icon.gif) center right no-repeat;
	padding-right: 18px;
}
#bodyContent a[href ^="news://"] {
	background: url(http://s3.amazonaws.com/radiant-aegames/assets/6/news_icon.png) center right no-repeat;
	padding-right: 18px;
}
#bodyContent a[href ^="ftp://"],
.link-ftp {
	background: url(http://s3.amazonaws.com/radiant-aegames/assets/7/file_icon.gif) center right no-repeat;
	padding-right: 18px;
}
#bodyContent a[href ^="irc://"],
.link-irc {
	background: url(http://s3.amazonaws.com/radiant-aegames/assets/8/discussionitem_icon.gif)  center right no-repeat;
	padding-right: 18px;
}
/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
	color: #3366bb;
}
#bodyContent a.external { color: #c95616; }
/* this can be used in the content area to switch off
special external link styling */
#bodyContent .plainlinks a {
}


/* 
** Logo properties 
*/

#p-logo {
	/*    background-color: #333; */
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 79px;
	margin: 0;
	padding: 0;
}
#p-logo h5 { display: none; }
#p-logo a {
	padding: 0px 28px;
        padding-top: 11px;
	margin: 0;
	display: block;
	height: 68px;
	width: 332px;
}
#p-logo a:hover {
	text-decoration: none;
}

/*
** Search portlet
*/
#p-search {
	position:relative;
	z-index:3;
}    
#p-search h5 {
	display: none;
}
#p-search .pBody {
	text-align: center;
}
input.searchButton {
	margin-top:1px;
	padding: 0 0.4em !important;
	font-size: 95%;
	cursor: pointer;
	background-color: #dfe7f0;
}
#searchInput {
	width:10.9em;
	margin: 0 0 0 0;
	font-size: 95%;
}
#p-search .pBody {
	padding: 0.5em 0.4em 0.4em 0.4em;
}

/*
** footer
*/
#footer {
	text-align: center;
	font-size: xx-small;
	margin: 2em 0;
}
#footer li {
	display: inline;
	margin: 0 1.3em;
}
/* hide from incapable browsers */
/*
head:first-child+body #footer li { transparent-space: nowrap; }
*/
#f-poweredbyico {
	margin: 0 8px;
	position: relative;
	top: -2px; /* Bump it up just a tad */
}
#f-poweredbyico {
	float: right;
	height: 1%;
}

/* 
** IE/Mac fixes, hope to find a validating way to move this
** to a separate stylesheet. This would work but doesn't validate: 
** @import("IEMacFixes.css");
*/
* > html #p-cactions li.selected a { border-color: #fabd23; }
/* footer icons need a fixed width */
* > html #f-poweredbyico { width: 88px; }
* > html #bodyContent,
* > html #bodyContent pre {
	overflow-x: auto;
	width: 100%;
	padding-bottom: 25px;
}

/* more IE fixes */
/* float/negative margin brokenness */
/*
* html #footer {margin-top: 0;}
* html #column-content {
	display: inline;
	margin-bottom: 0;
}
* html div.editsection { font-size: smaller; }
*/
#pagehistory li.selected { position: relative; }

/* Mac IE 5.0 fix; floated content turns invisible */
* > html #column-content {
	float: none;
}
* > html #column-one {
	/*
	position: absolute;
	left: 0;
	top: 0;
	*/
}
* > html #footer {
	margin-left: 13.2em;
}

.portlet h5 {
	display: none;
}

#comment_content {
  width: 95%;
}