@charset "utf-8";
/* Practical Space CSS Document */

body {
	font-family:Tahoma, Geneva, sans-serif;
	color:#dff;
	background-color:#000;
	background-image:url(http://www.practicalspace.com/images/bg-tile.gif);
	background-repeat:repeat;
}

a {color:#dff;}
img {border:0px;}

/* Outer Wrapper for site */
#wrapper {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding-top:100px;
	position:relative;
}

/* This is the box that displays the planet in the upper left */
#tbox {
	width:250px;
	height:250px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}

/* Inner container For content */
#container {
	width:880px;
	margin-right:100px;
	background-image:url(http://www.practicalspace.com/images/bg.gif);
	background-repeat:repeat-y;
	background-position:right;
}

/* Actual Content */
#content {
	width:780px;
	margin-left:100px;
	background-image:url(http://www.practicalspace.com/images/top-back.gif);
	background-repeat:no-repeat;
}

/* Header */
#header {
	width:780px;
	height:100px;
}
#header div.left {
	float:left;
	width:480px;
	height:100px;
	margin-left:150px;
	text-align:left;
}
#header div.right {
	position:relative;	
	float:left;
	width:150px;
	height:100px;
}

/* ShareThis.com widget */
#header .st_sharethis_custom{
	background: url("http://www.practicalspace.com/images/share-this.gif") no-repeat scroll left top transparent;
	padding:0px 0px 0px 17px;
	font-size:11px;
	width:36px;
	height:16px;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:9;
	margin-bottom:1px;
	margin-right:5px;
}

/* Middle Content Section */
#main {
	position:relative;
	padding-top:31px;
	font-size:12px;
}

/* Left Bar */
#lbar {
	float:left;
	width:120px;
	font-size:11px;
}

#lbar p, h4 {
	margin-left:5px;
}

#lbar li {
	margin-left:-25px;
	list-style-type:none;
}

/* Center content */
#mb {
	float:left;
	width:520px;
}
#mb p {
	margin-left:5px;
	margin-right:5px;
}
#mb p.c {text-align:center;}
#mb p.return {clear:left;text-align:center;}
#mb h1 {
	font-size:24px;
	text-align:center;
}
#mb h2 {margin-left:5px;}
#mb h3 {
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}
#mb h3.center {
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}
#mb span.sm {
	font-size:12px;
	font-weight:normal;
}

/* Main Body Tables */
#mb th {
	border-bottom-width:1px;
	border-bottom-color:#dff;
	border-bottom-style:solid;
}
#mb tr.line {background-color:#233;}
#mb img.left1 {margin-right:5px;}
#mb img.right1 {margin-left:5px;}

/* Moon Tables */
#moons {width:500px;margin-left:10px;}
#moons td.r {text-align:right;padding-right:5px;}
#moons td.l {text-align:left;padding-left:5px;}
#moons td {text-align:center;}

/* Gallery */
#gallery {
	width:486px;
	margin-left:22px;
}

#gallery img {
	border-color:#dff;
	border-style:solid;
	border-width:1px;
}

#gallery div.gal {
	float:left;
	width:152px;
	height:190px;
	text-align:center;
	margin-right:10px;
}

/* Definition list. */
#mb dt {
	font-weight:bold;
}

/* Right Bar */
#rbar {
	float:left;
	width:130px;
	margin-left:10px;
	text-align:center;
	padding-top:60px;
}

/* Navigation Bar This is to position, width and background
** for the navbar div only. The actual Menu CSS is in the
** navbar.css file. */
#nav {
	width:778px;
	position:absolute;
	top:0px;
	left:1px;
	background-image:url(http://www.practicalspace.com/images/nav-tile.gif);
	background-repeat:repeat-x;
	z-index:5;
}
#nav div.nav2 {
	width:660px;
	height:31px;
	margin-left:118px;
}

/* Footer */
#footer {
	clear:left;
	width:780px;
	height:22px;
	text-align:right;
	font-size:12px;
	background-image:url(http://www.practicalspace.com/images/bg-foot.gif);
	background-repeat:no-repeat;
}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* Pop up box 1 */
#pop-box1 {
	width:330px;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#pop-box2 {
	width:520px;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/* Header Adbox */
#header img.img-ad {margin-top:1px;}