/*  
Theme Name: Humanistic Capitalism
Theme URI: http://www.indonez.com/
Description: Design for Humanistic Capitalism based on Centita Theme
Author: DesignDivine
Author URI: http://www.designdivine.com
*/

/*----------------------------------------------------
                 Humanistic Capitalism - CSS File
------------------------------------------------------*/

/* HC Blue: 2f87aa */


/* Global
------------------------------------------------------*/
html,body{height:100%}

body{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#4c4c4c;
	height:100%;
}
*{
	margin:0;
	padding:0;
}
	*:focus{
	outline:none; /* removes ugly dotted border but may make template more unusable, up to you
				 if you want to keep it! */
}

.clr{clear:both}

form{margin:0; padding:0;}

hr{
	border:0;
	color:#dedede;
	background-color: #dedede;
	height: 1px;
	margin:10px 0px 6px 0px;
	padding:0px;
}


/* Default Element Styles
------------------------------------------------------*/

/* heading */
h1, h2, h3, h4, h5{margin-bottom:15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#444444;}

h1{font-size:36px; line-height:30px;}
h2{font-size:24px; line-height:28px;}
h3{font-size:18px; line-height:20px;}
h4{font-size:16px; line-height:18px;}
h5{font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}


/* links */

a{color:#2f87aa; text-decoration:none;}

a:visited{color:#2f87aa; text-decoration:none;}

a:hover{color:#4ba7cc;}

a img{border:none}

.imgleft{float:left; padding:5px 12px 0px 0px;}

.imgright{float:right; padding-left:12px;}


/* lists, blockquotes and paragraphs */

p, ul, ol, blockquote{
	font-size:12px;
	line-height:18px;
	margin-bottom:10px;
	color:#4c4c4c;
}

ul, ol{
	margin:10px 0 20px 30px;
}

li ol, li ul{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}

li ol{list-style:decimal;}
blockquote{
	font-style:italic;
	margin:0px;
	color:#4c4c4c;
	padding:0px 4px 0px 32px;
	background-image:url(images/quote.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
}

#maintext blockquote{
	padding-right: 30px;	
}
#maintext blockquote p {
	font-size: 20px;
	line-height: normal;
	color: #599FBB;
}

/* code */
code{
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}



/* Front Page Slider
------------------------------------------------------*/

#slider1 {
    width: 960px; /* important to be same as image width */
    height: 280px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#slider1 h2 {
	font-size:24px;
	color:#ffffff;
	margin-bottom:0px;
}
#slider1 h3 {
	font-size:16px;
	color:#ffffff;
	margin-bottom:8px;
}
#slider1Content {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font-size:12px;
    padding: 15px 20px;
    width: 960px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 24px;
}
.right {
	right: 0;
	bottom: 0;
	width: 272px !important;
	height: 255px;
}
.right p {
  color: #fff;  
}

ul { list-style-type: none;}

a.more {
	display: inline-block;
	margin-top:10px;
	padding: 5px 10px;
	background: #2f87aa;
	color: #ffffff;
}


/* Container
------------------------------------------------------*/

#main_container{background-image:url(images/bg-top-container.gif); background-repeat:repeat-x; background-color:#fff; }

#bottom_container{background-image:url(images/bg-container-bottom.gif); background-position:top; background-repeat:no-repeat; height:54px;}



/* Centercolumn
------------------------------------------------------*/

#centercolumn{width:960px; margin:0px auto 0px auto;}


/* Top
------------------------------------------------------*/

#top{margin-top: 10px;}

#logo{padding:20px 0 0 0; float:left;}

#logo h1 {
	margin-bottom:0; 
	margin-top: -8px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal; 
	color:#444444;
	font-size:36px;
	line-height:30px;
}

#logo h2 {
	margin-bottom:0; 
	margin-top: -8px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal; 
	color:#444444;
	font-size:36px;
	line-height:30px;
}

#logo span {
	color: #7c7c7c;
	margin-left: 20px;	
}

#topmenu{width:960px; float:left; height:65px;}




/* Search styling */

#search-box{
	padding:36px 10px 0 0px;
}

#search{
	float:right;
	width:auto;
}

