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

             Title :  Live Leader
             Usage :  Blog Pages
             Author:  QualityXHTML
             Edited:  2009-06-13

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


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

               1. Category Title
               2. Blog Navigation
               3. Blog Posts
               4. Blog Post
               5. Blog Comments
               6. Submit Comment

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



/* 1. Category Title
---------------------------------------------*/
#cate {
	width: 945px;
	height: 157px;
	background: url(../images/cate_bg.png) no-repeat top left;
	}

.blog #cate .inner {
	height: 157px;
	background: url(../images/cate_inner_bg.png) no-repeat;
	}

.posts #cate .inner { background-position: 531px      0; }
.post  #cate .inner { background-position: 556px -157px; }

#cate .inner h2 {
	padding: 87px 0 0 75px;
	visibility: hidden;
	}


/* 2. Blog Navigation
---------------------------------------------*/
#blog-nav {
	float: left;
	margin: 26px 0 0 76px;
	width: 160px;
	}

#blog-nav h3 {
	position: absolute;
	left: -500em;
	}

#blog-nav ul li h4 {
	padding-bottom: 6px;
	border-bottom: 1px solid #BEBAB5;
	color: #2D2520;
	font-size: 0.85em;
	}

.safari #blog-nav ul li h4 {
	text-shadow: #E2DEDA 0 1px 1px;
	}

#blog-nav ul li:first-child h4 {
	border-color: #CDC9C8;
	}

.safari #blog-nav ul li:first-child h4 {
	text-shadow: #F9F8F7 0 1px 1px;
	}

#blog-nav ul li ul {
	margin: 7px 0 20px;
	}

#blog-nav ul li ul li {
	margin-bottom: 1px;
	}

#blog-nav ul li ul li.cat-item {
	font-size: 0.65em;
	margin-top:1px;
	margin-bottom:1px;
	line-height: 140%;
	}

#blog-nav ul li ul li.cat-item a {
	font-size: 1.2em;
	}

#blog-nav ul li ul li a {
	color: #2D2520;
	font-size: 0.75em;
	}

#blog-nav ul li ul li a:hover {
	font-weight: bold;
	}


/* 3. Blog Posts
---------------------------------------------*/
#posts {
	float: right;
	margin-right: 46px;
	padding: 0 0 14px 14px;
	width: 602px;
	background: url(../images/detail_bg.png) no-repeat bottom left;
	}

#posts h3 {
	position: absolute;
	left: -500em;
	}

#posts ol {
	width: 602px;
	border-bottom: 60px solid white;
	background: white;
	}

#posts ol li {
	padding: 24px 28px 15px;
	border-bottom: 1px solid #DFDBD6;
	}

#posts ol li h4 {
	margin: 0 0 7px -1px;
	}

#posts ol li h4 a {
	color: #2D2520;
	font-weight: bold;
	font-size: 1.5em;
	}

.safari #posts ol li h4 a {
	text-shadow: white 0 1px 1px;
	}

#posts ol li div.subheader {
	margin-bottom: 13px;
	color: #A6968C;
	font-size: 0.7em;
	}

.safari #posts ol li div {
	margin-bottom: 15px;
	}

#posts ol li div a {
	color: #C0531D !important;
	}

#posts ol li p, #posts ol li div {
	color: #2D2520;
	font-size: 12.8px;
	line-height: 1.45em;
	margin-bottom:15px;
	}

.safari #posts ol li p, .safari #posts ol li div, .safari #posts ol li li {
	text-shadow: white 0 1px 1px;
	}

#posts ol + a {
	float: left;
	margin: -36px 0 0 28px;
	color: #C0531D;
	font-weight: bold;
	font-size: 0.85em;
	}

.safari #posts ol + a {
	text-shadow: white 0 1px 1px;
	}

#posts ol + a span {
	position: relative;
	top: -1px;
	}

.safari #posts ol + a span {
	position: static;
	}


/* 4. Blog Post
---------------------------------------------*/
#post {
	position: relative;
	float: right;
	margin-right: 46px;
	padding: 0 0 14px 14px;
	width: 602px;
	background: url(../images/detail_bg.png) no-repeat bottom left;
	}

#post .inner {
	padding: 0 28px 17px;
	width: 546px;
	background: white;
	}

#post .inner h3 {
	position: absolute;
	top: -71px;
	left: 42px;
	z-index: 1;
	visibility: hidden;
	}

#post .inner div.subheader {
	margin: 0 -28px 24px;
	padding: 8px 28px;
	border-bottom: 1px solid #DFDBD6;
	color: #A6968C;
	font-size: 0.7em;
	}

.safari #post .inner div {
	margin-bottom: 26px;
	}

#post .inner div a {
	color: #C0531D !important;
	}

* + html #post .inner div a {
	display: inline-block;
	}

