/* owodstyle.css

 * the basic style for the houston lra website

 * each venue will have an overlay style sheet

====
Notes for Now
------
Colors
------
All - black, white, blue, gold, grey, red?
C/A - red, green (horrible color combo!  make sure contrast is good!)
Sabbat - red, purple
Shifters - green, brown
Wraith - turquoise, silver
Changeling - silver, orange
------
Styles
------
C/A - square clean edges, distinct elements
Sabbat - rounded clean edges, threaded together elements
Shifters - undefined edges, small groups of linked elements
Wraith - blurry irregular edges, distinct elements
Changeling - rounded (right) clean edges, backgrounds linked, elements indistinct
*/

body { background-color: #000000; color: #CCC; }

.header { background: #000000 url('images/skyline.jpg') repeat-x scroll bottom left; clear: both; color: #CCC; }
.header h1, .header p { display: inline; }

.nav { border: .5em double; width: 20%; float: left;} 
.content { width: 75%; margin-left: 25%; }

p:first-letter { font-size: 200%; float: left; }

ul { list-style-image: url('images/tombstone-bullet.gif'); }
a { color: #00C; padding-right: 20px; 
 text-decoration: none; }
a:hover { color: #CCF; 
 background: #000 url('images/blue-lightning.gif') no-repeat right; }

#intro img { float: right; }

/* make some tabs */
.content div h2 { width: 50%; border: .1em solid; border-bottom: none; 
 margin-bottom: 0; padding-bottom: 0; padding-left: .25em; } 
.content div div { background-image: url('images/marble-gold.gif'); 
 margin-top: 0; border-top: .1em solid; 
 padding: .25em; padding-top: 0;  }

/* drop cap for the items inside the tabs */
dt:first-letter { font-size: 200%; float: left; }



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}