/* http://timflatus.homelinux.org/flatus.css */
/* DEFAULT stylesheet for the whole site */

body {
	background: url("/pix/marble_tile.jpg") repeat fixed 0px 0px black;
	color: #fff;
	margin: 0; 
	padding: 0;
	font: normal small sans-serif 
	}

/* Links */

A {
	color: #06f;
	}

A:visited { 
	color: #878 
	}
 
A:hover { 
	color: #fc6;
	}

A:active { 
	color: #6f6; 
	}

/* Text */

h1 {
	color: #fe0; 
	margin: 0; 
	border: 0; 
	padding: 0;
	clear: both; 
	}

h2 {
	color: #fc0; 
	margin: 0; 
	border: 0; 
	padding: 0;
	clear: both; 
	}

h3 {
	color: #fc0; 
	margin: 0; 
	border: 0; 
	padding: 0; 
	}

h4 {
	color: #f63; 
	margin: 0; 
	border: 0; 
	padding: 0; 
	}

h5 {
	color: #c30; 
	margin: 0; 
	border: 0; 
	padding: 0; 
	}

h6 {
	color: #900; 
	margin: auto; 
	border: 0px; 
	padding: 0px; 
	}

p { 
	font: small sans-serif;
    background: black;
    overflow: hidden; 
	}

q { 
	font: italic small serif;
	}

hr {
	background: url("pics/hr_baroque.png") repeat-x 0 0;
	height: 5px;
	width: 92%;
	border: 0;
	}

/* Lists */

li { 
	list-style-image: url(/pix/arrow-right.png);
	border: thin solid black; 
	margin: 0; 
	padding: 0;
	font: small sans-serif; 
	list-style-position: inside;
	}

ul li {
	list-style-image: url(/pix/arrow-right.png);
	}

/* Tables */

th { 
	background: url("/pix/purplebar.png") repeat-x; 
	font: 900 large sans-serif; 
	color: #FF0 
	}

caption { 
	caption-side: bottom; 
	font: italic small serif 
	}

/* Classes */

.pbar {
    background: url("/pix/purplebar.png") repeat-x 0px 0px #303;
    height: 20px;
    border: thin solid black;
    }

.icon {
	float: left;
    margin: 0px 0.5em 0px 0.5em;
	}

.h0 {
	color: #f03;
	}

.h1 {
	color: #906;
	}

.band { 
	font-weight: bolder; 
	color: #c6f
	}

.album { 
	font-weight: bolder;
	color: #c33;
	}

.title { 
	font-weight: bold; 
	color: #66c 
	}

.name { 
	font-weight: bold; 
	color: #69f }

.venue { 
	font-weight: bold; 
	color: #0c0 }

.org { 
	font-weight: bold; 
	color: #f90 }

.date { 
	font-weight: bolder;
    background-color: #300;
	}
    
.event {
    text-align: left; 
    border: thin solid #767;
    padding: 0.5ex 1ex 0.5ex 1ex;
    background: url("/pix/bak-flower12.png") repeat 0px 0px;
    color: #fd9;
    }

.image_title {
    vertical-align: baseline;
    color: purple;
}
	
.photo {
	margin: 1ex 1em;
	border: thin solid #434;
    text-align: center;
	}

.photo_frame {
    float: left;
    width: 200px;
    height: 250px;
	margin: 1ex 1ex;
	border: thin solid #434;
    text-align: center;
    vertical-align: baseline;
	}
   
.photo_center {
    max-height: 200px;
    border: thin solid #333;
    margin: 0.5em;
    text-align: center;
    vertical-align: baseline;
}

.photo_large {
    max-height: 205px;
    border: thin solid #960; 
    margin: 0.5em;
    text-align: center;
    vertical-align: baseline;
}

.photo_huge {
    max-height: 210px;
    border: thin solid #900; 
    margin: 0.5em;
    text-align: center;
    vertical-align: baseline;
}

.photol { 
    border: thin solid #333; 
    margin: 0.5em; 
    float: left; 
    text-align: right; 
    } 

.photor { 
    border: thin solid #333; 
    margin: 0.5em; 
    float: right; 
    text-align: left; 
    } 

.warning {
    font-size: large;
    background: #600;
    border: thin solid #fc0;
    }

.centred {
    text-align: center;
    margin: 1em;
    clear: both;
}

/* Menus */

#menu {
    position: fixed;
    bottom: 0;
	font-family: sans-serif; 
	width: 100%; 
	margin: 0;
	font-size: small; 
	clear: both;
    z-index: 1;
	}

#menu div a {
    display: block; 
	overflow: hidden;
    width: 5em;
    padding: 0 1em; 
	background: url("/pix/purplebar.png") repeat-x #606;
    color: #fe9;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}


#menu div:hover a {
    background: url("/pix/redbar.png") repeat-x #600;
}

#menu div a:visited { 
	color: #878 
	}
 
