/*
Theme: Cheery
Description: Blue and purple Hello theme
Theme URI: Your theme URL
Author: Lisa
Author URI: http://cherry.nu

*/

/* DO NOT REMOVE (makes the footer stick to the bottom) */

.com {
display:none;
}

* {margin:0;padding:0;} 

html, body, #wrap {height:100%;}

body > #wrap {height: auto; min-height:100%;}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Layout */

body {
	font:14px arial,tahoma,serif;
	line-height:23px;
	background:#ffffff url(images/sheep.png) left bottom no-repeat fixed;
	color:#262626
}

#wrap {
	min-width:770px;
	width:72%;
	margin:0 auto
}

#header {
	float:left;
	width:35%;
	max-width:270px;
	margin:3% 0 0 9%;
	height:60px;
	padding-top:80px;
	background:url(images/header.png) top left no-repeat
	}
	#header span { display:none
}

#welcome {
	float:left;
	width:51%;
	padding-left:5%;
	margin-top:5%;
	color:#A07556;
	font:120% georgia;
	text-shadow: 1px 1px 1px #F6E6D8;
	line-height:25px
}

#side {
	width:25%;
	float:right;
	margin-top:-10px;
	line-height:22px;
	padding:0 20px 20px 0;
	font-size:90%
}

#maincontent {
	width:67%;
	padding:10px 20px 20px;
	float:left
}

#footer {
	width:100%;
	position: relative;
	margin:-55px auto 0;
	height:40px;
	font:110% georgia;
	background:#E9DDB5 url(images/sheep.png) left bottom no-repeat fixed;
	color:#961900;
	border-top:4px dotted #fff;
	padding-top:10px;
	text-align:center;
	clear:both
}

/* Navigation */

ul#navigate { margin:0; font-size:110%; list-style:none}
#navigate li { margin:10px; padding-left:10px; border-bottom: 1px dotted #b497c2}
#navigate li:hover { list-style:none; background:url(images/navi-arrow.png) top right no-repeat}
#navigate li:active { background:url(images/navi-heart.png) top right no-repeat}

#quick-navi { position:relative; display:block; left:40px; top:10px; text-shadow: 1px 1px 1px #F8DFC8}

#archive a {
	background:url(images/navi.png) 0 0;
	width:23px;
	height:18px;
	display:block;
	position:relative;
	left:63px;
	top:16px
	}
	#archive a:hover{
	background:url(images/navi.png) 0 -18px;
	width:23px;
	height:18px
}

#msg a {
	background:url(images/navi.png) 0 -38px;
	width:23px;
	height:24px;
	display:block;
	position:relative;
	left:69px;
	top:14px
}

#contact a {
	background:url(images/navi.png) 0 -62px;
	width:22px;
	height:16px;
	display:block;
	position:relative;
	left:79px;
	top:19px
	}
	#contact a:hover{
	background:url(images/navi.png) 0 -78px;
	width:22px;
	top:12px;
	height:23px
}

#home a {
	background:url(images/navi.png) 0 -101px;
	width:36px;
	height:26px;
	display:block;
	position:relative;
	left:125px;
	top:10px
}

#header ul { list-style:none; margin:0; text-align:center}
#header li { width:auto; float:left; list-style-type:none}

/* Headers */

.h2 {
	font:200% georgia,"times new roman",sans-serif;
	letter-spacing:1px;
	padding:10px;
	text-shadow: 1px 1px 1px #F8DFC8;
	color:#7B5437;
	width:90px
	}
	.h2:first-letter{
	font-size:150%;
	text-transform:lowercase
}

#welcome p.right {
	float:right;
	width:auto;
	height:40px;
	margin-top:-10px;
	padding-right:20%
}

h1,h2.h1 {
font:italic 150% georgia,"times new roman",sans-serif;
color:#98b7bd;
	line-height:25px;
	letter-spacing:2px;
	padding-left:30px;
	margin:10px 75px 15px 0;
	text-shadow: 1px 1px 1px #F8DFC8;
	border-bottom:2px dotted #b30909
	}
	h2 a,h2 a:hover{ color:#98b7bd
	}
	h2:hover{ background:url(images/heart.png) left no-repeat;
}

