/*
Theme Name: space-scape
Theme URI: http://www.space-scape.com
Description: a custom theme designed for space-scape.com and baed on the thematic framework
Author: Nick Harewood
Author URI: http://www.space-scape.com
Template: thematic
Version: 3.0
.
this CSS child theme is copyright of Nick Harewood 2009 and may not be reproduced without permission.
.
*/


/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Style the meta panel for logged-in users */
@import url('../thematic/library/styles/sitemeta.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-l-fixed.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');




/*  SPACE-SCAPE GENERIC CUSTOM STYLES   */

body, input, textarea {
	color:#CCC;
	font-family:Gill Sans, Gill Sans MT, Tahoma, Arial, sans-serif;
	font-size:95%;
	line-height: 1.3em;
}

textarea, input {
	background-color:transparent;
	border:1px #333 solid;
	width:100%;
}

a:link, a:visited {
	color:#FFF;
	text-decoration:underline;
}

a:hover, a:active, a:focus {
	color:#CCC;
	text-decoration:none;
}


/*  LAYOUT  */


body {
	margin:20px 10px 20px 10px;
	background-color:#666;
	background:#000 url('images/bodyback.png') repeat fixed left top;
}


div#wrapper {
	background:#000 url('http://www.space-scape.com/scapes/scaper.php') no-repeat scroll center top;
	border:10px solid #FFF;
	border-bottom:none;
	width:940px;
	margin:0px auto;
	POSITION: relative;
}


/*  HEADER AND BRANDING   */

#header {
	height:150px;
	position:absolute;
	LEFT: 0px; 
	TOP: 0px;
	z-index:300;
}

#branding {
	margin:0;
	text-align:center;
	width:220px;
	height:150px;
	position:absolute;
	LEFT: 10px; TOP: 0px;
	z-index:200;
}

#blog-title {
	text-align:center;
	margin:25px 0px 20px 0px;
}
#branding #blog-title a {
	background:transparent url('images/logowhite.png') no-repeat scroll left top;
	width:181px;
	height:25px;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:0px 10px;
}

#blog-description,
#branding h1 {
	font-size:1.2em;
	padding:10px;
}

#blog-description {
	display:none;
}

	/*  NAVIGATION   */


	#access {
		margin:70px 0 10px;
		background:transparent url('images/topbarback.png') repeat-x scroll left top;
		FLOAT: left;
		WIDTH: 940px;
	}

	#access .skip-link {
		width: 230px;
		height:70px;
		float:left;
	}
	#access .skip-link a {
		display:none;
	}


		/*  MENU   */

		.menu {
			WIDTH: auto;
			height:70px;
			float:right;
		}

		.menu ul {
			list-style:none;
			margin:0 0 0 10px;
		}
		.menu ul li {
			font-size:1.2em;
			padding:1px 10px 10px 0px;
		}

		.menu ul li a {
			display:block;
			padding:10px;
		}

		.menu ul li a:link, .menu ul li a:visited {
			color:#FFF;
			text-decoration:none;
		}

		.menu ul li a:hover, .menu ul li a:active, .menu ul li a:focus {
			text-decoration:none;
			background-color:#FFFFFF;
			color:#333;
		}

/*  PAGE BODY   */

#main {
	padding-top:170px;
	margin:0px auto;
	FLOAT: left;
	background:transparent url('images/sidebarback.png') repeat-y scroll 10px 0px;
}

#container {
	margin-bottom:50px;
}

#content {
	margin:0 0 0 250px;
	width:690px;
}

/*  BODY   */

div.main-aside ul a, div.main-aside ul a:link, div.main-aside ul a:visited,
#content a, #content a:link, #content a:visited {
	text-decoration:none;
}

div.main-aside:hover ul a, div.main-aside:hover ul a:link, div.main-aside:hover ul a:visited,
#content .entry-content:hover a, #content .entry-content:hover a:link, #content .entry-content:hover a:visited {
	text-decoration:underline;
}

/*  CONTENT   */

#content .hentry {
	width:620px;
	margin-bottom:50px;
}

