/*
Theme Name: Road Monkey NEW Theme
Theme URI: http://www.roadmonkey.net/
Description: This thmee has been developed by Tanzilo specially for Road Monkey Blog.
Version: 1.0
Author: Tanzil Al Gazmir
Author URI: http://www.tanzilo.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* Begin Typography & Colors */

/* CSS Document */

body {
	margin:0 auto;
	padding:0;
	border:0;
}

.specer{clear:both; font:0; line-height:0;}

br, div, p, img, ul, li, span, h1, input, h2, h3, h4, h5, h6{margin:0; padding:0;}

h1, h2, h3
{
	padding-bottom:15px;
}
h4, h5, h6
{
	padding-bottom:5px;
}

#main{
	width:945px;
	margin: 0 auto;
	position:relative;
}
/*=====================Header Panel============================*/
#header{
	width:967px;
	margin:0;
	padding:0;
}

#header div#left-block {
	width:235px;
	height:264px;
	background:url(images/lefth.jpg) 0 0 no-repeat;
	float:left;
}

#header div#right-block {
	width:732px;
	height:264px;
	float:left;
}

#right-block div#top-panel {
	width:732px;
	height:42px;
	background:url(images/menu-blue.jpg) 0 0 repeat-x;
}
#bottom-panel {
	width:732px;
	height:222px;
	background:url(images/righth.jpg) 0 0 no-repeat;
}

/*=================Menu Panel Start==========================*/


/*=================End Menu Panel==========================*/

/*=====================End Header Panel============================*/


/*============Content Panel Start===========================*/

#content {
	width:945px;
	margin: 0 auto;
	padding:0px 0px 20px 0px;
	background:url(images/contentbg.jpg) 0 0 repeat-x;
	background-color:#E6F0F9;
	height:100%;
	border:5px solid #fff;
	overflow:hidden;
}

/*==============Contnet - Left Panel=================*/

#content-left {
	width:206px;
	margin:0;
	float:left;
	background-color:#e6f0f9;
}

#categories {
	width:201px;
	margin-left:5px;
	margin-top:44px;
	background:url(images/categories.jpg) 0 0 no-repeat;
	height:42px;
	padding:0;
}

#menu_top
{
	width:201px; height:33px;
	background:url(images/categories-menu-top.jpg) top left no-repeat;
}
#menu {
	width:201px;
	height:320px;
	margin:0 0 0 5px;
	padding:0;
}

#menu ul.navmenu{
	background:url(images/categories-menu-bottom.jpg) bottom;
	margin:0;	
	padding:0px 0px 35px 0px;
	list-style-type:none;
}

ul.navmenu li {
	font:bold 14px/17px Tahoma;
	color:#372b11;
	padding:10px 0 10px 40px;
	background:url(images/dot.gif) bottom no-repeat;
	width:150px;
}

ul.navmenu li a {
	padding:0;
	font:bold 14px/17px Tahoma;
	color:#372b11;
	text-decoration:none;
}

ul.navmenu li a:hover {
	color:#fff;
}

#content-middle {
	width:548px;
	margin:0;
	float:left;
	background-color:#e6f0f9;
}

#middle-top {
	width:491px;
	background:url(images/middle-header.gif) 0 0 no-repeat;
	height:49px;
	float:left;/*
	position:relative;*/
	margin-top:6px;
}
/*=================Recent Post upper Menu================================*/
#middle-top ul.postmenu {
	margin:0;
	padding:0;
	width:427px;
	list-style-type:none;
	margin: 17px 0 0 24px;
}

ul.postmenu li.home {
	background:url(images/home-btn.gif) 0 0 no-repeat;
	width:67px;
	height:21px;
	float:left;
	margin:0;
	padding:0;
}
ul.postmenu li.home a {
	background:url(images/home-btn.gif) 0 0 no-repeat;
	width:67px;
	height:21px;
	float:left;
	margin:0;
	padding:0;
	text-decoration:none;
}

ul.postmenu li.about {
	background:url(images/about-btn.gif) 0 0 no-repeat;
	width:88px;
	height:21px;
	float:left;
	margin:0;
	padding:0;
}

