/* 

Hyde Park, 2010
Brainspark Media

Table of Contents
	1. MAIN SHELL
	2. FEATURE
	3. POSTS
	4. SIDEBAR
	5. COMMENTS
	6. PREV/NEXT NAV

*/

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
html {
	overflow-y: scroll;
}
body {
	background: #e6e6e6;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #333;
}
a, a:link {
	color: #886845;
	text-decoration: underline;
}
a:hover {	
	color: #3c2721;
	text-decoration: none;
}
.clr {
	clear: both;
}
div, img {
	behavior: url(/resources/js/iepngfix.htc);
}

/* 1. MAIN SHELL
---------------------------------------------------------------------------------*/

#container {
	background: url(../img/bg_header.gif) 0 0 repeat-x;
	width: 100%;
}
#page {
	margin: 0 auto;
	width: 970px;
	position: relative;
}
#logo {
	padding: 25px 0 0 0;
	height: 86px;
	float: left;
}
#search {
	margin: 55px 0 0 0;
	width: 205px;
	float: right;
	position: relative;
}
#search .search {
	margin: 12px 5px 0 0;
	padding: 5px;
	background: #FFF;
	color: #886845;
	float: left;
}
#search .search-btn {
	margin: 12px 0 0 0;
	padding: 4px;
	background: #FFF;
	display: block;
	color: #886845;
	text-decoration: none;
	float: left;
	cursor: pointer;
}
#search .search-btn:hover {
	color: #FFF;
	background: #3c2721;
}
#nav ul {
	padding: 5px 0;
	list-style: none;
	height: 40px;
	float: right;
}
#nav li {
	padding: 0 20px;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	line-height: 40px;
	float: left;
}
#nav li a {
	color: #333;
	text-decoration: none;
}
#nav li a:hover {
	text-decoration: underline;
}
#nav li.rss {
	padding: 5px 15px 0 5px;
}
#content {
	padding: 10px 0;
	background: url(../img/bg_main-tile.png) 0 0 repeat-y;
	width: 970px;
	position: relative;
	z-index: 10;
}
/* Below applies to IE6 Only */
/*\*/
* html #content {
	background: none;
	background-color: #FFF;
}
/**/

#footer {
	margin: -100px 0 0 0;
	background: #CCC;
	height: 200px;
	position: relative;
	z-index: 1;/z-index: -1;
}
/* Below applies to IE6 Only */
/*\*/
* html #footer {
	z-index: -1;
}
/**/
#footer #footer-inner {
	margin: 0 auto;
	padding: 110px 0 0 0;
	text-align: right;
	font-size: 11px;
	width: 940px;
}
#footer #footer-inner span {
	padding: 0 5px;
}
#footer #footer-inner a {
	color: #333;
	text-decoration: none;
}
#footer #footer-inner a:hover {
	text-decoration: underline;
}

/* 2. FEATURE
---------------------------------------------------------------------------------*/

#feature {
	margin: 0 auto;
	border-bottom: 10px solid #886845;
	width: 910px;
	height: 300px;
	position: relative;
}
#feature .title {
	padding: 0 0 20px 0;
	background: #3c2721;
	width: 300px;
	height: 100px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}
#feature .title h1 {
	padding: 5px 10px;
	background: #886845;
	color: #FFF;
	font: normal 25px "Times New Roman", Times, serif;
	height: 60px;
}
#feature .title h1 a {
	color: #FFF;
	text-decoration: none;
}
#feature .title h1 a:hover {
	text-decoration: underline;
}
#feature .title p.date {
	padding: 5px 10px 0 10px;
	background: none;
	text-align: left;
	color: #FFF;
	font-size: 12px;
	width: 300px;
}
#feature .title p.date a {
	color: #FFF;
}
#feature .title p.date span {
	padding: 0 5px;
}
#feature .feature-post {
	background: url(../img/bg_feature.jpg) 0 0 no-repeat;
	width: 910px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
}
#feature .feature-post .alignleft {
	padding: 0;
}
#feature .feature-post .mceTemp {
	display: none;
}	
#feature .feature-post img {
	width: 600px;
	height: 300px;
	float: left;
}
#feature .feature-post p {
	padding: 5px 10px 0 10px;
	background: #3c2721;
	color: #FFF;
	line-height: 19px;
	width: 280px;
	height: 138px;
	overflow: hidden;
	position: absolute;
	top: 100px;
	right: 0px;
	z-index: 11;
}
/* Below applies to IE6 Only */
/*\*/
* html #feature .feature-post p {
	top: 110px;
	line-height: 20px;
}

