/*
THEME NAME: johnstheme3
THEME URI: http://www.leonpaternoster.com
DESCRIPTION: A simple, ordered theme for WordPress
VERSION: 0.2
AUTHOR: Leon Paternoster
Author:  < a href="http://johnbakersblog.co.uk"> Leon Paternoster </a>
Author URI:  http://johnbakersblog.co.uk
TAGS: white, orange, one-column, threaded-comments
*/

/*use dots for class names and # for id.
Try putting a border around an element so you can see where it is: e.g. border: 1px dashed red;
*/

/* base styles */

* {
	margin: 0;
	padding: 0;
}

html {
	background-color: #fff;
	color: #333;
}

/*body sets the type style font, size for the whole blog*/
body {
	/*font-size: 100%;*/
	font-size: 16px;
	p.margin-top: 0%;
	p.margin-bottom: 300%;
	/*line-height: 24px;*/
	line-height: 190%;
	/*font-family: helvetica, arial, bitstream vera sans, verdana, sans-serif;*/
	font-family: palatino, georgia, arial, sans-serif;
	word-spacing: 0.1em;
}


/* layout */

/*page seems to set the elements for the whole blog*/
#page {
	background-image: none;
	background-color: #fff;
	/*width: 715px;*/
	width: 47.666em;
	/*margin: 3px 0 24px 20px;*/
	margin: 0.2em 0 1.6em 1.333em;
	/*padding-right: 20px;*/
	padding-right: 1.333em;
}

#main_search {
	text-align: right;
}

/*header seems to be just the blog name*/
#header {
	float: left;
	width: 225px;
	margin-right: 20px;
	clear: both;
}

#header a {
	color: #CC3366;
}

/*Content sets elements for the post area*/
#content {
	float: left;
	/*width: 490px;*/
	width: 555px;
	border-top: 1px solid #ccc;
	padding-top: 11px;
}

/* typography */

/*h1 seems to be just the title of the blog*/
h1 {
	border-top: 1px solid #444;
	font-size: 21px;
	color: #888;
	line-height: 10px;
	font-weight: normal;
	margin-bottom: 0;
	padding:35px 0;
	letter-spacing: 1px;
}

h1 a:hover {
	border-bottom: none;
}

/*h2 is used for titles of posts and pages*/
h2 {
	font-size: 20px;
	line-height: 24px;
	font-family: palatino, georgia, arial, sans-serif;
}

/*h3 used for some titles, e.g. on the archives page*/
h3 {
	font-size: 14px;
	line-height: 24px;
	font-family: palatino, georgia, arial, sans-serif;
}

/*I don't know what h4 is used for*/
h4 {
	font-size: 10px;
	line-height: 24px;
	font-family: palatino, georgia, arial, sans-serif;
}

/*img is used for images*/
img {
	/*display: block;*/
	margin: 0 auto;
	margin-bottom: 0;
}

/*blockquote is only used for blockquotes*/
blockquote {
	margin: 48px;
	font-family: palatino, georgia, arial, sans-serif;
}

/*maybe this is to do with tables?*/
table {
	font-size: 14px;
	margin-bottom: 19px;
	border: 1px solid #888;
}

/*this is for links*/
a {
	text-decoration: none;
	/*color: #FF7200;*/
	/*color: #CC3366;*/
	color: #4863A0
}

/*I don't know what this does*/
pre {
	margin-bottom: 24px;
	padding: 23px 24px;
	width: 100%;
	font-size: 12px;
	overflow: auto;
	background-color: #efefef;
	border: 1px solid #cfcfcf;
}

/*I don't know what this does*/
ins {
	text-decoration: italic;
	border-bottom: none;
}

/*I don't know what this does*/
abbr, acronym, dfn {
	font-variant: small-caps;
	cursor: help;
	border-bottom: 1px dotted #888;
}

/*When hovering over a link*/
a:hover {
	border-bottom: 1px solid #000099;
}

/* classes and ids */

/* main search styles */

/*the whole searchform*/
form#searchform {
	margin-bottom: 3px;
	font-size: 14px;
	line-height: 24px;
}

/*maybe the size of the searchform?*/
form#searchform input#s {
	border: 1px solid #aaa;
	margin-right: 0;
	width: 240px;
}

/*dunno what this does*/
form#searchform input.button {
	border: none;
	background-color: #cfcfcf;
	color: #333;
	cursor: pointer;
}

/* header styles */

/*seems to be only the byline . . .reflections of a  . . .*/
p.tag {
	float: left;
	width: 470px;
	color: #888;
	margin-bottom: 0;
	border-top: 1px solid #444;
	/*font-size: 12px;*/
	font-size: 0.8em;
	text-align: right;
}