ul.postmenu li.about a {
	background:url(images/about-btn.gif) 0 0 no-repeat;
	width:88px;
	height:21px;
	float:left;
	margin:0;
	padding:0;
	text-decoration:none;
}
ul.postmenu li.archieve {
	background:url(images/archive.gif) 0 0 no-repeat;
	width:95px;
	height:21px;
	float:left;
}
ul.postmenu li.archieve a {
	background:url(images/archive.gif) 0 0 no-repeat;
	width:95px;
	height:21px;
	float:left;
	margin:0;
	padding:0;
	text-decoration:none;
}

ul.postmenu li.contact {
	background:url(images/contact-btn.gif) 0 0 no-repeat;
	width:100px;
	height:21px;
	float:left;
}

ul.postmenu li.contact a {
	background:url(images/contact.gif) 0 0 no-repeat;
	width:100px;
	height:21px;
	float:left;
	text-decoration:none;
}

ul.postmenu li.links {
	background:url(images/links-btn.gif) 0 0 no-repeat;
	width:77px;
	height:21px;
	float:left;
	margin:0;
	padding:0;
	
}
ul.postmenu li.links a {
	background:url(images/links.gif) 0 0 no-repeat;
	width:77px;
	height:21px;
	float:left;
	margin:0;
	padding:0;
	text-decoration:none;
}
#recent {
	width:548px;
	height:46px;
	background:url(images/green-top.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
}

#recent h1 {
	font:bold 16px/35px Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#fff;
	padding-left:22px;
}

#recent-details {
	width:511px;
	margin:0 0 0 11px;
	padding:0;
	background:#f1f0e0;/*
	background-color:#f1e0e0;*/
	border-left:6px solid #fff;
	border-right:6px solid #fff;
	border-bottom:6px solid #fff;
	border-top:#FFFFFF solid 6px;
}
#headrecent {
	width:481px;
	height:44px;
	margin:0;
	padding:0;
}
#date {
	background:url(images/20-sep.jpg) 10px 0 no-repeat;
	width:52px;
	height:44px;
	float:left;
	margin:0;
	padding:0;
}

#des {
	width:300px;
	height:32px;
	float:left;
	margin:0;
	padding-top:12px;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#372b11;
	padding-left:16px; 
}

#des span {
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#372b11;
	padding-left:10px;
	text-decoration:underline;
}
#comments {
	width:96px;
	height:25px;
	margin:0;
	padding:0;
	float:left;
	background:url(images/comment.jpg) 0 13px no-repeat;
	padding-left:17px;
	padding-top:13px;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#ff0000;
	text-decoration:underline;
}

/*================Header-middle content====================*/
#recentmiddle {
	width:451px;
	margin:0 0 14px 60px;
	padding:0;
}

#pict1 {
	background:url(images/pict-1.jpg) 0 0 no-repeat;
	width:119px;
	height:118px;
	float:left;
}

#text {
	font:normal 11px/15px Tahoma;
	width:320px;
	margin: 0 0 0 0px;
	float:left;
}
p.text {
	font:normal 11px/15px Tahoma;
	color:#372b11;
	padding: 0 10px 15px 0;
}
p.text1 {
	font:normal 11px/15px Tahoma;
	color:#372b11;
	padding: 0 10px 25px 24px;
}
span.under {
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#372b11;
	padding: 0 30px 0 30px;
	text-decoration:underline;	
}

span.continue {
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#ff0000;
	padding:0;
	margin:0;
	text-decoration:underline;	
}
#recentbottom {
	width:481px;
	background:url(images/dash.jpg) 0 35px no-repeat;
}
#recentbottom1 {
	width:481px;
}

/*================End =Recent Post upper Menu================================*/
#content-right {
	width:185px;
	margin:0;
	padding:0;
	float:left;
	padding:0px 0px 0px 0px;
}

#calender {
	width:125px;
	height:200px;
	margin:0;
	padding:0;
	margin-top:30px;
	margin-left:10px;
	background-color: #AA8E2B; padding-left:15px; padding-bottom:10px; 
}

a:link { 

font-weight: bold; color: #AB2C17}

#calender caption
{ 
	font-size:18px; padding:10px; font:bold; color:#660000
}
#searchbox {
	margin:18px 0 0 10px;
	width:180px;
	height:19px;
}

input.go {
	width:133px;
	height:19px;
	background-color:#fff;
	border:1px solid #798177;
	padding:0;
	margin:0;
}

input.gobtn {
	padding:0;
	width:32px;
	height:25px;
}

p.archive {
	font:bold 18px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	padding:29px 0 0 15px;
}

ul.arc-menu {
	margin:19px 0 0 20px;
	padding:0;
	list-style-type:none;
}

ul.arc-menu li A {
	font:normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#323931;
	background:url(images/bullet.jpg) 0 6px no-repeat;
	padding: 0 0 0 15px;
}


#linkspanel {
	width:139px;
	margin: 26px 0 0 24px;
	background-color:#d7e1e7;
}

#linksbox {
	width:137px;
	height:30px;
	background-color:#798177;
}


#linksbox h1 {
	font:bold 16px/30px Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#fff;
	padding-left:22px;
}

#linkscontent {
	width:139px;
	background-color:#d8e2e9;
}

#linkscontent A
{
	color:#323931; text-decoration:none;
}

#linkscontent LI
{
	list-style:none;
}

ul.linksnav {
	margin:0 0 0 5px;
	padding-bottom:28px;
	list-style-type:none;
}

ul.linksnav li {
	font:normal 10px/24px Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 0 0 16px;
	background:url(images/bullet2.jpg) 0 9px no-repeat;
	
}


p.rss {
	padding:33px 0 0 40px;
	font:bold 11px/15px Tahoma;
	color:#372b11;
}
span.rpad {
	padding: 0 0 0 6px;
}
/*=================2nd para recent post======================*/


#headrecent1 {
	width:481px;
	height:44px;
	margin:15px 0 0 0;
	padding:0;
}
#date1 {
	background:url(images/19-sept.jpg) 10px 0 no-repeat;
	width:52px;
	height:44px;
	float:left;
	margin:0;
	padding:0;
}

#des1 {
	width:300px;
	height:32px;
	float:left;
	margin:0;
	padding-top:12px;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#372b11;
	padding-left:16px; 
}

#des1 span {
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#372b11;
	padding-left:10px;
	text-decoration:underline;
}
#comments1 {
	width:96px;
	height:25px;
	margin:0;
	padding:0;
	float:left;
	background:url(images/comment.jpg) 0 13px no-repeat;
	padding-left:17px;
	padding-top:13px;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#ff0000;
	text-decoration:underline;
}

#picture {
	width:385px;
	height:159px;
	margin:0 auto;
	padding:0;
	border:0;
}

#text2 {
	width:457px;
	margin: 15px 0 10px 21px;
}

p.text2 {
	font:normal 11px/15px Tahoma;
	color:#372b11;
}

#recentbottom1 {
	width:481px;
	margin:0;
	padding:0;
}

/*=================End 2nd para recent post======================*/

/*===========Leave a Reply Box*=====================*/

#leavereply {	
	width:547px;
	padding-top:15px;
}

#leavereply div#box {
	width:547px;
	height:44px;
	background:url(images/reply-green.jpg) 0 0 no-repeat;
}

#leavereply h1 {
	font:bold 16px/32px Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#fff;
	padding-left:22px;
}
#leavereply div#submitbox {
	width:521px;
	background-color:#624f41;
	border-left:6px solid #fff;
	border-right:6px solid #fff;
	border-bottom:6px solid #fff;
	margin-left:4px;
	height:300px
}

#name {
	width:81px;
	float:left;
	padding: 10px 0 0 25px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
}

#part {
	width:409px;
	float:left;
		padding: 10px 0;
}
#part2 {
	width:409px;
	float:left;
		padding: 6px 0;
}
#part4 {
	width:54px;
	float:left;
	padding: 6px 0 0 265px;
}

input.pad {
	width:321px;
	margin:0;
	padding:0;
	height:17px;
	background-color:#e0dcd9;
}

input.pad2 {
	width:200px;
	margin:0;
	padding:0 5px 0 0;
	height:17px;
	background-color:#e0dcd9;
}
select.pad3 {
	width:280px;
		background-color:#e0dcd9;
}

.pad5{
	width:321px;
		background-color:#e0dcd9;
}
/*================End Leave a Reply Box===============*/

/*==============End Contnet - Left Panel=================*/




/*=============================Footer======================*/
#recentbottom A 
{
	text-decoration:none; color:#372B11;
}
#recentbottom A:hover 
{
	text-decoration:underline;
}


