/*
Theme Name: Johns (dark) chocolate orange!
	Theme URI: http://john.edmondson-uk.com
	Description: Johns (dark) chocolate orange!is a dark theme with highlihgts of orange. 
	Version: 1.0
	Author: John 
	Author URI: http://www.john.edmondson-uk.com
*/

body {
	margin: 10px 0;
	padding: 0;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #535648;
	color: #D8E3E8;
}

h1, h2, h3, h4, h5, h6 {
	color: #FF4D00;
}

a {
	color: #D8E3E8;
}

a:hover {
	text-decoration: none;
	color: #FFB700;
}

/* Header */

#header {
	width: 700px;
	height: 9em;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	background-color: #000000;
}

#header * {
	text-decoration: none;
	padding-left: 20px;
}

#header h1 {
	letter-spacing: -3px;
	float: left;
	margin: 0;
	font-size: 2em;
	padding-top: 5px;
}

#header h2 {
	float: right;
	margin: 0;
	padding: .85em 1px 15px 3px;
	letter-spacing: 4px;
	word-spacing: -0.5em;
	font-size: 1.6em;
	font-weight: normal;
	color: #0DB4CC;
}

#header h1 a {
    letter-spacing: -3px;
	float: left;
	margin: 0;
	font-size: 3em;
	color: #FF4D00;
}

/* Content */

#content {
	width: 700px;
	margin: 0 auto;
	background-color: #000000;
}

/* Column One */

#colOne {
	float: left;
	width: 440px;
	padding-top: 15px;
		
}

#colOne p, #colOne ol, #colOne ul {
	text-align: justify;
	line-height: 110%;
}

#colOne blockquote {
	font-style: italic;
}

#colOne .post {
	padding: 5px 5px 5px 15px;
}
#colOne .entry {
	padding: 5px 5px 5px 15px;
}
#colOne .entry-head {
	padding: 5px 5px 5px 15px;
}
#colOne .entry-title {
	padding: 5px 5px 5px 15px;
}

#colOne .entry-meta {
	padding: 5px 5px 5px 15px;
}
#colOne .entry-content {
	padding: 5px 5px 5px 15px;
}
#comments {
	padding: 5px 5px 5px 15px;
}
#respond {
	padding: 5px 5px 5px 15px;
}

.entry-prevnext {
	text-align: center;
}
#post {
	padding: 0 0 0 0;
}
#colOne .title {
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 2em;
	font-weight: normal;
	color: #0DB4CC;
		border-left-style: solid;
	border-left-color: #FF4D00;
}

#colOne .title a{
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 1em;
	font-weight: normal;
	color: #0DB4CC;
	font-variant: small-caps;
	text-decoration: none;
}

#colOne .posted {
	margin: 0 -1em;
	padding: 0 1em 0.5em 2em;
	font-size: 0.7em;
	color: #D8E3E8;
}

#colOne .meta {
	margin: -1em;
	padding: 1em 1em 0 1em;
	font-size: 0.7em;
}

#colOne .meta p {
	margin: 0;
	padding: 0;
}

/* Column Two */

#colTwo {
	float: right;
	width: 230px;
	padding-top: 15px;
	padding-right: 15px;
}

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

#colTwo ul ul {
	margin-bottom: 2em;
}

#colTwo li li:hover {
	background: #191200;
}

#colTwo li a {
	padding: 0 0 0 2em;
	text-decoration: none;
}

#colTwo li a:hover {
	text-decoration: underline;
}

#colTwo h2 {
	margin: 0 0 1em 0;
	padding: .5em 1em;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	font-size: 0.8em;
	background-color: #000000;
	border-bottom-style: solid;
	border-color: #F84A00;
	border-bottom-width: thin;
	color: #0DB4CC;
}

/* Footer */

#footer {
	width: 700px;
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
	font-size: x-small;
	background-color: #000000;
}

#footer p {
	margin: 0;
	padding: 0;
}
form {
	margin:10px; padding: 0;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}

textarea {
	width:350px;
	padding:4px;
	font: normal 1em/1.5em Verdana, sans-serif;
	height:100px;
	display:block;
}