/*  

Theme Name: CleanTidy

Theme URI: http://www.erastica.com

Description: A strong, sleek and sensible look.

Author: Pupung Budi Purnama

Author URI: http://pupungbp.erastica.com

*/

html {

	min-height: 100%;

	padding-top: 34px;
}

body {

	margin: 0;

	padding: 0;

	font: 8pt Verdana, Arial, Helvetica, Sans-Serif;

	background: #e3e3e3;

	height: 100%;

}

h1,h2,h3,h4 {

	font: Arial, Verdana, Helvetica;

}

h1 {

	font-weight: normal;

}

h3 {

	font-size: 13pt;

}

p {

	line-height: 18px;

}

a {

	color: #ff881d;

	text-decoration: underline;

}

a:hover {

	color: #FFA555;

	text-decoration: none;

}

small {

	text-transform: uppercase;

	font-size: 7pt;

}

blockquote, pre, code {

	background: #FEE5C8;

	padding: 0 5px;

}

blockquote blockquote {

	background: #FFB765;

}

.yellow {

	color: #ff881d;

}

.clear {

	clear: both;

}

img, a img {

	border: none;

	padding: 5px;

	border: 1px solid #BFBFBF;

	clear: both;

	background: #CDCDCD;

}

img {

	padding: 5px;

	margin-right: 5px;

	margin-bottom: 3px;

	border: 1px solid #BFBFBF;

	clear: both;

	background: #CDCDCD;

}

img:hover {

	border: 1px solid #ff881d;

}





h2 a {

	color: #ff881d;

	text-decoration: none;

	background: none;

}

h2 a:hover {

	color: #FFA555;

	text-decoration: none;

}

#container {

	min-height: 560px;

	height: auto !important;

	height: 560px;

}

#header {

	background: #202633;

	border-bottom: 1px solid #181e2c;

	text-align: center;

	height: 52px;

}

#header div {

	width: 720px;

	margin: 0 auto;

	text-align: left;

}

#header div h1 {

	font-size: 19pt;

	font-weight: bold;

	text-transform: capitalize;

	color: White;

	letter-spacing: -1px;

	margin: 8px 0;

	padding: 0;

	width: 300px;

	float: left;

}

#header div h1 a {

	color: #fff;

	text-decoration: none;

	background: none;

}

#header div ul {

	list-style: none;

	margin: 20px 0 0 0;

	padding: 0;

	width: 400px;

	float: right;

	color: #fff;

}

#header div ul li {

	float: right;

	font-weight: bold;

	margin: 0 0 0 30px;

}

#header div ul li a {

	color: #fff;

	text-decoration: none;

	display: block;

	padding: 10px 0 5px 0;

	background: none;

}

#header div ul li a:hover, .current_page_item {

	border-bottom: 5px solid #7e8aa2;

}





#recent {

	background: #263248;

	border-bottom: 1px solid #181e2c;

	text-align: center;

}

.container {

	width: 720px;

	margin: 0 auto;

	text-align: left;

	color: #fff;

	padding: 10px 0;

}

.container h2 {

	margin: 0;

	padding: 0;

	font-weight: normal;

	font-size: 16pt;

}

.recent-post {

	width: 450px;

	float: left;

}



.aboutbox {

	width: 200px;

	float: right;

}

.aboutbox h3, #sidebar ul.widgets h3 {

	font-weight: normal;

	color: #ff881d;

}

.aboutbox  {

	float: right;

	width: 200px;

}

.aboutbox  ul.widgets {

	margin: 0;

	padding: 0;

	list-style: none;

}

.aboutbox ul.widgets h3 {

	margin: 0;

	padding: 5px 0;

	color: #E3E3E3;

	border-bottom: 1px solid #3A4456;

}

.aboutbox  ul.widgets  li {

	margin: 0;

	padding: 0;

}

.aboutbox  ul.widgets ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.aboutbox  ul.widgets ul li {

	margin: 0;

	padding: 5px 0;

	border-bottom: 1px solid #3A4456;

}

.aboutbox  ul.widgets a {

	text-decoration: none;

	font-weight: bold;

	color: #ff881d;

	background: none;

}

.aboutbox  ul.widgets a:hover {

	color: #FFA555;

}

.widgets h2 {

	font-size: 12pt;

	font-weight: bold;

}



#posts .container {

	color: #000;

}

#posts h2, .aboutbox h2 {

	margin: 20px 0 0 0;

}

#posts h2 a{

	font-size: 13pt;

	font-weight: normal;

	border: none;

	background: none;

}





#sidebar {

	float: right;

	width: 200px;

}

#sidebar ul.widgets {

	margin: 0;

	padding: 0;

	list-style: none;

}

#sidebar ul.widgets h3 {

	margin: 0;

	padding: 5px 0;

	color: #313A4A;

	border-bottom: 1px solid #C7C8CA;

}

#sidebar ul.widgets  li {

	margin: 0;

	padding: 0;

}

#sidebar ul.widgets ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

#sidebar ul.widgets ul li {

	margin: 0;

	padding: 5px 0;

	border-bottom: 1px solid #C7C8CA;

}

#sidebar ul.widgets a {

	text-decoration: none;

	font-weight: bold;

	color: #ff881d;

	background: none;

}

#sidebar ul.widgets a:hover {

	color: #FFA555;

}



#footer {

	background: #202633;

	height: 25px;

	text-align: center;

	vertical-align: middle;

	color: #fff;

	text-transform: uppercase;

	padding: 10px;

	margin-top: 20px;

}

#footer a{

	color: #ff881d;

	text-decoration: none;

	background: none;

}

#footer a:hover {

	color: #FFA555;

	text-decoration: none;

}



.navigation {

	text-align: center;

}

.alignleft .alignright {

	width: 200px;

}

.alignleft {

	float: left;

}

.alignright {

	float: right;

}



h3#comments, h3#respond {

	font-family: verdana, arial, helvetica;

	font-size: 12pt;

	color: #000;

}

ol.commentlist {

	list-style: none;

	margin: 0;

	padding: 0;

}

ol.commentlist li {

	background: #efefef;

	margin: 20px 0;

	padding: 10px;

	border: 1px solid #BFBFBF;

}

ol.commentlist li ul li,ol.commentlist li ol li {

	margin: 0;

	padding: 0;

	border: none;

}

ol.commentlist .alt {

	background: #efefef;

}



ol.commentlist li:hover {

	

}

ol.commentlist .poster {

}

ol.commentlist .poster p{

}

#comment-container {

	/*background: #D9D9D9;*/

	padding: 10px;

	margin: 30px 0 0 0;

	/*border: 1px solid #BFBFBF;*/

}



/*widgets*/

#search {

	padding: 7px 0;

}

#search input {

	margin: 3px 0;

}

#search #searchform br {

	display: none;

}

#flickrrss {

}