@charset "utf-8";
/* 	Name: portfolioPress
 *	Description: CSS for portfolioPress WordPress Template
 *	Author: Didik Wicaksono
 *	Site: http://firewalker.kamusilmiah.com
*/
/* reset.css */html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1.5}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}a img{border:none}
/* typography.css */body{font-size:75%;color:#222;font-family:Arial,Helvetica,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:normal;color:#111;font-family:Georgia, "Times New Roman", serif}h1{font-size:3em;line-height:1;margin-bottom:0.5em}h2{font-size:2em;margin-bottom:0.75em}h3{font-size:1.5em;line-height:1;margin-bottom:1em}h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em}h5{font-size:1em;font-weight:bold;margin-bottom:1.5em}h6{font-size:1em;font-weight:bold}h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}p{margin:0 0 1.5em}p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0}p img.right{float:right;margin:1.5em 0 1.5em 1.5em}a:focus,a:hover{color:#e00}a{color:#039;text-decoration:none}blockquote{margin:1.5em;color:#ccc;font-style:italic}strong{font-weight:bold}em,dfn{font-style:italic}dfn{font-weight:bold}sup,sub{line-height:0}abbr,acronym{border-bottom:1px dotted #666}address{margin:0 0 1.5em;font-style:italic}del{color:#ccc}pre{margin:1.5em 0;white-space:pre}pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5}li ul,li ol{margin:0 1.5em}ul,ol{margin:0 1.5em 1.5em 1.5em}ul{list-style-type:disc}ol{list-style-type:decimal}dl{margin:0 0 1.5em 0}dl dt{font-weight:bold}dd{margin-left:1.5em}table{margin-bottom:1.4em;width:100%}th{font-weight:bold}thead th{background:#c3d9ff}th,td,caption{padding:4px 10px 4px 5px}tr.even td{background:#e5ecf9}tfoot{font-style:italic}caption{background:#eee}.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em}.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em}.quiet{color:#ccc}.loud{color:#000}.highlight{background:#ff0}.added{background:#00870a;color:#fff}.removed{background:#900;color:#fff}.first{margin-left:0;padding-left:0}.last{margin-right:0;padding-right:0}.top{margin-top:0;padding-top:0}.bottom{margin-bottom:0;padding-bottom:0}
/* forms.css */label{font-weight:bold}fieldset{padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc}legend{font-weight:bold;font-size:1.2em}input[type=text],input.text,input.title,textarea,select{background-color:#fff;border:1px solid #ccc}input[type=text]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus{border-color:#eee}input[type=text],input.text,input.title,textarea,select{margin:0.5em 0}input.text,input.title{width:300px;padding:5px}input.title{font-size:1.5em}textarea{width:390px;height:250px;padding:5px}input[type=checkbox],input[type=radio],input.checkbox,input.radio{position:relative;top:.25em}form.inline{line-height:3}form.inline p{margin-bottom:0}.error,.notice,.success{padding:.8em;margin-bottom:1em;border:2px solid #ddd}.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4}.notice{background:#FFF6BF;color:#514721;border-color:#FFD324}.success{background:#E6EFC2;color:#264409;border-color:#C6D880}.error a{color:#8a1f11}.notice a{color:#514721}.success a{color:#264409}
/* clearfix */.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}/* Clearfix IE6 */ * html .clearfix{height:1%}/* Clearfix IE7 */*:first-child+html .clearfix{min-height:1px}/* blueprintcss.org */

/* General Classes */
.framedimg {
	padding:4px;
	border:1px solid #ccc;
	background: url(../images/bg_framedimg.gif) repeat 0 0;
}
.alignright,img.alignright {
	float:right;
	margin:1em 0 0 1em;
}

.alignleft,img.alignleft {
	float:left;
	margin:.2em 1em 0 0;
}

.aligncenter,img.aligncenter {
	display:block;
	margin:1em auto;
	text-align:center;
}

.hidden {display: none;}

/* portfolioslider */
.portfolioslider { background: none; padding: 0 0 10px; border:none; display:block; clear: both; position:relative; font-family:Arial,Helvetica,sans-serif; }
.portfolioslider ul li { }
.portfoliosliderwrapper { width:980px; height:325px; padding:0; margin:10px 0 0 0; overflow:hidden; position:relative; }
.portfolioslidernav { width:57px; height:30px; position:absolute; top:-45px; right:0; z-index: 99; }
.portfolioslidernav .next,.portfolioslidernav .previous { width:27px; height:24px; float:left; }
.portfolioslidernav .next { background:url(../images/bg_portfolioslidernav.gif) no-repeat 0 0; float:right; }
.portfolioslidernav .next:hover { background:url(../images/bg_portfolioslidernav.gif) no-repeat 0 -24px; }
.portfolioslidernav .previous { background:url(../images/bg_portfolioslidernav.gif) no-repeat 0 -48px; }
.portfolioslidernav .previous:hover { background:url(../images/bg_portfolioslidernav.gif) no-repeat 0 -72px; }
.portfolioslider a:link span,.portfolioslider a:visited span,.portfolioslider a:hover span { color:#000; text-decoration:none; }
.portfolioslider h3 { margin:5px 0; text-align:left; padding:5px 3px; }
.portfolioslider h4 { font:bold 12px Arial, Verdana, sans-serif; margin:0 0 5px; padding:0; text-align:left; border:none; text-transform:none; }
.portfolioslider h4 a:link,.portfolioslider h4 a:visited { color:#e00; }
.portfolioslider h4 a:hover { color:#00f; }
.portfolioslider ul { margin:0; padding:0 5px; float:left; position:absolute; }
.portfolioslider ul li { margin:0; padding:0; list-style:none none outside; float:none; position:absolute; width:980px; height:325px; background:none; clear:none; overflow:hidden; }
.portfolioslider ul li span { font-size:12px; margin-top:5px; }
.portfolioslider img.illustrasi { width:80px; padding:0; border:none; }

/* !Portfolio Content */
.portfolio-content { }

#aboutme {
    width: 336px;
    float: left;
}

.aboutmeheader { margin: 0 0 1em 0; }
.aboutname { font: normal 1.5em Futura, sans-serif; margin: 0;}
.abouttitle { font-family: arial, sans-serif; font-size: 1em; margin:  0 0 1em 0; }
.aboutinfo { float: right; width: 185px; margin: 0 0 1em 0; }
.aboutbio { clear: both; }
.aboutsocial { margin:  0;}
.aboutsocial li { 
    list-style: none outside;
    background: url(../images/icon_social_media.png) no-repeat;
    padding: 0 0 0 2em;
    line-height: 120%;
    margin: 0 0 0.5em;
}
.aboutsocial .ppress_social_delicious { background-position: 0 0; } 
.aboutsocial .ppress_social_deviantart { background-position: 0 -66px; } 
.aboutsocial .ppress_social_digg { background-position: 0 -132px; } 
.aboutsocial .ppress_social_facebook { background-position: 0 -198px; } 
.aboutsocial .ppress_social_googlewave { background-position: 0 -264px; } 
.aboutsocial .ppress_social_linkedin { background-position: 0 -330px; } 
.aboutsocial .ppress_social_myspace { background-position: 0 -396px; } 
.aboutsocial .ppress_social_plurk { background-position: 0 -462px; } 
.aboutsocial .ppress_social_skype { background-position: 0 -528px; } 
.aboutsocial .ppress_social_stumbleupon { background-position: 0 -594px; } 
.aboutsocial .ppress_social_tumblr { background-position: 0 -660px; } 
.aboutsocial .ppress_social_twitter { background-position: 0 -726px; } 
.aboutsocial .ppress_social_vimeo { background-position: 0 -792px; } 
.aboutsocial .ppress_social_yahoo { background-position: 0 -858px; } 
.aboutsocial .ppress_social_youtube { background-position: 0 -924px; } 


#portfolioblog {
    width: 610px;
    float: right;
}
.blogheader { margin: 0 0 1em 0;}
#portfolioblog .hentry { margin: 0 0 1em 0;}
.blogimg { width: 150px; }

/* Layout */
body {
	font-size:88%;
	color:#eee;
	background:#00091b url(../images/background.png) repeat-x 0 0;
}
h1, h2, h3, h4, h5, h6 { color: #eee; }

a:link,a:visited {
	color:#f58435;
}

div#tagline {
	width:100%;
	height:18px;
	line-height:18px;
	background:#e7f7ff url(../images/bgtagline.gif) repeat-x 0 0;
	border-bottom:1px solid #ccc;
}

div#tagcontent {
	width:980px;
	margin:0 auto;
	color:#ccc;
}

div#header {
	text-align:left;
	position:relative;
	height:93px;
}