#post .inner p, #post .inner div {
	margin-bottom: 18px;
	color: #2D2520;
	font-size: 12.8px;
	line-height: 1.45em;
	}

.safari #post .inner p, .safari #post .inner div {
	text-shadow: white 0 1px 1px;
	}


/* 5. Blog Comments
---------------------------------------------*/
#comments {
	float: right;
	clear: right;
	margin-right: 46px;
	width: 602px;
	}

#comments h4 {
	padding: 7px 28px 15px;
	border-bottom: 1px solid #F8F7F6;
	color: #2D2520;
	font-size: 1.1em;
	text-shadow: #EAE7E3 0 1px 1px;
	}

#comments ol li {
	padding: 12px 28px 0;
	border-bottom: 1px solid #F8F7F6;
	}

#comments ol li div {
	margin-bottom: 1px;
	color: #2D2520;
	font-size: 0.7em;
	line-height: 1.45em;
	}

#comments ol li div cite a {
	color: #2D2520;
	font-weight: bold;
	}

#comments ol li div cite a:hover {
	color: #C0531D;
	}

#comments ol li p {
	margin-bottom: 15px;
	color: #2D2520;
	font-size: 0.8em;
	line-height: 1.45em;
	}

.safari #comments ol li p {
	text-shadow: #EAE7E3 0 1px 1px;
	}


/* 6. Submit Comment
---------------------------------------------*/
#submit {
	margin-bottom: 10px;
	float: right;
	clear: right;
	margin-right: 46px;
	padding-left: 28px;
	width: 574px;
	}

#submit h4 {
	padding: 17px 0 5px;
	color: #2D2520;
	font-size: 1.1em;
	}

.safari #submit h4 {
	text-shadow: #EAE7E3 0 1px 1px;
	}

#submit form p {
	float: right;
	margin-top: 27px;
	width: 236px;
	color: #2D2520;
	font-size: 0.8em;
	line-height: 1.45em;
	}

.safari #submit form p {
	text-shadow: #EAE7E3 0 1px 1px;
	}

#submit form div label {
	display: block;
	float: left;
	padding: 11px 0 7px 2px;
	width: 317px;
	color: #2D2520;
	font-weight: bold;
	font-size: 0.75em;
	}

.safari #submit form div label {
	text-shadow: #EAE7E3 0 1px 1px;
	}

#submit form div #name,
#submit form div #email,
#submit form div textarea {
	float: left;
	border: 1px solid #BEB3AB;
	background: url(../images/submit_textarea_bg.png) no-repeat top left;
	}

.safari #submit form div #name,
.safari #submit form div #email,
.safari #submit form div textarea {
	text-shadow: white 0 1px 1px;
	}

#submit form div #name,
#submit form div #email {
	padding: 7px 5px 0;
	width: 307px;
	height: 22px;
	font: 0.9em Arial, sans-serif;
	}

.opera #submit form div #name,
.opera #submit form div #email {
	padding: 0 7px;
	width: 303px;
	height: 29px;
	}

#submit form div textarea {
	padding: 4px 7px;
	width: 303px;
	height: 117px;
	overflow: auto;
	font: 0.9em/1.45em Arial, sans-serif;
	}

.opera  #submit form div textarea { padding: 6px 7px; width: 303px; height: 113px; }
.safari #submit form div textarea { padding: 5px;     width: 307px; height: 115px; }

#submit form div #send {
	margin-left: 19px;
	width: 81px;
	height: 30px;
	border: none;
	font-size: 0;
	letter-spacing: -100px;
	cursor: pointer;
	background: url(../images/button.png) no-repeat 0 -30px;
	}

.ie8    #submit form div #send { margin-top: 32px; }
.opera  #submit form div #send { margin-top: 30px; }
.ff     #submit form div #send { margin-top: 33px; }
.webkit #submit form div #send { margin-top: 35px; }

/* KW mods */

#posts ul, #post ul {
    list-style-type:disc;
    font-size:12.8px;
    margin-left:1.5em;
    list-style-image:url(../images/check-small.gif) !important;
    margin-bottom:20px !important;
}

#posts ul li, #post ul li {
    float:none !important;
    height:auto !important;
    border:0 !important;
    padding:0;
    margin-bottom:0.5em;
    line-height:120%;
    color: #2D2520;
}

#post h4 {
  color:#2D2520;
  font-size:1.5em;
  font-weight:bold;
  padding-top: 24px;
}

#posts ol li div a, #posts ol li p a, #post ol li div a, #post ol li p a, #post ol li li a , #posts ol li li a {
	color: #C0531D !important;
	}
	
#posts strong, #post strong {
  font-weight: bold;
}


#posts a img, #post a img {
  margin-top:10px;
  margin-bottom:10px;
  cursor:default !important;
}