@charset "UTF-8";
/* CSS Document */

/*
Theme Name: miggleblog
Theme URI: http://www.miggle.co.uk/blog/
Description: A blog designed by miggle.co.uk 
Version: 1.0
Author: Ian Wright
Author URI: http://www.miggle.co.uk/
Tags: miggle.co.uk, fixed width, simplicity

	miggleblog v1.0
	http://www.miggle.co.uk/blog

	This theme was designed and built by Ian Wright,
	whose blog you will find at http://www.miggle.co.uk/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

body, html, * {
	margin: 0px; /* Remove all margins */
	padding: 0px; /* Remove all paddings */
}

img {
	border: none;
}

body {
	background-color: #CDDAD7; /* Set the background colour */
}

.clear {
clear: both;
}

.rss {
  position: absolute; 
  top: 22px; 
  left: 8px
}

* HTML .rss {
  position: absolute; 
  top: 22px; 
  left: 0px
}

#homelink {
	position: absolute; 
	top: 49px; 
	left: 50px; 
	width: 309px; 
	height: 60px; 
}

.homelink {
	width: 309px; 
	height: 60px; 
}

small {
 margin-bottom: 20px;
}

#respond, .addthis_container, .related_post_title {
	margin-bottom: 8px;
}

#wrap_content_col h1, #wrap_content_col h2, #wrap_content_col h3, #wrap_content_col h1 a, #wrap_content_col h2 a, #wrap_content_col h3 a, #wrap_content_col h4, #wrap_content_col h5, #wrap_content_col h6, #wrap_content_col h4 a, #wrap_content_col h5 a, #wrap_content_col h6 a {
color: #ee1f74;
line-height: 1.4em;
}

#wrap_content_col h1, #wrap_content_col h1 a {
 font: normal 14pt Verdana; /* 'Bitstream Vera Sans',Verdana,Arial */
}

#wrap_content_col h2, #wrap_content_col h2 a {
 font: normal 13pt Verdana; /* 'Bitstream Vera Sans',Verdana,Arial */
}

#wrap_content_col h3, #wrap_content_col h3 a {
 font: normal 12pt Verdana; /* 'Bitstream Vera Sans',Verdana,Arial */
}

#wrap_content_col h4, #wrap_content_col h4 a {
 font: normal 11pt Verdana; /* 'Bitstream Vera Sans',Verdana,Arial */
}

#wrap_content_col h5, #wrap_content_col h5 a, #wrap_content_col h6, #wrap_content_col h6 a {
 font: normal 10pt Verdana; /* 'Bitstream Vera Sans',Verdana,Arial */
}

#wrap_content_col h3.list_header, #wrap_content_col h3.list_header a {
 font: normal 14pt Verdana; /* 'Bitstream Vera Sans',Verdana,Arial */
}

.seperator {
	margin: 13px 0 13px 0;
}

.leftcontent {
 margin-left: 8px;
}

.leftcontent li {
 list-style-type: none;
}

.leftcontent li:hover {
 text-decoration: none;
 color: #EE2A74;
}

.leftcontent li a {
width: 165px;
display: block;
height: auto;
padding-bottom: 6px;
margin-top: 6px;
text-align: left;
background: url(http://www.miggle.co.uk/blog/wp-content/themes/miggle/images/menu_border_bottom.gif) bottom left no-repeat;
}

.leftcontent li a:hover {
text-decoration: none;
padding-left: 12px;
background: url(http://www.miggle.co.uk/blog/wp-content/themes/miggle/images/menu_border_bottom_hover.gif) bottom left no-repeat;
}


/* Add a shadow to the container */
#wrap_all {
	position: relative;
	background: url(/miggle/css/wrap_all_shadow.jpg) transparent center top repeat-y;
}

/* Top Header */

#wrap_header {
	background: url(http://www.miggle.co.uk/blog/wp-content/themes/miggle/images/header.gif) transparent bottom left repeat-x;
}

#head_top_menu {
	background: url(/miggle/css/top_menu_bg.gif) transparent top left repeat-x;
	border-bottom: 4px solid #EE2A74; 
}

* HTML #head_top_menu {
	height: 18px;
}

/* Top Header */

/* Top Navigation */

#top_links {
	list-style-type: none; /* Remove all bullet points */
}

