/*-------------------------------------------

             Title :  Dr. Jim
             Usage :  Blog Pages
             Author:  invigoreight
             Edited:  2009-04-17

---------------------------------------------*/


/*===================TOC=====================

               1. Content
               2. Blog Posts
               3. Comment List
               4. Comment Form

=============================================*/



/* 1. Content
---------------------------------------------*/
#main {
	position: relative;
	float: left;
	display: inline;
	margin: 16px 0 0 7px;
	padding-bottom: 28px;
	width: 700px;
	}

#sub {
	float: right;
	display: inline;
	margin-top: 20px;
	padding: 0 0 28px 33px;
	width: 194px;
	background: url(images/sub_bg.gif) no-repeat top left;
	}

* html #sub {
	margin-right: -3px;
	}

#sub div {
	margin: 0 -5px 23px 0;
	}

#sub div h4 {
	margin-bottom: 2px;
	font-size: 1.3em;
	font-weight: normal;
	}

#sub * li a {
	position: relative;
	color: black;
	font-size: 0.75em;
	}

#search form div #blog-search-txt {
	margin: 7px -15px 0 0;
	padding: 3px 4px 0;
	width: 184px;
	height: 21px;
	border: 1px solid #676767;
	font: 1em Helvetica, Arial, sans-serif;
	text-shadow: white 0 1px 1px;
	background: none;
	}

#search form div #blog-search-sub {
	position: absolute;
	top: -500em;
	}

#categories ul li,
#archives   ol li {
	margin-bottom: 1px;
	}


/* 2. Blog Posts
---------------------------------------------*/
#cate {
	position: absolute;
	top: -8px;
	left: 503px;
	color: #222;
	font: 1em Helvetica, Arial, sans-serif;
	text-shadow: white 0 1px 1px;
	}

#blog #main ol li {
	margin-bottom: 35px;
	}

#blog #main ol li h2,
#post h2 {
	margin-bottom: 17px;
	font-weight: normal;
	}

* html #blog #main ol li h2,
* html #post h2 {
	padding-top: 3px;
	}

#blog #main ol li h2 a,
#post h2 a {
	color: black;
	font-size: 0.85em;
	}

#blog #main ol li .meta,
#post .meta {
	margin-bottom: 17px;
	padding: 4px 0 5px 6px;
	color: white;
	font-size: 0.65em;
	text-shadow: #135E2E 0 1px 1px;
	background: #135E2E;
	}

#blog #main ol li .meta a,
#post .meta a {
	color: white;
	}

#blog #main ol li .meta .cate,
#post .meta .cate {
	font-weight: bold;
	}

#blog #main ol li .text {
	margin-bottom: 3px;
	padding: 0 1px 13px;
	background: url(images/blog_text_bg.gif) no-repeat bottom left;
	}

#post .text {
	margin-bottom: 23px;
	padding: 0 1px 8px;
	border-bottom: 1px solid black;
	}

#blog #main ol li .text p,
#post .text p {
	margin-bottom: 14px;
	font-size: 0.75em;
	line-height: 1.5em;
	}

#blog #main ol li .comment {
	color: #666;
	font-size: 0.7em;
	}

#blog #main ol li .comment span {
	font-weight: bold;
	text-shadow: white 0 1px 1px;
	}


/* 3. Comment List
---------------------------------------------*/
#list h3 {
	position: absolute;
	left: -500em;
	}

#list ol {
	height: 1%;
	border-bottom: 1px solid #135E2E;
	}

#list ol li {
	position: relative;
	padding: 9px 23px 0 56px;
	border: solid #135E2E;
	border-width: 1px 1px 0;
	}

* html #list ol li {
	float: left;
	width: 619px;
	}

#list ol .odd  { background: #F9F9F9; }
#list ol .even { background: #EBEBEB; }

#list ol li .meta {
	margin-bottom: 17px;
	font-size: 0.85em;
	}

#list ol .odd  .meta { text-shadow: #F9F9F9 0 1px 1px; }
#list ol .even .meta { text-shadow: #EBEBEB 0 1px 1px; }

#list ol li .meta a {
	color: black;
	font-weight: bold;
	}

#list ol li .meta img {
	position: absolute;
	top: 10px;
	left: 11px;
	}

#list ol li .text p {
	padding-bottom: 14px;
	font-size: 0.75em;
	line-height: 1.5em;
	}


/* 4. Comment Form
---------------------------------------------*/
#form h4 {
	margin: 25px 0 30px;
	font-size: 1.3em;
	font-weight: normal;
	}

#form form div {
	float: left;
	clear: left;
	padding-bottom: 16px;
	cursor: default;
	}

#form form div #author,
#form form div #email,
#form form div #url,
#form form div textarea,
#form form div #submit {
	float: left;
	clear: left;
	margin-right: 9px;
	border: 1px solid #AAA;
	background: #F6F6F6;
	font-family: Helvetica, Arial, sans-serif;
	}

#form form div #author,
#form form div #email,
#form form div #url {
	padding: 1px 2px 0;
	width: 138px;
	height: 16px;
	font-size: 0.75em;
	vertical-align: middle;
	}

#form form div label,
#form form p label {
	font: 0.7em Helvetica, Arial, sans-serif;
	vertical-align: middle;
	}

#form form div textarea {
	padding: 4px;
	width: 500px;
	height: 137px;
	overflow: auto;
	font-size: 0.75em;
	line-height: 1.5em;
	}

#form form div #submit {
	padding: 4px 6px;
	width: 115px;
	font-size: 0.75em;
	cursor: pointer;
	}