/*
Theme Name: Gong Studio
Theme URI: http://siriokun.com/
Description: Gong Studio Theme. Design by <a href="http://www.visualpro.asia/">Lahandi Baskoro</a>
Version: 1.0
Author: Rio Purnomo
Author URI: http://siriokun.com/
Tags: studio, portfolio, simple, gallery
*/
body, p, pre, h1, h2, h3, h4, h5, h6, ul, ol, ul ul { margin: 0; }
body, textarea { font: 62.5%/normal "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 {
 font-size: 3.6em;
 font-weight: bold;
}
h2, h3, h4, h5, h6 { font-size: 2em; }
pre, code, textarea { font-size: 1.2em; }
img { border: 0; }
a {
 color: #E35F13;
 text-decoration: none;
}
:focus { outline: 0; }
input[type=text], textarea { border: 1px #ccc; }
input[type=text]:focus, textarea { border: 1px #333; }
th, td, ul, ul ul { padding: 0; }
ul, ul ul { list-style: none; }
.cb {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
}
.fl, .fr { display: inline; }
.fl { float: left; }
.fr { float: right; }
p.right { text-align: right; }
.show { display:block }
.hide { display:none }
/* layout */
body { background: #3B342A url(images/nav.jpg) 0 0 repeat-y; }
.logo {
 display: block;
 height: 130px;
 margin:24px 0 30px 30px;
}
.logo a {
 background: url(images/gong.jpg) 0 0 no-repeat;
 display: block;
 font-size:14px;
 height: 124px;
 width: 138px;
 text-indent: -999em;
 overflow: hidden;
}
.sidebar {
 display:inline;
 float:left;
 width: 198px;
}
.sidebar h3 { margin:10px 0 0 50px; }
.nav {
 border:3px solid #E35F13;
 border-width:3px 0;
 margin: 0 30px;
 padding:5px 10px 5px 0;
 width: 128px;
}
.nav a {
 color: #000;
 font-size:8pt;
 font-weight:bold;
 padding:2px 0 2px 20px;
 line-height:14pt
}
.nav a:hover {
 background:url(images/gong.jpg) -167px -16px no-repeat;
 color: #E35F13;
}
.nav .current_page_item a {
 background:url(images/gong.jpg) -167px 1px no-repeat;
 color: #E35F13;
}
.port { border-top:0; }
.viewing {
 background:#FFB648;
 border-width:1px;
 text-align:center;
 font-style:italic;
 margin:35px auto 0;
 padding:10px 5px
}
#content {
 color:#F9D055;
 display:inline;
 float:left;
 font-size:1.25em;
 margin: 25px 20px 0;
 padding: 18px 40px;
 line-height: 16pt;
 width: 488px;
 position:relative
}
.blog #content, .single #content, .archive #content {
 background: #fff;
 color:#333;
 display:inline;
 float:left;
 font-size:1.25em;
 margin: 25px 20px 0;
 padding: 18px 40px;
 line-height: 16pt;
 width: 488px;
 position:relative;
 min-height:550px;
}
.date, .comment-meta, .cat {
 color:#999;
 display:block;
 margin-bottom:15px;
 font-size:11px;
}
.cat { color:#E35F13 }
.date a, .comment-meta a { color:#666 }
.cat a { color:#963 }
.date a:hover, .comment-meta a:hover { color:#E35F13 }
.cat a:hover { text-decoration:underline }
#content h1 {
 border-bottom: 3px solid #E35F13;
 color: #E35F13;
 font-size: 30px;
 margin: 108px 0 50px;
 padding:0 0 5px;
 text-transform:uppercase;
 line-height:21pt;
}
.blog #content h1 {
 border-bottom: 3px solid #E35F13;
 color: #E35F13;
 font-size: 30px;
 margin-top: 106px;
 padding:0 0 7px;
 text-transform:uppercase;
}
#content h2, #content .hentry h1 {
 color: #000;
 font-size: 21px;
 margin: 55px 0 0;
}
#content .hentry h1 {
 margin:0 0 18px;
 padding: 0;
 border:0;
 text-transform:none;
}
#content h2 a { color: #000; }
#content h2 a:hover { color: #E35F13; }
#content p, #content ul, #content ol { margin-bottom:18px }
#content ul, #content ol {
 margin: 0 0 20px;
 padding: 0 0 0 20px;
}
#content li { list-style: disc }
#content ol li { list-style: decimal }
/* gallery */
#showcase, #slideshow {
 color:#333;
 font-size:1.4em;
 display:block;
 margin:0 50px 0 250px;
 padding:15px 0 0;
 line-height:9pt;
}
/*slideshow*/
#slideshow, #loading {
 background: #3B342A url(images/loading.gif) center center no-repeat;
 height:600px;
 width:800px;
 position:relative;
 top: 45px;
 left:98px;
}
#loading {
 margin:0;
 padding:27px 15px 0;
 line-height:9pt;
 text-align:center;
 color:#fff;
 position:absolute;
 top:0;
 left:0;
 z-index:9999
}
#slideshow img {
 border: 7px solid #F9CF56;
 position:absolute;
 left:0;
 top:0;
}
.slider {
 margin:0 auto;
 width:976px;
 position:relative;
}
.prevPage, .nextPage {
 background: url(images/gong.jpg) -160px bottom;
 display:block;
 height:30px;
 width:25px;
 text-indent:-40px;
 position:absolute;
 top:25px;
 overflow:hidden;
 cursor:pointer
}
.prevPage {
 background-position: -156px -262px;
 left:-50px;
}
.nextPage { right:-50px; }
.disabled {
 background:none;
 cursor: default
}
.scrollable {
 height:82px;
 overflow:hidden;
 position:relative;
}
.items {
 position:absolute;
 top:0;
 width:999em;
}
.items a {
 display:block;
 float:left;
 width:122px;
 text-align:center;
}
.items img { border: 4px solid #3B342A; }
.items .active img { border: 4px solid #F9D055; }
#show {
 color:#70614E;
 margin:30px 0 0;
 text-align:center;
 font-size:11px;
 line-height:14pt;
 height:400px;
 background:url(images/loading.gif) center center no-repeat;
}
#show a, .larger { color:#70614E; }
.larger {
 display:none;
 z-index:10000;
 top:23px!important;
 line-height:14pt;
 text-align:center
}
#mask {
 background:#000!important;
 opacity:0.85!important;
 cursor: pointer;
}
/* footer */
.foot {
 background:url(images/gong.jpg) 0 -124px no-repeat;
 clear:left;
 font-size:.9em;
 line-height:8pt;
 padding: 200px 0 15px;
 margin: 20px 0 0 31px;
 text-align:center;
 text-transform:uppercase;
 width:136px;
}
/* wordpress spesific styles */
.alignleft {
 display: block;
 margin-right: 5px auto 10px;
}
.alignleft {
 float: left;
 margin-right: 5px 10px 10px 0;
}
.alignright {
 float: right;
 margin-left: 5px 0 10px 10px;
}
.commentlist {
 list-style:none;
 margin:0;
 padding:0
}
.commentlist .avatar { float:right }
.commentlist .says { display:none }
.commentlist .comment {
 border:1px solid #ccc;
 margin-bottom:20px;
 padding:10px
}
.reply { margin-bottom:15px }
#respond #author, #respond #email, #respond #url, #respond textarea {
 border:1px solid #999;
 font-size:13px;
 padding:5px;
 width:255px;
}
#respond textarea { width:475px; }
.comment #respond textarea { width:97%; }
#respond #submit { margin:10px 0 }
.post-edit-link {
 background:#F9CF56;
 color:#000;
 font-size:.9em;
 padding:5px 10px;
 position:absolute;
 top:0;
 right:0
}
.post-edit-link:hover { color:#E35F13 }
/*gallery*/
#gallery .next, #gallery .prev {
 /* absolute positioning relative to the overlay */
    display:none;
 position:absolute;
 top:40%;
}
.prev { left:0; }
.next { right:0; }
/* progress indicator (animated gif). should be initially hidden */
#gallery {
 margin:25px auto;
 position:relative!important;
 top:auto!important;
 left:auto!important
}
#gallery .progress {
 position:absolute;
 top:45%;
 left:45%;
 display:none;
}
#gallery .info, #gallery .disabled { display:none!important }
#gallery .prev, #gallery .next {
 cursor:pointer;
 text-indent:-999em;
 overflow:hidden;
 height:41px;
 width:40px;
}
#gallery .prev {
 background: url(images/gong.jpg) -143px -176px no-repeat;
 left:-65px
}
#gallery .next {
 background: url(images/gong.jpg) -143px -221px no-repeat;
 right:-65px
}