/*
Theme Name: Colorful Hills
Theme URI: http://www.rayanamad.com
Description: a clean and simple fixed width, 2-column layout with the sidebar on the left.
Author: Ashkan
Author URI: http://www.rayanamad.com
*/

body {
	font: 12px arial,verdana,sans-serif;
	margin: 0;	
	height: 100%;
	background: url(images/bg.gif) repeat-y center;
}
#container {
	width: 1004px;
	margin: 0 auto;
	
}
#wrap {
	width: 100%;		
}
#content-container {
	float: left;
	width: 1004px;
	padding: 0px;
	margin-left: 0;
	margin-top: -30px;
	position: relative;	
}
#content {
	float: left;
	width: 1004px;
	padding: 0px;
	margin-top: 8px;
	position: relative;
}

.bgbottom {   
	width: 1004px;
	padding: 0;
	height: 8px;
	position: relative;
	clear: both;
}
#header {
	clear: both;
	height: 330px;
	margin: 0 auto; 
	width: 1004px; 
	background: url(images/header.jpg) no-repeat;	
}
#header h1 
{
font:38px gramond,'times new roman' bold;
font-style: italic;
color: #9C9753;
text-align: left;
padding-left: 50px;
padding-top: 60px;
}
#header h1, h1 a, h1 a:hover, h1 a:visited {
text-decoration: none;
margin: 0;
color: #3B5F79;
}
#subtitle {
	font-family: arial;
	padding-left: 70px;
	color: #3B5F79;
	font: 15px arial;
	text-align: left;
	font-weight: normal;
}
#footer {	
	color: #778A69;
	font: 10px arial,verdana,sans-serif;
	text-align: center;
	height: 78px;
	float: left;
	width: 1004px;
	position: relative;
	background-color: #FFECEE;
	background: url(images/footer.jpg) no-repeat center;
}
.footerlinks 
{
	color: #C9C37B;
	text-align: center;
	float: left;
	width: 1003px;
	padding-top: 45px;

}
.footerlinks  a
{
	color: #D5CA4C;
	text-decoration: underline;

}

/* General Header Styles */
h2 {
	margin-top: 0;
	font-size: 16px;	
	color: #9C9753;
}
h3 {
	margin: 0;
	font-size: 14px;	
}


/* Post Related */
h2 a:hover, h2 a:visited, h2 a {
	text-decoration: none;
}
.post-container
{
	float: left; 
	width: 710px; 
}
.post {
	width: 710px;
	margin: 0;
	padding-top: 0;
	padding-right: 16px;
	color: #756F6C;
	float: none;
	display: block;	
}
.posttop {
	width: 710px;
	margin: 0;
	clear: both;
}
.postbottom
{
	font-size: 10px;
	color: #D4CB5D;
	text-align: left;
	width: 650px;
	float: left;
	height: 24px;
	padding: 5px 0 0 10px;
	margin-left: 10px;
	background: url(images/post-bottom.gif) no-repeat;
	margin-bottom:2 0px;
	clear: both;
}
.postbottom a
{
text-decoration: none;
color: #FDF162;	
}
.postbottom a:hover
{
color: #FDF162;	
text-decoration: none;
}
.post p {
	margin:0px;
}
.navigation a {
	color: #778A69;
	text-decoration: none;
}
.navigation a:hover 
{
	color: #778A69;
}

.posttop h2 a {
	color: #7A7428;
	font-weight: normal;
	text-align: left;
}
.post a:hover {
	color: #625B01;
	text-decoration: underline;
}

.postinfo {
height: 28px;
width: 500px;
margin-top: -7px;
margin-right: 12px;
color: #7A7428;
padding: 5px 0 0 5px;
text-align: left;
font-size: 10px;
}
.postinfo a {
text-decoration: none;
color: #7A7428;
text-align: left;
}

.postinfo a:hover {
text-decoration: underline;
color: #625B01;
}

