/*
Theme Name: The Rudolf Steiner School of South West London Wordpress Theme
Theme URI: http://www.juliankrispel.com/
Description: A wordpress theme designed by <a href="http://www.juliankrispel.com">Julian Krispel</a> for the Rudolf Steiner School of South West London.
Version: 1.0
Author: Julian Krispel
Author URI: http://www.juliankrispel.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Rudolf-SWLondon v1.0
	
	This theme was designed and built by Julian Krispel,
	whose website you will find at http://www.juliankrispel.com/

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

*/

body{
background-image: url(images/bg.jpg);
border:0;
margin:0;
padding:0;
color:#993300;
}
#logo{position:absolute;
left:250px;
width:242px;
height:101px;
top:30px;
background-image: url(images/logo.png);
}
#bodytop{
position:absolute;
top:0;
width:100%;
min-width:970px;
margin:0;
background-image: url(images/bg_head.jpg);
height:212px;

background-repeat:no-repeat;
background-position: top left;
}
.post {
float:left;
margin-left:-75px;
padding-left:75px;
	padding-bottom:70px;
	background-image: url(images/line.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-right:60px;
overflow:show;
	}

#content a{
color:#6666cc;
text-decoration:underline;
}
#content a:hover{
text-decoration:none;

}

hr{
display: none;
border:0;
}
#wrap{
width:970px;
border:0;
margin:0;
padding:0;
padding-top:180px;
float:left;
}

h1{
margin:0;
font-weight:normal;
font-size:48px;
}

a#joinus{
font-family:Arial;
text-decoration:none;
float:left;
positon:relative;
	background-image: url(images/joinus.png);
	background-repeat:no-repeat;
width:200px;
margin:20px 0 20px 60px;
line-height:1.3em;
color:#ffff66;
padding:120px 40px 60px 40px;
font-size:12px;
}
a#joinus:hover{
text-decoration:underline;
}

a#inspiring{
positon:relative;
font-family:Arial;
text-decoration:none;
font-size:12px;
color:#ffff66;
margin:20px 0 20px -10px;
float:left;
line-height:1.3em;
	background-image: url(images/inspiring.png);
	background-repeat:no-repeat;
width:180px;
padding:120px 40px 60px 40px;
}
a#inspiring:hover{
text-decoration:underline;
}

#sidebar{
margin-top:-160px;
margin-left: 40px;
padding:0;
width:250px;
margin-right:30px;
float:left;
position:relative;
}

#sidebar ul{
margin:0;
padding:0;
color:#993300;

list-style-type:none;

}
/* Begin Images */
img{
margin:6px;
position:relative;
	border: 1px dashed #993300;
	}

img:hover{
	border: 1px solid #993300;
	}

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 {

	margin: 0 0 2px 10px;
	display: inline;
	}

img.alignleft {

	margin: 0 10px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

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


#sidebar ul li{
font-size:14px;
color:#993300;
line-height:1.5em;



}
#sidebar li ul li{
margin-left:5px;
}


#sidebar a{
text-decoration:none;
color:#993300;
padding:0;
}

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

#sidebar h2{
padding-top:20px;
font-size:11px;
margin:0;
font-family:Arial;
}

#content{

width:650px;
float:left;
position:relative;
font-weight:normal;
font-family:Georgia;
letter-spacing:0.07em;
line-height:2em;
font-size:16px;
}
#content h2, #content h3{
margin:0;
margin-top:15px;
line-height:1.5em;
text-decoration:none;
font-size:36px;
display:box;
overflow:show;
color:#993300;
font-weight:normal;
}
#content h2 a, #content h3 a{
color:#993300;
text-decoration:none;
}
#content h2 a:hover, #content h3 a:hover{
color:#993300;
text-decoration:underline;
}
#content .pagetitle{
font-size:16px;
margin-left:-10px;
padding-left:10px;
	padding-bottom:20px;
	background-image: url(images/thinline.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-right:60px;
overflow:show;
}
#content .pagetitle h2{
font-size:20px;
}
#footer
{
margin-top:80px;
float:right;
font-size:12px;
font-family:Arial;
}

.clear{
clear:both;
}