/*
------------------
   BLOG STYLES
------------------
*/

/* ----- layout ------ */
body#blog {
	background: #F0E3DA url(/images/bg_blog.jpg) top center repeat-x;
}
#blog #top {
	height:342px;
}
#blog #main {
	width:743px;
	float:left;
	margin-left:0;
	border-left: none;
	padding-left: 0;
}
#blog #container {
	background: none;
}
#blog #middle {
	background: none;
}
#blog #content {
	background: url(/images/bg_blog_content.gif) top right repeat-y;
	padding-top: 0;
	margin-top: 0;
}
#blog #supporting {
	width:200px;
	position: relative;
	top:0;
	left:0;
	float:left;
}
#blog #bottom {
	color:#8A3513;
	background: #EEE1D6;
	border-top: 1px solid #E9D1BC;
	height:100px;
}
#blog .ornaments,
#blog #bottom #mach1,
#blog #bottom #eleven5 {
	display: none;
}
#blog #nav-bottom { 
	left:-20px;
	top:20px;
}
#blog #footer #copyright {
	right:0;
	top:20px;
}
#blog #nav-bottom li a {
	display: block;
	float: left;
	color:#8A3513;
	font-size: 10px;
	margin-right:20px;
	text-transform: uppercase;
	letter-spacing: .1em;
}
#blog #nav-bottom li a:link, 
#blog #nav-bottom li a:visited {
	text-decoration: none;
}
#blog #nav-bottom li a:hover, 
#blog #nav-bottom li a:active,
#blog #nav-bottom li.current a {
	text-decoration: none;
	color:#1A0905;
}

#blog #recent-posts,
#blog #recent-comments {
	position:absolute;
	top:-205px;
	left:0;
	width:320px;
	height: 200px;
	color:#CEA78A;
	line-height:1.2em;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90); 
	opacity:.90;
	overflow: hidden;
}
#blog #recent-posts h3,
#blog #recent-comments h3 {
	font-weight: normal;
	color: #CD7020;
	text-transform: uppercase;
	letter-spacing: .1em;
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px solid #381710;
}
#blog #recent-posts h4  {
	font-weight: normal;
	color: #CD7020;
}
#blog #recent-comments {
	left:350px;
}
#blog #recent-comments .author {
	color: #CD7020;
}
#blog #recent-links {
	position:absolute;
	top:-210px;
	left:730px;
	width:200px;
}

/* ----- typography ----- */
#blog #entry-title,
#blog .entry h3 {
	line-height:1.2em;
	margin-top:20px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #8A3614;
}
#blog #entry-date {
	line-height:1.2em;
	font-size: 12px;
	font-weight: bold;
	color: #41190D;
	margin-bottom:20px;
}
#blog #main {
	color:#56220D;
}
#blog #main h2 {
	color: #8A3614;
	font-size: 21px;
	font-weight: normal;
	margin-bottom:20px;
}
#blog #recent-links ul {
	margin:0; padding:0;
}
#blog #recent-links li {
	text-transform: lowercase;
	font-variant: small-caps;
	line-height: 30px;
	background: url(/images/icons_blog.gif) no-repeat;
	padding-left:40px;
	margin:0;
}
#blog #recent-links a:link,
#blog #recent-links a:visited {
	color:#CEA78A;
}
#blog #recent-links a:hover,
#blog #recent-links a:active {
	color:#F0E3DA;
}
#blog #recent-links li.icon-rss-orange { background-position: 0 6px; }
#blog #recent-links li.icon-rss-green  { background-position: 0 -22px; }
#blog #recent-links li.icon-lock       { background-position: 0 -52px; }
#blog #recent-links li.icon-facebook   { background-position: 0 -105px; margin-top:20px; line-height:32px; }
#blog #recent-links li.icon-twitter    { background-position: 0 -142px; }

/* pagination */
#blog #main .pagination {
	text-align: right;
	background: #ccc;
	border-top: 1px solid #bbb;
	padding:3px;
}


/* entry */
#blog #main .entry,
#blog #main .comment {
	margin-bottom: 20px;
	padding-right:100px;
}