/* navigation styles */

/*don't know what this does*/
a.skip_nav {
	display: none;
}

/*this controls the sidebar*/
ul.nav {
	clear: both;
	float: left;
	border-top: 1px solid #cfcfcf;
	/*width: 205px;*/
	width: 185px;
	margin-right: 20px;
	font-size: 14px;
	padding-top: 11px;
	margin-bottom: 24px;
}

/*the sidebar again*/
ul.nav li {
	list-style-type: none;
	display: block;
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted #cfcfcf;
	line-height: 23px;
	font-size: 12px;
}

/*sidebar links*/
ul.nav li a {
	display: block;
	text-decoration: none;
	/*color: #FF7200;*/
	color: #000;
}

/*sidebar hovering over links*/
ul.nav li a:hover {
	display: block;
	text-decoration: none;
	/*color: #333;*/
	color: #CC3366;
	border-bottom: none;
}

/*only affects the link to the current page*/
ul.nav li.current_page_item, ul.nav li.current_page_item a {
	color: #333;
}

/*#branding .rss {
background:transparent url(/wp-content/images/feed-icon-16x16.gif) no-repeat scroll 0 50%;
color:#333333;
/*float:right;*/
/*font-size:0.92em;*/
/*font-weight:700;
margin:4px 0 0;
padding:0 0 0 20px;
}*/

/* post styles */

/*top metadata to each post*/
#content p.post_meta, #content span.post_meta {
	color: #888;
	font-size: 12px;
	margin-bottom: 0;
	font-weight:normal;
}

/*bottom metadata to each post*/
#content p.post_meta_right {
	color: #888;
	font-size: 12px;
	margin-bottom: 0;
	text-align:right;
}

/*paragraphs in content - posts and pages*/
#content p, #content ul, #content ol {
	/*font-size: 14px;*/
	font-size: 20px;
	margin-bottom: 15px;
	list-style-position: inside;
	word-spacing: 0.1em;
}

/*dunno what this does*/
#content dt {
	font-size: 14px;
	font-weight: bold;
}

/*dunno what this does*/
#content dd {
	font-size: 14px;
	margin-bottom: 24px;
}

/* post imagery */

/*images in a post or page*/
#content img {
	margin-bottom: 24px;
}

/*class=alignleft*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 12px;
	margin-bottom: 0;
}

/*class=alignright*/
.alignright {
	display: inline;
	float: right;
	margin-left: 12px;
	margin-bottom: 0;
}

/*dunno what this does*/
.alignleft img, .alignright img {
	margin-bottom: 0;
}

/*dunno what this does*/
.aligncenter {
	display: block;
	margin: 0 auto 24px auto;
	text-align: center;
}

/*dunno what this does*/
.aligncenter img {
	border: 1px solid #cfcfcf;
	padding: 11px;
}

/*dunno what this does*/
#content p.wp-caption-text {
	font-size: 12px;
	color: #888;
	font-family: georgia, times, liberation serif, serif;
	text-align: center;
	margin-top: -24px;
	margin-bottom: 0;
}

/*previous post navigation*/
#content p.previous {
	margin-bottom: 0;
}

/*comments*/
#content li {
	list-style-position: inside;
}

/* post-specific styles */

/*top metadata on single post page*/
#content p.post_details {
	margin-bottom: 24px;
}

/*must be the first line of each post*/
p.post_details + p:first-line {
	text-transform: lowercase;
	font-variant: small-caps;
}	

/*dunno what this does*/
#content p.exampleleft {
	float: left;
	width: 225px;
	margin-right: 20px;
	font-family: georgia, times, liberation sans, serif;
	font-size: 16px;
	line-height: 24px;
}

/*dunno what this does*/
#content p.exampleright {
	float: left;
	width: 225px;
	font-family: georgia, times, liberation sans, serif;
	font-size: 12px;
	line-height: 24px;
}

/*dunno what this does*/
p.exampleright + p {
	clear: both;
}

/*dunno what this does*/
p.leading120 {
	line-height: 1.2;
}

/* archives */

/*archives header title - one of three*/
h3.cat_header {
	line-height: 43px;
}

/*the lists of archives*/
ul.archive_list {
	border-top: 1px dotted #cfcfcf;
}

/*each link in the lists of archives*/
ul.archive_list li a {
	display: block;
	border-bottom: 1px dotted #cfcfcf;
	text-decoration: none;
}

/*each item in the lists of archives*/
ul.archive_list li {
	list-style-type: none;
	line-height: 43px;
}

/*hover over each link in the lists of archives*/
ul.archive_list li a:hover {
	text-decoration: none;
	color: #333;
}

/* categories */

