/*  
Theme Name: John and Janet
Theme URI: http://www.johnandjanet.co.uk/
Description: A theme for John & Janet.
Version: 0.1
Author: John & Janet
*/

html,body {margin:0; padding:0;}

body {
font-family: Georgia, 'Times New Roman', Serif;
font-size: 12px;
background-color:#f5eee4;
color: #000000;
text-align: center;
line-height: 18px;
border-top:10px solid #000000;
}

a {color: #000000;}
a:hover {text-decoration:none;}	
	
#john-and-janet {
width:960px;
margin: 0 auto;
padding:0;
text-align: left;
}

#header h1 {text-indent:-1999px;
height:430px;
width:400px;
margin:0;
padding:0;
}

#header h1#johnandjanet a {
background: transparent url(images/john-and-janet.jpg) no-repeat 0 0;
display:block;
height:430px;
width:400px;
overflow: hidden;
}

#content {width:584px; float:left; text-align: justify; padding: 20px 0px 0px 0px; margin:0;}

#content .post {width:544px; margin: 20px 40px 20px 0px; border-bottom: 1px dashed #beab7f;}
#content .post h2 {text-transform:capitalize; padding: 0px 0px 10px 0px; margin: 0;}
#content .post p {padding: 0px 0px 20px 0px; margin:0;}
#content .post p img {text-align:center; display:block; margin:0 auto;}
#content .post h2 a {text-decoration: none; color: #000000;}
#content .post h2 a {text-decoration: none; color: #000000;}
#content .post h2 a:hover {-weight:bold;}

#content .postmetadata {color: #000000; font-style: italic; margin: 0px 0px 40px 0px;}
#content .postmetadata a {text-decoration: underline; color: #000000; font-style: italic;}
#content .postmetadata a:hover {font-weight:bold;}

#comment}.commentlist {margin: 0; padding:0; list-sytle-type: none; }
ol.commentlist li {list-sytle-type: none; margin: 0; padding:0;}

	
ol.commentlist cite {color: #000000;}

.commentmetadata {color: #000000;}
.commentmetadata a {color: #000000;}
.commentmetadata p {color: #000000;}
	

.navigation {color: #000000; width:544px; padding: 0px; margin:0px 0px 20px 0px;}
.navigation .alignleft {color: #000000; float:left; margin:0px 0px 20px 0px;}
.navigation .alignleft a {background-color: #000000; color: #ffffff; display: block; padding:5px; text-decoration: none;}
.navigation .alignleft a:hover {color:#cccccc; text-decoration: underline;}
.navigation .alignright {color: #000000; float:right; margin:0px 0px 20px 0px;}
.navigation .alignright a {background-color: #000000; color: #ffffff; display: block; padding:5px; text-decoration: none;}
.navigation .alignright a:hover {color: #cccccc; text-decoration: underline;}

form#idcommentform {width:584px}
form p {color: #000000;}
form a {color: #000000;}

textarea#comment {width:544px;}

#sidebar {width:356px; float: left; margin: 20px 20px 20px 0px; border-bottom: 1px dashed #beab7f;}
#sidebar ul {margin:0; padding:0;}
#sidebar ul li {list-style-type:none;}
#sidebar ul li a {text-decoration: dotted; color: #000000;}
#sidebar h2 {font-size: 13px; padding-top:4px;}

#sidebar #backstory {width: 356px; text-align: justify; margin: 20px 0px 20px 0px; border-top: 1px dashed #beab7f; border-bottom: 1px dashed #beab7f;}
#sidebar #backstory em {background-color:#000000; color: #ffffff; padding: 2px 6px 2px 6px; font-weight: bold;}

#sidebar #personal_information {width:168px; float:left; margin: 0px 20px 20px 0px;}
#sidebar #blog_information {width:168px; float:left; margin: 0px 0px 20px 0px;}

#footer {clear:both; width:940px; display: block; border-top: 3px solid #000000;}
#footer p {text-align:center;}