/*  
Theme Name: Essential Remedy
Theme URI: http://www.graphicadia.com/
Description: A very good theme, can be used for corporate-like blogs!
Version: 1.0
Author: HPA
Author URI: http://www.graphicadia.com/
*/


body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	color: #000;
	background: #464646;
	font-size: 12px;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

#sitewrapper {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background: transparent;

}

a, a:visited {color: #000; text-decoration: underline;}
a:hover {color: #740B00;}

/* NAVIGATION WRAP CODES */

.navigation {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 1000px;
	height:31px;
	background: transparent url(images/bg_nav.jpg) repeat-x top center;
	text-align: left;
	color: #FFF;
}

ul#navlist
{
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 9px;
padding-top: 6px;
font-size: 12px;
color: White;
font-weight: normal;
text-decoration: none;
float: left;
}

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: transparent;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background: transparent url(images/bg_navon.jpg) repeat-x top left;
text-decoration: none;
}

/*HEADER WRAP CODES */

.header {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 1000px;
	height:186px;
	background: transparent url(images/bg_head.jpg) no-repeat top center;
	text-align: left;
	color: #000;
}

.blogtitle {
	position: relative;
	float: left;
	margin: 0;
	padding: 54px;
	width: 559px;
	color: #FFF;
}

.blogtitle h1, .blogtitle h1 a, .header h1 a:visited { margin: 0; padding: 0; color: #FFF; font-size: 36px; font-weight: normal; text-decoration: none; }
.blogtitle h1 a:hover {color: #c1c1c1;}
.blogtitle h3 {color: #FFF; text-decoration: none; font-weight: normal; font-size: 12px; margin: 0; padding-left: 90px; }

.headertext {
	position: relative;
	float: left;
	margin: 0;
	padding: 10px;
	width: 313px;
	color: #000;
}



/* WELCOME AND SEARCH WRAP CODES */

.welcome-search {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 1000px;
	height:126px;
	background: transparent url(images/bg_welcome-search.jpg) repeat-x top center;
	text-align: left;
	color: #FFF;
}

.welcomebox {
	position: relative;
	float: left;
	margin: 0;
	padding-top: 60px;
	padding-left: 180px;
	width: 509px;
	color: #4D4343;
	font-size: 18px;
}

span.welcometext1 {
	color: #740B00;
	font-size: 40px;
}

.searchbox {
	position: relative;
	float: left;
	margin: 0;
	padding-top: 70px;
}

form {
	margin: 0;
	padding: 0;
}

#s {
margin: 0;
padding: 5px;
width: 204px;
height: 12px;
border: 1px solid #c1c1c1;
}

.searchdiv {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}


/* WELCOME AND SEARCH WRAP CODES */

.content {
	position: relative;
	float: left;
	margin: 0;
	padding: 10px;
	width: 980px;
	background: transparent url(images/bg_content.jpg) repeat-y top center;
	text-align: left;
	color: #000;
}

.postwrap-extra {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 40px;
}

.postwrap {
	position: relative;
	float: left;
	margin: 0;
	padding-bottom: 10px;
	width: 570px;
}

.post-top {
	position: relative;
	float: left;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #c1c1c1;
}

.post-title {
	position: relative;
	float: left;
	width: 465px;
	margin: 0;
	padding-top: 10px;
}

.post-title h1, .post-title h1 a, .post-title h1 a:visited { margin: 0; padding: 0; color: #740B00; font-size: 21px; font-weight: normal; text-decoration: none; }
.post-title h1 a:hover {color: #000;}

.post-date {
	position: relative;
	float: left;
	width: 95px;
	margin: 0;
	padding: 0;
}

.date-number {
	position: relative;
	float: left;
	margin: 0;
	padding-left: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	width: 37px;
	height: 35px;
	text-align: center;
	line-height: 32px;
	color: #4D4343;
	font-size: 21px;
	background: url(images/bg_date.jpg) no-repeat top center;
}

.date-text {
	position: relative;
	float: left;
	margin-left: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.date-month {
	color: #4D4343;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.date-year {
	color: #4D4343;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.under-title {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
	color: #A5A5A5;
	width: 100%;
}

.under-title a, .under-title a:visited { color: #A5A5A5; text-decoration: none; }
.under-title a:hover { color: #000; }

.post-body {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

.post-footer {
	position: relative;
	float: left;
	margin-top: 5px;
	padding-top: 5px;
	width: 560px;
	color: #a5a5a5;
	border-top: 1px solid #c1c1c1;
}

.post-footer a, .post-footer a:visited { color: #A5A5A5; text-decoration: none; }
.post-footer a:hover { color: #000; }

.navigationbottom {
	position: relative;
	float: left;
	margin-top: 10px;
}


/* SIDEBAR WRAP CODES */

.sidebarwrap-extra {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 20px;
}

.sidebarwrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

.sidebar-left {
	position: relative;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-top: 0;
	margin: 0;
	text-align: center;
	width: 150px;
}

.sidebar-left h2 {
	color: #740B00;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	margin: 0;
}

.sidebar-right {
	position: relative;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-top: 0;
	margin: 0;
	text-align: center;
	width: 150px;
}

.sidebar-right h2 {
	color: #740B00;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	margin: 0;
}





.sidebar-left ul
{
padding: 0;
margin-bottom: 10px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
border-bottom: 1px dotted gray;
width: 150px;
}

.sidebar-left li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px dotted gray;
}

.sidebar-left li a, .sidebar-left li a:visited { text-decoration: none; color: #000; }
.sidebar-left li a:hover {color: #740B00; text-decoration: underline;}


.sidebar-right ul
{
padding: 0;
margin-bottom: 10px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
border-bottom: 1px dotted gray;
width: 150px;
}

.sidebar-right li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px dotted gray;
}

.sidebar-right li a, .sidebar-right li a:visited { text-decoration: none; color: #000; }
.sidebar-right li a:hover {color: #740B00; text-decoration: underline;}








.contentbottom {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 15px;
	background: transparent url(images/bg_contentbottom.jpg) repeat-y top center;
	text-align: left;
	color: #000;
}

.bottomwrap {
	position: relative;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	width: 1000px;
	background: transparent url(images/bg_bottom.jpg) repeat-y top center;
	text-align: left;
	color: #000;
}


.bottombox-extra {
	position: relative;
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
}

.bottombox {
	position: relative;
	float: left;
	margin-left: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 10px;
	border: 1px solid #c3c3c3;
	width: 840px;
	background: #FFF url(images/bg_bottombox.jpg) repeat-x top left;
}

.bottomboxleft {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 275px;
}

.bottomboxcenter {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 275px;
}

.bottomboxright {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 275px;
}


.bottomboxleft h2, .bottomboxright h2, .bottomboxcenter h2 {
	color: #740B00;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	margin: 0;
}

.bottomboxleft ul
{
padding: 0;
margin-bottom: 10px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
border-bottom: 1px dotted gray;
width: 250px;
}

.bottomboxleft li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px dotted gray;
}

.bottomboxleft li a, .bottomboxleft li a:visited { text-decoration: none; color: #000; }
.bottomboxleft li a:hover {color: #740B00; text-decoration: underline;}

.bottomboxcenter ul
{
padding: 0;
margin-bottom: 10px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
border-bottom: 1px dotted gray;
width: 250px;
}

.bottomboxcenter li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px dotted gray;
}

.bottomboxcenter li a, .bottomboxcenter li a:visited { text-decoration: none; color: #000; }
.bottomboxcenter li a:hover {color: #740B00; text-decoration: underline;}

.bottomboxright ul
{
padding: 0;
margin-bottom: 10px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
border-bottom: 1px dotted gray;
width: 250px;
}

.bottomboxright li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px dotted gray;
}

.bottomboxright li a, .bottomboxright li a:visited { text-decoration: none; color: #000; }
.bottomboxright li a:hover {color: #740B00; text-decoration: underline;}






.footerwrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 48px;
	text-align: center;
	width: 1000px;
	height: 48px;
	background: #FFF url(images/bg_footer.jpg) no-repeat bottom center;
	color: #FFF;
	font-size: 12px;
}

.footerwrap a, .footerwrap a:visited { color: #FFF; text-decoration: none; }
.footerwrap a:hover {text-decoration: underline; }