#top_links li {
	display: inline; /* Align the list horizontally */
	margin: 0 20px 0 8px; /* Apply padding */
}

/* Top Navigation */

.miggle_btn {
	position: absolute;
	left: 6px;
	bottom: 15px;
}

.content_list {
	padding: 5px 0 0 25px;
	list-style-type: square;
}

.content_list li {
	line-height: 18px;
}

.blog_list {
 padding: 0 0 0 25px;
 margin-bottom: 8px;
}

.blog_list li {
	line-height: 18px;
}

/* miggle content backgrounds */

/* Add a shadow to the footer */
#footer_shadow {
	background: url(/miggle/css/footer_shadow.jpg) #CDDAD7 center top no-repeat;
}

/* head_top_contact Contact Phone Number */
#head_top_contact {
float: right;
width: 185px;
}

/* miggle_slogan text, h1, testimonial */
#miggle_slogan {
margin-top: 81px;
text-indent: 160px;
}
#miggle_slogans {
text-align: center;
float: right;
width: 230px;
margin-right: 30px;
margin-top: 40px;
}

* HTML #miggle_slogans {
text-align: center;
float: right;
width: 230px;
margin-right: 15px;
margin-top: 40px;
}

/* footer */
#footer_shadow p{
padding: 3px 0 0 0;
text-align: center;
}

/* wrap_left_col LEFT COLUMN */
#wrap_left_col {
text-align: center;
width: 224px;
float: left;
}

/* left_box IN THE LEFT COLUMN */
.left_box {
margin: 0 auto;
width: 180px;
}
h1.left_box{
padding-top: 5px;
padding-bottom: 8px;
background: url(/miggle/css/col_header.gif) left top no-repeat;
}

h1.left_box_blog{
padding: 5px 0 8px 18px;
background: url(/miggle/css/col_header.gif) left top no-repeat;
}

#archive, #category, #meta {
 margin-top: 12px;
}


#wrap_left_col p, #wrap_right_col p {
text-align: left;
padding: 8px;
}


/* wrap_content_col CONTENT COLUMN */
#wrap_content_col {
float: left;
}

#wrap_content_col_blog {
float: left;
border: 0px solid #A00;
}

/* wrap_right_col RIGHT COLUMN */
#wrap_right_col {
float: right;
width: 224px;
}

/* search_box SEARCH FORM */
#search_box {
width: 222px;
text-align: center;
}
#search_box .input{
width: 121px;
padding: 2px;
text-align: left;
}

.contact_format {
	color: #EE1F74;
	font-weight: bold;
}

.seperator {
	margin: 13px 0 13px 0;
}

#wrap_content_col .contact_form .label {
	width: 80px;
	padding: 3px 0;
}

#wrap_content_col .contact_form .comment {
	width: 214px;
	height: 120px;
}

.error_list{
	margin-left: 30px;
	color: #cc0000;
}

#footer_shadow a {
	text-decoration: none;
	color: #FFFFFF;
}

input, textarea {
	padding: 2px;
}

body {
	text-align: center; /* Align centre for IE */
}

#wrap_all {
	width: 950px; /* Websites width */
	min-height: 500px; /* Used for testing ONLY */
	margin: 0 auto; /* Align centre for Firefox, Safari, Opera */
	text-align: left; /* Set all font to the left */
	padding: 0 25px; /* Set paddings to the wrapper */
}

#wrap_header {
	width: 950px; /* Set the width */
	height: 133px; /* Set the height */
}

#head_top_menu {
	width: 100%; /* Fill the whole container */
	height: 20px; /* Set the height */
}

#footer_shadow {
	width: 950px; /* Websites width */
	height: 42px; /* Footer height */
	margin: 0 auto; /* Align centre for Firefox, Safari, Opera */
	padding: 0 25px; /* Set paddings to the wrapper */
}

#footer_shadow {
text-align: left;
}

#wrap_content_col {
	width: 665px;
	margin-left: 6px;
}

* HTML #wrap_content_col {
	width: 635px;
	margin-left: 6px;
}

/* 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;
	}
	
.navigation {
 margin-bottom: 15px;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

blockquote {
 margin: 15px 30px 15px 10px;
 padding-left: 20px;
 border: 1px solid #ddd;
 border-left: 5px solid #ddd;
 background-color: #F6F6F6;
	}
	
blockquote p {
 padding-top: 8px;
}