#blogElements
{
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:8px 0px 0px 12px; 
}
#blogElements H2 A 
{
	text-decoration:none; color:#594F36;
	padding:0px 0px 0px 9px;
}
#blogElements H2 A:hover 
{
	text-decoration:underline; color:#92754D; 
}
#postingDate
{
	width:41px; height:41px; float:left; padding:10px 0px 0px 15px;
	background:url(images/dummy-calendar.jpg) left top no-repeat;
	line-height:10px; color:#250105; font-weight:bold;
	elevation: 45deg
}
#postingTime
{
	width:198px; float:left; font-weight:bold; color:#594F36;
	line-height:45px;
}
#postedBy
{
	text-decoration:underline; font-weight:bold; color:#594F36;
	width:129px; float:left; clear:right;
	line-height:45px;
}
#totalComments A 
{
	color:#FE0000; text-decoration:underline; font-weight:bold;
	width:114px;
	line-height:45px;
}
#postTitle
{
	clear:both; width:100%;
}
#postContent
{
	margin:10px 20px 20px 10px; clear:both;
}
#postContent p 
{
	line-height:14px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#372B11; padding:0px 0px 15px 0px;
}
#postContent A 
{
	color:#594F36;
}
#postContent img
{
	border:none;
}
#tagList
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width:274px; float:left; margin:0px 0px 0px 5px;
}
#tagList A
{
	text-decoration:none; color:#594F36;
}
#shareThis
{
	width:95px; float:left;
}
#shareThis A 
{
	color:#382A0F; text-decoration:underline; font-weight:bold;
}
#continueReading
{
	width:125px; float:left; padding:2px 0px 0px 0px;
}
#continueReading A 
{
	color:#E20000; font-weight:bold; text-decoration:none;
}
#postingSeparator
{
	background:url(images/posting-separator.jpg) center no-repeat;
	margin:0px;
	width:100%; height:100%; clear:both;
}

#blogComments
{
	width:471px; height:100%; background:#F2F0E1;
	border:#FFFFFF solid 5px; margin:20px 0px 20px 11px;
	clear:both; overflow:hidden;
	padding:10px 20px 20px 20px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; color:#372B11;
}
#blogComments A 
{
	color:#594F36;
}
#blogComments OL
{
	margin:0px; padding:0px;
}
#blogComments LI
{
	margin:0px; padding:10px 10px 10px 20px; list-style:none; clear:both;
}
#blogComments P 
{
	clear:both; margin:5px 0px 5px 0px;
}
#blogComments IMG 
{
	float:left; margin:0px 10px 5px 0px;
}
#blogComments h3
{
	list-style:none; background:none; margin:0px; padding:0px;
}
#comments
{
	color:#000000; list-style:none; background:none; margin:0px; padding:0px;
	width:450px; font-size:18px; text-decoration:none;
}
#leaveAReply
{
	background:#A4A677; width:492px;
	border:#FFFFFF solid 2px;
	margin:0px 0px 0px 11px; padding:0px 0px 0px 25px;
	clear:both; overflow:hidden;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:18px; 
	color:#FFFFFF; 
}
#leaveAReply h2 
{
	margin:0px; padding:7px 0px 7px 0px; color:#FFFFFF;
}
#blogCommentsInputs
{
	width:486px; height:100%; background:#624F41;
	border:#FFFFFF solid 5px; margin:0px 0px 20px 11px;
	border-top:none; clear:both; overflow:hidden;
	padding:20px 0px 20px 25px;
	color:#FFFFFF;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#blogCommentsInputs A 
{
	color:#FFFFFF;
}
#commentLabel
{
	float:left; width:85px; font-weight:bold; font-size:11px;
}
.inputBox
{
	background:#E0DCD9; border:#723600 solid 1px;
	width:254px; height:17px;
}
.submitButton
{
	margin:0px 0px 0px 387px;
}
#comment
{
	width:366px; height:125px; border:#723600 solid 1px;
}
.alt
{
	background:#E6F0F9;
}
.mceTemp
{
	padding:10px 0px 10px 0px;
}

/****  MORE CODE  ******/

#navigation A 
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:bold;
	margin:15px; text-decoration:none; line-height:30px;
	color:#1F375D;
}
#not_found
{
	margin:25px;
}
#postContent A
{
	/*color:#0D90EB;*/
	color:#0033CC;
}
#welcome
{
	margin:0px 0px 0px 10px; font-size:12px;
}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px 10px 10px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.commentlist li .avatar 
{ 
	float: right;
	border: 1px solid #eee;
	padding: 1px;
	background: #fff;
}
/* End captions */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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;
	}

.alignleft {
	float: left;
	}
/* End Images */
