/*  
Theme Name: Kercheval
Theme URI: http://kercheval.net/blog/
Description: Kercheval is a clean 2 column variable width layout.  A focus on content, use of available screen real estate and visual appeal with images are the primary focus of this theme.  This theme uses minor shading to highlight block elements.
Version: 1.1
Author: John Kercheval
Author URI: http://kercheval.net/wiki/web:themes
Tags: black, variable width, two columns, widgets

   The theme was developed as part of a set of themes for a blog
   (WordPress) and wiki (DokuWiki) to host a set of domains that
   visually needed to keep to similar looks to allow simple traversal
   between the wiki and blog without shifting context for the viewer.
   
   Some visual elements of this theme were based on the following themes

      - Silver Light 0.1 theme by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a>
      - WordPress Default Theme (based on the <a href="http://binarybonsai.com/kubrick/">Kubrick</a> theme).

*/

/* Default elements */
body {
	color: #666;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

h2 {
	color: #00749E;
	font-size: 18px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
h3 {
	color: #00749E;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

a:link,a:visited,a:active {
	color: #00749E;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

/* Header */
#header {
	background-color: #000000;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#header div.header_title {
	padding-left: 2%;
}
#header div.header_title a:link, 
#header div.header_title a:visited, 
#header div.header_title a:active {
	color: white;
}
#header div.header_description {
	position: absolute;
	right: 2%;
	top: 30px;
}
#header h1.blogtitle {
	font-size: 22px;
	margin: 0;
	padding: 10px 0 0;
}
#header p.desc {
	color: white;
	margin: 0;
	padding: 0;
}
#top {
	background-color: #fff;
	background-image: url(images/topbck.gif);
	background-repeat: repeat-x;
	height: 34px;
}

/* Main Content */
#main {
	margin: 0;
	padding: 0;
}
#content {
	float: left;
	margin: 0 1% 0 2%;
	padding: 0;
	width: 72%;
}
.entry {
	background: #fff url(images/box.gif) repeat-x left top;
	border: 1px solid #dadada;
	margin: 0 0 10px;
	padding: 10px;
}

/* Side Bar */
#sidebar {
	margin: 0 2% 0 75%;
	padding: 0;
}
.rsidebar {
	background: #fff url(images/box.gif) repeat-x left top;
	border: 1px solid #dadada;
	margin: 0 0 10px;
	padding: 10px;
}
.rsidebar h2 {
	border-bottom: #eee 1px solid;
	color: black;
	font-size: 12px;
	margin: 0 0 5px;
	padding: 0;
}
.rsidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.rsidebar ul li {
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0;
}
.rsidebar ul li ul {
	list-style-type: square;
	margin: 0;
	padding: 0 3px;
}
.rsidebar ul li ul li {
	border: 0;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 20px;
}

/* Next/Previous */
.navigation {
	color: #666;
	text-align: right;
}
.navigation span.next {
	background: transparent url(images/next.gif) no-repeat;
	border: 0;
	margin: 0;
	padding: 0 0 5px 20px;
}
.navigation span.prev {
	background: transparent url(images/prev.gif) no-repeat;
	border: 0;
	margin: 0;
	padding: 0 0 5px 20px;
}
.navigation span.next: hover {
	background-color: transparent;
	color: #000 !important;
	text-decoration: underline;
}
.navigation span.prev: hover {
	background-color: transparent;
	color: #000 !important;
	text-decoration: underline;
}
.alignright {
	display: inline;
	margin-bottom: 10px;
	margin-left: 100px;
	margin-top: 10px;
}
.alignleft {
	display: inline;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* Post detail */
.postmetadata {
	border-top: 1px #eee solid;
	font-size: 10px;
	margin: 0;
	padding: 5px;
}
.published_on {
	border-bottom: 1px #eee solid;
	font-size: 10px;
	margin: 0;
	padding: 5px;
}

/* Comments */
.boxcomments {
	border-bottom: 5px solid #ddd;
	border-top: 5px solid #ddd;
	margin-bottom: 20px;
}
#commentform {
	border-top: 1px solid #eee;
	margin: 0;
	padding: 15px 15px 1px;
}
#commentform label {
	display: block;
	margin: 0;
}
#commentform input {
	margin: 0 5px 10px 0;
	padding: 1px;
	width: 170px;
}
#commentform textarea {
	margin: 0 0 10px;
	padding: 0;
	width: 100%;
}
#commentform #submit {
	margin: 0 0 20px;
}
#commentform p {
	margin: 5px 0;
}
ol.commentlist {
	margin: 0 0 1px;
	padding: 0;
}
ol.commentlist :hover {
	background: #eee;
}
ol.commentlist li {
	border-top: 1px solid #eee;
	display: block;
	list-style: none;
	margin: 0;
	padding: 15px 15px 1px;
}
ol.commentlist li :hover {
	background: none;
}
ol.commentlist li.commenthead {
	display: block;
	list-style: none;
	margin: 0;
	padding: 5px 15px;
}
ol.commentlist li.commenthead h2 {
	margin: 0;
}
ol.tblist {
	border-top: 1px solid #fff;
	list-style: none;
	margin: 0 0 1px;
	padding: 15px;
}
ol.tblist li {
	background: transparent url(images/c.gif) 0 2px no-repeat;
	display: block;
	list-style: none;
	margin: 0 0 5px;
	padding-left: 15px;
}

/* Footer */
#footer {
	background-image: url(images/footerbck.gif);
	background-repeat: repeat-x;
	clear: both;
	height: 24px;
	margin: 0;
	padding: 0;
}
#footerbox {
	background-color: #000000;
	color: #fff;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0 0 0 2%;
}
.footer {
	color: #fff;
	float: left;
	height: 30px;
	line-height: 30px !important;
	margin: 0 auto;
	padding: 0;
}
.footer a:hover {
	border: none;
	color: #fff;
	text-decoration: underline;
}
.footer a:link,
.footer a:active,
.footer a:visited {
	border: none;
	color: #25aacd;
	text-decoration: underline;
}
.footer_feeds {
	color: #fff;
	float: right;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	padding: 0 2% 0 0;
}
.footer_feeds a:hover {
	border: none;
	color: #fff;
	text-decoration: underline;
}
.footer_feeds a:link,
.footer_feeds a:active,
.footer_feeds a:visited {
	border: none;
	color: #25aacd;
	text-decoration: underline;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}