/* 
   These rules are used to control formatting and layout for various 'widgets'--dynamic (PHP) and
   static (HTML) -- used on www.mnastro.org.  It inherits styles from the  root style sheet,
   mnastro.css.  Styles here may be overriden by widget-specific style sheets that follow a naming
   convention of "mnastroWidget_widgetnam" where 'widgetname' is a short-form version of the widget's 
   name.
   
   NOTE uses the "underscore hack" to address IE weirdness.  These will appear as errors, but that's
   o.k.
*/

/* *************************************************************************
Generic widget settings. Used by all widgets to guarantee a consistent
appearance. */

/* Main body of a widget */

div.widget {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
text-align:center;
width: 140px;
_width:150px;
padding:5px;
}

div.widget h2 {
color: silver;
line-height: 17px;
font-size: 15px;
margin-left:5px;
margin-right:5px;
}

div.widget h3 {
color: silver;
line-height: 13px;
font-size: 11px;
margin-left:5px;
margin-right:5px;
}

/* The widget footer */

div.widgetFooter {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
text-align:center;
width: 145px;
_width:150px;
background-color:black;
border: 2px black solid;
overflow: hidden;
position: absolute;
bottom:0px;
left:0px;
color:silver;
}

div.widgetFooter a:visited {
text-decoration: none;
color: white;
}

div.widgetFooter a:link {
text-decoration: none;
color: white;
}

div.widgetFooter a:hover {
text-decoration: underline;
color: yellow;
}

div.widgetFooter a:active {
text-decoration: underline;
color: yellow;
}

/* *********************** 
Star party widget rules */

/* NOTE:  The positioning of the widgets MUST be relative in order for the its children
   components to correctly layout using absolute positioning. */

div#widgetSParty {
height:400px;
background-image: url(images/widgetSPBkgd.jpg);
background-repeat: no-repeat;
background-color: black;
border: 5px silver solid;
position:relative;
visibility: hidden;}

p.widgetSPLoc {
color: white;
}

p.widgetSPDt {
color: aqua;
position: relative;
top: -10px;
}

p.widgetSPPending {
font-variant: small-caps;
text-align: center;
color: yellow;
position: relative;
top: -10px;
}

p.widgetSPCanceled {
font-variant: inherit;
text-align: center;
font-weight: bold;
font-style: italic;
color: maroon;
text-decoration: blink;
text-transform: uppercase;
background-color: gray;
top:-10px;
}

p.widgetSPOn {
font-variant: small-caps;
font-weight: bold;
font-style: italic;
color: lime;
text-align: center;
top:-10px;
}

p.widgetNote {
color: yellow;
font-weight: bold;
border-top: 1px silver double;
border-bottom: 1px silver solid;
}

img.widgetSPCSC {
text-align:center;
border: 1px black solid;
}

/* *********************** 
MAS store widget rules */

div#widgetStore {
height:290px;
background-image: url(images/widgetStoreBkgd.jpg);
background-repeat: no-repeat;
background-color: white;
color: silver;
position:relative;
border: 5px silver solid;
}

div#widgetStore h2 {
position: relative;
color: black;
}

div#widgetStore h3 {
position:relative;
top:100px;
color: green;
}

div#widgetMtg {
position:relative;
background-image: url(images/widgetMtgBkgd.jpg);
height:300px;
border: 5px silver solid;
}

div#widgetMtg h2 {
color:black;
position:relative;
top:20px;
_top:30px;
}

div#widgetMtg h3 {
color:blue;
position: relative;
margin-right:5px;
margin-left:5px;
top:10px;
_top:20px;
}