/* Pathilorra.co.uk */

body, html {
background-color : black;
}
* {
padding : 0;
margin : 0;
border-collapse : collapse;
background-repeat : no-repeat;
}
img {
border : none;
}
body {
background : black;
color : #fff;
margin : 0;
padding : 0;
font : normal small sans-serif;
}

/* Forms */

fieldset {
border : 0;
padding : 0.5em 1em;
margin : 0.5em 1em;
}
legend {
font : oblique medium serif;
}
label {
text-align : left;
display : inline;
width : 100%;
padding : 1em 0;
clear : both;
}
label.vertical {
display : block;
float : left;
text-align : right;
width : 10em;
padding : 0.5ex 1em;
clear : both;
}
input {
text-align : left;
display : inline;
width : auto;
}
input.vertical {
display : block;
float : left;
text-align : left;
width : auto;
}

/* Links */

a {
text-decoration : none;
color : #06f;
}
a:visited {
color : #878;
}
a:hover {
color : #fc6;
}
a:focus, a:active {
outline : none;
background-color : #323;
color : #6f6;

/* Text */

}
h1#logo {
margin : 0;
border : 0;
padding : 0;
text-align : left;
}
h1 {
color : #fc0;
margin : 0;
border : 0;
padding : 0;
clear : both;
}
h2 {
color : #fc3;
margin : 0;
border : 0;
padding : 0;
clear : both;
}
h3 {
color : #fc6;
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 : 0;
padding : 0;
}
p {
font : small sans-serif;
background : #102;
overflow : hidden;
margin : 1ex 0;
border : thin solid #434;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-khtml-border-radius: 1em;
	border-radius: 1em;
padding : 0.5em;
}
q {
font : italic small serif;
}
blockquote {
font : oblique medium serif;
background : #222;
margin: 0 1em;
border : thin solid #444;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	-khtml-border-radius: 2em;
	border-radius: 2em;
padding : 0.5em;
}
blockquote:before {
font : oblique xx-large serif;
content : '"';
}
blockquote:after {
content : '"';
}hr {
background : url("pics/hr_baroque.png") repeat-x 0% 0%;
height : 5px;
width : 92%;
border : 0;
}
cite, address {
font-style : normal;
}
cite {
font : normal small serif;
font-weight : bolder;
}
cite:before {
content : '--';
}
sub, sup {
line-height : 2;
}
pre, code {
font-size : 1.2em;
}
dfn {
font-weight : bolder;
}
samp {
color : #090;
}
kbd {
color : #090;
font-weight : bold;
font-size : larger;
border : thin solid;
margin : 0 0.5ex;
padding : 0 0.5ex;
}

/* Lists */

li {
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);
}
li.plain {
list-style : none inside;
}
dt {
font-weight : bold;
font-size : larger;
}

/* Tables */

table {
margin : 1em auto;
border : medium double #556;
border-collapse : collapse;
border-spacing : 0;
}
thead {
background : #033;
color : #fd9;
}
th {
background : url("/pix/purplebar.png") repeat-x;
font : 900 large sans-serif;
color : #ff0;
padding : 0 1em;
margin : 0;
border : thin solid #334;
}
td {
padding : 0.5ex 1ex;
margin : 0;
border : thin solid #334;
}
caption {
margin : 0;
padding : 0;
caption-side : bottom;
font : oblique small serif;
}

/* Classes */

