/*
THEME NAME: BBLK
THEME URI: http://themejob.com/
VERSION: 1.0
DESCRIPTION: Theme BBLK Surabaya. Design by <a href="http://themejob.com">Themejob</a>.  WordPressed by afandyag@gmail.com
AUTHOR: Bothol
AUTHOR URI: http://themejob.com/
*/

html {margin:0;}
body { background:url(images/bg.png) top repeat-x; margin:0 auto; padding:0; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-size:12px; }
a { text-decoration:none; }
a img { border:none; }
#wrap { width:960px; margin:30px auto auto; overflow:hidden; background:#ffffff; }

#navigation { background:url(images/nav.png) repeat-x; text-align:right; font-size:14px; font-weight:bold; height:42px; }
#navigation ul { margin:0; padding:11px; }
#navigation a { background:url(images/line.png) left bottom no-repeat; padding:10px; min-height:42px; color:#ffffff; }
.logo { margin:0; padding-left:10px; background:url(images/inner.png) repeat-x; }

/** header **/
#header, #page { margin:10px; padding:5px; background:#ececec; overflow:hidden; border:#c2c2c2 thin solid; }
#menu { width:275px; text-align:right; font-size:16px; font-weight:bold; }
#menu ul { margin:0; padding:0; list-style-type:none; }
#menu li { margin-bottom:5px; background:url(images/black.png); padding:22px 10px 5px; }
#menu a { text-decoration:none; color:#ffffff; }

/** content **/
#container { margin:10px; background:#ececec; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; }
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
height: 157px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 930px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#gallery { margin-left:280px; height:210px; }
#gallery .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
#gallery .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 643px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.panel span { position:absolute; right:5px; bottom:5px; }
.panel span a { font-weight:bold; text-decoration:none; color:#ffffff; }
.panel .entry-content { margin-right:80px;text-align:justify; }
.panel .entry-title { margin:0; font-size:18px; }

.arrow { position:absolute; right:5px; bottom:5px; }
.sidebar { width:49%; }
.entry-title a { font-size:24px; font-weight:bold; color:#01a9df; margin:0; border-bottom:#000000 thin dotted; }
.sidebar .entry-content { margin-left:205px; padding-top:5px; }
.content { overflow:hidden; margin-bottom:20px; }
.pic { margin-right:10px; }
.pic img { border:#c2c2c2 thin solid; }
table { color:#ffffff; }
thead tr { background:#007ac2; font-weight:bold; text-align:center; }
tbody tr { background:#707070;}
td { padding:0 10px; }

/** gallery **/
.gallery {
	margin: auto; overflow:hidden;
}
.gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 25%;			}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-caption {
	margin-left: 0;
}

/** footer **/
#footer { background:#0089CD url(images/footer.jpg) top center repeat-x; text-align:center; position:relative; height:260px; clear:both; }
#footlink { font-weight:bold; color:#ffffff; }
#footlink ul { padding-top:10px; padding-left:0; }
#footlink li { padding:10px 5px 10px 0; }
#footlink a { color:#ffffff; }
.flash { right:0; position:absolute; }
.wrapper { width:960px; margin:auto; position:relative; }
.copyright { text-align:right; position:absolute; right:346px; top:120px; color:#ffffff; }

/** cforms **/
#cforms2form, #cforms3form { margin:0; }

.alignleft { float:left; }
.alignright { float:right; }
.cleft { clear:left; }
.menulist ul { list-style-type:none; }
.menulist ul li {	display:inline; }
.menulist a {	text-decoration:none; }