/* -------------------------------------------------------------- 
  
   Brendan Perry - site wide CSS
  
-------------------------------------------------------------- */
/* This stylesheet is organised in a style over-ride ORDER - aka a CASCADE.
Reset Styles First, between HERE and HERE, and stuff you can over-ride
between THERE and THERE */

/* Reset Styles First */
/* Only the truly foolhardy would edit anything between HERE and HERE */

/* -------------------------------------------------------------- 
	HERE
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }

/* -------------------------------------------------------------- 
	HERE
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
	THERE
-------------------------------------------------------------- */

/* now you can mess with stuff. just be careful. */
/* -------------------------------------------------------------- 
                    MAIN SITE CSS FILE
-------------------------------------------------------------- */

html {
	height:100%;
}
body {
background-color: #333;
color:#ddd;
font-family: helvetica, arial, sans-serif;
font-size:0.9em;
height: 100%;
}

p {
padding:20px;
padding-top:0;
text-align:left;
}

#wrapper {
margin-left:auto;
margin-right:auto;
width:100%;
}

#flashContent {
background-color:#000;
margin-left:auto;
margin-right:auto;
height: 100%;
}

#alt {
	height:100%;
	background-color:#000;
	background-image:url(/assets/images/bp-alt.jpg);
	background-repeat:no-repeat;
	color:#999;
	margin-left:auto;
	margin-right:auto;
	width:1050px;
	font-size:1.2em;
}

#alt p {
	padding:0;
	margin-top:20px;
}

#alt .content {
	padding:100px 0 0 65px;
	width:450px;
}

#alt h1 {
	font-size:1.2em;
	font-weight:normal;
	color:#CCC;
}

.sitestatus {
	margin-left:auto; 
	margin-right:auto; 
	text-align: center;
	font-size: 80%;
	background: #333 ;
	color: #dedede;
	padding: 0px 60px 0px 60px;
	clear: both;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}

a {
	color:#5D7C9C;
	text-decoration:underline;
}

a:hover {
	color:#99CCFF;
}

a.ss {
	color: #CCCC00;
	text-decoration: none;
}	
a:hover.ss {
	color: #F6F608;
	text-decoration: none;
}

/* ERRORS */

.error {
	padding: 20px;
	padding-top:0px;
	padding-bottom: 10px;
	text-align: left;
	font-family: 'Helvetica Neue', helvetica, arial,  sans-serif;
}

.error_message {
	padding-top:40px;
	font-weight:bold;
}


/* -------------------------------------------------------------- 
                   SITE META
------------------------------------------------------------- */

/* sliding panel fixed to top of browser window when logged-in */

#site-meta {
    position:fixed;
    width:100%;
    z-index:1000;
}
#site-meta li {
    display:inline;
}
#meta-panel {
    background:#464646 url(/assets/imagesadmin/meta-panel.png);
    border-bottom:1px solid #1e1e1e;
}
#meta-panel ul {
    width:950px;
    margin:0 auto;
    padding:36px 0;
    text-align:center;
}
#meta-anchor {
    display:block;
    margin:0 auto;
    width:74px;
    height:16px;
    text-indent:-999em;
    outline:0;
    background:url(/assets/imagesadmin/meta-anchor-trans.png) no-repeat;
}
#meta-panel a {
    color:#999999;
    margin:0 5px;
}
#meta-panel a:hover,#meta-panel a:focus {
    color:#FFF;
}
.active {
}



/* -------------------------------------------------------------- 
	THERE
-------------------------------------------------------------- */

/* Be my saving grace. */