@charset "utf-8";
/*
Theme Name: dgw2
Theme URI: http://siriokun.com/portfolio/dgw/
Description: Theme for PT Dharma Guna Wibawa site
Version: 2.0
Author: Rio Purnomo
Author URI: http://siriokun.com/
Author Email: rio@siriokun.com
Tags: html5, corporate, blue
Role: Slicing, Cross Browsing, Wordpress Theming
Initiator : Lahandi Baskoro
*/

/*reset*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
 margin:0;
 padding:0;
}
ul, ol { list-style:none; }
a {
 color:#606;
 text-decoration:none
}
a:hover, a:focus { color:#909 }
a img, fieldset { border:0; }
:focus { outline:0 }
address { font-style:normal; }
.cb {
 clear:both;
 line-height:0;
 height: 0px;
}
p.right { text-align:right }
p.center { text-align:center }
.fleft { float:left }
.fright { float:right }
.hide { display:none }
/*wordpress style*/
img.alignleft {
 float:left;
 margin-right:15px
}
img.alignright, img.fr {
 float:right;
 margin-left:15px
}
img.aligncenter {
 display:block;
 margin:0 auto
}
.wp-caption img { margin:5px 5px 0 }
.wp-caption-text {
 text-shadow:none;
 margin:0 5px;
 padding:3px 8px;
 font-size:11px;
 font-style:italic
}
hr {
 background-color: #E7E7E7;
 border:0;
 height: 1px;
 margin-bottom: 18px;
 clear:both;
}
blockquote {
 font-style: italic;
 padding: 0 3em;
}
blockquote cite, blockquote em, blockquote i { font-style: normal; }
pre {
 background: #f7f7f7;
 color: #222;
 line-height: 18px;
 margin-bottom: 18px;
 padding: 1.5em;
}
abbr, acronym {
 border-bottom: 1px dotted #666;
 cursor: help;
}
ins { text-decoration: none; }
sup, sub {
 height: 0;
 line-height: 1;
 vertical-align: baseline;
 position: relative;
}
sup { bottom: 1ex; }
sub { top: .5ex; }
/*default layout*/
body, input, select, textarea {
 background:none;
 color: #444;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size:12px
}
input, select, textarea {
 border:1px solid #ccc;
 padding:2px 5px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 width:190px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
}
/*form contact*/
.wpcf7 input[type=submit] {
 background:#09f;
 border:0;
 color:#fff;
 font-size:14px;
 font-weight:bold;
 padding:3px 15px;
 text-transform:uppercase;
 text-shadow:-1px -1px 0 #008AE6;
 width:auto;
 cursor:pointer;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 background: -webkit-gradient(linear, left top, left bottom, from(#09f), to(#008AE6));
 background: -moz-linear-gradient(top, #09f, #008AE6);
}
.wpcf7 .ajax-loader { float:left }
.home .wpcf7 .pesan textarea { height:120px }
.page .wpcf7 .pesan textarea { width:428px }
body { background:#015198 url(images/bg.png) 0 0 repeat-x }
.wrap {
 margin:0 auto;
 width:941px
}
#head {
 margin:25px 0 0;
 height:131px;
 background: url(images/nav.jpg) 0 100px repeat-x;
 border-bottom:1px solid #6897b5;
 position:relative
}
#head img {
 float:left;
 margin-right:10px
}
#head h1, #head .title {
 padding:15px 0;
 font-weight:bold;
 font-size:40px;
}
#nav {
 font-size:13px;
 font-weight:bold;
 height:31px;
 line-height:31px;
 float:right;
 position:absolute;
 bottom:0;
 right:0
}
#nav>li {
 background:url(images/nav.jpg) 0 bottom no-repeat;
 float:left;
 text-align:center
}
#nav li a {
 color:#b0dffc;
 display:block;
 margin-left:2px;
 height:31px;
 width:71px;
 position:relative;
 z-index:2
}
#nav>li>a:hover, #nav>li>a:focus, #nav>.current_page_item>a, #nav>.current_page_parent>a {
 background:#09F url(images/nav-on.jpg) center 0;
 color:#fff
}
#nav ul li li { text-align:left; }
#nav ul{display:none}
/* dropdown */
/*#nav, #nav ul {
 margin:0;
 padding:0;
 list-style-type:none;
 list-style-position:outside;
 z-index:300
}
#nav a { display:block; }
#nav li {
 float:left;
 position:relative;
}
#nav ul {
 background:#003379;
 text-transform:none;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 text-align:left;
 position:absolute;
 display:none;
 width:132px;
 top:31px;
 left:2px;
}
#nav li ul { width:132px; }
#nav li ul a {
 width:122px;
 line-height:normal;
 margin:0;
 padding:5px;
 height:auto;
 float:left;
}
#nav li ul a, #nav .page_item ul a { background:none }
#nav li ul a:hover, #nav .current_page_item ul a:hover, #nav .current_page_parent .current_page_item a {
 background:#003E92;
 color:#fff
}
#nav ul ul { top:auto; }
#nav li ul ul {
 border:0;
 left:132px;
 margin:0;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; }*/
