/*
Theme Name: Mobile Clean
Theme URI: http://gandamanurung.com/wordpress-themes/free-wordpress-theme-mobile-clean
Description: A very clean wordpress theme and good use for mobile blogging.
Version: 1.1
Author: Ganda Manurung
Author URI: http://gandamanurung.com
*/

/*
css general reset
*/
* {
	font-family: verdana;
	font-size: 1em;
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
	vertical-align: baseline;
}

html, body {line-height: 1}
hr {display: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
.clear {clear: both}

/*
layout css information
*/
body {
	background: #fff;
	text-align: center;
}

#container {
	width: 1000px;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-top: 1px solid #c2c2c2;
	background: #fff;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	text-align: left;
}

/*
very top bar
*/
#page {
	width: 1000px;
	background: #eff6e8;
	border-bottom: 1px solid #c2c2c2;
	height: 28px;
}

#pagemenu {
	float: left;
	height: 28px;
	margin-left: 20px;
	display: inline;
	background: #fff;
	z-index: 20;
}

#pagemenu li {
	float: left;
	display: block;
	height: 28px;
	background: #eff6e8;
}

#pagemenu li ul li {
	height: 28px;
	border-bottom: 1px solid #ddd;
	width: 100%;
}

#pagemenu li a {
	border-left: 1px solid #ddd;
	display: block;
	color: #666;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	font-size: 0.75em;
	text-transform: capitalize;
	line-height: 28px;
	border-right: 1px solid #ddd ;
}

#pagemenu li a:hover {
	background: #e7f1dc;
	color: #666;
}

#pagemenu li.current_page_item a {
	background: #fff;
	color: #333;
}

#pagemenu li.current_page_item a:hover {
	background: #e7f1dc;
	color: #333;
}

#pagemenu ul {
	display: none;
	z-index: 99;
	position: absolute;
}

#pagemenu ul li a {
	display: block;
	background: #fff;
}

#pagemenu li ul a:hover {
	display: block;
	background: #fff;
}

#pagemenu ul a {
	display: block;
}

#pagemenu ul ul {
	margin-top: -25px;
	display: none;
	margin-left: 199px;
	position: absolute;
}

#pagemenu li:hover ul ul {
	display: none;
}
#pagemenu li:hover ul {
	display: block;
}
#pagemenu ul li:hover ul {
	display: block;
}
#pagemenu li ul li {
	display: block;
	width: 100%;
}

#pagemenu li.page_item ul {
	border-top: 1px solid #ddd;
	width: 200px;
}

#pagemenu li.page_item a {
	display: block;
}

#pagemenu li.page_item a:hover {
	display: block;
}

#pagemenu li.page_item ul li a {
	display: block;
	text-align: left;
	height: 28px;
	line-height: 28px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: lowercase;
	font-size: 0.7em;
	font-weight: bold;
	color: #666;
}

#pagemenu li.page_item ul li a:hover {
	display: block;
	text-align: left;
	height: 28px;
	line-height: 28px;
	border-right: 1px solid #a6dc00;
	border-left: 1px solid #ddd;
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: lowercase;
	font-size: 0.7em;
	font-weight: bold;
	color: #ff9000;
}

/*
search bar
*/
#searchbar {
	display: inline;
	margin-right: 20px;
	font-size: 0.7em;
}

.searchform {
	display: inline;
	vertical-align: middle;
	padding-top: 4px;
	padding-right: 5px;
	float: right;
}

.searchform fieldset {
	display: inline;
	vertical-align: middle;
}

.searchform label {
	display: inline;
	vertical-align: middle;
}

.searchform input {
	display: inline;
	vertical-align: middle;
}

.searchform .searchlabel {
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 5px;
	font-family: arial;
}

.searchform .searchterm {
	border: 1px solid #bbb;
	width: 150px;
	padding: 3px;
	color: #999;
	background: #eff6e8;
}

.searchform .searchterm:focus {
	color: #707070;
	background: #fff;
}

.searchform .searchbutton {
	border: 1px solid #bbb;
	background: #eff6e8;
	cursor: pointer;
	color: #999;
	font-size: 0.9em;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	height: 21px;
}

.searchform .searchbutton:hover {
	background: #e4efd9;
}

.searchformi {
	vertical-align: middle;
	font-size: 0.7em;
}

.searchformi fieldset {
	display: inline;
	vertical-align: middle;
}

.searchformi label {
	display: inline;
	vertical-align: middle;
}

.searchformi input {
	display: inline;
	vertical-align: middle;
}

.searchformi .searchlabel {
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 5px;
	font-family: arial;
}

.searchformi .searchterm {
	border: 1px solid #bbb;
	width: 150px;
	padding: 3px;
	color: #999;
	background: #eff6e8;
}

.searchformi .searchterm:focus {
	color: #707070;
	background: #fff;
}

.searchformi .searchbutton {
	border: 1px solid #bbb;
	background: #eff6e8;
	cursor: pointer;
	color: #999;
	font-size: 0.9em;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	height: 21px;
}

.searchformi .searchbutton:hover {
	background: #e4efd9;
}

/*
header css
*/
#header {
	width: 1000px;
	height: 125px;
}



#header h1.blogtitle {
	float: left;
	width: 100%;
	margin-top: 40px;
	text-align: center;
}

#header h1.blogtitle a {
	color: #666;
	font-family: "arial";
	font-size: 2.0em;
	line-height: 1.2em;
	letter-spacing: -1px;
}

#header h1.blogtitle a:hover {
	color: #474747;
}

#header .description {
	color: #666;
	font-size: 0.9em;
	font-weight: normal;
	font-family: "arial";
	line-height: 1.4em;
}

/*
page menu css
*/
#bar {
	width: 1000px;
	height: 28px;
}

/*
content layout
*/
#content {
	width: 1000px;
}

#content #column {
	float: left;
	width: 574px;
	margin-left: 5px;
	margin-right: 0px;
	display: inline;
}

#content #sidebar {
	float: left;
	width: 394px;
	margin-left: 5px;
	display: inline;
	background: #fff;
	height: inherit;
	min-height: inherit;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/*
sidebar widgets
*/
#sidebar h2 {
	font-size: 0.75em;
	font-weight: bold;
	font-family: arial, tahoma;
	line-height: 1.8em;
	color: #484847;
	margin-top: 20px;
	border-bottom: 1px solid #e4efd9;
}

#sidebar p {
	margin: 0px 0px 7px 0px;
}

#sidebar .box {
	margin-top: 5px;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #666;
}

.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#sidebar a {
	color: #666;
}

#sidebar a:hover {
	color: #333;
}

.sidebar ul li a {
	background: url(images/bullet.gif) no-repeat;
	background-position: left 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	color: #484847;
}

.sidebar1 {
	width: 388px;
}

.sidebar2 {
	width: 190px;
	float: left;
	display: inline;
}

.sidebar2 ul ul {
	font-size: 0.7em;
	color: #999;
	line-height: 1.4em;
}

.sidebar2 ul div {
	font-size: 0.7em;
	color: #999;
	line-height: 1.4em;
}

.sidebar2 ul div div {
	font-size: 1em;
}

.sidebar2 li li a {
	background: url(images/bullet.gif) no-repeat;
	background-position: left 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	color: #484847;
}

.sidebar1 li li li {
	font-size: 1.2em;
	background: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom: 0;
	border-left: 1px dotted #ccc;
}

.sidebar2 li li li {
	font-size: 1.2em;
	background: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom: 0;
	border-left: 1px dotted #ccc;
}

/*
feed css
*/
.rss {
	width: 100%;
}

.rssfeed {
	background: url(images/rss.png) no-repeat;
	text-align: left;
	padding-left: 20px;
}

.rssfeed a {
	color: #898b86;
}

.emailfeed {
	background: url(images/rssemail.gif) no-repeat;
	padding-left: 25px;
	color: #898b86;
}

.feedform {
	font-size: 1em;
	display: inline;
}

.feedemail {
	border: 1px solid #bbb;
	width: 150px;
	padding: 3px;
	color: #999;
	background: #eff6e8;
	height: 14px;
}

.feedemail:focus {
	color: #707070;
	background: #fff;
}

.feedsubmit {
	border: 1px solid #bbb;
	background: #eff6e8;
	cursor: pointer;
	color: #999;
	font-size: 0.9em;
	height: 22px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
}

.feedsubmit:hover {
	background: #e4efd9;
}

/*
footer css
*/
#footer {
	width: 980px;
	padding: 10px;
	margin-bottom: 10px;
	background: #fffff9;
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	font-size: 0.7em;
	height: 50px;
	color: #aaa;
	text-align: right;
}

#footer a {
	color: #666;
	font-weight: bold;
}