#s{
	font:12px Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#c8c9be;
	padding:3px 30px 2px 3px;
	background:none;
	border:1px solid #d9d9d9;
	width:185px;
}

#s:focus{
	border:1px solid #adacac;
	color:#adacac;
}

#search .go{
	position:absolute;
	margin:2px 0 0 -26px;
	background: url(images/search-icon.gif);
	height: 17px;
	width: 18px;
	cursor:pointer;
	border: none; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#search .go {
	position:absolute;
	margin:-19px 0 0 198px;
	background: url(images/search-icon.gif);
	height: 17px;
	width: 18px;
	cursor:pointer;
	border: none; 
}
}


/* Top Navigation bar menu styling */

#nav{
	float:left;
	list-style-type: none;
	margin:12px 0px 0px 0px;
}

#nav li{
	float:left;
	border-right:1px solid #cbcbcb;
	padding:4px 20px;
}

#nav li a:link, #nav li a:active, #nav li a:visited{

	text-decoration: none;
	outline: none;
	text-align:left;
	font-size: 18px;
	color:#7c7c7c;
}

#nav li.first {padding: 4px 20px 4px 0;}


#nav li:hover, 
#nav li a:hover span, 
#nav li.selected a,
#nav li a:hover .link_title, 
#nav li a:hover span.link_title, 
#nav li a .link_title:hover, 
#nav li a span.link_title:hover,
#nav li.current_page_item a {
	color:#2a7ea0 !important;
}

#nav span.descmenu{
	display:block;
	font-size:11px;
	padding:2px 0px 0px;
	color:#989797;
	text-transform:uppercase;
}




/* Content
------------------------------------------------------*/
#content{width:960px;}

#maincontent{padding:40px 0px 30px 0px; float:left;}

.h-line {padding:4px 0px;}


/* main */

#main{width:610px; float:left;}

#maintext{padding:0px 0px 20px 0px}

#maintext h2{margin:0px; margin-bottom: 8px;}

#maintext h1{color:#2f87aa;}

#maintext_portfolio{padding:0px 0px 0px 0px}

.box-main{width:290px; float:left; padding:28px 0px 0px 0px;}

.spacer{width:30px; float:left; display:block; height:100%;}

.icon{width:77px; height:92px; float:left;}

.box-main span.read-more {
	margin-right: 10px;
}


/* side */

#side{width:312px; margin:8px 0px 0px 38px; float:left;}

.sidebox{
	padding:10px 18px 5px 18px;
	margin-bottom:14px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}

.sidebox a {
	font-weight: bold;
}

.sidebox-top{
	background-image:url(images/top-border-side.gif);
	background-repeat:no-repeat; 
	background-position:top;
	height:4px;
}

#latest-news{
	padding:10px 18px 0px 18px;
	margin-bottom:14px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}


/* scroll widget */

.scroll{
	position:relative;
	min-height:137px;
	border:1px solid #efefef;
	margin:0 0 20px 0;
	background:#fff;
}

.scroll ul{
	position:relative;
	width:276px;
	height:78px;
	margin:0px;
	list-style:none;
}

.scroll ul li{
	width:276px;
	height:78px;
	margin:0;
	line-height:18px;
}

.scroll ul li span{
	display:block;
	margin:0 0 .4em;
}

.scroll ol{
	height:22px;
	position:absolute;
	top:0;
	right:15px;
	list-style:none;
}

.scroll ol li{
	float:left;
}

.scroll ol a{
	display:block;
	width:11px;
	height:22px;
	margin:0 1px;
	padding:0 2px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:50% 0;
}

.scroll ol li.previous a{background-image:url("images/icon-arrow-down.gif");}

.scroll ol li.next a {background-image:url("images/icon-arrow-up.gif");}

.scroll ol li a:hover {background-position:50% 100%; }



/* Footer
------------------------------------------------------*/

#footer{
	width:960px;
	margin:0px auto;
	color:#a0a0a0 !important;
	height: 120px;
}

#footer a, #footer a:visited{color:#a0a0a0; text-decoration:none;}

#foot a:hover{text-decoration:underline;}

#nav-foot{
	margin: 0;
	padding: 18px 0px 0px 0px;
	color:#a0a0a0;
	float: left;
}

