@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: bold;
  src: local('Vollkorn Bold Italic'), local('Vollkorn-BoldItalic'), url('../fonts/Vollkorn-BoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: normal;
  src: local('Vollkorn Italic'), local('Vollkorn-Italic'), url('../fonts/Vollkorn-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: bold;
  src: local('Vollkorn Bold'), local('Vollkorn-Bold'), url('../fonts/Vollkorn-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: normal;
  src: local('Vollkorn Regular'), local('Vollkorn-Regular'), url('../fonts/Vollkorn-Regular.ttf') format('truetype');
}

body {
	margin-top: 0px;
	margin-left: 22px;
	background: #fffbf0 url("../images/corner.png") top left no-repeat;
}

#account {
  font-size: 14px;
  text-shadow: #fff 0 0 4px;
  float: right;
}

a {
	color: blue;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}
a:link {background-color: transparent; color: #116611;}
a:visited {background-color: transparent; color: #003b2a}
a:hover, a:focus, a:active {background-color: transparent; color: inherit; text-decoration: underline;}

blockquote { font-style: italic; }

#header {
	background-color: transparent;
	font-family: Fixed, Courier, monospace;
	font-weight: bold;
	font-size: 18px;
	color: #000099;
	padding: 22px 25px 18px 30px;
}

#container {
	width: 100%;
	padding: 4px 38px 0px 39px;
	color: #161616;
	background-color: #fffef8;
}

#header #login, #header #edit {
  float: right;
}

/******** Content variations ********/
#content {
  font-family: 'Vollkorn', serif;
  font-size: 16px;
	position: absolute;
	text-align: justify;
	width: 60%
}
#content h1 {
  font-size: 19px;
}
#content h2 {
  font-size: 18px;
}
#content h3 {
  font-size: 17px;
}
#content .story {
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	margin-bottom: 40px;
}
#content .storydate {
	font-size: 14px;
	color: #595959;
	margin-bottom: 8px;
}
#content .storyfooter {
	font-size: 14px;
	color: #262626;
	margin: -22px 0px 36px 8px;
}
#content .storytags {
}
#content .storytags a:hover {
	text-decoration: none;
	color: #0033cc;
	background: transparent;
}

/******** sidebar ********/

#sidebar {
  font-family: 'Vollkorn', serif;
  font-size: 16px;
	float: left;
	position: absolute;
	width: 29%;
	right: 22px;
	top: 75px;
}
#sidebar ul {
  font-size: 14px;
	list-style: none;
	margin: 0;
	padding: 0 0 15px 10px;
}
#sidebar h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #000066;
	background-color: transparent;
	margin: 8px 0px 8px 0px;
}

.tags {
  font-size: 80%;
  color: #666;
  margin-top: 0;
}

/******** Various classes ********/

.blue{background-color: transparent; color: #000099;}
.clear{clear: both;}
.hide{display: none;}
.fade{background-color: transparent; color: #c8c8c8;}
.gray{background-color: transparent; color :#808080;}
.code {
	font-family: Courier, monospace;
	font-size: 16px;
	line-height: 110%;
	margin-left: 10px;
}
.inlinecode {
	font-family: Courier, monospace;
	font-size: 16px;
	line-height: 110%;
}

#post .body {
  padding: 5px 15px;
}

#posts .body {
  padding: 5px 10px;
}
.body img {
  border: 2px solid #fff;
  margin-left: 133px;
}

#posts li {
  margin-bottom: 16px;
}

p.post {
/*  font-family: serif;*/
  margin: 10px;
}

#comments {
  padding: 0px 0px 16px 0px;
}

#comments ul {
  padding: 0;
}

#comments li {
  list-style: none;
  border: 4px solid #ebebeb;
  background: #fbfbfb;
  margin: 20px 0;
  padding: 3px 3px 3px 3px;
}

#comments h4 {
  background: #ebebeb;
  padding: 1px 0 0 5px;
  margin: 4px;
}

img.gravatar {
  width: 40px;
  height: 40px;
  float: left;
  margin: 0px 2px;
  border: 2px solid #fff;
}

.paginate {
  text-align: center;
  font-size: 14px;
  margin-bottom: 16px;
}

#profile form {
  background: none repeat scroll 0 0 #DDDDDD;
}

#content label {
  display: block;
}

#new-post, #new-comment {
  font-size: 80%;
  padding: 8px 10px;
}

#new-profile {
  padding: 2px 10px 10px;
}

textarea {
  padding: 2px;
}

.button {
  background: none repeat scroll 0 0 #DDDDEF;
  cursor: pointer;
  text-decoration: none;
}

/*******plugins******/

/*	Tagcloud	*/
#tagcloud {
	text-align: center;
}
#tagcloud a {
	padding: 1px;
	font-weight: bold;
}
.smallestTag:link, .smallestTag:visited {
	font-size: 8px;
	color: #c9c9c9;
	background: transparent;
}
.smallTag:link, .smallTag:visited {
	font-size: 10px;
	color: #aaaaaa;
	background: white;
}
.mediumTag:link, .mediumTag:visited {
	font-size: 12px;
	color: #999999;
	background: white;
}
.bigTag:link, .bigTag:visited {
	font-size: 14px;
	color: #777777;
	background: white;
}
.biggestTag:link, .biggestTag:visited {
	font-size: 14px;
	color: #555555;
	background: white;
}
.hugeTag:link, .hugeTag:visited {
	font-size: 16px;
	color: #333333;
	background: white;
}
.hugestTag:link, .hugestTag:visited {
	font-size: 16px;
	color: #222222;
	background: white;
}
.mostHugeTag:link, .mostHugeTag:visited {
	font-size: 18px;
	color: #111111;
	background: white;
}
#tagcloud a:hover {
	text-decoration: none;
	color: #0033cc;
	background: white;
}

/* Archives */
#archives {
  font-family: 'Vollkorn', serif;
}
.clicker {
	cursor: pointer;
}
.archiveYear {
	margin: 5px 0px 2px 0px;
}
.archiveMonth {
	margin: 4px 0px 2px 10px;
}
.archivePost {
	text-indent: -16px;
	margin: 0px 0px 3px 42px;
}