/*dunno what this does*/
.description p {
	color: #888;
	font-size: 12px;
}

/* commentary */

/*heading about comments or responses*/
h3#comments, #respond h3 {
	font-size: 14px;
	padding-top: 11px;
	border-top: 1px dotted #cfcfcf;
	margin-bottom: 24px;
}

/*The comment itself*/
ol.commentlist li {
	list-style-type: none;
}

/*presumably refers to nested comments*/
ol.commentlist li .depth-2 {
	margin-left: 40px;
	color: #777;
}

/*nested*/
ol.commentlist li .depth-3 {
	margin-left: 80px;
	color: #888;
}

/*nested*/
ol.commentlist li .depth-4 {
	margin-left: 120px;
	color: #999;
}

/*nested*/
ol.commentlist li .depth-5 {
	margin-left: 160px;
	color: #aaa;
}

/*the link to commentors name*/
cite.fn {
	display: block;
	border-top: 1px dotted #efefef;
	line-height: 23px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-transform: lowercase;
	font-variant: small-caps;
	letter-spacing: 1px;
}

/*dunno what this does*/
ol.commentlist li.bypostauthor cite.fn {
	border-bottom: 6px solid #888;
}

/*link to commentors name*/
.comment-author a {
	font-style: normal;
}

/*dunno what this is*/
#content img.avatar {
	float: left;
	margin-left: -40px;
	margin-bottom: 0;
	margin-top: 6px;
}

/*dunno what this is*/
#content img.wp-smiley {
	display: inline;
	margin: 0;
}

/*dunno what this is*/
.says, .comment-meta {
	display: none;
}

.pingback {
	color: #aaa;
}

/*dunno what this is*/
ol.commentlist li.pingback p, ol.commentlist li.pingback li, ol.commentlist li.pingback blockquote {
	color: #aaa;
}

.pingback, .pingback a {
	color: #aaa;
}	

ol.commentlist li p, ol.commentlist li ol, ol.commentlist li ul, ol.commentlist li blockquote {
	clear: both;
	color: #666;
}

/*leave a reply text*/
.reply {
	margin-bottom: 24px;
	text-align: right;
}

.pingback .reply {
	display: none;
}

.cancel-comment-reply {
	font-size: 14px;
}

form#commentform {
	margin-bottom: 24px;
}

/*The sections that ask for personal details*/
form#commentform label {
	display: block;
	font-size: 14px;
}

/*The replies to personal details*/
form#commentform input {
	width: 100%;
	margin-bottom: 9px;
}

/*Answer to website*/
form#commentform input#url {
	margin-bottom: 18px;
	cursor: pointer;
}

/*The comment itself*/
textarea#comment {
	width: 486px;
	margin-bottom: 6px;
	font-family: consolas, lucida console, courier new, monospace;
	font-size: 14px;
}

/*The 'notify me' box*/
input#subscribe {
	float: left;
	margin-top: 5px;
	margin-right: 3px;
}

/* footer */

/*The whole footer*/
div#footer{
	clear:both;
	margin-left:25px;
	width:490px;
}

/*Recent comments and metadata in footer*/
div#footer ul{
list-style:none;
font-size: 12px;
}

/*Metadata in footer*/
ul.footer {
	padding-top: 11px;
	border-top: 1px solid #ccc;
	clear: both;
}

/*Each item in footer's metadata*/
ul.footer li {
	display: inline;
	margin-right: 16px;
	font-size: 10px;
	color: #888;
}


/*Rotate1 text file for quote in sidebar*/
.headquote {
	margin: 0 0;
	padding: 0;
	color:#000;
	font-size: 1em;
	/*font-family: "Palatino Linotype",  Palatino, serif;*/
}

.smallcaps {
  font-size: 0.7em;
  font-weight: bold;
  font-variant: small-caps;
}

.spacing { 
padding-bottom: 24px; 
}

.bottommargin{
	margin-bottom:30px;
}

/*Dunno what this does*/
#previousPosts{
float:left;
}

/*Dunno what this does*/
#nextPosts{
float:right;
}

/*Dunno what this does*/
.clear{
clear:both;
}

.small {
font-size: 0.7em;
line-height: 170%;
}

.right {
text-align:right;
}

/*to activate use: <div class="rightsmall"> */
.rightsmall {
font-size: 0.7em;
text-align:right;
line-height: 170%;
}

.strong {
font-weight: bold;
}

.red {
color: red;
}

a#twitter-link {
	color: #2277DD;
}

.#twitter_div {
	padding:0.625em; 
	border:3px double #ddd; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
}
	

/*this one makes the text the same color as the background*/
li.noshow a {
	color: #FFFFFF;
}