/*  
Theme Name: Littlefly Theme
Theme URI: http://www.littlefly.co.uk
Version: 1.0
Description: Theme for Jeremy's Littlefly Website.
Author: aemay
Author URI: http://www.aemay.com
Tags: 2 column
*/

/* based on Neonglow by Luna Media */


/* Global */


html {
	background-color: 		#000000;
	/*
	background-image:		url(images/background.png);
	background-repeat:		no-repeat;
	background-attachment:	fixed;
	background-position:	top right;
	*/
}

body {
	margin: 				0;
	font: 					normal 62.5% Helvetica, Arial, Verdana, sans-serif;
	text-align: 			left;
	vertical-align: 		top;
	color: 					#ccc;
}

h1, h2, h3, h4, h5, h6, blockquote, p {
	margin: 				0;
	padding: 				0;
	font-weight: 			normal;
}

/* Blog Title */
#header h1 {
	padding: 				15px 0 0 0;
	font: 					normal 2em Helvetica, Arial, Verdana, sans-serif;
}
#header h1 a {
	text-decoration: 		none; /* stop header being underlined */
	color: 					#B41E1E;
}


h2 {
	font-size: 				1.8em;
}

h3 {
	font-size: 				1.6em;
} 

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

a:hover {
	color: 					#fff;
	text-decoration: 		underline;
}

a img {
	border: 				none;
}

p {
	padding: 				10px 0 0 0;
}

img {
	padding: 				0px;
	background: 			#000;
}

img.alignleft {
	float: 					left;
	margin: 				10px 10px 10px 0;
}
img.alignright {
	float: 					right;
	margin: 				10px 0 10px 10px;
}
img.aligncenter {
   display: 				block;
   margin: 					10px auto;
}




/* Layout */

#wrapper {
	width: 800px;
	margin: 0 0 0 0;
	margin-top: 10px;
	text-align: left;
	font: normal 1.2em Helvetica, Arial, Verdana, sans-serif;
}

#header {
	float: left;
	margin: 10px 0 0 25px;
	padding: 0 0 0 100px ;
	width: 660px;
	height: 100px;
	text-align: left;
	text-decoration: none;
	background: url(images/red_fly.png) no-repeat;
	color: #fff;
	border-bottom: 2px solid #B41E1E;
}

#content {
	float: left;
	width: 500px;
	margin: 0 0 0 20px;
	padding: 0 3% 0 1%;
	background:transparent url(images/greybg.png);
}

.sidebar {
	float: left;
	width: 220px;
	margin: 10px 10px 0 10px;
	background:transparent url(images/greybg.png);
	/* fix IE margin bug */
	display: inline;
}

#footer {
	clear: both;
	float: left;
	width: 98%;
	margin: 1%;
	padding: 10px 0;
	border-top: 1px solid #B41E1E;
}



/* Posts */

.post {
	padding: 1em 0;
}

.post h2 {
	padding: 1em 0 0 0;
	font: normal 1.4em Helvetica, Arial, Verdana, sans-serif;
}

.post h2 a {
	color: #B41E1E;
	text-decoration: none;
}

.post h2 a:hover {
	color: #fff;
	text-decoration: underline;
}

.entry {
	line-height: 1.8em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

p.postmetadata {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 0 24px;
	font-family: Georgia, serif;
	background: #121518 url(images/comment.png) no-repeat 0 90%;
	border-top: 1px solid #333;
}

.navigation {
	padding: 10px 0 0 0;
	font-size: 1.2em;
}

.posttime { 
	margin: 0;
	font-size: 0.7em;
	font-style: italic;
	color: #555;
}



/* Comments */

.comments-template {
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol {
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li {
	margin: 0;
	padding: 2% ;
	line-height: 1.8em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	border-bottom: 1px solid #ccc;
}

.comments-template h2 {
	font-size: 1.6em;
	color: #fff;
}

.comments-template h3 {
	padding: 10px;
	font-size: 1.2em;
	color: #fff;
}

.commentmetadata { 
	font-size: 1em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
}

.commentmetadata a {
	color: #B41E1E;
}

.comments-template p.nocomments {
	padding: 0;
}

.comments-template textarea {
	font-size: 1.2em;
}

.alt {
	color: #ddd;
	background: #B41E1E url(images/altcomment.gif) repeat-x top left;
}


.gravatarstyle { 
	float:left; padding-right:10px; 
}



/* Sidebar */

.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 10px ;
}

.sidebar ul li h2 {
	padding-top: 0.5em;
	font-size: 1.2em;
	color: #B41E1E;
	border-top: 1px solid #B41E1E;
}

.sidebar ul ul li {
	margin: 0;
	padding: 0;
	line-height: 1.8em;
}

.sidebar a {
	text-decoration: none;
}

.sidebar a:hover {
	text-decoration: underline;
}

form#searchform {
	margin-bottom: 20px;
}

li#calendar {
	font-family: Helvetica, Arial, Verdana, sans-serif;
}



/* Footer */

#footer p {
	padding: 0 0 0 50px;
	line-height: 1.8em;
	font: normal 0.9em Helvetica, Arial, Verdana, sans-serif;
	color: #555;
}

#footer a {
	color: #555;
}


/* Widgets */

.textwidget {
	line-height: 1.8em;
	margin: 15px 0;
}

#tag_cloud {
	margin: 0 0 20px 0;
}