/*  
Theme Name: Spacebase
Theme URI: http://www.spacebase.org.uk/
Description: Spacebase Theme
Version: 1.0
Author: Lil Tula
Author URI: http://hey-girl.org


*/

/***************************************************************************************BASICS*/

body, html {
background:#3e424e url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/pattern.gif') repeat fixed;
font-size: 90%; 
font-family: Helvetica, Verdana, Helvetica, sans-serif;  
line-height: 160%; 
color:#1b1d21;
height:100%;}

body, html, #content p, #content, #gcontent p, #gcontent, blockquote, cite, caption, address, li {line-height: 160%;}

img {border: 0px; margin: 0px;}
hr {border:3px double #6b7285; margin:5px 0px 5px 0px; height:6px;}

/***************************************************************************************TYPE*/

del {color:#555;}
strong {font-weight:bold;}
em {font-style:italic;}
strong, em {color:#373b43;}
p {margin-bottom:10px;}

blockquote, cite, caption, address {
margin:20px 40px 20px 40px;
border:3px double #6b7285;
padding:5px;}

acronym, abbr {border-bottom:1px dotted;}

/***************************************************************************************LISTS*/

#content ol li {list-style-type:lower-roman;}
#content ul li {list-style-type:circle;}
#content ol, ul {list-style-position:outside; margin:1em 1em 1em 2em;}

/***************************************************************************************TABLES*/

table {border:0px; margin:10px auto;}

tr, td {
padding:5px;
vertical-align:top;
border-collapse:separate;
border:3px double #6b7285;}

/***************************************************************************************FORMS*/

select, textarea, input {
width:60%;
padding:2px;
margin:5px auto;
background:#ccc url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/gradient.gif') repeat-x;
border:1px solid #6b7285;
color:#6b7285;
display:block;}

#gcontent select, #gcontent textarea, #gcontent input {width:80%;}
textarea {background-position:bottom;}
select:focus, select:hover, textarea:focus, textarea:hover, input:focus, input:hover {color:#1B1D21;}
form {margin:20px 0px 20px 0px;}
label {color:#3E424E; display:block; text-align:center;}

/***************************************************************************************HEADERS*/

h1 {display:none;}
h2, h3, h4, h5, h6 {font-family:Georgia; color:#3e424e;}
h2 a, h3 a, h4 a, h5 a, h6 a {display:block;}
h3, h4, h5, h6 {margin:5px 0px 10px 0px;}

h2, h3 {border:1px solid #6b7285; background:url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/gradient.gif');}

h2 {font-size:200%; font-weight:bold; padding:5px; margin:5px 0px 5px 0px; text-align:center;}

h2 a, h3 a {border:1px solid #9aa0B0;}
h3 {font-size:150%; padding:2px;}
h3 a, h4 a, h5 a, h6 a {margin:1px;}
h3 a:hover {background:none;}
h4, h5, h6 {font-size:120%; border-bottom:1px solid #6b7285;}
h4 a, h5 a, h6 a {border-bottom:1px solid #6b7285;}

h4 a:hover, h5 a:hover, h6 a:hover {background:url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/background.png');}

/***************************************************************************************LINKS*/

#navigation ul {list-style-type:none;}
#navigation ul li {display:inline;}

#navigation a {
background:url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/background.png');
padding:2px 17px 2px 4px;
margin:4px;
border:3px double;} 

#navigation a:hover {background:#3E424E url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/orbit.gif') no-repeat right;}

a {text-decoration:none; border:0px; border-bottom:3px double; color:#3e424e; }

a:hover {background:url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/background.png'); color:#6b7285;}

/***************************************************************************************LAYOUT DIVS*/

div#header {height:250px; background:#1b1d21 url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/background.gif') no-repeat;}

div#container {
position:relative;
width:700px;
height:auto !important; 
height:100%; 
min-height:100%; 
background:url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/container.gif') fixed;
margin:0px auto;
border-left:2px solid #1b1d21;
border-right:2px solid #1b1d21;}

div#content {
padding:10px;
padding-bottom:50px;
margin:-15px 0px 0px 0px;
text-align:left;}

div#clouds {
background:url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/clouds.png') repeat-x;
width:100%;
height:300px;
margin-top:-300px;}

div#footer {margin:10px; color:#444; position:absolute; width:100%; bottom:0;}

div#footer, div#gfooter {
text-transform:uppercase;
letter-spacing:5%;
text-align:center;
font-size:85%;}

div#navigation {
margin:0px;
background:url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/nav-fade.png') repeat-x top;
padding:10px;
text-align:right;
min-height:19px;}

/***************************************************************************************GALLERY*/

#spacebase h1 {height:69px; display:block; background:url('http://s.calmbanana.co.uk/wp/wp-content/themes/spacebase/images/spacebase.png') no-repeat center; line-height:200%;}

.iefix {
display:none;
color:#D0CFD0; 
font-size:300%;
font-family:Georgia;
font-weight:bold;
padding:10px;
font-variant:small-caps;}

div#spacebase {
width:100%;
padding:0px;
background:url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/gallery-h.gif') repeat-x fixed;
border-bottom:2px solid #1b1d21;
cursor:pointer;}

#spacebase a {display:block; border:0px; background:none; width:100%; min-height:69px; cursor:pointer;}
#spacebase a:hover {background:none;}

div#gheader {height:250px; text-align:left;}

div#gcontainer {
width:730px;
height:1076px;
margin:0px auto;
background:url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/rocket.gif') no-repeat;}

div#gcontent {
width:300px;
margin:-7px 200px 5px 220px;
text-align:center;
height:485px;
background:url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/shuttle-bg.gif') fixed;
overflow:auto;
border:3px double #3e424e;}

div#gfooter {padding-top:250px; color:#222;}

#gcontent h2 {font-size:140%; margin:5px;}
.gallery-image h3, .gallery-image h4, .comment small {background:none; border:0; font-size:80%; text-align:left; margin:0px 4px; padding:1px 3px; background:#ccc;}
.gallery-image h3 {font-weight:bold; border-bottom:3px double #6b7285;}
.gallery-image h4, .comment small {border-top:3px double #6b7285;}
.gallery-image p {margin:0px;}

.gallery-image {display:block; width:120px; height:120px; float:left; margin:5px;}

#picture-holder a, .gallery-image a {border:0; background:none;}
#picture-holder img, .gallery-image img, .comment {background:#ccc url('http://www.spacebase.org.uk/wp/wp-content/themes/spacebase/images/gradient.gif') repeat-x bottom; border:1px solid #6b7285; padding:5px;}
#picture-holder img:hover, .gallery-image img:hover {border:1px solid #333;}
.gallery-image input {border:0; background:none;}

.thumbnail {width:20%; height:10%;}
.imagethumb {margin-top:5px;}
.hide {display:none;}
.required {color:red;}

.instructions {margin:5px; display:block; text-align:right;}
.crumbs {margin:10px; display:block; text-align:left; border-bottom:3px double #6b7285;}
.crumbs a {border:0;}

.picture-title a {display:none;}
.gdate, .comment-heading {font-size:100%; border:0; border-bottom:3px double #6b7285; background:none; text-align:left; margin:5px;}

#picture_description {margin:10px; text-align:left; display:block;}

.comments, .comment {list-style:none; list-style-type:none; padding:0px; margin:0px; list-style-position:inside;}
.comment small a {border:0px; text-decoration:underline;}
.comment small {display:block; margin:-7px 0px 0px 0px; padding:2px;}
.comments {margin:5px;}
.comment {text-align:left;}
.comment p {padding:2px;}

.gallery-image {
margin-bottom:25px;
}

.break {
clear:both;
}

/* lightbox stuff */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }