/*

Theme Name: Scribbled

Theme URI: http://wpjunction.com

Description: Theme by Hpa

Version: 1.0

Author: HPA

Author URI: http://wpjunction.com 

*/







/* General */



body {

	margin: 0;

	background: #85c438 url("images/background.gif") repeat-x left bottom;

}



h1, h2, h3, h4 {

	margin: 0;

}



img {

	border: 0;

}



.clear {

	clear: both;

	height: 0;

	overflow: hidden;

}





/* Page */



#page {

	margin: 0 auto;

	width: 1004px;

	background: url("images/page.jpg") no-repeat;

}





/* Header */



#header {

	width: 1004px;

	height: 385px;

	position: relative;

}



	/* Header - Info */

	

	#header #header-info {

		position: absolute;

		top: 29px;

		left: 30px;

		width: 944px;

	}

	

	#header #header-info h1 {

		color: #25b6dc;

		font: normal 36px Arial, Verdana;

		padding-bottom: 5px;

	}

	

	#header #header-info h1 a {

		color: #25b6dc;

		text-decoration: none;

	}

	

	#header #header-info .description {

		color: #26b7dc;

		font: bold 13px Arial, Verdana;

	}





/* Main */



#main {

	width: 1004px;

}



	/* Main - Sidebar */

	

	#sidebar {

		float: left;

		width: 266px;

		padding: 0 16px 0 18px;

		font: normal 13px/19px Arial, Verdana;

		color: #7f827b;

	}

	

	#sidebar a {

		color: #0b750b;

		text-decoration: none;

	}

	

	#sidebar a:hover {

		text-decoration: underline;

	}

	

	/* Main - Sidebar - Search & Feed */

	

	#sidebar .sidebar-box-search-feed {

		width: 266px;

		height: 171px;

		margin-bottom: 11px;

		background: url("images/sidebar_search_feed.png") no-repeat;

		position: relative;

	}

	

		/* Sidebar - Search */

		

		#sidebar #sidebar-search {

			position: absolute;

			top: 48px;

			left: 11px;

			width: 243px;

			height: 28px;

		}

		

		#sidebar #sidebar-search #search-form {

			margin: 0;

			padding: 0;

			width: 243px;

			height: 28px;

		}

		

		#sidebar #sidebar-search #sb {

			width: 203px;

			height: 16px;

			border: 0;

			padding: 6px 0 6px 5px;

			font: bold 13px Arial, Verdana;

			color: #454545;

			background: transparent;

			float: left;

		}

		

		#sidebar #sidebar-search #searchsubmitb {

			background: transparent;

			border: none;

			width: 35px;

			height: 28px;

			padding: 0;

			float: right;

		}

		

		/* Sidebar - Feed */

		

		#sidebar #sidebar-feed {

			position: absolute;

			top: 85px;

			left: 12px;

			width: 240px;

			height: 70px;

		}

	

	/* Main - Sidebar - Boxes */

	

	#sidebar .sidebar-box {

		width: 266px;

		margin-bottom: 7px;

	}

	

	#sidebar .sidebar-box .sidebar-box-in {

		width: 266px;

		background: url("images/sidebar_box_in.png") repeat-y;

	}

	

		#sidebar .sidebar-box .sidebar-box-in .sidebar-box-in-bottom {

			width: 266px;

			min-height: 50px;

			background: url("images/sidebar_box_in_bottom.gif") no-repeat left bottom;

		}

	

	#sidebar .sidebar-box .sidebar-box-bottom {

		width: 266px;

		height: 19px;

		clear: both;

		background: url("images/sidebar_box_bottom.png") no-repeat;

	}

	

		/* Sidebar - Titles */

		

		#sidebar h3 {

			width: 246px;

			height: 36px;

			padding: 4px 10px 8px 10px;

			font: bold 17px/36px Arial, Verdana;

			color: #454545;

			background: url("images/sidebar_title.gif") no-repeat;

		}

		

			#sidebar h3.first {

				background: none;

			}

		

		/* Sidebar - Menus */

		

		#sidebar ul {

			margin: 0;

			padding: 0 5px 0 6px;

			list-style-type: none;

		}

		

		#sidebar ul li {

			color: #0b750b;

			font: normal 13px/24px Arial, Verdana;

		}

		

		#sidebar ul li a {

			color: #0b750b;

			padding: 0 3px;

			text-decoration: none;

			background: url("images/sidebar_menu.gif") repeat-x left bottom;

			display: block;

			width: 247px;

			height: 25px;

		}

		

		#sidebar ul li a:hover {

			text-decoration: underline;

		}

		

			/* Sidebar - Menus - Submenus */

			

			#sidebar ul li ul {

				padding: 0;

			}

			

			#sidebar ul li ul li a {

				padding-left: 13px;

				width: 234px;

			}

		

		/* Sidebar - Forms */

		

		#sidebar #searchform {

			margin: 0;

			padding: 24px 0 10px 0;

			width: 266px;

			text-align: center;

			background: url("images/sidebar_box_top.gif") no-repeat;

		}

		

		#sidebar #searchform #s {

			width: 206px;

		}

		

		/* Sidebar - Tables */

		

		#sidebar #calendar_wrap {

			margin: 0 auto;

			width: 132px;

		}

		

		#sidebar #calendar_wrap caption {

			font-weight: bold;

		}

		

		#sidebar #calendar_wrap tbody {

			text-align: right;

		}

		

		#sidebar #calendar_wrap tfoot #next {

			text-align: right;

		}

		

		#sidebar #calendar_wrap #today {

			font-weight: bold;

		}

		

		/* Sidebar - Texts */

		

		#sidebar .textwidget {

			padding: 0 9px;

		}

	

	/* Main - Content */

	

	#content {

		float: left;

		width: 683px;

	}

	

	/* Main - Content - Post */

	

	#content .post {

		float: left;

		margin-bottom: 3px;

		width: 683px;

	}

	

		/* Post - Title */

		

		#content .post .post-title {

			width: 661px;

			height: 90px;

			padding: 4px 11px 0 11px;

			background: url("images/post_title.png") no-repeat;

			color: #0b95b2;

			font: bold 13px Arial, Verdana;

			position: relative;

		}

		

			#content .post .post-title-page {

				height: 36px;

			}

		

		#content .post .post-title a {

			color: #0b95b2;

			text-decoration: none;

		}

		

		#content .post .post-title a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title h2 {

			float: left;

			color: #005769;

			font: normal 20px/36px Arial, Verdana;

		}

		

		#content .post .post-title h2 a {

			color: #005769;

			text-decoration: none;

		}

		

		#content .post .post-title h2 a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title .post-date {

			float: right;

			color: #161616;

			font: bold 13px/36px Arial, Verdana;

			background: url("images/icon_calendar.gif") no-repeat left center;

			padding-left: 19px;

		}

		

		#content .post .post-title .post-title-info {

			clear: both;

			width: 637px;

			padding: 15px 12px 0 12px;

			height: 34px;

			line-height: 34px;

		}

		

			#content .post .post-title .post-title-info .post-title-author {

				float: left;

				background: url("images/icon_author.gif") no-repeat left center;

				padding: 0 10px 0 20px;

			}

			

			#content .post .post-title .post-title-info .post-title-category {

				float: left;

				background: url("images/icon_category.gif") no-repeat left center;

				padding: 0 10px 0 20px;

			}

			

			#content .post .post-title .post-title-info .post-title-comments {

				float: left;

				background: url("images/icon_comments.gif") no-repeat left center;

				padding: 0 10px 0 20px;

			}

		

		/* Post - Entry */

		

		#content .post .post-entry {

			font: normal 13px/19px Arial, Verdana;

			color: #7f827b;

			width: 683px;

		}

		

			#content .post .post-entry .post-entry-in {

				width: 675px;

				background: url("images/post_entry_in.png") repeat-y;

				float: left;

				padding: 0 4px;

			}

			

			#content .post .post-entry .post-entry-in .post-entry-in-bottom {

				width: 655px;

				padding: 0 10px 0 10px;

				min-height: 305px;

				background: url("images/post_entry_in_bottom.jpg") no-repeat left bottom;

				float: left;

			}

			

			#content .post .post-entry .post-entry-bottom {

				width: 683px;

				height: 19px;

				background: url("images/post_entry_bottom.png") no-repeat;

				clear: both;

			}

		

		#content .post .post-entry a {

			color: #0b750b;

			text-decoration: none;

		}

		

		#content .post .post-entry a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-entry a.more-link {

			font-weight: bold;

		}

		

		#content .post .post-entry blockquote {

			border-left: 10px solid #bfec86;

			margin: 0px 30px;

			padding-left: 15px;

		}

		

		/* Post - Subtitle */

		

		#content .post h3 {

			margin: 20px 0 5px 0;

			color: #005769;

			font: bold 15px Arial, Verdana;

		}

		

		/* Post - Comments */

		

		#content .post .comments {

			font: normal 13px/19px Arial, Verdana;

			color: #7f827b;

			width: 655px;

		}

		

		#content .post .comments ol {

			margin: 10px 0;

			padding-left: 25px;

		}

		

		#content .post .comments ol li {

			padding: 5px;

		}

		

		#content .post .comments ol li a {

			color: #0b750b;

			text-decoration: none;

		}

		

		#content .post .comments ol li a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li.alt {

			background: #bfec86;

		}

		

		#content .post .comments ol li cite {

			color: #0b750b;

			font-style: normal;

			font-weight: bold;

		}

		

		#content .post .comments ol li cite a {

			color: #0b750b;

			text-decoration: none;

		}

		

		#content .post .comments ol li cite a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li .commentmetadata a {

			color: #0b750b;

			text-decoration: none;

		}

		

		#content .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;

		}

		

		/* Post - Comment Form */

		

		#content .post #commentform {

			font: normal 13px/19px Arial, Verdana;

			color: #7f827b;

			width: 630px;

			padding-left: 25px;

			margin: 0;

		}

		

		#content .post #commentform a {

			color: #0b750b;

			text-decoration: none;

		}

		

		#content .post #commentform a:hover {

			text-decoration: underline;

		}

	

	/* Main - Content - Navigation */

	

	#content .navigation {

		float: left;

		margin-bottom: 10px;

		font: bold 13px Arial, Verdana;

		color: #454545;	

		width: 673px;

		padding: 0 5px;

	}

	

	#content .navigation a {

		color: #454545;

		text-decoration: none;

	}

	

	#content .navigation a:hover {

		text-decoration: underline;

	}

	

		#content .navigation .navigation-previous {

			float: left;

		}

		

		#content .navigation .navigation-next {

			float: right;

		}





/* Footer */



#footer {

	width: 964px;

	height: 40px;

	color: #454545;

	font: normal 11px/40px Arial, Verdana;

	padding: 0 20px;

}



#footer a {

	color: #454545;

	text-decoration: underline;

}



#footer a:hover {

	text-decoration: underline;

}