/*  
Theme Name: Notebook
Theme URI: http://www.raycreationsindia.com/free-wordpress-templates.aspx
Description: Notebook theme designed by <a href="http://www.raycreationsindia.com">Suparna - Ray Creations</a> with valid CSS and HTML and Standards compliant.
Version: 1.1
Author: Ray Creations
Author URI: http://www.raycreationsindia.com/
Tags: 2 Columns, Brown, Elegant, Fixed width, Right sidebar, White

License: This free WordPress theme is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/

*/

body {
	background: #edf1ec url(images/backgroundpic.jpg) top center no-repeat;
	font: 75%/150% "Trebuchet MS", Tahoma, Arial;
	padding: 0px;
	margin: 0px;
	color: #333333;
}
a {
	color: #ad6e3a;
	text-decoration: none;
}
a:visited {
	color: #ad6e3a;
	text-decoration: none;
}
a:hover {
	color: #ad6e3a;
	text-decoration: underline;
}
img {
	border: none;
}
p {
	padding: 0px 0px 15px;
	margin: 0px;
}
#logo {
	width:937px;
	text-align:right;
	color: #b2670a;
	font: normal 40px/100% "Trebuchet MS", Arial, sans-serif;
}
#logo a, h1 a:visited {
	color: #b2670a;
	text-decoration: none;
}
#logo a:hover {
	color: #9b906a;
	text-decoration: none;
}
h1 {
	margin:0px;
	padding-left: 70px;
	float:right;
	height: 60px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color: #c9eefe;
}
h1 a, h1 a:visited{
	color: #c9eefe;
	text-decoration: none;
}
h1 a:hover{
	color: #ffffff;
	text-decoration: none;
}

h2 {
	color: #b29634;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
}
h2 a, h2 a:visited {
	color: #b29634;
	text-decoration: none;
}
h2 a:hover {
	color: #9a4907;
	text-decoration: none;
}
h3 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
	margin: 10px 0px 5px;
}
h4 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
	margin: 10px 0px 5px;
}
form {
	margin:0px;
	padding:0px;
}
#page {
	margin: 0px auto;
	width: 937px;
	padding:0px;
	background: url(images/contentbackground.jpg) repeat-y;
}
/* header area */
#header {
height:100px;
}
#headerimg {
	padding:20px 0px 0px 0px;
}
#headerimg .description{
	width:937px;
	text-align:right;
	color: #000000;
	font: 15px Arial, Helvetica, sans-serif;
}
#menubg { width:937px; padding:10px 0px 0px 20px; background:url(images/menubg.png) no-repeat; }
#nav {
	float:left;
	width:500px;
	height:20px;
	padding:43px 0px 0px 30px;
}
#nav ul{
	list-style: none;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	font: bold 12px/100% Arial, Helvetica, sans-serif;
}
#nav ul li{
	margin: 0px 1px 0px 0px;
	float: left;
}
#nav ul li a{
	padding: 7px 7px 7px 7px;
	text-decoration: none;
	color: #60471f;
	display: block;
}
#nav li a:visited{
	text-decoration: none;
	color: #60471f;
}
#nav li a:hover, #nav .current_page_item a{
	text-decoration: none;
	background: #d5bd96;
	color: #60471f;
}

/* content area */
#content {
	padding: 10px 0px 30px 40px;
	float: left;
	width: 485px;
	overflow: hidden;
}
.post {
	clear:both;
	padding-top: 15px;
}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.post-title {
	float: left;
	margin-left: 10px;
	width: 430px;
}

.entry {
	clear: both;
	padding-top: 10px;
}
.postEnd {
	clear: both;
	padding:30px 0px 36px 0px;
	background:url(images/postbelow.gif) no-repeat center bottom;
}
.post-cat {
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 20px;
	float:left;
	font-size: 95%;
	color: #999999;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat;
	padding-left: 20px;
	margin-left:20px;
	float: left;
	font-size: 95%;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat;
	padding-left: 18px;
	margin-left:20px;
	float: left;
}
.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #59770e;
}
.previous-entries a {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}

/* comments area */
#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0 5px 0;
	clear: both;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist .alt {
	background: url(images/commentbg.jpg) no-repeat top left;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #CC6600;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #CC6600;
}
.commentlist small {
	margin-bottom: 15px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background:#fefbf0;
	border: 1px solid #dcd4b2;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 478px;
	height: 115px;
	background:#fffdf7;
	border: 1px dotted #d1a372;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(images/submit-btn.gif) no-repeat top left;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #8a4706;
	border: none;
	float:right;
	width: 135px;
	height: 25px;
	cursor: pointer;
}

