/*****YEAAAH***
 * CSS for Darkboom (c) Alan Hogan
 * Learn from this, rip me off, whatever, just give me props in your
 * "about" page if you significantly use this.  Also please change it
 * at least a bit, as this exact look is kind of my trademark,    
 * you know?
 * Thanks
 * Alan
 * http://alanhogan.com/contact   
 *
 * Oh, and want to customize your Darkboom installation?
 * I would NOT recommend changing this file, as it may change in
 * future updates. Instead, consider creating a new CSS file
 * (based off, or enhancing) this one. Link to it from the skin 
 * file. 
 */

html, body {
  margin: 0; padding: 0; 
  /*background: #192150 #c4cae2none;*/ 
  background: /*#dde3f2*/  white none; 
  color: black; 
  min-height: 100%;
}
* html body { text-align: center; }
body { 
    font-size: .9em;
}
html, body, input, select {
  font-family: arial, sans-serif;
}
#bigWrap {
  padding: 0 0 1em 0 ; 
  max-width: 36em; 
  margin: 1em auto .6em; 
  color: #222;
  /*border-bottom: 1px solid  #1a2770;  /*#192150; */
  /*background: #e4e9f2 none;*/ 
}
* html #bigWrap { width: 36em; text-align: left;}
#top_user_choices {
  float: right; margin-left: .4em;
}
#logo h1 { 
  text-align: left; 
  color: #1a2770;  
  font-family: "Book Antiqua", Garamond, Georgia, serif;
  font-size: 170%;
  font-weight: normal; 
  padding:0;
  border-bottom: 1px solid /*#192150; */ #1a2770; 
  line-height: 1.1em;
}
#logo h1 a { 
  display: block;
  padding: 40px 0 0 0;
  overflow: hidden;
  height: 0;
  background: white url(images/drklogo.gif) no-repeat top left;
}
#logo{
  margin-bottom: .8em;
}
/*
#logo .bInBoom, #logo .oomInBoom {
  font-family: arial;
  font-weight: lighter;
  z-index: 90;
  font-size: 120%;
  filter:alpha(opacity=70);
  -moz-opacity:.70;
  opacity:.70;
}
#logo .dark::after {
  color: #1a2770; 
    color: #f86;
    content: "ROOM";
    margin-right: -2.45em;
  font-family: Impact;    
  font-weight: bold;
  z-index: 10;
}
*/
#logo span.tm{
  color: #99a8b8;
  font-size: 55%;
  line-height: 120%;
  vertical-align: top;
  font-family: verdana, arial, sans-serif;
  /*font-weight: lighter;*/
}
#warnings, #notices {
  /*padding: .4em;*/
  margin: .4em 0;
  border: 1px solid black;
}
#warnings {
  color: #770808;
  background: #f3d3d3 none;
  border-color: #911;
}
#notices {
  color: #221;
  background: #f9f9bb none;
  border-color: #991;
}
#notices p, #warnings p {
  margin: .4em;
}
#content {
	line-height: 150%;
	
     font-family: Georgia;
}
#content p {
	margin: .5em 0;
}
#content li {
	margin-bottom: .35em;
}
#footer /*, #footer a:link, #footer a:visited*/ {
  /*color: #707070;*/
  color: #505790; 
}
#footer a:link, #footer a:visited {
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer {
  font-size: 85%; 
  margin-top: 1em;
  padding-top: .5em;
  border-top: 1px solid /*#192150; */ #1a2770; line-height: 120%;
}

.hint {
  color: #5f5f5f; font-size: 85%; line-height: 120%;
}
table.formLayout {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}
.formLayout td, .formLayout th {
  border-top: 1px solid #bbb;
  padding: .3em .3em .3em 0;
  vertical-align: top;
}
.formLayout tr:first-child td, .formLayout tr:first-child td {
  border-top: none;
}
.formError {
  color: #911;
}
.formLayout .formError {
  display: block;
}
.uploadWrap {
  padding: .2em 0;
}


/*links*/
a:link {
  color: #1a2770;  
}
a:visited {
  color: #5a2769;  
}



.coolBtn, .coolBtn:link, .coolBtn:link:visited, .coolBtn:visited, #coolSearchBtn
{
	color: white !important;
	background: #1f52aa none;
	border: 1px solid #0f3e90;;
	border-top-color: #668fdd;
	border-left-color: #668fdd;
	text-decoration: none;
	padding: 1px 2px 0px 3px;
	position: relative;
}
.coolBtn:hover , #coolSearchBtn:hover
{
	background: #2f67bf none;
	border-top-color: #739ff0;
	border-left-color: #739ff0;
	border-right-color: #0f3e90; /*#668fdd;*/
	border-bottom-color: #0f3e90; /*#668fdd;*/
	padding: 0px 3px 1px 2px;
	bottom: 1px;
}
.coolBtn:active, #coolSearchBtn:active
{
	background: #2f67bf none;
	border-top-color: #0f3e90;
	border-left-color: #0f3e90;
	border-right-color: #668fdd;
	border-bottom-color: #668fdd;
	padding: 1px 2px 0px 3px;
	bottom:0;
}   


/*headings & stuff*/

h1,h2,h3 {
    color: #1a2770;
}
h2 {
    font-weight: normal;
    margin: .7em 0 0 0;
}

dt {
    font-weight: bold;
}


/**** tests  ******/
.testPass, p.testInfo, p.testFail, p.testWarning { 
  line-height: 110%;
  padding: .3em; 
  color: black;
}
.testPass { 
  border: 1px solid #060; 
  background: #aea; 
}

.testFail { 
  border: 1px solid #c00; 
  background: #fbb; 
}
/*.testWarning{ 
  border: 1px solid #880; 
  background: #ffb;
}*/
.testWarning{ 
  border: 1px solid #a60; 
  background: #fd8;
}
.testInfo { 
  border: 1px solid #019; 
  background: #99b6ff; 
}