/* umw-style.css 
written by barton cole
factotum@coraxdesign.com
040709
linked to emptyspan.info/umw
*/


/*======================================= BASE CSS ======*/
  	
  	This file simply removes default styling on most HTML elements in 
  	order to reduce the need to later override them.
	copied from source css www.freakswhocare.org
  	
  */

h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
  ul,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
  a img,:link img,:visited img {border: none;}
  address {font-style: normal;}
  a {text-decoration:none;}
ul {list-style-type:none;}
/*===================== END ============= BASE CSS ======*/

/*working borders and backgrounds======*/
/*working borders and backgrounds=END==*/


body 
{background:black;
font:1em arial, helvetica, sans-serif;
}

#wrapper
{
position:absolute;
width:800px;
height:auto;
min-height:600px;
top:0px;
left:50%;
margin-left:-400px;

border:1px solid gray;
background:#e0d98f/*url(images/800Wgrad1.jpg)*/ repeat-y;
padding:5px;
}

#left {
position:fixed;
float:left;
width:190px;
height:auto;
border:1px solid transparent;
}
#center {
position:relative;
float:right;
width:75%;
height:auto;
padding-top:5em;
background:#f7f1de ;
}

ul.navigation {
top:0;
margin-top:45px;
position:fixed;
z-index:10;
float:right;
width:600px;
border-bottom:1px solid #999999;
margin-bottom:0px;
background:transparent;
}

ul.navigation li{
float:left;
width:16%;
text-align:center;
}

ul.navigation a, ul.navigation a:link, ul.navigation a:visited, ul.navigation a:active{
font:.8em arial, helvetica, sans-serif;
font-variant:small-caps;
color:#999;
font-weight:bold;
display:block;
line-height:2em;
}
ul.navigation a.two-line, ul.navigation a.two-line:link, ul.navigation a.two-line:visited, ul.navigation a.two-line:active{
font:.8em arial, helvetica, sans-serif;
font-variant:small-caps;
color:#999;
font-weight:bold;
display:block;
line-height:1em;
background:transparent /*url(images/asterisk-orange.png)center left no-repeat*/;
margin-left:2px;
}
ul.navigation a.two-line:hover {
color:black;
background:transparent /*url(images/asterisk-yellow.png)center left no-repeat*/;

}

ul.navigation a:hover {
color:black;
}

ul.navigation *.tab-label {
border:1px solid #999999;
border-bottom:none;
margin:0;
padding-bottom:5px;
padding-top:2px;
background:#f7f1de  url(images/gr1.png) repeat-x bottom left;
margin-left:1px;
margin-right:1px;

}


ul.navigation li.selected.tab-label {
position:relative;
border-bottom:none;
top:1px;
padding-bottom:4px;
padding-top:5px;
margin-top:-2px;
border-top:1px solid #666666;
background:#f7f1de url(images/gr2.png) repeat-x top left;
}
ul.navigation li.selected a {
color:black;
}
ul.navigation li.selected a.two-line {
color:black;
}

dl {
clear:both;
}

dt {
font:.9em arial, helvetica, sans-serif;
text-decoration: none;
font-weight:bold;
}
dd {
font:.8em arial, helvetica, sans-serif;
font-style:normal;
font-weight:normal;
margin-bottom:.5em;
}

#content {
clear:both;
border:1px solid #999999;
border-top:none;
padding-top:10px;
margin-left:1px;
padding-left:.5em;
padding-right:.5em;
min-height:600px;
background-color:#f7f1de;
font-size:.9em;
}

ul.resources li {
display: block;
margin:.5em .3em;
border:1px solid gray;
padding:.5em .5em;
clear:both;
background-color:white;
}

ul.resources img {
position:relative;
margin-right:2em;
right:0;
margin-right:1em;
}

.songs li {
float:left;
margin:.5em;padding:.2em;}
.note {
font:.8em arial, helvetica, sans-serif;
color:#333333;
}
.else .note {
font:.7em arial, helvetica, sans-serif;
color:#333333;
}
.else a {
font-size: .8em;
line-height:.9em;} 
}

.umw {
font-weight:bold;
font-style:italic;
}

.update {
font-weight:bold;
color:#333333;
padding:.2em;
background-color:gold;
border:1px solid #333333;
display:block;
width:auto;
}
ul.bullets li{
width:auto;
line-height:15px;
padding-left:15px;
background-image:url(images/asterisk-orange.png)top left no-repeat;
}
ul.contacts li{
float:left;
font-size:.9em;
width:auto;
height:1.2em;
line-height:1.2em;
padding:.1em .3em;
margin:.1em;
border-top:1px solid #999999;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
border-left:1px solid #999999;
background:#ffffff;
}