#menu div a:hover { 
	color: #fc6;
	}

#menu div a:active { 
	color: #6f6; 
	}

.menu_item {
    float: left;
    display: inline;
    padding: 0;
    font-size: small
}

.menu_item:hover {
    background: url("/pix/redbar.png") repeat-x #600;
    font-size: medium;
}

.menu_spacer {
    float: left;
    display: inline;
    background: url("/pix/menu_spacer.png");
    width: 5px;
    height: 21px;
}

/* Modules */

#container {
    width: 96%;
    border: 0px;
    padding: 0px 1em;
    margin-left:auto;
    margin-right:auto;
    margin-top: 0px;
    }

#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3em;
    background: url("/ganeb/images/hubble_deep_field.jpg") #000;
    z-index: 1;    
}

#logo {
    position: fixed;
    top: 0;
    left: 0;
    width: 30em;
    font-size: x-large;
    font-weight: bold;
    letter-spacing: 0.42em;
	color: #900;
    z-index: 3;
    }

#topbar {
    position: fixed;
    top: 2em;
    left: 0;
    right: 0;
    clear: both;
    padding: 0 5em;
    font-weight: bold;
    color: #fe9;
    z-index: 2;
}

#stickies {
    position: absolute;
    right: 0;
    top: 4em;
    width: 15em;
    padding: 0px 1em;
}

#stickies p {
	font: small sans-serif;
    max-height: 6.5em;
    background: black;
    overflow: hidden; 
	}
  
#stickies p:hover {
    max-height: 100%;
}

#content {
    position: absolute;
    top: 4em;
    left: 1em;
    right: 17em;
    margin: 0 0 0 1em;
    }

#feeds {
    float: left;
    width: 66%;
    border: 0px;
    margin: 0px;
    padding: 0px 1em;
    font: normal small sans-serif;
    }

#events {
    float: left;
    top: -20px;
    width: 27%;
    margin: 0 0.5ex;
    padding: 0;
    font: normal small sans-serif;
    text-align: right;
    overflow: hidden;
    }

#events p {
	border: 0;
	margin: 0.5ex 1em;
	font: small sans-serif;
    max-height: 6.5em;
    overflow: hidden; 
	}
  
#events p:hover {
    max-height: 100%;
}
	
#events h3 {
	padding: 0 0.5ex
	}

#events h4 {
	padding: 0 0.5ex
	}

#events h5 {
	padding: 0 0.5ex
	}

#events h6 {
	padding: 0 0.5ex
	}

#footer {
    display: inline;
    font: normal small sans-serif;
    height: 3em;
    width: 50%;
    }

#searchFormDiv {
    text-align: right;
    width: 100%;
    }
#searchForm {}
#ss {}
#loggedInMessage {
    float: right;
    text-align: right;
    width: 40%;
    }
#menuColumn {}
#breadcrumb {}
#head01 {}
#strap {}
#shopPanel {
    background: #010;
    border: thin solid #323;
    margin: 1ex 0px;
    padding: 0px 1ex;
    }
#content01 {
    background: #001;
    border: thin solid #323;
    margin: 1ex 0px;
    padding: 0px 1ex;
    }
#content02 {
    background: #001;
    border: thin solid #323;
    margin: 1ex 0px;
    padding: 0px 1ex;
    }
#rightColumn {}
#permanentMenu {}
#feature01 {
    background: #001;
    border: thin solid #323;
    margin: 1ex 0px;
    padding: 0px 1ex;
    }
#feature02 {
    background: #001;
    border: thin solid #323;
    margin: 1ex 0px;
    padding: 0px 1ex;
    }
#browserNotification {}
#searchResults {
    background: #010;
    border: thin solid #323;
    margin: 1ex 0px;
    padding: 0px 1ex;
    }
#addToFavoritesLinkDiv {}
#maskPageDiv {}
#applicationDiv {
    background: #010;
    border: thin solid #323;
    margin: 1ex 0px;
    padding: 0px 1ex;
    }
#xhrReport {}
#xhrReportImage {}
#errorReport {
    background: #200;
    border: thin solid #323;
    margin: 1ex 0px;
    padding: 0px 1ex;
    }

#glysa {
 background: url("/ganeb/images/pathilorra.jpg");
}