/**/
#feature .feature-post p a.more-link {
	display: none;
}
#feature .more {
	padding: 0 10px;
	background: #3c2721;
	width: 280px;
	height: 60px;
	position: absolute;
	top: 240px;
	right: 0;	
}
#feature .more a {
	margin: 12px 0 0 0;
	padding: 5px 8px;
	background: #886845;
	display: block;
	color: #FFF;
	text-decoration: none;
	float: right;
}
#feature .more a:hover {
	background: #FFF;
	color: #886845;
}

/* 3. POSTS
---------------------------------------------------------------------------------*/

#alpha {
	margin: 26px 0 0 30px;
	padding: 0 0 10px 0;
	width: 600px;
	float: left;
	position: relative;
}
/* Below applies to IE6 Only */
/*\*/
* html #alpha {
	margin: 10px 0 0 15px;
}
/**/
#alpha h1 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	font-family: "Times New Roman",Times,serif;
	font-size: 30px;
	font-weight: normal;
	border-bottom: 1px solid #333;
}
#alpha h2 {
	padding: 0 0 20px 0;
	font-family: "Times New Roman",Times,serif;
	font-size: 22px;
	font-weight: normal;
}
.recent h2 {
	padding: 0 0 5px 0;
	font: normal 18px/18px "Times New Roman", Times, serif;
	border-bottom: 1px solid #333;
}
.post {
	margin: 10px 0 30px 0;
	position: relative;
}
/* Below applies to IE6 Only */
/*\*/
* html .post {
	height: 100%;
}
/**/
.date {
	margin: 0 0 0 0;
	background: url(../img/bg_date.gif) 0 0 no-repeat;
	font: normal 18px "Times New Roman", Times, serif;
	color: #FFF;
	width: 55px;
	float: left;
}
.date .in {
	text-align: center;
	width: 45px;
	height: 56px;
}
.month {
	padding: 3px 0;
}
.post h3 {
	margin: -4px 0 5px 0;
	width: 545px;
	float: left;
}
.post h3 a {	
	font: normal 25px "Times New Roman", Times, serif;
	color: #3c2721;
	text-decoration: none;
}
.post h3 a:hover {	
	text-decoration: underline;
}
.post p.byline {
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	background: #CCC;
	font-size: 11px;
	line-height: 25px;
	width: 437px;
	height: 25px;
	float: left;
}	
.post p.byline span {
	padding: 0 5px;
}
.post p.byline a {
	color: #333;
	text-decoration: none;
}
.post p.byline a:hover {
	text-decoration: underline;
}
.post p.commentlink {
	background: url(../img/bg_comment-bubble.gif) 0 0 no-repeat;
	width: 103px;
	height: 33px;
	float: left;
}
.post p.commentlink span {
	font-size: 11px;
	text-align: center;
	line-height: 25px;
	overflow: hidden;
	display: block;
	width: 103px;
	height: 25px;
}
.post p.commentlink a {
	color: #333;
	text-decoration: none;
}
.post p.commentlink a:hover {
	text-decoration: underline;
}
.post .postcontent {
	padding: 10px 0 0 0;
}
.post a.more-link {
	margin: 12px 0 0 0;
	padding: 5px 8px;
	background: #886845;
	display: block;
	color: #FFF;
	text-decoration: none;
	float: right;
}
.post a.more-link:hover {
	background: #3c2721;
}
.post p {
	padding: 0 0 10px 0;
}
.single-img {
	padding: 0 0 10px 0;
}
.nav-next a,
.nav-previous a {
	margin: 12px 0 0 0;
	padding: 5px 8px;
	background: #886845;
	display: block;
	color: #FFF;
	text-decoration: none;
	width: 72px;
}
.nav-previous a {
	width: 78px;
}
.nav-next a:hover,
.nav-previous a:hover {
	background: #3c2721;
}
.alignright {
	padding: 5px;
	float: right;
}
.alignleft {
	padding: 5px;
	float: left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.postcontent hr {
	border-style:solid none none;
	border-top:thin solid #E5E5E5;
	border-width:thin;
	float:left;
	height:1px;
	margin:20px 0;
	padding-top:2px;
	width:100%;
}
.postcontent table ul {
	padding: 0 0 0 15px;
}



/* 4. SIDEBAR
---------------------------------------------------------------------------------*/

#beta {
	margin: 10px 30px 0 0;
	width: 300px;
	float: right;
}
/* Below applies to IE6 Only */
/*\*/
* html #beta {
	position: relative;
	z-index: 16;
}
/**/
#sidebar {
	float: right;
	width: 290px;
	line-height: 1.5;
	margin: 0; padding: 10px 0;
}
#sidebar h5 {
	padding: 0 0 5px 0;
	background: transparent url(../img/widget-title-bg.gif) repeat-x scroll left bottom;
	font: normal 18px "Times New Roman", Times, serif;
}
#sidebar a {
	color: #3c2721;
	text-decoration: none;
}
#sidebar a:hover {
	text-decoration: underline;
}