div#logo {
	float:left;
	margin:15px 0 10px 25px;
}

#header h1 {
	padding:0;
	margin:0;
	font-size:4em;
	font-weight:normal;
	font-style:italic;
}

div#wrapper {
	width:980px;
	margin:0 auto;
	text-align:left;
}

div#searchbox {
	z-index:4;
	width:260px;
	height:141px;
	float:left;
	margin-left:10px;
	background:#c8bf8e url(../images/bgsearchbox.gif) repeat-x 0 0;
}

div#searchform {
	background:url(../images/bgsearchform.gif) repeat-x 0 0;
	width:230px;
	height:37px;
	margin-left:15px;
}

div#searchform input.searchinput {
	background:none;
	border:none;
	font-size:1.4em;
	line-height:100%;
	height:1.4em;
	width:11.4em;
	float:left;
	margin-top:5px;
	margin-left:5px;
	color:#666;
}

div#searchform input.searchbtn {
	background:none;
	border:none;
	font-size:1.4em;
	line-height:100%;
	width:1.7em;
	height:1.55em;
	cursor:pointer;
	float:left;
	margin-top:5px;
}

div#rssbox {
	margin-top:10px;
	margin-left:15px;
}

#rssbox ul,#rssbox ul li {
	list-style:none none outside;
	margin:0;
	padding:0;
	display:inline;
	border:none;
	background:none;
}