.caption {
font-size : small;
}
.image_title {
vertical-align : baseline;
color : #777;
}
.screenshot {
margin : 1ex 1em;
border : thin solid #777;
text-align : center;
}
.photo {
border : thin solid #777;
margin : 1ex 1em;
}
.photo_frame {
float : left;
width : 200px;
height : 250px;
margin : 1ex 1ex;
border : thin solid #777;
text-align : center;
vertical-align : baseline;
}
.photo_n {
max-height : 200px;
border : thin solid #555;
margin : 0.5em;
text-align : center;
vertical-align : baseline;
}
.story_image {
float : left;
border : 0;
margin : 0 1ex;
text-align : center;
}
.required {
color : #900;
padding : 0.5ex;
}
.normal {
padding : 0.5ex;
}
.centred {
text-align : center;
}
.button_centred {
display : inline;
border : 0;
padding : 1em;
text-align : center;
clear : both;
}
.inactive {
color : #777;
}
.akey {
color : #060;
}
.nav {
font-size : xx-small;
}
.pbar {
background : #303 url("/pix/purplebar.png") repeat-x 0 0;
height : 20px;
border : thin solid black;
}
.icon {
float : left;
margin : 0 0.5em 0 0.5em;
}
.h0 {
color : #f03;
}
.h1 {
color : #906;
}
.band {
font-weight : bolder;
color : #c9f;
}
.album {
font-weight : bolder;
color : #c33;
}
.title {
font-weight : bold;
color : #99f;
}
.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 0 0;
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 #434;
margin : 0 1em 1ex 1em;
float : left;
text-align : right;
}
.photor {
border : thin solid #434;
margin : 0 1em 1ex 1em;
float : right;
text-align : left;
}
.warning {
font-size : large;
background : #600;
border : thin solid #fc0;
}
.centred {
text-align : center;
margin : 1em;
clear : both;
}
.sitebutton {
margin: 1px;
border: 0;
padding: 0 23%;
}
/* Menus */

#menu {
position : fixed;
top : 2em;
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 : #606 url("/pix/purplebar.png") repeat-x;
color : #fe9;
text-align : center;
font-weight : bold;
cursor : pointer;
}
#menu div:hover a {
background : #600 url("/pix/redbar.png") repeat-x;
}
#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 : #600 url("/pix/redbar.png") repeat-x;
font-size : medium;
}
.menu_spacer {
float : left;
display : inline;
background : url("/pix/menu_spacer.png");
width : 5px;
height : 21px;
}
#sidemenu ul li {
margin : 0.5em;
list-style: none;
font : bold medium sans-serif;
}
#sidemenu ul li ul li {
font : bold small sans-serif;
margin: 0;
padding: 0 1em;
}
#sidemenu ul li a {
color : #777;
cursor: pointer;
}
#sidemenu ul li a:visited {
color : #333;
}
#sidemenu ul li a:hover {
color : #aaa;
}
#sidemenu ul li a:active {
color : #ccc;
}

/* Layout */

#container {
width : 96%;
border : 0;
padding : 0 1em;
margin-left : auto;
margin-right : auto;
margin-top : 0;
}
#header {
position : fixed;
top : 0;
left : 0;
right : 0;
height : 3em;
background : #000 url("/ganeb/images/hubble_deep_field.jpg");
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;
}
#sidebar {
position : absolute;
left : 0;
top : 4em;
width : 15em;
padding : 0 1em;
}
#sidebar p {
font : small sans-serif;
max-height : 6.5em;
background : black;
overflow : hidden;
}
#sidebar p:hover {
max-height : 100%;
}
#content {
position : absolute;
top : 4em;
left : 15em;
right : 1em;
margin : 0 0 0 1em;
}
#feeds {
float : left;
width : 66%;
border : 0;
margin : 0;
padding : 0 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%;
}
#loggedInMessage {
float : right;
text-align : right;
width : 40%;
}
#shopPanel {
background : #010;
border : thin solid #323;
margin : 1ex 0;
padding : 0 1ex;
}
#content01 {
background : #001;
border : thin solid #323;
margin : 1ex 0;
padding : 0 1ex;
}
#content02 {
background : #001;
border : thin solid #323;
margin : 1ex 0;
padding : 0 1ex;
}
#feature01 {
background : #001;
border : thin solid #323;
margin : 1ex 0;
padding : 0 1ex;
}
#feature02 {
background : #001;
border : thin solid #323;
margin : 1ex 0;
padding : 0 1ex;
}
#searchResults {
background : #010;
border : thin solid #323;
margin : 1ex 0;
padding : 0 1ex;
}
#applicationDiv {
background : #010;
border : thin solid #323;
margin : 1ex 0;
padding : 0 1ex;
}
#errorReport {
background : #200;
border : thin solid #323;
margin : 1ex 0;
padding : 0 1ex;
}
#glysa {
background : url("/ganeb/images/pathilorra.jpg");
}