/*content*/
#content { margin:15px 0 }
#content h2, #content h3, #content h4, #content h5, #content h6, #content p { margin:0 0 15px }
#content h3 {
 color:#548dd4;
 clear:both;
 font-size:16px
}
#content h4 { font-size:14px }
#content h5 { font-size:12px }
#content h6 { font-size:9px }
#content h1, #content h2 {
 border-bottom:1px solid #e0e0e0;
 color:#0671b5;
 font-size:24px;
 padding-bottom:8px
}
#content a { color:#777; }
#content h2 a, #content h3 a { color:#0671B5; }
#content a:hover, #content a:focus { text-decoration:underline }
#content small {
 display:block;
 margin:-15px 0 15px
}
#content .edit {
 float:right;
 text-align:right;
 position:relative;
 top:-15px
}
#content .edit a {
 background:#e0e0e0;
 padding:0 5px
}
#content div.related h2 {
 color:#444;
 font-size:14px
}
#content .related ul, #content .submenu { margin-left:15px }
#content table {
 border: 1px solid #e7e7e7;
 text-align: left;
 margin: 0 -1px 24px 0;
 width: 100%;
}
#content tr th, #content thead th {
 color: #888;
 font-size: 12px;
 font-weight: bold;
 line-height: 18px;
 padding: 9px 24px;
}
#content tr td {
 border-top: 1px solid #e7e7e7;
 padding: 6px 24px;
}
#content tr.odd td { background: #F2F7FC; }
#content ol { margin:0 0 15px 25px }
#content ol li { list-style:decimal }
/*home*/
.home .box, .home .box2, .home .box3 {
 background:#fff url(images/box.png) 0 bottom repeat-x;
 margin:0 20px 20px 0;
 padding:15px;
 width:410px;
 float:left;
 min-height:606px;
 -moz-box-shadow: -1px 1px 1px #01396b;
 -webkit-box-shadow: -1px 1px 1px #01396b;
 box-shadow: -1px 1px 1px #01396b;
}
.home .box2 { width:200px }
.home .box3 {
 width:200px;
 margin-right:-200px
}
.home #content h3 { margin:0 0 5px }
/*page*/
.page #content, .single #content, .error404 #content, .news #content {
 background:#fff url(images/box.png) 0 bottom repeat-x;
 overflow:hidden;
 -moz-box-shadow: -1px 1px 1px #01396b;
 -webkit-box-shadow: -1px 1px 1px #01396b;
 box-shadow: -1px 1px 1px #01396b;
}
.page #content h1 {
 border-bottom:2px solid #e0e0e0;
 margin-bottom:15px
}
.page #content h2 {
 border:0;
 clear:both;
 font-size:18px;
 padding:0
}
.page #content .entry, .single #content .entry, .error404 #content .entry {
 background:url(images/leaf.jpg) top right no-repeat;
 padding:15px 485px 15px 15px;
 min-height:645px
}
/*news*/
.news #content {
padding:15px;
}
#content .entry h2 { color:#333 }
#content .entry ul, #content .entry ol {
 margin:0 0 15px 35px;
 list-style:square
}
#content .entry ol { list-style:decimal }
.page .box, .page .box2, .page .box3 {
 margin:0 20px 20px 0;
 width:335px;
 float:left;
 min-height:550px;
}
.page .box3 {
 width:200px;
 margin-right:-200px
}
.btn-more {
 border-top:1px solid #e0e0e0;
 clear:both;
 text-transform:uppercase;
 padding:15px 0
}
#content .btn-more a {
 background:#014f94;
 display:block;
 width:105px;
 color:#fff;
 padding:3px 5px 3px 10px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#014f94', endColorstr='#01396b');
 background: -webkit-gradient(linear, left top, left bottom, from(#014f94), to(#01396b));
 background: -moz-linear-gradient(top, #014f94, #01396b);
}
#content .btn-more a:hover, #content .btn-more a:focus { text-decoration:none }
.btn-more b {
 border:4px solid #fff;
 border-color: transparent transparent transparent #fff;
 display:block;
 float:right;
 margin-top:4px;
 height:0;
 width:0
}
/*footer*/
#foot {
 color:#fff;
 clear:both;
 font-size:11px;
 margin:0 0 25px
}
#foot span, #foot a { color:#459FCB }
#foot a:hover, #foot a:focus { color:#bab8b8 }
#foot .mail {
 border: 1px solid #fff;
 color: #fff;
 float: right;
 padding: 5px;
 position: relative;
 top: -15px;
}
#foot .mail:hover {
 background: #fff;
 color: #333;
}
/*font*/
@font-face {
font-family: "DroidSans Bold";
src:	local("DroidSans Bold"), local("DroidSans-Bold"), url('DroidSans-Bold.ttf') format('truetype');
}
#head h1, #head .title, #content h2, #nav { font-family:"DroidSans Bold", Arial, Helvetica, sans-serif }