#nav-foot ul.footernav {
	margin:0; padding: 0;
	display: inline;
}

#nav-foot ul.footernav li {
	margin:0; padding: 0;
	display: inline;
}

#nav-foot ul.footernav li a {
	margin:0;
	padding: 0;
	padding-right: 16px;
	float: left;
}

#nav-foot ul.footernav li a:hover {
	text-decoration: underline;
}

#nav-foot ul.footernav li.selected a {
	color: #2f87aa;
}

#nav-foot ul.footernav li span.descmenu {display: none;}

#copyright-foot{
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	float:right;
	color:#a0a0a0;
}

.valid {float:left; }

.rss-img {float:left;}


.dd_credits {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	display: block;
	padding-top: 8px;
}
#footer .dd_credits a,
#footer .dd_credits a:link,
#footer .dd_credits a:visited{
	color: #CCC;
}
#footer .dd_credits a:hover{
	color: #2F87AA !important;
}



/*----------------------------------------------------
                 Humanistic Capitalism - CSS File
------------------------------------------------------*/



/* Front Page Slider
------------------------------------------------------*/

#slider1 {
    width: 960px; /* important to be same as image width */
    height: 280px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1 h2 {
	font-size:24px;
	color:#ffffff;
	margin-bottom:0px;
}

#slider1 h3 {
	font-size:16px;
	color:#ffffff;
	margin-bottom:8px;
}

#slider1Content {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}

.slider1Image {
    float: left;
    position: relative;
	display: none;
}