#footer a:hover {
	color: #3f3f3f;
}

.copyright {
	float: left;
	text-align: left;
	line-height: 2em;
}

.credit {
	float: right;
	color: #999;
	line-height: 1.4em;
}

.credit a {
	font-weight: bold;
	color: #666;
}

.credit a:hover {
	color: #ff9600;
}

/*
general styles the post
*/
.post {
	margin-top: 10px;
	background: #fff;
	padding: 10px;
	font-family: "verdana";
}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	font-family: "arial";
	line-height: 1.5em;
	margin: 0px 0px 5px 0px;
}

.post p {
	line-height: 1.6em;
	margin: 0px 0px 7px 0px;
}

.post h1 {font-size: 1.0em; font-family: "arial";}
.post h2 {font-size: 0.9em; background: #e1ecd6; font-family: "arial"; border: 1px solid #ddd; vertical-align: bottom; padding: 5px;}
.post h3 {font-size: 0.95em; font-family: "arial";}
.post h4 {font-size: 0.9em; font-family: "arial";}
.post h5 {font-size: 0.85em; font-family: "arial";}
.post h6 {font-size: 0.8em; font-family: "arial";}
.post p {font-size: 0.75em}
.post h1 {color: #787a7b;letter-spacing:1px;width: auto;vertical-align: bottom;}
.post h2 {color: #787a7b;letter-spacing:1px;width: auto;vertical-align: bottom;}
.post h3 {color: #787a7b;letter-spacing:1px;}
.post h4 {color: #787a7b}
.post h5 {color: #787a7b}
.post h6 {color: #787a7b}
.post p {color: #666}

.post ul, .post ol {
	font-size: 0.75em;
	color: #999;
	margin: 0px 0px 7px 0px;
}
.post li, .post li li {line-height: 1.5em}
.post ol {margin-left: 16px}

.post ul ul, .post ol ol {
	font-size: 1em;
	margin-bottom: 5px;
	margin-top: 5px;
}
.post ul li, .post ul li ul li {
	background: url(images/bullet.gif) no-repeat;
	background-position: left 3px;
	padding-left: 15px;
}

.post ul li p, .post ul li ul li p, .post ol li p, .post ol li ol li p {
	font-size: inherit;
}

.post ol li, .post ol li ol li {
	padding-top: 2px;
	padding-bottom: 2px;
}

.post img {
	vertical-align: middle;
}

.more-link {
	font-weight: bold;
	font-size: 1.1em;
	font-family: "verdana";
}

.post ins {
	text-decoration: underline;
}

.post del {
	text-decoration: line-through;
}

.post code {
	display: block;
	border: 1px solid #ddd;
	padding: 10px;
	background: #eee;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	font-family: 'Courier New',Courier, 'Lucida', 'Lucida Sans', 'Lucida Console';
}

.post blockquote {
	display: block;
	border: 1px solid #ddd;
	padding: 10px 10px 0px 10px;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}


.post blockquote p {
	padding-left: 5px;
	color: #5a727b;
	font-weight: normal;
}

a {
	color: #808d69;
}

a:hover {
	color: #96a181;
}
.post h1 {
	color: #787a7b;
	font-family: "arial";
	font-size: 18px;
	font-weight: normal;
	vertical-align: bottom;
}

.post h2 a {
	color: #787a7b;
	font-family: "arial";
	font-size: 1.6em;
	font-weight: normal;
	vertical-align: bottom;
}

.post h2 a:hover {
	color: #8e8e8e;
}

.post .entry {
	margin-top: 10px;
	margin-bottom: 10px;
}

.post .entry h2 {
	background-color: #fff;
	border: none;
	padding: 0;
	font-size: 1.0em;
}

.post .postinfo {
	color: #aaa;
	font-size: 0.7em;
	line-height: 1.4em;
	padding-top: 2px;
	padding-bottom: 5px;
}

.post .info {
	float: left;
}

.post .info a {
	padding-top: 4px;
	padding-bottom: 4px;
	height: 15px;
}

.post .commentnum {
	float: right;
	text-align: right;
	background: url(images/ico_comment.gif) no-repeat left;
	height: 17px;
	padding-left: 15px;
}

.post .category {
	font-size: 0.7em;
	color: #666;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.post .tags {
	font-size: 0.7em;
	color: #366799;
	line-height: 1.5em;
	padding-top: 5px;
	border-top: 1px solid #eee;
	float: left;
	width: 100%;
	text-transform: lowercase;
}

.post .ratings {
	font-size: 0.75em;
	line-height: 1.3em;
	color: #666;
	margin: 0px 0px 10px 0px;
}

.post .views {
	font-size: 0.75em;
	color: #666;
	margin: 0px 0px 10px 0px;
}

/*
post images - alignments
*/

img.alignleft, img.alignright, img.aligncenter, img.alignnone {
	border: 1px solid #eee;
	padding: 1px;
}

.alignleft {
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 2px;
}

.alignright {
	float: right;
	display: inline;
	margin-right: 10px;
	margin-bottom: 2px;
}

.aligncenter {
	display: inline;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.alignnone {
	display: inline;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

p.wp-caption-text {
	padding: 3px;
	color: #999;
}

/*
default navigation _next entries _previous entries
*/
.navigation
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 0.8em;
}

/*
other post boxes
*/
.post_header {
	padding-top: 10px;
	margin-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #e4e7cf;
}

.post_header h1 {
	font-size: 1em;
	color: #444;
}

.post_author, .post_follow {
	background: #e9f2e0;
	margin-top: 10px;
	padding: 10px;
	font-size: 0.7em;
	color: #999;
	margin: 1em;
}

.post_follow a {
	font-weight: bold;
}

/*
comments
*/

.commentlistdiv {
	margin-top: 10px;
	padding: 10px;
	background: #fff;
	font-size: 0.7em;
	color: #999;
}

.commentlist li {
	background: #fff;
	border: 1px solid #bbb;
	padding: 20px;
	margin-bottom: 10px;
}

.pane_l {
	display: inline;
	height: 100%;
	width: 100%;
	border: 1px red solid;
	padding-right: 20px;
	margin-right: 20px;
	color: #747272;
	font-size: 1.1em;
}

.pane_r {
	line-height: 1.5em;
	font-size: 1.2em;
	width: 335px;
	margin-left: 0px;
	color: #747272;
}

.c_info {
	font-weight: bold;
	border: 1px solid #bbb;
	margin: 0px 0px 7px 0px;
	height: 65px;
	background: #f3f8ee;
}

.c_author {
	float: left;
	margin-right:5px;
	right:10px;
	color: #808d69;
	margin-top:5px;
	margin-bottom: 30px;
}

.c_avatar {
	float: left;
	margin: 0px 0px 7px 0px;
	border:1px solid #bbb;
	width: 48px;
	top:10px;
	margin-right:5px;
	margin-top:5px;
	margin-left: 5px;
	bottom:10px;
	right:10px;
	padding:2px;
}

.c_date {
	color: #aaa;
	font-size: 1.0em;
	font-weight: normal;
	margin: 0px 0px 7px 0px;
}

.c_approved {
	color: #93957a;
}

/*
trackbacks / pinbacks
*/
.post_ping {
	background: #e9f7ff;
	padding: 10px;
	border: 1px solid #eeeee4;
	font-family: "trebuchet ms";
	font-size: 0.7em;
	color: #666;
	line-height: 1.5em;
}

.post_ping h1 {
	font-size: 1.2em;
}

.post_ping ol {
	margin-left: 20px;
}

.post_ping ol li {
	padding-top: 3px;
}

/*
reply
*/
.reply {
	margin-top: 10px;
	padding: 10px;
	background: #fff;
	font-size: 0.7em;
	color: #666;
}

.reply h1 {
	font-size: 1.3em;
	color: #df4021;
	line-height: 1.5em;
}

.reply label {
	font-family: "verdana";
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	color: #666;
	margin-left: 5px;
}

.replytext {
	width: 200px;
	background: #eff6e8;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	color: #999;
	border: 1px solid #bbb;
	padding: 3px;
	font-size: 1.0em;
}

.replytext:focus {
	background: #fff;
	color: #707070;
}

.replyarea {
	width: 545px;
	border: 1px solid #bbb;
	height: 140px;
	background: #eff6e8;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	color: #666;
	padding: 3px;
	font-size: 1.0em;
}

.replyarea:focus {
	background: #fff;
	color: #707070;
}

.replybutton {
	cursor: pointer;
	font-weight: normal;
	width: 100px;
	height: 22px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #bbb;
	vertical-align: middle;
	color: #999;
	background: #eff6e8;
	padding-bottom: 2px;
}

.replybutton:hover {
	background: #e4efd9;
}