/* 
Theme Name: Maple Leaf
Description: Modified Daisy Rae Gemini Two Col Fixed Width Centred with RH Menu
Author: <a href="http://www.kaushalsheth.com">Kaushal Sheth</a>
Author URI:Kaushal Sheth

Credits:
Maple Leaf designed by <a href="http://kaushalsheth.com">Kaushal Sheth</a> developed by <a href="http://www.geeksmakemehot.com">geeksmakemehot</a>.
Image Header from http://sxc.hu/browse.phtml?f=download&id=379736

License -
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* -------  Layout CSS(   Centered Fixed Width) ------ */

body {
	font: 62.5% 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
	margin: 0; padding: 0;
	text-align: center; /* IE 5.5 hack */
}
#farouter {
	background: #FFF;
	width: 860px; 
	border: 1px solid #3A291F; margin: 20px auto;
	text-align: left;  /* IE 5.5 hack part II */
}
#outer {}
#rap {}
#masthead {
	letter-spacing: 0.2em;
	margin: 8px 8px 0 8px; padding: 0 10px 10px 60px; 
	font: normal 1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
	height: 60px;
}
#main { padding-left: 25px; }
#content {
	float: left;
	width: 600px;
	padding-top: 40px;
}
#menu {
	float: right;
	width: 175px;
	margin-right: 3px; border-left: 1px dotted #893D32;
}
#nav { padding-left: 10px; }
#logo { padding-top: 25px; padding-left: 12px; }
#hmenu {
	margin: 8px;
	height: 30px;
}
#hnav { margin: 0; padding: 0; }
#clearer {
	clear: both;
	margin: 0; padding: 0;
}
#footer { margin: 8px; }

/*----------------- Color CSS    ------------------------*/