.navigation {
	text-align: right;
	font-size: 12px;
}
img.centered {
	display: block;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
	padding-right: 5px;
}
.alignleft {
	float: left
	
}
.alignright a:hover {
	text-decoration: none;
	color: #D4CB5D;
}
.alignleft a:hover{
	text-decoration: none;
	color: #D4CB5D;
}
.navigation .alignright {
	margin-bottom: 10px;
}
.navigation .alignleft {
	margin-bottom: 10px;
}	
.posttop h2 {
	font: bold 24px gramod,'times new roman';
	margin-top: 0;	
	margin-bottom: 5px;
	text-align: left;
	margin-right: 15px;
	overflow: visible
}
.pagetitle{
	font: bold 28px arial,verdana,sans-serif;
	margin-top: 0;	
	margin-bottom: 5px;
	text-align: left;
	color: #778A69;
	margin-right: 15px;
	overflow: visible
}
#date
{
background: url(images/calendar.gif) no-repeat;
float: left;
height: 73px;
width: 74px;
margin: 0px 10px 0 10px;
}
.month
{
	text-align: center;
	font-size: 12px;
	margin: 0;	
	height: 25px;
	color: #615B0D;
	padding-top: 3px;
	height: 22px;

}
.day {
text-align: center;
font: 28px gramond, 'times new roman';
color: #ffffff;
padding-top: 13px;
}
blockquote {
	font: 11px verdana,arial,sans-serif;
	margin: 5px;
}
a img {
	border: 0;
}
.entry {
	font: 12px arial,verdana,sans-serif;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: justify;
	
}
.entry p{
	clear: both;
}
.entrytext .postmetadata {
	font: 12px arial,verdana,sans-serif;
}
.more-link {
	font: 10px arial,verdana,sans-serif;
}


/* Sidebar Related */
#sidebar {
	width: 216px;
	margin-left: 30px;
	float: left;
	
}

#sidebar ul {
	margin: 0 ;
	padding: 0;	
	width:213px;
}
#sidebar ul h2{
	font: 20px gramond,'times new roman';
	font-weight: bold;
	background: url(images/topbar.gif) no-repeat top;
	color: #681D07;
	text-align: left;
	padding: 10px 0 0 15px;
	height: 34px;
	margin: 0;
	border: none;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	
}
#sidebar ul li ul {
	margin: 0 0 10px 0;
	padding: 0;
	background: #E8E191 url(images/menubottom.gif) no-repeat bottom;
}

#sidebar ul ul ul li {
	list-style-type: disc;
	padding: 0;
	margin-left: 5px;
	color: #e3e3e3;
	
	
}
#sidebar ul li .textwidget {
	margin: 0 0 10px 0;
	padding: 0;
	background: #E8E191 url(images/menubottom.gif) no-repeat bottom;
	color: #000000;
	border-top: 1px solid #9D9753;
}

#sidebar p {
	margin: 0;
	padding: 6px 5px 6px 5px;
	font: 14px arial,verdana,sans-serif;
}
#sidebar a {
	color: #645B0C;
	font: 14px arial;
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;	
}



/* User Comment Specific */
#comment
{
border: 1px solid #483F2E;
color: #9C9753;
}
#respond
{
	padding-left: 10px;
}
#commentform
{
	padding: 10px;

}
#commentform input
{
border: 1px solid #483F2E;
color: #9C9753;
}

ol.commentlist {
	margin-left: 25px;
	padding: 0;
}
ol.commentlist li.alt {
	width: 500px;
	padding: 5px;
}
ol.commentlist a {
	color: #9C9753;	
}
ol.commentlist p {
	margin-top: 3px;
	margin-bottom: 10px;
}
small.commentmetadata {
	font: 10px arial,verdana,sans-serif;
}
small.commentmetadata a {
	text-decoration: none;
}
#submit {
	height: 25px;
	background-color: #F5F6D7;
	margin: 0 10px;
	color: #ffffff;
	font-size: 1.2em;

}

/************************/
/*     Search Design    */
/************************/
#searchbox  {
	position: absolute;
	top: 250px;
	left: 740px;
	width: 240px;
	float: left;
	color: #778A69;
}
#searchform  {
	text-align: right;
	width: 240px;
}


#searchsubmit {
	width: 30px;
	height: 20px;
	border: 1px solid #989898;
	background-color: #eaeaea;
	margin: 0 0;
	font-size: 12px;
	color: #130F3B;

}
#s 
{
	width: 140px;
}
#searchform submit,input
{
border: 1px solid #483F2E;
color: #778A69;
margin-top: 5px;
}
/*-------------Other------------------*/
hr {
	display: none;
}
a 
{
	color: #8F893B;
}
#wp-calendar
{
width: 185px;
color: #8F893B;	
margin-left: 10px;
margin-bottom: 10px;
}
#calendar
{
background: #E8E191 url(images/menubottom.gif) no-repeat bottom;
margin-bottom: 10px;
}
td
{
color: #D1C867;
}