h1 a,h1 a:hover,h2.h1 a,h2.h1 a:hover { color:#7B5437}
h1:hover,h2.h1:hover { background:url(images/heart.png) right no-repeat;}

h2{
	font:italic 150% georgia,"times new roman",sans-serif;
	line-height:25px;
	letter-spacing:2px;
	padding-left:30px;
	margin:10px 75px 15px 0;
	text-shadow: 1px 1px 1px #F8DFC8;
	border-bottom:2px dotted #b30909
	}
	h2 a,h2 a:hover{ color:#98b7bd
	}
	h2:hover{ background:url(images/heart.png) left no-repeat;
}

h3{
	font:italic 150% georgia,"times new roman",sans-serif;
	text-shadow: 1px 1px 1px #F8DFC8;
	padding-top:5px;
	color:#98b7bd
	}
	h3:first-letter{
	text-transform:lowercase;
	font-size:125%
}

h4 {
	width:71px;
	height:61px;
	float:right;
	color:#E2AB90;
	background:url(images/comment.png) top right no-repeat;
	font:75% georgia;
	text-align:center;
	padding-top:18px;
	margin:-60px -10px 0 0
	}
	h4 a{
	font:700 240% georgia,"times new roman",sans-serif;
	line-height:14px;
	text-shadow: 1px 1px 1px #F6E6D8;
	color:#B1695D
}

h4.comment-post {
	width:63px;
	height:50px;
	float:right;
	color:#E2AB90;
	background:url(images/comment-small.png) top right no-repeat;
	font:78% georgia,"times new roman",sans-serif;
	text-align:center;
	padding-top:20px;
	margin:-70px -30px 0 0
	}
	h4.comment-post a{
	font:700 180% georgia;
	line-height:14px;
	color:#B1695D
}

h4.comment-post a:hover,h4 a:hover{ color:#98b7bd}

/* Text and such */

strong,code.short { color:#b497c2}

fieldset p { font-size:90%; line-height:22px}
p.tags { font-family:georgia}
.post-data{
	font-family:georgia,"times new roman",sans-serif;
	margin-right:5px;
	font-style:normal;
	color:#E2AB90;
	line-height:0;
	padding:10px 5px 15px;
	letter-spacing:1px;
	font-size:105%}

.right { float:right; width:auto}
.left { float:left; width:auto}
.center { margin:0 auto; text-align:center}

p { padding:3px 0 8px}

a {
	color:#98b7bd;
	text-decoration:none
	}
	a:hover { color:#b497c2
}



ol,ul{ margin: 0; padding: 0; margin-left:35px}
ul { list-style-type:circle }
ul li:hover { list-style-type:disc}

ol li,ul li { padding-bottom:5px}

img { border:0}

/* Forms */

blockquote { margin:10px 15%; padding:10px 20px; border-bottom:1px dotted #E2AB90; border-top:1px dotted #E2AB90; font-family:georgia,"times new roman",sans-serif}

code,pre { margin:5px; background:#E2AB90; color:#fff; line-height:21px; font-family:georgia,"times new roman",sans-serif; padding:5px}
code.short { background:none; padding:0 0 0 1px; margin:0}
pre { width:60%; margin:5px auto; overflow:auto; min-height:80px; max-height:150px}

textarea,input,button {
	color:#84432a;
	background:#FBF8F5;
	font:100% arial,tahoma,serif;
	border:1px dotted #E6BABA;
	margin:5px;
	padding:5px
}

input:focus,textarea:focus,#submit:hover{
	border:1px solid #E6BABA;
	background:#fff
}

input:hover,textarea:hover,button:hover{ border:1px solid #E6BABA}

button{width:100%}

fieldset{
	background:#E9DDB5;
	padding:30px 10px 10px 10px;
	margin:20px auto;
	width:490px;
	border:2px dotted #fff
}







#commentlist {
background:transparent;
border:1px solid #ccc;
border-top:none;
display:block;
padding:5px 5px 10px;
}

#commentlist a {
font-weight:700;
color:#41C4FB;
}

.comments-template {
border-top:1px solid #ccc;
margin:10px 0 0;
padding:10px 0 0;
}

#gravatar {
float:right;
border:1px solid #CCCCCC;
width:auto;
margin:-6px 3px -6px 8px;
}

.alt #gravatar {
float:left;
border:1px solid #CCCCCC;
width:auto;
margin:-6px 8px -6px 3px; 
}

#author,#email {
width:156px;
margin:0;
}

#url {
width:158px;
margin:0;
}

textarea.comment {
width:492px;
margin:0;
}

#submit {
color:#84432a;
	background:#FBF8F5;
	font:100% arial,tahoma,serif;
	border:1px dotted #E6BABA;
	margin:5px;
	padding:5px
}

textarea.comment,#author,#email,#url {
background:transparent;
border:1px solid #DEDEDE;
font-family:"lucida sans unicode";
font-size:11px;
padding:3px;
}

#commentlists2 li,#commentlists2 ol,#commentdata ol,#commentdata ul,#commentdata li {
list-style:none;
}

#commentdata,.alt #commentdata {
font-size:13px;
letter-spacing:1px;
text-align:center;
color:gray;
background:transparent;
border-bottom:1px solid #CCCCCC;
padding:6px;
}