/*
Theme Name: Tonawarna
Theme URI: http://blog.khamsany.com/
Description: Created by <a href="http://blog.khamsany.com">Khamsany Misran.</a> The simple theme with nice color tone :)
Version: 1.0
Author: Khamsany Misran
Author URI: http://blog.khamsany.com/

Tonawarna by Khamsany Misran || http://blog.khamsany.com
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

* { margin: 0px; }
html, body {
	height:100%;
}
body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
img { padding: 0px; margin: 0px; border: none; text-align: center;}
#wrap {
	height: 100%;
	min-height: 100%;
	background-color:#aed311;
        
}

html>body #wrap {
	height:auto;
}

#container {
	float:left;
	width: 100%;
	background-color:#e7e7e7;
       
}

#container_lvl1 {
	width: 950px;
	margin: auto;
	background-color:#FFFFFF;
}

#header {
	background: url(images/logo.gif) no-repeat top left #ffffff;
	height: 120px;
}

#leaderboard {
	width: 738px;
	padding: 10px 0px 0px 10px;
	float: right;
}
#menu {
	clear:both;
	margin:auto;
	width:950px;
	height:30px;
	background: url(images/menu.gif) repeat-x top left;
}
#center_container {
	clear: both;
	float:left;
	background-color:#ffffff;
	padding:10px;
	margin: auto;
}

.seperator { 
	float: left;
	width: 20px;
	height: 10px;
}
#search {
	float: left;
	width: 280px;
	background-color: #a5cf00;
	padding: 10px;
}
#search div{
	width:280px;
	float:left;
	background-color:#d7ea8f;
	padding-bottom:0px;
}

div#search input{
	float:left;
	width:165px;
	border:1px solid #CCFF00;
	height:22px;
	font-size:13px;
}

div#search button {
	float:left;
	height:25px;
	width: 100px;
	background: url(images/menu_hover.gif) repeat-x top left;
	padding: 2px 5px;
	margin-left: 2px;
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
	border:1px solid #CCCCCC;
}
div#search fieldset{
	border: none;
	padding: 5px;
}
div#search .syn {
	float: left;
	background-color: #a5cf00;
}

.syn ul {
	list-style:none;
	list-style-image:none;
	list-style-position:outside;
	margin-left: -40px;
}
.syn li {
	display: inline;
	font:'Arial';
	font-size:14px;
	color: #ffcc66;
	font-weight: bold;
	background: transparent url(images/SynIco.png) no-repeat scroll left center;
	margin:0 5px 0 0;
	padding:3px 0 3px 15px;
	letter-spacing: -1px;
}

.syn a {
	text-decoration:none;
	color: #ffffff;
}

.syn a:hover {
	text-decoration:underline;
}
	 
div#right_pan .categs {
	clear:both;
	background:#d7ea8f none repeat scroll 0 0;
	margin-bottom:3px;
	overflow:hidden;
	padding:15px;
}

div#right_pan .categs h3, #mylink h2 {
	-x-system-font:none;
	color:#313e00;
	font-family:'Arial';
	font-size:15px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:15px;
	padding-bottom:5px;
}

.categs div {
	float: left;
	width: 135px;
}

.categs ul {
	list-style:none;
	margin-left:-40px;
}

.categs li {
	font-size:12px;
	color: #313e00;
}

.categs a {
	color:#313e00;
}
#right_pan {
	width: 300px;
	float: left;
	background:#FFFFFF;
}

#left_pan {
	width: 610px;
	float: left;
	background: #ffffff;
	margin-top: 20px;
}
#left_header {
	width:100%;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#datepost{
	float:left;
	width:58px;
	height: 53px;
	overflow: hidden;
	background:url(images/calender.gif) no-repeat top left;
}
.mm {
	margin-top:2px;
	text-align: center;
}

.ddyy {
	text-align:center;
	margin-top: -13px;
}
.month {
	padding-top: 2px;
	color: #ffffff;
	text-transform:uppercase;
}

.day {
	font-size:16px;
	color: #666666;
}

.year {
	font-size:10px;
	color:#666666;
}
.blogtitle{
	margin-left: 10px;
	margin-top: 3px;
	float: left;
}

.blogtitle h1 {
	font-size: 30px;
	letter-spacing:-1px;
	color: #313e00;
}

.title {
	color:#666666;
	letter-spacing:-1px;
}

.blogtitle a{
	text-decoration:none;
	color: #313e00;
}

.blogtitle a:hover {
	color:#666666;
}

.owner {
	font-size:11px;
	color:#666666;
	font-style:italic;
}

.owner a{
	color:#666666;
	text-decoration: underline;
}

.owner a:hover{
	color:#666666;
}

.blog_contents {
	clear: both;
	float: none;
	font-size: 12px;
	padding-top:15px;
	padding-left: 10px;
	color: #35383D;
}
.editentry {
	padding-top: 15px!important;
}
.editentry a { background:url(images/edit-icon.png) no-repeat left 2px; padding-left: 14px; color:#ff6600; font-size: 11px; }

.clear {
	height: 45px;
}
.comments ul {
	list-style:none;
	list-style-image:none;
	list-style-position:outside;
	margin-left: -40px;
	
}
.comments li {
	display: inline;
	font:'Arial';
	font-size:12px;
	margin:0 5px 0 8px;
	padding:3px 0 3px 35px;
	letter-spacing: -1px;
	
}
.comm {
	background:url(images/comments.gif) no-repeat scroll left center;
	font-weight: bold;
}
.tag {
	background:url(images/tag.gif) no-repeat scroll left center;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight: normal;
}

.tag a {
	color: #8bae01;
	text-decoration:none;
}

.tag a:hover {
	text-decoration:underline;
}

.comm a {
	text-decoration:none;
	color: #8bae01;
}
.comments a:hover {
	text-decoration:underline;
}
#footer_container {
	clear:both;
	width: 100%;
	background:url(images/gr-bg.gif) repeat-x top left #a5cf00;
}
#footer {
	width:950px;
	margin: auto;
	min-height: 70px;
	background:url(images/gr-footer-bg.jpg) no-repeat top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	padding-top: 25px;
	letter-spacing:-1px;
}

html>body #footer_container {
	height:auto;
}

#footer a {
	color:#ffffff;
	text-decoration:underline;
}
/*NAVIGATION SECTION*/
.nav { overflow: hidden; padding-bottom: 20px;}
.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 0px; padding-left: 20px; }
.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 0px; padding-right: 20px; }
.nav a, .nav a:visited { cursor: hand; font: bold 14px/16px "Arial"; letter-spacing: -1px; color:#313E00; }

/* Comments
############################################################################################################## */
.comments-list { padding-top: 20px;}
.comments-list h2 { color:#272d36; font: normal 28px/28px "Arial"; letter-spacing: -1px; padding-bottom: 20px;}
.comments-list div.entry { margin-bottom: 15px; padding: 25px; border: 1px solid #A5CF00;}
.comments-list div.alt { background-color: #EFFFB2; padding-top: 40px; border: none; margin-bottom: 25px;}
.comments-list p.name { font: bold 14px/14px "Arial" sans-serif; letter-spacing: -1px; color:#000;}
.comments-list p.name a { color:#313E00;}
.comments-list p.avt { padding: 0px; margin: 0px; float: right;}
.comments-list p.avt img { border: solid 1px #ccc;}
* html .comments-list p.avt { left: -60px; }
.comments-list p.date { font-size: 11px; margin-bottom: 5px;}
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#313E00; text-decoration: underline;}

.comments-list .con { font: normal 12px/17px "Verdana"; margin-right: 90px; color:#333;}
.comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;}
.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; }
.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }

/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form { background: #efffb2; padding: 20px; margin: 10px 0px;}
.comments-form h3 { color:#272d36; font: normal 28px/28px "Arial"; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #a5cf00; }
.comments-form p { padding: 7px 0px; color:#808080; font-size:12px;}
.comments-form a { color:#313E00;}
.comments-form .required { font-weight: normal; color:#ff0000;}
.comments-form input { padding: 5px; width: 210px; margin-right: 7px; }
.comments-form input.formid { border: 1px solid #a5cf00; background: #fff url(images/form-name-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}
.comments-form input.formemail { border: 1px solid #a5cf00; background: #fff url(images/form-email-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}
.comments-form input.formuri { border: 1px solid #a5cf00; background: #fff url(images/form-uri-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}

.comments-form textarea { border: 1px solid #a5cf00; background: #fff; padding: 4px; width: 97%;}
.comments-form .button { border: 1px solid #a5cf00; background: url(images/button-post-comment.png) no-repeat left; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 6px 4px 38px;}

/* Recent
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.recent { background: #EFFFB2; padding: 15px; margin-bottom: 3px; }	
.recent .tabs { overflow: hidden; }
.recent .tabs { height: 1%; }
.recent ul { list-style:none; margin-left:-40px;}
.recent .tabs li { float: left; background: none; }
.recent .tabs li a { float: left; font: bold 14px/14px "Arial"; color: #313E00; padding: 3px 6px 9px 6px; background: #c0d964 url(images/tabs-inactive.png) no-repeat bottom center; margin-right: 3px; letter-spacing: -1px; text-decoration: none;}
.recent .tabs li a.active, .SR .recent .tabs li a:hover { background: #313E00 url(images/tabs-active.png) no-repeat bottom right; color: #fff; text-decoration: none; }
.recent a, .SR .recent a:visited { color:#313E00; text-decoration: underline;}
.recent a:hover { color:#003333; text-decoration: underline;}

#tab-comments { display: none; margin-bottom: 5px; }
#tab-comments li { background: url(images/tabs-arrow.png) no-repeat left 10px; padding: 4px 0px 4px 6px; border-bottom: solid 1px #D7EA8F; font-size: 11px; color:# 313E00;}
#tab-comments li a, #mylink li a { display: block;}
#tab-posts { margin-bottom: 5px; font-size: 11px; }
#tab-posts li { background: url(images/tabs-arrow.png) no-repeat left 8px; line-height: 14px; padding: 1px 0px 1px 6px;}
#tab-tags { display: none; margin-bottom: 5px; font-family: "Verdana"; line-height: 22px;}

/*MENU SECTION
/*main menu */
ul.menu-nav {
	margin:0 !important;
	padding:0 !important;
}

ul.menu-nav li {
background:transparent url(images/menu_seperator.gif) no-repeat scroll right top;
display:block;
float:left;
margin:0;
padding:0 2px 0 0;
}

ul.menu-nav li a {
border:medium none;
display:block;
float:left;
padding:0;
text-decoration:none !important;
}

ul.menu-nav li a span {
background:transparent url(images/menu.gif) repeat-x scroll 0 0;
color:#ffffff;
display:block;
float:left;
font-size:13px;
letter-spacing:-1px;
padding:7px 20px;
font-weight:bold;
text-decoration:none !important;
}

ul.menu-nav li a:hover {
border:medium none;
display:block;
font-weight:normal;
text-decoration:none;
width:auto;
}
ul.menu-nav li a:hover span {
background:transparent url(images/menu_hover.gif) repeat-x scroll 0 0;
color:#ffffff;
display:block;
cursor:pointer;
}
ul.menu-nav li.current_page_item a {
background:transparent url(images/menu_hover.gif) repeat-x scroll 0 0;
border:medium none;
display:block;
float:left;
text-align:center;
width:auto;
}
ul.menu-nav li.current_page_item a span {
background:transparent url(images/menu_hover.gif) repeat-x scroll 0 0;
color:#ffffff;
}

.addthis_button_compact { color:#FF6600; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; }

.more-link { background-color: #313E00; padding: 5px 10px; font-weight: bold; color:#ffffff; margin-top: 10px;}
#nuffnangsb {float:left; width:160px;}
#mylink{
    background:#EFFFB2 none repeat scroll 0 0;
    margin-bottom:3px;
    padding:10px;
    float:right;
    width:110px;
    margin-top:10px;
    border:solid 1px #313E00;
}

#mylink ul, #mylink li { list-style:none; }
#mylink ul {margin-left:-40px}
#mylink li { background: url(images/tabs-arrow.png) no-repeat left 10px; padding: 3px 0px 3px 6px;  font-size: 11px; color:# 313E00;}
#mylink .linkcat { background:none;}
#mylink a { color:#313E00; }
#mylink a:hover, #mylink a:visited {color:#003333; }
#mylink h2 { font-size:14px; margin-left:-5px; }
.blog_contents p {text-align:justify;}

blockquote{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  padding: 8px;
  background-color: #D7E6E8;

  margin: 5px;
  background-image: url(images/quote_01.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 48px;
  font-style:italic;
}

.notes{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  padding: 8px;
  background-color: #D7E6E8;

  margin: 5px;
  background-repeat: no-repeat;
  font-style:italic;

}

blockquote span {
     display: block;
     background-image: url(images/quote_02.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
}