/*  Theme Name: HomeworldTheme URI: http://www.rd1701.me.uk
Description: This theme is based on my homepage
Version: 1.0
Author: Emma Rouse-Deane
Author URI: http://www.rd1701.me.uk	
The CSS, XHTML and design is released under GPL:	http://www.opensource.org/licenses/gpl-license.php	*/

/* Begin Typography & Colors */

body {	
font-family: arial, verdana, sans-serif;	
font-size: 72.5%; 	
color:#666666;	
background: #000000 url(/blog/wp-content/themes/homeworld/images/stars.gif) repeat ;
margin: 0px;	
text-align: left;	
}


#page {	

background: #000000 url('/blog/wp-content/themes/homeworld/images/stars.gif') repeat;	
text-align: left;	
}

/* The header for the page - including image and border */

#header{	
background: #000000 url('/blog/wp-content/themes/homeworld/images/Header1.jpg') no-repeat top center;	
position: relative;	border: 1px solid #336699;	margin: 0 auto;	
padding-bottom: 251px;	
width: 775px;      
}

/* This controls the title in the header - ie rd1701's blog in this case */
div#header h1#title {	color: #ffd700;	
position: absolute;	
margin: 0 auto;	
top: 213px;	
height: 43px;	
overflow: hidden;	
letter-spacing: 2px;        
padding-left: 20px;	}

/* this controls the link colour in the header for the title */			
div#header h1#title a:link {	text-decoration: none;	
color: #336699;	}