#rssbox ul li {
	margin-right:15px;
}

div#container {
	margin:2px 0 0;
	padding:10px 0;
	background:url(../images/bgcontainer.jpg) no-repeat 0 0;
	border-top:none;
}

div#content {
	width:645px;
	overflow:hidden;
	float:left;
	margin:0 10px 0 0;
}


	
/*Home Page */
div#primary {
	margin:0;
}

div#bottom-container {
    clear:both;
	border-top:1px solid #ccc;
	margin-top:15px;
	padding-top:5px;
}

div#bottom-container h3 {
	font-weight:bold;
	font-style:italic;
	color:#666;
}

div#footer {
	clear:both;
	width:100%;
	text-align:center;
	color:#fff;
}

#footer a:link,#footer a:visited {
	color:#fff;
}

ul#bottom_menu {
    float: right;
    margin: 0;
}

#bottom_menu li {
    display: inline;
    list-style: none none outside;
    text-align: right;
    margin: 0 0 0 30px;
}


	
/* mainmenu */
div#menu {
	background:#EEE;
	height:1.5em;
	margin:1em 0;
	width:100%;
}

div#menu ul,div#menu ul ul {
	line-height:1;
	list-style:none;
	margin:0;
	padding:0;
}

div#menu ul a {
	display:block;
	margin-right:1em;
	padding:.2em .5em;
	text-decoration:none;
}

div#menu ul ul ul a {
	font-style:italic;
}

div#menu ul li ul {
	left:-999em;
	position:absolute;
}

div#menu ul li:hover ul {
	left:auto;
}

form#commentform .form-label {
	margin:1em 0 0;
}

form#commentform span.required {
	background:#fff;
	color:#c30;
}

form#commentform,form#commentform p {
	padding:0;
}

input#author,input#email,input#url,textarea#comment {
	padding:.2em;
}

div.comments ol li {
	margin:0 0 3.5em;
}

textarea#comment {
	height:13em;
	margin:0 0 .5em;
	overflow:auto;
	width:66%;
}

div.gallery {
	clear:both;
	height:180px;
	margin:1em 0;
	width:100%;
}

p.wp-caption-text {
	font-style:italic;
}

div.gallery dl {
	margin:1em auto;
	overflow:hidden;
	text-align:center;
}

div.gallery dl.gallery-columns-1 {
	width:100%;
}

div.gallery dl.gallery-columns-2 {
	width:49%;
}

div.gallery dl.gallery-columns-3 {
	width:33%;
}

div.gallery dl.gallery-columns-4 {
	width:24%;
}

div.gallery dl.gallery-columns-5 {
	width:19%;
}

div#nav-below {
	margin:1em 0;
	padding-bottom:5px;
}

div#nav-images {
	height:150px;
	margin:1em 0;
}

div.adj-navigation {
	height:1.25em;
}

div.adj-navigation div.nav-next {
	float:right;
	text-align:right;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
	float:left;
}

div.navigation div.nav-next {
	float:right;
	text-align:right;
}

input#author,input#email,input#url,div.navigation div {
	width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
	margin:0;
	padding:0;
}
	
/* Headline Content */
div.headline {
	background:#a4d047 url(../images/bgheadline.gif) repeat-x 0 0;
	padding:10px;
	border:1px solid #a3be6a;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div.headline h2 {
	font-size:2em;
}