ul.contacts li.yes{
padding-left:1em;
background:#ffffff url(images/red-circ-10.png)center left no-repeat;
}
ul.contacts li.yes-red{
padding-left:1em;
background:#ffffff url(images/red-dot-10.png)center left no-repeat;
}

ul.internal li {
padding:.2em;
margin:.1em 0px;
width:15em;
border:1px solid #666666;
margin-left:.1em;
margin-right:auto;
}

ul.internal li a{
display:block;
}
h3 {margin-top:1em;
clear:both;}

a:link {color:#ff2200;}
a:hover {color:#c39b23;text-decoration:underline;}
a:visited {color:#ff2200;}

ul.songs li.highlight a {font-weight:bold;}

ul.songs li.highlight a:link {
color:#333333;
}
ul.songs li.highlight a:hover{
color:#c39b23;
}
ul.songs li.highlight a:visited{
color:#333333;
}
ul.songs li.highlight a:active{
color:white;
}
p {margin-top:.5em;}
.highlight {
background-color:#ffcf4c;
border:1px solid red;
margin:1px 0px;
padding:0px 1px;
}
.splash {
font:5em impact, arial, helvetica, sans serif;
color:green;
width:400px;
height:135px;
display:block;
background:url(images/secret.gif)top left no-repeat;
}
embed {
margin-top:-2em;
margin-bottom:.1em;
float:right;
}
.alternate {background:#cccccc;}
.highlight .note {font-size:.75em; font-style:normal;color:#333333;}
.tiny-note {font-size:.65em;line-height:.9em;}
#content img {
margin:8px;
float:left;
}
blockquote 
{margin:0em 2em 0em 2em;}

.vertical-spacer {
height:5em;
display:block;
clear:both;
}

.audio-cue {
position:relative;
display:block;
padding:1px;
padding-left:5px;
width:auto;
height:1.2em;
margin-right:auto;
padding-top:1em;
margin:0px 5px;
border:2px solid gray;
color:black;
background:#99cc00;
margin-top:.2em;
}
.audio-cue .title {
font-weight:bold;
position:absolute;
margin-top:-1em;
}
.audio-cue.audio-bar, .audio-cue embed{
background:transparent;
float:right;
padding-top:2em;
border:1px solid white;
height:1em;
margin-top:.2em;
}
.page {
color:#333333;
font-size:.8em;
margin-right:1em;
}

p {clear:both;}

.photo {
margin:5px;
padding:25px;
background:transparent;
}
.image-plus {
position:relative;
float:left;
border:1px solid gray;
background:white;
}
#else-content {float:right;}
.image-plus .attribution {
position:absolute;
bottom:0;
right:0;
margin:.25em;
/*
margin-bottom:1.25em;
margin-right:1.25em;
*/
color:#414141;
font-size:.7em;
}
.image-plus .caption{
position:absolute;
bottom:0;
left:0;
margin:1em;
margin-bottom:.25em;
color:black;
padding:.25em;
font-size:.8em;
line-height:1em;
background:transparent url("http://www.coraxdesign.com/supportImages/trans/70trans.png") top left repeat;
}
.image-plus h2 {
position:absolute;
top:0;
right:0;
margin:2em;
color:black;
font-family:garamond, "times new roman", serif;
font-size:1.5em;
font-weight:bold;
padding:3px;
background:transparent url("http://www.coraxdesign.com/supportImages/trans/80trans.png") top left repeat;

}

/*=====================================table styles===*/
table {
background:#999999;
border:1px solid #333333;
font-size:.75em;
}
th, td {padding:0 1em;/*border:1px solid #666666*/;}
th {font-size:1.2em;
background:#ffffff;
text-align:left;
padding:.2em .5em;}
td {background:#f7f1de;}
td.row-number {font-size:1.5em;font-weight:bold;
background:#ffffff url(images/gr2.png) repeat-x top left;
}
/*=====================================table stylesEND*/



/*======================================= SITEWORK======*/
#sitework {
position:fixed;
height:auto;
width:auto;
bottom:10px;
right:20px;
font:.7em verdana, trebuchet, arial, helvetica, sans-serif;
color:#666666;
background:transparent url(images/50trans.png)top left repeat;
padding:0px 2px 0px 2px;
}
#sitework a {
margin-top:-10px;
display:block;
line-height:22px;
height:16px;
padding-right:20px;
background:transparent url(http://www.coraxdesign.com/images/16TargetSpriteGryYel.jpg)bottom right no-repeat;
text-decoration:none;
color:#666666;
font-weight:bold;
font-variant:small-caps;
}
#sitework a:link {color:#666666;}
#sitework a:visited {color:#666666;}
#sitework a:hover {color:#ff8800;background:transparent url(http://www.coraxdesign.com/images/16TargetSpriteGryYel.jpg)top right no-repeat;}
#sitework a:active {color:#cccccc;}
#sitework a img {border:1px solid transparent;}
/*===========================================end SITEWORK==*/