/*
Theme Name: Stop Homework
Theme URI: http://stophomework.com/
Description: The theme for the Stop Homework blog
Author: Julian Bennett Holmes
Author URI: http://julianbh.com/
Version: 1.0
.
This theme is copyright © 2006 to Julian Bennett Holmes.
All rights reserved.

Do not use this theme without written permission from the author, Julian Bennett Holmes (julian@julianbh.com).
.
*/



/*
ELEMENTS
*/

html {
		border: 10px #dfdfdf solid;
	}

body {
		color: #555;
		background-color: #fff;
		font-size: small;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-left: 20%;
		margin-right: 20%;
		text-align: left;
		width: 60em;
	}

html>body {
		width: auto;
		min-width: 60em;
}

blockquote {
		border-left: 2px #dfdfdf solid;
		margin-left: 0em;
		padding-left: 2em;
		padding-right: 2em;
		text-align: justify;
	}

/* headings */

h1 {
		width: 268px;
		height: 117px;
		position: relative;
		margin-left: 16px;
		margin-top: 2em;
		margin-bottom: 0;
	}

h2 {
		font-size: large;
		margin-bottom: 0;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

/* lists */

ul {
		border: 0;
		padding: 0;
		margin: 0;
		list-style: none;
	}

li {
		margin: 0;
		padding: 0;
	}

ol li {
		border-bottom: 1px dotted #999;
	}

#posts ul {
		list-style: disc;
		padding-left: 2em;
		padding-right: 2em;
		}

#posts li {
		padding-bottom: 1em;
		}

/* forms */

form {
		margin: 0;
		padding: 0;
	}

fieldset {
		border: 1px dotted #999;
		margin-bottom: 1.25em;
	}

input {
		border: 1px solid #999;
	}

textarea {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: small;
	}

input:focus, textarea:focus {
		background-color: #EBFFFF;
		color: #555;
	}

input[type="submit"] {
		background-color: #fff;
		color: #555;
		cursor: pointer;
		margin-top: 0.5em;
	}

input[type="submit"]:active {
		cursor: wait;
		background-color: #EBFFFF;
		color: #555;
	}

/* links */

a:link {
		color: #007900;
		background-color: inherit;
		text-decoration: none;
	}

a:visited {
		color: #007900;
		background-color: inherit;
		text-decoration: none;
	}
hr {
		height: 0;
		width: 0;
		color: #fff;
	}

hr:before {
		content: "***";
		color: #555;
	}


/*
DIVs
*/

#header {
		border-bottom: 1px solid #999;
	}

#sidebar {
		position: relative;
		float: right;
		padding-left: 2em;
		padding-right: 2em;
		padding-bottom: 2em;
		text-align: right;
		width: 11em;
		color: #555;
		background-color: #f5f5f5;
		height: 100%;
		display: inline;
	}

#sidebar li ul li {
	font-size: 1em;	
	}

#footer {
		position: relative;
		clear: both;
		border-top: 2px dotted #999;
		text-align: center;
		font-size: 0.8em;
	}

#posts {
		position: relative;
		float: left;
		width: 56%;
		padding-left: 2em;
		padding-right: 2em;
		padding-bottom: 2em;
		line-height: 1.4em;
	}

#intro {
	font-size: 0.85em;
	line-height: 1.5em;
	}

#rc {
	font-size: 0.75em;
	text-align: right;
	}

#rc li {
	padding-bottom: 1em;
	}

#searchform {
	display: inline;
	}

/* navigation */

#nav {
		padding-left: 2em;
		padding-top: 1.0em;
		padding-bottom: 0.5em;
	}

#nav li {
		display: inline;
		font-size: large;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

/*
CLASSES
*/

.postmeta {
		padding-top: 1em;
		font-size: x-small;
		text-align: right;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

.side {
		margin-top: 1em;
		border-top: 1px dotted #999;
	}

.link {
		padding: 1px;
		border-bottom: 2px solid #007900;
	}

.horizontal li {
		display: inline;
	}

.horizontal li:before {
		content: " | ";
		vertical-align: top;
	}

.horizontal li.first:before {
		content: "";
	}

.search label {
		display: none;
	}



/*
SPECIAL IMAGE EFFECTS
*/

.pic {
		padding: 1px;
		border: 1px solid #999;
	}

h1 span {
		background: url(images/css/logo.jpeg) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
	}

.shadow {
		float:left;
		background: url(images/css/shadow.png) no-repeat bottom right;
		margin: 10px 0 0 5px;
  }

.shadow img {
		display: block;
		margin: -6px 6px 6px -6px;
		padding: 4px;
  }