/* @override http://www.sarahroesink.net/wp-content/themes/sarah09/style.css */

/*
Theme Name: sarah09
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: spyros
Author URI: http://binarybonsai.com/
Tags: blue, custom topbar, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

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

*/
* {		
border: none;

	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #555;
	background: #f3f0ed;	

}

#canvas {
	width: 792px;
	margin-right: auto;
	margin-left: auto;
}
#page {
	
	background-color: transparent;
	width: 792px;
	float: left;
	height: 100%;
	margin: auto;
}



/* TOP topbar ELEMENTS */

div#topbar {
	padding-left: 36px;
	text-align: center;
	height: 124px;
	padding-top: 20px;
}

div#topbar-image {
		height: 124px;
		padding-top: 20px;
}

div#left-topbar {
	float: left;
	width: 495px;
}

div#right-topbar {
	float: left;
	width: 261px;
}


div#footer {
	float: left;
	clear: both;
	padding-bottom: 9px;
	padding-top: 60px;
	width: 100%;
	text-align: center;
}


#content{
	padding-left: 36px;
}
#content-cover {
	padding-left: 27px;
}

div.cover-img {
	padding: 9px;
	background-color: white;
}
#content-image p.attachment {
	text-align: center;
}

div.four-columns {
	width: 171px;
	float: left;
	padding-right: 18px;
}

/* Typography */

#meta_text {
	width: 270px;
	background-color: white;
	padding: 36px 90px 36px 9px;
	float: left;
}

	

	
H1{
	line-height: 110%;
	font-size: 1.4em;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
}

h2{
	font-size: 1.4em;
font-weight: normal;
	font-style: normal;
	padding-bottom: 70px;
}

h2#post-title {
	text-align: center;
	padding-bottom: 0;
	border-top-style: solid;
	border-top-width: 0px;
	line-height: 100%;
	font-size: 3.6em;
}

h3 {
	font: 1.1em Verdana, sans-serif;
	font-weight: bold;
	font-size: 1em;
	border-top: 1px;
}

p, ul	{
	font: 1.1em Verdana, sans-serif;
}
ul{
	padding-bottom: 9px;
}

ul.links {
	padding-bottom: 2px;
}

p.postmetadata.alt {
	padding: 3px;
}


a {
	color: black;
}
a:hover{
	
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #984b8c;
}

.text-centred	{
	text-align: center;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* Begin Images */

	
.thumbs {
	float: left;
	margin: 0px;
	padding: 0;
}
a  {
	border: none;
	margin: 0;
	padding: 0;	

}
a:hover img
{
	
	background: #f3f0ed;	
}
	p img {
	background-color: white;
}

img.alignnone.size-thumbnail {
	margin: 0;
	padding: 0;
}

	/*	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.size {
		display: inline;
	padding: 5px;
}

img.aligncenter{
	padding: 90px 9px 45px;
	margin: auto;
}

img.alignright {
	padding: 0 0 207px 9px;
	margin: 0;
}



	img.alignleft {
	padding: 207px 36px 9px 9px;
	margin: 0;
}

	.alignright {
	float: left;
}

img.attachment-Full.size {
	padding: 9px;
	margin: auto;
}



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