#commentform #submit:hover {
	background: url(images/submit-btn.gif) no-repeat bottom left;
}

/*sidebar */
#sidebar {
	float: right;
	padding: 0px 10px 20px 0px;
	width: 270px;
	color: #666666;
	overflow: hidden;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #f4eac1;
	margin: 20px 0px 2px;
	padding:20px 10px 10px 30px;
	background:url(images/widgetTitle.jpg) no-repeat 0 0; 
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
	color: #5e280e;
	text-decoration: none;
}
#sidebar a:hover{
	color: #FF6600;
	text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding-right:17px;
	border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding-left:30px;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 2px 0 2px 0px;
	border-bottom: 1px solid #f3efe3;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}
/*blogroll */
ul.list-blogroll li{
	background: url(images/mini-blogroll.gif) no-repeat !important;
	padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
	background: url(images/mini-category.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
	background: url(images/mini-monthly-archive.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
	background: url(images/mini-page.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
	background: url(images/mini-page-arrow.gif) no-repeat !important;
	padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
	background: url(images/mini-recent-comments.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
	padding: 1px 7px;
}
/*text widget */
.textwidget {
	padding-top: 5px;
}

/*search form */
#searchform {
	padding:45px 0px 0px 0px;
}
#searchform br {
	display: none;
}
#searchform #s {
	border:1px solid #203346;
	height: 17px;
	width: 148px;
	padding: 4px 5px 0px 5px;
	border: none;
	background: #fff;
	margin-right: 2px;
	color: #000000;
	font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
	background: url(images/search.gif) no-repeat;
	border: none;
	width: 78px;
	height: 24px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
}

/* footer area */
#footer {
	clear: both;
	background: url(images/below.jpg) no-repeat;
	color: #fef1d7;
	font-size: 95%;
	height:300px;
	line-height: 130%;
	padding-bottom: 10px;
}
.rssImg{ padding:10px 0px 5px 35px; margin-bottom:3px; background:url(images/bottomRss.jpg) no-repeat;}
.homeImg{ padding:7px 0px 10px 40px; background:url(images/bottomHome.jpg) no-repeat;}

#footer h4 {
	font: normal 156%/100% "Trebuchet MS", Tahoma, Arial;
	color: #d4a976;
	margin: 25px 0px 15px;
}
.footer-recent-comments {
	width: 240px;
	float: left;
	padding-top:70px;
	margin-left: 10px;
}
.footer-recent-comments a, .footer-recent-comments a:visited {
	color: #ece48f;
	text-decoration: underline;
}
.footer-recent-comments a:hover {
	color: #ece48f;
	text-decoration: none;
}
.footer-recent-comments ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer-recent-comments ul li {
	background: url(images/footer-comments.png) no-repeat;
	padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
	width: 280px;
	float: left;
	padding-top:70px;
	margin-left: 30px;
}
.footer-recent-posts a, .footer-recent-posts a:visited {
	color: #ece48f;
	text-decoration: underline;
}
.footer-recent-posts a:hover {
	color: #ece48f;
	text-decoration: none;
}
.footer-recent-posts strong {
	font-size: 107%;
	line-height: 135%;
	font-weight: bold;
}
.footer-recent-posts ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	line-height: 110%;
}
.footer-recent-posts ul li {
	background: url(images/mini-footer-post.png) no-repeat;
	padding: 0px 0px 10px 20px;
}
.footer-about {
	width: 200px;
	float: right;
	padding-right: 95px;
	color:#666666;
	padding-top:40px;
	padding-left: 0px;
}
.footer-about a, .footer-about a:visited {
	color: #9f7511;
	text-decoration: underline;
}
.footer-about a:hover {
	color: #9f7511;
	text-decoration: none;
}
.check{ padding:5px 10px 5px 20px; margin-bottom:0px; font-size:13px; background:url(images/mini-check.gif) no-repeat;}
/* credits */
#credits {
	margin: 0px auto;
	width: 900px;
	color: #7a9299;
	font-size: 85%;
	line-height: 120%;
}
#credits a, #credit a:visited {
	color: #048db4;
}
.rss {
	background: url(images/mini-rss.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}
.loginout {
	background: url(images/mini-loginout.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}