#sidebar .widget {
	background: #EBEBEB url(../img/widget-bg.gif) repeat-y;
	margin: 0; padding: 0 15px;
	overflow: auto;
	min-height: 46px;
}
/* Below applies to IE6 Only */
/*\*/
* html #sidebar .widget {
	padding: 0 15px 42px 15px;
}
/**/
#sidebar .widgettop {
	margin: 0; padding: 0;
	width: 290px; height: 6px;
	background: url(../img/widgettop-bg.gif) no-repeat;
	overflow: hidden;
}
#sidebar .widgetbottom {
	margin: 0 0 10px 0; padding: 0;
	width: 290px; height: 7px;
	background: url(../img/widgetbottom-bg.gif) no-repeat;
	overflow: hidden;
}

#sidebar ul ,
#sidebar ol{
	margin: 10px 25px; padding: 0;
}
#sidebar ul ul,
#sidebar ol ol {
	margin: 0 25px;
}

#sidebar object,
#sidebar embed {
	width: 260px;
	margin: 10px 0;
}

/* Social Profiles Widget */
#sidebar .socialprofiles a {
	display: block; float: left;
	padding: 5px;
}

/* Twitter Widget */
#sidebar .mytweets h5 {
	padding: 5px 0 10px 25px;
	background: url(../img/twitter.jpg) 0 0 no-repeat;
	font: normal 18px "Times New Roman", Times, serif;
}
#sidebar .mytweets ul {
	list-style-type: none;
	margin: 10px 0;
}
#sidebar .mytweets ul li {
	margin: 0; padding: 10px 5px;
}
#sidebar .mytweets ul#twitter_update_list li {
	border-bottom: 1px solid #d2d2d2;
}

/* 5. COMMENTS
---------------------------------------------------------------------------------*/

#comments {
	clear: both;
	margin: 0; padding: 10px 0;
	line-height: 1.8;
}
#comments ol.commentlist {
	list-style-type: none;
	margin: 0; padding: 0;
}
#comments li.trackback,
#comments li.pingback,
#comments li.comment {
	margin: 12px 0 0 0;
	padding: 5px 8px;
	display: block;
	color: #333;
	text-decoration: none;
	float: right;
}

#comments li.comment:hover {
}

#comments li.comment .avatar {
	float: left;
	margin: 0 8px 0 0; padding: 0;
}
#comments li.comment .vcard {
	line-height: 1.2;
}
#comments li.comment .comment-meta {
	margin: 0; padding: 0;
}

#comments ol ul {
	list-style-type: none;
	margin: 10px 0 0 35px;
}
 
#respond {
	clear: both;
	margin: 0; padding: 10px 0;
}
#respond form {
	display: block;
	padding: 0;
}
#respond .commentinput {
	padding: 5px 0;
}
#respond input {
	width: 40%;
	padding: 6px;
	border: 1px solid #ccc;
}
#respond input:focus {
}
#respond .req {
	color: #dd0000;
}
#respond textarea {
	margin: 10px 0 10px 0; padding: 2%;
	border: 1px solid #ccc;
	width: 95%; height: 200px;
}
#respond textarea:focus {
}
#respond .allowedtags {
	width: 95%;
	background: #ddd;
	margin: 0 0 10px 0; padding: 2%;
	border: 1px solid #ddd;
}
#respond #submit {
	margin: 0 0 0 0;
	padding: 5px 8px;
	background: #886845;
	display: block;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
}
#respond #submit:hover {
	background: #3c2721;
}

/* 6. PREV/NEXT NAV
---------------------------------------------------------------------------------*/

.postnav {
	margin: 0; padding: 15px 0;
	overflow: auto;
}