div.headline p {
	margin:0;
}
	
/* equals to standard WP image width 128px */
}

div.headline div.headline-content {
	margin-left:0;
}

div.withimg {
	margin-left:12em;
}


	
/* Post Content */
.entry-title {
	font-style:italic;
	margin-bottom:.2em;
	line-height:1.25;
}

.entry-date {
	font-style:italic;
	margin-bottom:.5em;
	background:url(../images/time.gif) no-repeat 0 0;
	padding-left:20px;
	font-size:.9em;
}

.cat-links {
	background:url(../images/catfolder.gif) no-repeat 0 0;
	padding-left:20px;
	font-size:.9em;
}

.tag-links {
	background:url(../images/tag.gif) no-repeat 0 0;
	padding-left:20px;
	font-size:.9em;
}

.post-sep {
	background:url(../images/separator.gif) no-repeat 50% 0;
	height:14px;
	margin:10px 0;
}

.post-sep180 {
	background:url(../images/separator-180.gif) no-repeat 50% 0;
	height:14px;
	margin:10px 0;
}

.post-home {
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}

.single .entry-title {
	font-size:2.5em;
}

.single .entry-trackbacks {
	padding:5px;
	border:1px solid #a3be6a;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:10px;
	background:#ffc;
	color: #333;
	margin: 15px 0;
}

.single .entry-meta {
	padding-bottom:5px;
	border-bottom:1px dashed #a3be6a;
	margin-bottom:10px;
}

.entry-content ul,.entry-content ol {
	margin:5px 0 5px 20px;
}

.entry-content li {
	margin:0;
}

div.comment-callout {
	float:right;
	width:50px;
	height:26px;
	overflow:hidden;
	background:url(../images/commentcallout.gif) no-repeat 0 0;
	padding:6px 6px 12px;
	text-align:center;
	font:10px/130% Georgia, "Times New Roman", serif;
	color: #666;
}

div.comment-callout span {
	clear:both;
	display:block;
	font-size:18px;
	font-style:italic;
}


	
/* Threaded Comments */
ul.commentlist {
	margin:0;
}

ul.commentlist li {
	list-style:none none outside;
}

li.comment {
    margin: 0 0 10px;
	background:url(../images/bgcomment.gif) 0 0 no-repeat;
	padding-left:30px;
	color: #333;
}

li.comment p {
	margin:3px 5px 15px;
}

li.comment blockquote, li.pingback {
	color: #666;
}

div.comment-body {
	border:1px solid #f5e5c6;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#eee;
}

div.comment-author {
	padding:3px 5px;
	border-bottom:1px solid #f5e5c6;
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	background:#fff4de url(../images/bgcommentauthor.gif) repeat-x 0 0;
}

div.comment-meta {
	padding:1px 5px;
	border-top:1px solid #fff;
	border-bottom:1px solid #f5e5c6;
	background:#ffedca;
}

div.comment-author img {
	vertical-align:middle;
	margin:2px 5px 0 0;
}

ul.children {
	margin:10px 0;
}

.comment-reply-link,#cancel-comment-reply-link {
	padding:3px 5px 5px;
	border:1px solid #281c08;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:5px;
	background:#a27527 url(../images/bgbutton.gif) repeat-x 0 0;
	color:#fff;
	cursor:pointer;
	margin:3px 5px;
	display:block;
	width:50px;
	text-align:center;
}

#cancel-comment-reply-link {
	width:150px;
	margin-left:0;
	margin-bottom:10px;
}

#respond h3 {
	font-size:18px;
	margin:10px 0;
	border-top:1px dashed #ccc;
	padding-top:5px;
	font-style:italic;
}

#comment-info {
	font-size:20px;
	font-style:italic;
}


	
/* Category */
.page-title {
	font-size:24px;
	margin-bottom:0;
}

.archive-meta {
	margin-bottom:15px;
	border-bottom:1px dashed #ccc;
}

.archive-meta p {
	margin:0;
	font-style:italic;
}


	
/* Paging Navigation */
div.paging-navigation a {
	padding:5px 10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#e4eba7;
	margin-right:5px;
	height:32px;
	line-height:32px;
	color:#666;
}

div.paging-navigation a.current {
	background:#5e3101;
	color:#fff;
}


	
/* Sidebar & Widget */
div#sidebars {
	float:right;
	width:282px;
}

div.sidebar {
	float:left;
	overflow:hidden;
	width:282px;
}

div.sidebar h3 {
	font-size:1.2em;
}