/* comments */
#blog #main .comment {
	position: relative;
	padding-bottom: 60px;
	border-bottom: 1px solid #EDCAAA;
	clear:both;
}
#blog #main .entry .content,
#blog #main .comment .content {
	color:#333;
}
#blog #main .comment .content {
	font-style: italic;
}
#blog #main .comment .meta {
	position: absolute;
	right:0;
	bottom:12px;
	color: #893513;
	font-family: Arial, sans-serif;
}
#blog #main .comment .meta .author,
#blog #main .comment .meta .date {
	float: right;
	line-height:30px;
}
#blog #main .comment .meta .author {
	padding:0 10px;
	background:#893513;
	color:#F0E3DA;
	margin-left:10px;
}
#blog #main .comment .meta .date {
	font-weight: bold;
}


/* comments */
#blog #main #comments,
#blog #main #comments .item {
	position: relative;
	padding:20px 0;
	clear: both;
}
#blog #main #comments .item {
	clear: both;
	padding-bottom: 0;
	margin-bottom: 20px;
	float:left;
	border-top: 1px solid #ccc;
}
#blog #main #comments .item .meta {
	display: block;
	position: relative;
	width:120px;
	float:left;
	text-align: right;
	font-size: 12px;
	line-height: 1.75em;
	color:#aaa;
}
#blog #main #comments .item .content {
	display: block;
	position: relative;
	width: 420px;
	float:left;
	padding-left:20px;
}
#blog #main #comments .item .content p {
	font-style: italic;
	padding:0;
}



/* comment form */
#blog #main .comment-form {
	clear: both;
	margin-bottom:100px;
}
#blog #main .comment-form fieldset {
	border:none;
	margin:0;
	padding:0;
}
#blog #main .comment-form h3 {
	margin: 0 0 20px 0;
	padding: 0;
	color:#863613;
	font-style: italic;
	font-size: 18px;
}
#blog #main .comment-form p {
	position: relative;
}
#blog #main .comment-form label {
	position: absolute;
	top:3px;
	left:320px;
	display:block;
	text-align: left;
	margin-top: 1em;
	margin:0;
	padding:0;
	width: 100%;
	color: #893513;
}
#blog #main .comment-form label#label-comment {
	display: none;
}
#blog #main label .caption {
	position: absolute;
	font-size: .85em;
	display: block;
	width: auto;
	top:10px;
	left: 200px;
}
#blog #main .comment-form input,
#blog #main .comment-form textarea {
	width: 300px;
	border: 1px solid #F0CEB2;
	margin:0;
}
#blog #main .comment-form input  {
	padding: 5px;
}
#blog #main .comment-form textarea {
	height: 200px;
	width:600px;
}
#blog #main .comment-form input.btn_primary {
	width: 100px;
	padding: 5px;
	background: #fff;
	color: #893513;
	border: 1px solid #F0CEB2;
	margin:0;
	font-family: Georgia, serif;
	text-transform:uppercase;
}
#blog #main .comment-form input.btn_primary:hover {
	background: #F0CEB2;
}
#blog #recent-posts .entry a:link,
#blog #recent-posts .entry a:visited {
	color:#CEA78A;
}

/* ---- motice ----- */
#blog #notice {
	margin:20px 20px 20px 0;
}


/*
----------------------
SUPPORTING
----------------------
*/
#supporting h3 {
	line-height:30px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	display: block;
	background-color: #8A3614;
	color: #EECAAA;
	padding-left: 30px;
}
#supporting ul {
	padding-left:20px;
	margin:10px 0 0 0;
}
#supporting li {
	line-height:1.75em;
}
#supporting a:link,
#supporting a:visited {
	color:#8A3614;
}
#supporting a:hover,
#supporting a:active {
	color:#41190D;
}

/* search form */
#blog .search-form {
	border-bottom: 1px solid #ccc;
}
#blog .search-form input {
	border: 1px solid #ddd;
	color:#666;
	margin:0;
	padding:3px;
	width: 200px;
}

#blog .search-form input.btn_primary {
	width: 100px;
	padding: 3px;
	background: #ccc;
	color: #efefef;
	margin:1em 0;
}