#content img.thumbnailImage {
	border: 10px solid #FFFFFF !important;
	display: block; 
	float: right; 
	margin-left: 20px; 
	margin-right: auto;
	margin-bottom: 30px;
	margin-top:0px;
}

#content h1.page-title,
#content h1.entry-title,
#content h2.entry-title {
	float:left;
	font-size:1.2em;
	font-weight:bold;
}

.slug-about h1.entry-title {
	margin-bottom:20px;
}
#content h1.page-title {
	color:#FFF;
	margin-bottom:20px;
}
#content h2.entry-title a {
	text-decoration:none;
}

#content .entry-meta {
	color:#666;
	float:right;
	text-align:left;
	margin-bottom:20px;
}
div.wlWriterHeaderFooter{
	color:#666;
	text-align:right;
	margin-bottom:20px !important;
	margin-top:100px !important;
}
div.wlWriterHeaderFooter a,
#content .entry-meta a {
	color:#666;
}
#content .entry-content {
	clear: both;
}

#content .entry-content h2 {
	background-color:#FFFFFF;
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
	margin:30px 0 10px;
	padding:5px 5px 7px 7px;
}
/*
	background:#FFFFFF;
	color:#000000;
	padding:5px;
*/

#content .entry-content h3 {
	font-weight:bold;
}

#content .entry-content .more-link {
	margin: 10px 0px; 
	display: block; 
	font-weight: bold; 
	text-align: right;
}

#content .entry-utility {
	padding: 0px, 20px;
	color:#666;
}


#author-info {
	float:left;
	margin:20px;
}

	/*  CONTENT FURNTITURE  */

	#content .navigation a, #content .navigation a:link, #content .navigation a:visited,
	#content .hentry .entry-utility a, #content .hentry .entry-utility a:link, #content .hentry .entry-utility a:visited {
		text-decoration:none;
		color:#666;
	}

	#content .navigation:hover a, #content .navigation:hover a:link, #content .navigation:hover a:visited,
	#content .hentry .entry-utility:hover a, #content .hentry .entry-utility:hover a:link, #content .hentry .entry-utility:hover a:visited {
		text-decoration:none;
		color:#666;
		background-color:#FFF;
	}
	#content .navigation a:hover {
		color:#000;
	}
	#nav-above {
		display:none;
	}

	.navigation {
		width:620px;
		margin-top:-20px;
	}
	.navigation .nav-previous {
		float:left;
	}

	.navigation .nav-next {
		float:right;
	}



	#comments {
		clear:both;
		float:left;
		margin-top:40px;
		width:620px;
	}
		#comments h3 {
			font-size:1.2em;
			font-weight:bold;
			margin-bottom:20px;
		}

		#comments #comments-list {
			float: left; width: 300px;
		}

		#comments #comments-list ol {
			list-style-type:none;
			margin:0;
		}

		#comments #respond {
			width: 300px; float: right; margin-left: 20px;
		}

		#comments .comments div.comment-author {
			font-weight: bold;
		}

		li.comment-author-admin {
			color:#CCC;
		}

		#comments .comments .comment-meta {
			color:#666;
		}

		#comments .comments .comment-meta a {
			color:#666;
		}




	input#submit, #twitter-tools input#aktt_tweet_submit {
		background-color:#333;
		float:none;
		margin:0px 0px 0px 0px !important;
	}

/*  SIDEBARS   */

div.main-aside {
	width:220px;
	left:10px;
	padding-bottom:20px;
}

div.main-aside ul {
	margin:0 10px 10px 10px;
	list-style:none;
	color:#666666;
}

div.main-aside ul a {
	color:#666666;
}

div.main-aside ul ul {
	margin:0 10px 10px 0px;
}

div.main-aside h3 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:20px;
}

	/*  TWITTER TOOLS   */

	#twitter-tools ul li {
		margin-bottom:10px;
	}

	#twitter-tools ul li a:hover {
		color:#CCC;
	}

	#aktt_tweet_form fieldset #aktt_tweet_submit {
		margin-right:0px;
	}



/*  FOOTER   */

#footer {
	background:#FFFFFF none repeat scroll 0 0;
}

#siteinfo, #siteinfo a {
	color:#999999;
	font-size:0.8em;
}