.slider1Image span {
    position: absolute;
	font-size:12px;
    padding: 15px 20px;
    width: 960px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.clear {
	clear: both;
}

.slider1Image span strong {
    font-size: 24px;
}

.right {
	right: 0;
	bottom: 0;
	width: 272px !important;
	height: 255px;
}

ul { list-style-type: none;}

a.more {
	display: inline-block;
	margin-top:5px;
	padding: 5px 10px;
	background: #2f87aa;
	color: #ffffff;
}


/*----------------------------------------------------
                 Humanistic Capitalism - CSS File
------------------------------------------------------*/


/* About
------------------------------------------------------*/

.sidebox p {margin-bottom:10px;}

ul.about-list,.widgets ul {margin:0px; padding:0px 0px 0px 0px; list-style-type:none; color:#bdbdbd;}

ul.about-list li,.widgets li{background-image:url(images/arrow.gif); background-position:0px 2px; background-repeat:no-repeat; padding:0px 0px 15px 22px; line-height:13px;}

ul.about-list li a, ul.about-list li a:visited,.widgets li a, .widgets li a:visited{color:#4c4c4c; text-decoration:none;}

ul.about-list li a:hover,.widgets li a:hover{rcolor:#2f87aa;}


/* Blog
------------------------------------------------------*/

.blog-post h2 {color:#2f87aa; margin-bottom:0px;}

.blog-post {padding-bottom:5px; margin-bottom:32px;}

.blog-posted{padding-top:5px; margin-bottom:20px; height:20px; font-size:11px; color:#adacac; border-bottom:1px solid #d9d9d9;}

#recentPostList{width:270px; float:left;  margin-left:30px;}

#related-post-title{padding:3px 0px 4px 0px;  height:20px; font-weight:bold; color:#2f87aa; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9;}

.related-comment-title{padding:3px 0px 4px 0px; margin-bottom:5px;  height:20px; font-weight:bold; color:#2f87aa; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9;}

.related-item-wrapper{
	font-size:11px;
	height:105px;
	width:270px;
	padding:0px 9px 0px 0px;
	float:left;
	color:#adacac;
	cursor:pointer;
}

.related-item-wrapper:hover{background-color:#f8f8f8;}

.related-item-wrapper h4{color:#2f87aa;}

.related-item-wrapper img{width:65px; height:65px;}

.related-spacer{width:8px; float:left;}

.posted-detail{float:left;}

.read-more{float:right;}

#commentFormArea {width:310px; color:#6b6b6b; float:left;}

.input-comment{background-color: #ffffff; border:1px solid #d9d9d9; width:213px; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}

.input-submit-comment { background-image:url(images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:73px; height:21px; cursor:pointer; float:right;}

.textarea-comment {background-color: #ffffff; border:1px solid #d9d9d9; width:213px; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}

fieldset { border:0;margin:0;padding:0; }

label {  padding-right:15px; float:left; width:70px;}

input.text{ width:290px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0; }

.commonPageListControlBar{
	height: 30px;
	background-color: #fff;
	margin-top:30px;
	text-align: left;
}

.commonPageListBtn{
	border: 1px solid #d9d9d9;
	background-color:transparent;
	color:#000;
	font: normal 11px/28px Verdana; 
	padding: 6px;
	cursor: pointer;
}

.commonPageListControlBar a, .commonPageListControlBar a:visited{color:#414141;}

.commonPageListBtn:hover{
	text-decoration: underline;
}

.commonPageListBtnSelected{
	border: 1px solid #eaeaea;
	background-color: #eaeaea;
	color:#414141;
	font: normal 11px/28px Verdana; 
	padding: 6px;
	cursor:default;
}


/* Content
------------------------------------------------------*/

#content h4{margin-bottom:8px;}

#main_text{padding:20px 0px 0px 0px;}


/* Sidebar
------------------------------------------------------*/

#newsletter fieldset {margin:0px; padding-bottom:20px; border:0px;}

.but {vertical-align:middle; padding-left:2px;}

.inputbox01 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	width:180px;
	border:1px solid #d9d9d9; 
	vertical-align:top; 
	padding:3px 4px 2px 3px; 
	color:#c8c9be; 
}

.inputbox01:focus{
	border:1px solid #adacac;
	color:#adacac;
}

#testimonials{
	padding:10px 18px 15px 18px;
	margin-bottom:14px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}

.scroll ul{
	position:relative;
	width:276px;
	height:132px;
	margin:0px;
	list-style:none;
}

.scroll ul li{
	width:276px;
	height:132px;
	margin:0;
	line-height:18px;
}


/* Portfolio
------------------------------------------------------*/

#main-portfolio{width:960px; float:left;}

.box-pf-top{width:220px; float:left; margin:0px 18px 38px 0px;}

.box-pf-bottom{width:220px; float:left; margin:0px 26px 18px 0px;}

.box-pf-top-last{width:220px; float:left; margin-bottom:38px;}

.box-pf-bottom-last{width:220px; float:left; margin-bottom:18px;}

.quote{padding-top:18px;}

.quote h2{color:#2f87aa; padding-bottom:10px;}

.detail{font-weight:bold; margin-bottom:0px;}

ul.detail-list,

#maintext ul {margin:10px; padding:0px 0px 0px 0px; list-style-type:none;}

ul.detail-list li,

#maintext ul li {background-image:url(images/arrow.gif); background-position:0px 2px; background-repeat:no-repeat; padding:0px 0px 10px 22px; margin-top:0px; line-height:15px;}

#desc-project1, #desc-project2, #desc-project3, #desc-project4, #desc-project5, #desc-project6, #desc-project7, #desc-project8{display:none;}


/* Contact
------------------------------------------------------*/

.map {width:276px; height:183px; padding-bottom:8px;}

#address{padding-bottom:15px;}

#address ul{margin:0px; padding:0px 0px 0px 0px;}

#address ul li{list-style-type:none; padding:5px 31px; color:#444444;}

#address ul li a, #contact ul li a:visited{color:#444444; text-decoration:none;}

#address ul li.mail{background-image:url(images/icon-mail.jpg); background-repeat:no-repeat; background-position:0 5px;}

#address ul li.phone{background-image:url(images/icon-phone.jpg); background-repeat:no-repeat; background-position:0 5px;}

#address ul li.address{background-image:url(images/icon-globe.jpg); background-repeat:no-repeat; background-position:0px 5px;}


/* Image and Captions */

img.alignright {
  float:right; 
  padding-left:12px;
}

img.alignleft {
  float:left; 
  padding:5px 12px 0px 0px;
  display: inline;
}

img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
  margin-bottom: 10px;  
}

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

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

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

.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

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


/* Image and Caption End */

.screenReader { left: -9999px; position: absolute; top: -9999px; }

.thanks { background: #f8f8f8; border: 1px solid #d9d9d9; padding:10px; text-align: center; }


/*****Forms*****/

ol.forms { float: left; list-style: none; margin: 0; width: 100%; color:#6b6b6b;}

ol.forms li { 
	clear: both; 
	float: left; 
	margin-bottom: 18px; 
	position: relative;
	width: 100%;
}

ol.forms label {
	cursor: pointer; 
	font-weight: normal;
	padding-right: 20px;
	width: 100%;
	display: block;
}

ol.forms input, ol.forms textarea {
	font: inherit;
	padding: 2px;
	background-color: #ffffff; 
  border:1px solid #d9d9d9; 
  width:406px; 
  padding:5px 5px 5px 5px; 
  margin:0px; 
  color:#6b6b6b;
  clear: both;	
}

ol.forms textarea { height: 100px; }

ol.forms input:focus, ol.forms textarea:focus {background-color: #f8f8f8; border-color: #c9c9c9;}

.error { color: #f00; }

ol.forms li .error { font-size: 11px; margin-left: 5px; }

/*
ol.forms li.textarea .error {
	display: block;
	float: right;
	margin-right: 55px; 
}
*/

ol.forms li.screenReader { margin-bottom: 0; }

ol.forms li.buttons button {
background-image:url(images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:73px; height:21px; cursor:pointer; float:right; margin-right:42px;
}

ol.forms li.buttons button:hover { color: #222; }

ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }

ol.forms li.buttons, ol.forms li.inline { float: left; width: 460px; }

ol.forms li.inline input { width: auto; }

ol.forms li.inline label { display: inline; float: none; width: auto; }

.input-submit { background-image:url(images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:73px; height:21px; cursor:pointer; float:right; margin-right:192px;}


/* comment */

h1#titlecomment {
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	padding: 5px 0;
	margin: 20px 0 0 0;
}

#listcomment {
	padding: 0;
	margin: 0;
	width: auto;
}

ul#listcomment {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#listcomment li {
	padding: 11px 0;
	margin: 0;
	width: auto;
	background: none;
	border-bottom: 1px solid #d2d2d2;
}

.titlecomment {
	width: auto;
}

.titlecomment img {
	float: left;
	padding: 3px;
	border: 1px solid #d9d9d9;
	margin: 0 10px 0 0;
}

.titlecomment h3 {
	font-size: 1.4em;
	color: #333;
	padding: 7px 0 0 0;
	margin: 0;
}

.datecomment {
	font-size: 0.9em;
	color: #858585;
}

#listcomment li p {
	font-size: 1.0em;
	padding: 10px 0 0 0;
}


/*------- WP Pagenavi ------- */

#maintext .wp-pagenavi {
  padding: 10px 0;
  text-align: left;
}

#maintext .wp-pagenavi a, #main .wp-pagenavi a:link {
border: 1px solid #d9d9d9;
background-color:transparent;
color:#242424;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;
}

#maintext .wp-pagenavi a:visited {
border: 1px solid #d9d9d9;
background-color:transparent;
color:#242424;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;
}

#maintext .wp-pagenavi a:hover {	
border: 1px solid #eaeaea;
background-color: #eaeaea;
color:#414141;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;
}

#maintext .wp-pagenavi a:active {
border: 1px solid #eaeaea;
background-color: #eaeaea;
color:#414141;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor:default;
}

#maintext .wp-pagenavi span.pages {
border: 1px solid #d9d9d9;
background-color:transparent;
color:#242424;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;
}

#maintext .wp-pagenavi span.current {
border: 1px solid #eaeaea;
background-color: #eaeaea;
color:#414141;
font: normal 11px/28px Verdana; 
padding: 6px;
}

#maintext .wp-pagenavi span.extend {
border: 1px solid #d9d9d9;
background-color:transparent;
color:#242424;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;
}


/*------- WP Pagenavi End ------- */



/*------- Traditional Navigation -----*/

.navigation {
  margin-top: 10px;
}

.navigation a {
	padding: 4px 8px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d9d9d9;
	color: #676767;
	background-color: #FFFFFF;
}


/*------- Traditional Navigation End -----*/