body { background: #611106; color:#333; }
#rap { background: #FFF; }
#masthead { background: #611106 none; }
#footer { background: #611106; }
#hmenu { background: #611106; }
#hnav { background: #611106; }
a {
	color: #200800;
	text-decoration: none;
	font-size: 1.1em;
}
a:visited {
	color: #708090;
	text-decoration: none;
}
a:hover {
	color: #D2691E;
	text-decoration: underline;
}
acronym, abbr { border-bottom: #333; }
blockquote {
	border-left: #E0500F;
	color: #E0500F;
}
h2 {
	color: #200800;
	font-size: 1.8em;
	font-weight: normal;
}
h3 a {
	color: #001140;
	font-size: 1.4em;
}
h3 a:hover {
	color: #001655;
	font-size: 1.4em;
}
h3 a:visited { color: #001C6A; }
.meta { color: #CF3000 }
.meta a { color: #001700; }
.feedback a{ color: #001700; }

/* --------     Core CSS ---------*/

a { text-decoration: none; }
a img { border: none; }
acronym, abbr { border-bottom: 1px dashed; }
acronym, abbr, span.caps {
	cursor: help;
	font-size: 0.9em;
	letter-spacing: .07 em;
}
blockquote { border-left: 3px solid #E0500F; border-bottom: 3px solid #E0500F; margin-left: 1.5em; padding-left: 5px; }
cite { font-style: oblique; }
#header a {
	color: #FFF;
	text-decoration: none;
}
#header a:hover { text-decoration: underline; }
h1 {
	margin: 0; padding: 10px;
	text-align: left;
}
h1#header {
	padding: 0;
	text-align: left;
}
#hidden { display:none; }
h2 {
	font: 1.2em 'Lucida Grande','Lucida Sans Unicode',Verdana, sans-serif;
	letter-spacing: 0.2em;
	margin: 0 20px 20px 0; padding: 20px 0 0 0;
}
h2#tagline {
	margin-right: 25px; padding: 0;
	text-align: left;
	color: #FFF;
}
.post h2 {
	font: 1em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
 	letter-spacing: 0.2em;
 	margin: 0 20px 0 30px; padding: 20px 0 30px 0;
}
h3 {
	font: 1.6em 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
	margin-left: 0; margin-top: 30px;color: #200800;  
}
h3#comments { margin-left: 20px; }
h3#respond { margin-left: 20px; }
h4 {
	font-size: 1.4em;
	font-weight: bold;
}
ol#comments li p { font-size: 1em; }
img { margin: 10px; padding: 10px; border: 0px solid #E0500F; }
p, #content ul li, .feedback {
	font: 1.3em/1.5em Helvetica,Arial,'Lucida Grande','Lucida Sans Unicode',sans-serif;
	text-align: justify;
	color: #333;
}
.textarea {
	width:200px;
	margin:0;
}
#archives {
	font: 1.5em normal 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
}

/* ------------------------- Classes used by the_meta() ---------------------*/

ul.post-meta { list-style: none; }
ul.post-meta span.post-meta-key { font-weight: bold; }
.credit {
	color: #FFF;
	font-size: 1em;
	margin: 10px 0 0 0; padding: 3px;
	text-align: center;
}
.credit a, .credit a:hover {
	color: #FFF;
	text-decoration: none;
}
.feedback {
	text-align: right;
	clear: both;
	margin-right: 30px;
	font-size: .9em;
}
.meta { font-size: 1.1em; }
.meta li, ul.post-meta li { display: inline; }
.meta ul {
	display: inline;
	list-style: none;
	margin: 0;padding: 0;
}
.meta, .meta a {
	font-weight: normal;
	letter-spacing: 0;
}
.post { margin: 35px 35px 20px 0; }
.entrytext { margin-left: 30px; }
.storytitle { margin-top: 10px; margin-bottom: 2px; }
.storytitle a { text-decoration: none; }
.storycontent{ margin-bottom: 5px; border-bottom: 1px solid #611106; }
#commentform { margin-left: 20px; }
#commentform  #comment { width:450px; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
 	background: #FFF;
	padding: .2em; }
#commentform textarea { width:100%; }
#commentlist li { border: 2px solid #611106; margin-bottom: 20px; padding-left: 20px; }
#commentlist li ul {
	border-left: 1px solid #DDD;
	font-size: 1.1em;
	list-style-type: none;
}

/* ----------  All menu styling except #menu itself (in layout above) ------- */

#nav form { margin: 0 0 0 13px; }
#nav input#s {
	width: 80%;
	background: #EEE;
	border: 1px solid #999;
	color: #000;
}
#nav ul li h2 {
  	font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
  	font-weight: normal;
	letter-spacing: 0.1em;
	border: 0px none;
	text-align: left;
	padding-left:0; margin-left: 0
}
#nav ul ul ul.children {
	font-size: 1em;
	padding-left: 4px;
}
#nav { width: 170px; }
#nav ul {
	margin-left: 0; padding-left: 0;
	list-style-type: none;
	font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
	font-size: 1em;
}
#nav a {
	display: block;
	width: 130px;
	background-color: #FFF;
	background-image: url('images/icon.gif'); 
	background-repeat: no-repeat;
	background-position: 0 55%;
	border-bottom: 1px dotted #611106; padding: 3px 3px 3px 16px;
}
#nav a:link, #navlist a:visited { text-decoration: none; }
#nav a:hover {
	background-image: url('images/icon2.gif');  
	color: #000;
}
#themeswitcher {
	font-size: 8px;
}

/*------------- hnav------------*/

#hnav ul {
	text-align: center;
	padding: 5px 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	background-color: #611106;
	color: #F2EEEC;
	width: 100%;
	font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
	line-height: 18px;
	/* fixes Firefox 0.9.3 */
}
#hnav ul li {
	display: inline;
	padding: 5px 0;
}
#hnav ul li a {
	padding: 5px 10px;
	color: #F2EEEC;
	text-decoration: none;
	border-right: 1px solid #F2EEEC;
}
#hnav ul li a:hover {
	background: #F2EEEC;
	color: #3A291F;
}
#hnav #active { border-left: 1px solid #F2EEEC; }

/*------------- added ------------*/

.gravatar {
	float:left;
	padding: 3px; margin-right: 5px; margin-bottom: 5px;
	border: 1px solid #E0500F;
}	
#commentbox {
	background: #F2EEEC;
	border: 1px solid #E0500F; padding: 5px; 	margin-bottom: 15px;
}
.commentby {
	font-size: 14px;
	text-transform: uppercase;
}
.commentinfo {
	font-size: 10px;
	margin-top: -10px; border-bottom: 1px solid #CF3000;
}
.commentid {
	float: right;
	font-size: 24px;
	font-style: italic;
	padding: 5px 5px 5px 10px;
	color: #611106;
}
.commentid a {
	color: #611106;
	text-decoration: none;
}
.post ul li {
	padding: 0;
	font-weight: normal;
	list-style: url('images/icon.gif');
	line-height: 1.5em;
}
.post ul li:hover {
	padding: 0;
	font-weight: normal;
	list-style: url('images/icon2.gif');
	line-height: 1.5em;
}