div.sidebar p {
	clear:both;
}

div.sidebar span {
	color:#666;
	font-style:italic;
}

div.sidebar li {
	list-style:none;
	margin:0 0 2em;
}

div.sidebar li form {
	margin:.2em 0 0;
	padding:0;
}

div.sidebar ul ul {
	margin:5px 0;
	border-top:1px solid #c9d173;
	clear:both;
}

div.sidebar ul ul li {
	margin:0;
	background:url(../images/bullet.gif) no-repeat 0 0;
	padding:2px 2px 2px 18px;
	list-style:none none outside;
	border-bottom:1px solid #dbe293;
}

div.sidebar ul ul ul {
	margin:0;
	border:none;
}

div.sidebar ul ul ul li {
}

li.widget h3 {
	font-size:2em;
	font-style:italic;
	color: #333;
}

li.widget {
	background:#e1e9a0 url(../images/bgwidget.gif) repeat-x 0 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #c9d173;
	padding:10px;
	color: #333;
}

span.lockicon,span.foldericon,span.caseicon,span.globeicon,span.usericon,span.silverwareicon,span.homeicon,span.calendaricon {
	background:url(../images/lock.gif) repeat-x 0 0;
	float:left;
	width:48px;
	height:48px;
	margin:0 10px 5px 0;
	padding:0;
	display:block;
}

li#categories .foldericon {
	background:url(../images/folder.gif) repeat-x 0 0;
}

li#archives .caseicon {
	background:url(../images/case.gif) repeat-x 0 0;
}

span.globeicon {
	background:url(../images/globe.gif) repeat-x 0 0;
}

span.usericon {
	background:url(../images/user.gif) repeat-x 0 0;
}

span.silverwareicon {
	background:url(../images/silverware.gif) repeat-x 0 0;
}

span.homeicon {
	background:url(../images/home.gif) repeat-x 0 0;
}

span.calendaricon {
	background:url(../images/calendar.gif) repeat-x 0 0;
}

#user_login,#user_pass {
	width:180px;
}

#meta input.button {
	margin-top:10px;
	margin-left:58px;
}


	
/*****  Custom Page *****/

	
/* with sidebar */
#page_about,#page_ceo,#page_home,#page_blog,#page_contact {
	width:645px;
	overflow:hidden;
	float:left;
	margin:0 10px 0 0;
}


	
/* wihout sidebar */
#page_about,#page_ceo,#page_home,#page_contact {
	width:955px;
	float:none;
	clear:both;
	margin:0;
}


	
/* About Us */
#page_about {
}


	
/* CEO Profiles */
#page_ceo {
}

.ceo_photo {
	float:left;
	width:200px;
	padding:3px;
	border:1px solid #ccc;
	margin:3px 5px 0 0;
}

.ceo_photo img {
	width:200px;
	height:200px;
}

.ceo_name,.ceo_title {
	display:block;
	text-align:center;
}

.ceo_name {
	font-weight:bold;
	font-size:12px;
}

.ceo_title {
	font-style:italic;
	font-size:11px;
}


	
/* Vision and Mission*/
#page_vis {
}


	
/* Home Page */
#page_home {
}

#summary {
}

#summary h1 {
	font-style:italic;
	border-bottom:1px solid #ccc;
}

#headline {
	float:left;
	width:645px;
}

#gallery {
	padding:10px;
	border-top:1px solid #ccc;
}

#gallery .framedimg {
	margin:0 10px;
}


	
/* Blog Page */
#page_blog {
}


	
/* Contact Page */
#page_contact {
}

#page_contact .label {
	width:100px;
	float:left;
	margin-top:3px;
}

#page_contact input,#page_contact select,#page_contact textarea {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

#page_contact select {
	width:200px;
}

#page_contact textarea {
	overflow-y:scroll;
}

#page_contact ul li {
	clear:both;
	padding:0;
	margin-bottom:5px;
	display:block;

	
/* background-color: #dfe5bc; */
	border-bottom:1px solid #eee;
	list-style:none none outside;
}

#page_contact ul li.alt {

	
/* background-color: #e0e2d5; */
}

#page_contact ul li.focused {
	background-color:#ffc;
}

#page_contact .floatleft {
	margin-bottom:5px;
}

#page_contact .s50 {
	width:50px;
}

#page_contact .s120 {
	width:120px;
}

#page_contact .s200 {
	width:200px;
}

#page_contact .s350 {
	width:350px;
}

#page_contact .currency {
	text-align:right;
}