/* this controls the hover link colour in the header for the title */		
div#header h1#title a:hover {	text-decoration: none;	color: #ffd700;	}			/* this controls the visited link colour in the header for the title */		div#header h1#title a:visited {	text-decoration: none;	color: #ffffff;	}					/* this is the style for the container box - contains posts and menu */#container {	position: relative;	border-top: 1px solid #336699;	border-left: 1px solid #336699;	border-bottom: 1px solid #336699;	border-right: 1px solid #336699;	margin: 0 auto;	padding-top: 20px;	width: 775px;	background: #000000;	color: #aaaaaa;	}/* this is the style for the side menu*/#menu {	position: absolute;	width: 180px;	right: 0;	top: 0px;	background-color: #000000;	margin: 0 auto;	border-left: 1px dotted #336699;	border-bottom: 1px dotted #336699;	border-right: 1px solid #336699;	padding:5px;	}div#menu a{	font-family:arial, verdana, sans-serif;	color: #ffd700;	font-size:12px;	border-bottom: 1px dotted #336699;	text-decoration: none;	}		#menu h3{	font-size: 14px;	color: #ffd700;	font-weight: normal;	border: 1px solid #AAAAAA;	height: 16px;	width: 170px;	padding: 5px 5px 5px 5px;	background: #003366;	}#menu h2{	font-size: 14px;	color: #ffd700;	font-weight: normal;	border: 1px solid #AAAAAA;	height: 16px;	width: 170px;	padding: 5px 5px 5px 5px;	background: #003366;	}#content{	width: 590px;		}	/* this the is post date */#content h2 {	font-size:20px;	color: #336699;	font-weight:normal;	margin-top:-18px;	margin-left: 40px;	margin-right: 220px;	}				/* post title / permalink */		#content h3{	margin-left: 20px;	margin-right: 100px;	margin-top: 0;	margin-bottom: 3px;	font-size:14px;	color: #ffd700;	font-weight:normal;	border: 1px solid #AAAAAA; 	height:16px;	padding:5px;      background: #003366;	}div#content a{	font-family:arial, verdana, sans-serif;	color: #ffd700;	font-size:12px;	border-bottom: 1px dotted #336699;	text-decoration: none;	}			/*this is the body of the blog post */		div.post {	margin-left: 20px;	margin-right: 20px;	margin-top: 0;	margin-bottom: 5px;	background-color: #000000;	border: 1px solid #336699;	position: relative;	font-family: Verdana, sans-serif;	font-size: 90%;	padding:5px;	word-spacing:2px;	color:#AAaAAA;	line-height:1.4em;	}/*this is the posted by section and category*/div.posthead {	margin-left: 20px;	margin-bottom: 3px;	font-family: Verdana, sans-serif;	color: #fff;	font-size: 90%;	}/*this is the post comments / trackback section */div.postfoot {	margin-left: 20px;	margin-right: 20px;	margin-bottom: 5px;	font-family: Verdana, sans-serif;	font-size: 12px;	color: #ffd700;	background: #003366;	}ul.menu {	color: #AAAAAA;	list-style-type: none;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;}input.SearchField {	background-color: #eee;	border: 1px solid #ccc;	padding: .5ex;	width: 96%;	margin: 0ex;	}.media {     color: #ffcc66;	}#footer{	margin-top:40px;	text-align:left;	border-top:1px dotted #ffd700;	padding:5px;	background-color: #003366;	font-family:arial, times,sans-serif;	font-size:11px;	clear: both;	color: #ffd700;	}#footer a{	font-family:arial, verdana, sans-serif;	color: #ffd700;	font-size:12px;	border-bottom: 1px dotted #336699;	text-decoration: none;	}.alt {	margin-left: 20px;	background-color: #778899;	border-top: 1px solid #FFD700;	border-bottom: 1px solid #FFD700;        color: #fff;	}#menu ul li {	list-style-type: none;	list-style-image: none;	padding: 0% 0% 0% 0%;	text-indent: 0cm;	margin-left: -40px;}.commentlist li, #commentform input, #commentform textarea {	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;	}	.commentlist li {	font-weight: bold;	}.commentlist cite, .commentlist cite a {	font-weight: bold;	font-style: normal;	font-size: 1.1em;	}.commentlist p {	font-weight: normal;	line-height: 1.5em;	text-transform: none;	}#commentform p {	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	}.commentmetadata {	font-weight: normal;	}code {	font: 1.1em 'Courier New', Courier, Fixed;	}acronym, abbr, span.caps{	font-size: 0.9em;	letter-spacing: .07em;	}a, h2 a:hover, h3 a:hover {	color: #06c;	text-decoration: none;	}a:hover {	color: #147;	text-decoration: underline;	}	#wp-calendar #prev a {	font-size: 9pt;	}#wp-calendar a {	text-decoration: none;	}#wp-calendar caption {	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;	text-align: center;	}#wp-calendar th {	font-style: normal;	text-transform: capitalize;	}/* End Typography & Colors */h3.comments {	padding: 0;	margin: 40px auto 20px ;	}/* End Headers *//* Begin Images */p img {	padding: 0;	max-width: 100%;	}/*	Using 'class="alignright"' on an image will (who would've	thought?!) align the image to the right. And using 'class="centered',	will of course center the image. This is much better than using	align="center", being much more futureproof (and valid) */	img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}	img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}.alignright {	float: right;	}	.alignleft {	float: left	}/* End Images *//* Begin Form Elements */#searchform {	margin: 10px auto;	padding: 5px 3px; 	text-align: center;	}.entry form { /* This is mainly for password protected posts, makes them look better. */	text-align:center;	}#commentform input {	width: 170px;	padding: 2px;	margin: 5px 5px 1px 0;	}#commentform textarea {	width: 100%;	padding: 2px;	}#commentform #submit {	margin: 5px;	float: left;	}/* End Form Elements *//* Begin Comments*/.alt {	margin: 0;	padding: 10px;	}.commentlist {	padding: 0;	text-align: justify;	}.commentlist li {	margin: 15px 0 3px;	padding: 5px 10px 3px;	list-style: none;	}.commentlist p {	margin: 10px 5px 10px 0;	}#commentform p {	margin: 5px 0;	}#commentform {	margin-bottom: 5px;}.nocomments {	text-align: center;	margin: 0;	padding: 0;	}.commentmetadata {	margin: 0;	display: block;	}/* End Comments *//* Begin Calendar */#wp-calendar {	empty-cells: show;	margin: 10px auto 0;	width: 155px;	}#wp-calendar #next a {	padding-right: 10px;	text-align: right;	}#wp-calendar #prev a {	padding-left: 10px;	text-align: left;	}#wp-calendar a {	display: block;	}#wp-calendar caption {	text-align: center;	width: 100%;	}#wp-calendar td {	padding: 3px 0;	text-align: center;	}#wp-calendar td.pad:hover { /* Doesn't work in IE */	background-color: #fff; }/* End Calendar *//* Begin Various Tags & Classes */acronym, abbr, span.caps {	cursor: help;        color: #336699;	}acronym, abbr {	border-bottom: 1px dashed #fd4700;	}blockquote {	margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #336699;	}blockquote cite {	margin: 5px 0 0;	display: block;	}strong {        text-weight: bold;        color: #ffffff;       }b{        text-weight: bold;        color: #ffffff;}.center {	text-align: center;	}a img {	border: none;	}.navigation {	display: block;	text-align: center;padding: 10px;	}/* End Various Tags & Classes*/