@charset "utf-8";

body{
background:#333333;
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
line-height:110%;
}

body.front{
font-size:15px;
line-height:110%;
}

#container {
	width: 900px;
	/* margin-top:50px; */
	margin-left:auto;
	margin-right:auto;
	display:block;
	/*position:relative;*/
}

/*============================ HEADER AND MENU UTAMA ===================*/
#header {
	height: 139px;
	width: 900px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	display:block;
	position:relative;
}

#rss_button{
width:40px;
height:40px;
margin-left:10px;
padding-top:10px;
}

#rss_button a, #rss_button a:visited{
	width:40px;
	height:40px;
	text-indent:-500px;
	display:block;
	background-image:url(images/button_rss.png);
	background-position: center 0px;
}

#rss_button a:hover{
text-indent:-500px;
display:block;
background-image:url(images/button_rss.png);
background-position: center -40px;
}

.menu_utama {
	/*margin-top:75px;*/
	height: 30px;
}
.separator {
	width: 13px;
	background-image:url(images/menu_separator.png);
	float:left;
}

.front #menu_utama {
	padding-top:70px;
}

.inside #menu_utama {
	padding-top:20px;
}

#menu_about{
	width:134px;
	/*display:block;*/
	float:left;
}
#menu_gallery{
	width:56px;
	display:block;
	float:left;
}
#menu_contact{
	width:58px;
	display:block;
	float:left;
}
#menu_blog{
	width:44px;
	display:block;
	float:left;
}

#menu_about a{
	width:134px;
	height:30px;
	background-image:url(images/menu_about.png);
	background-repeat:no-repeat;
	display:block;
	text-indent: -500px;
	overflow:hidden;
}
#menu_about a:hover{
	background-position:0px -35px;
}

#menu_gallery a{
	width:134px;
	height:30px;
	background-image:url(images/menu_gallery.png);
	background-repeat:no-repeat;
	display:block;
	text-indent: -500px;
	overflow:hidden;
}
#menu_gallery a:hover{
	background-position:0px -35px;
}

#menu_contact a{
	width:134px;
	height:30px;
	background-image:url(images/menu_contact.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
	text-indent: -500px;
	overflow:hidden;
}

#menu_contact a:hover{
	background-position:0px -35px;
}

#menu_blog a{
	width:134px;
	height:30px;
	background-image:url(images/menu_blog.png);
	background-repeat:no-repeat;
	display:block;
	text-indent: -500px;
	overflow:hidden;
	
}

#menu_blog a:hover{
	background-position:0px -35px;
}

/*============================ FOTO ===================*/

#foto{
background:#333333 none repeat scroll 0 0;
height:355px;
width:900px;
float:left;
display:block;
}

/*============================ BOTTOM ===================*/

#bottom{
background-image:url(images/bottom.jpg);
background-repeat:repeat-y;
height:180px;
width:900px;
float:left;
display:block;

}

#bottom_left{
color:#FFFFFF;
float:left;
font-size:16px;
font-weight:bold;
line-height:18px;
padding:10px;
vertical-align:middle;
width:900px;
}

#bottom_left .valign{
padding:10px;
height:161px;
width:704px;
/* float:left;
top:-50%; */
}


#bottom_right{
padding:10px;
/*height:161px;*/
width:280px;
float:left;
display:block;
text-align:left;
font-size:14px;
line-height:15px;
}

/*============================ LOWER AREA ===================*/
#lower_area{
display:table-cell;
background-image:url(images/bg_lower.jpg);
height:150px;
width:900px;
}


/*============================ SIDEBAR LEFT ===================*/
.block{
display:block;
}

#sidebar_left{
display:block;
padding:10px;
width: 176px;
/*background-image:url(images/bg_sidebar.jpg);*/
float:left;
text-align:right;
/*position:relative;
height:500px;*/
}



#sidebar_left .title{
color:#FFFFFF;
font-size:26px;
line-height:110%;
padding-bottom:20px;
text-transform:lowercase;
}

#sidebar_left .block{
display:table;
font-size:12px;
color:#FFFFFF;
padding-bottom:15px;
/*border-bottom: 1px solid #555;*/
width:100%;

}
#sidebar_left .content{
display:table;
font-size:12px;
color:#FFFFFF;
/*padding-bottom:15px;
border-bottom: 1px solid #555;*/
width:100%;

}

#sidebar_left .photos{
display:table-cell;
width:50px;
height:50px;
padding:5px;
float:left;

}

#sidebar_left .photos a img, #sidebar_left .photos a:visited img{
border:#666666 1px solid;
}

#sidebar_left .photos a:hover img{
	border:1px solid lightBlue;
}

.pagination{
display:block;
text-align:center;
background-color:#666;
padding-top:2px;
padding-bottom:2px;
}

#sidebar_left .pagination a{
padding:2px;
}



#sidebar_left .block a, #sidebar_left .block a:visited{
color:lightBlue;
font-size:14px;
line-height:15px;
text-decoration:none;
}

#sidebar_left .block a:hover {
color:#FFFFFF;
text-decoration:none;
}

/*#sidebar_left .block ul li ul li a{
color:#3366FF; !important
font-size:11px; !important
}*/

/*============================ CONTENT ===================*/
#content{
display:block;
/*height:500px;*/
float:left;
margin-left:20px;
margin-top:10px;
padding-bottom:2px;
padding-top:2px;
width:660px;

}

#content-area{
display:block;
}

#content p {
padding-top:2px;
padding-bottom:5px;
font-size:12px !important;
width:600px;
text-align:justify;
}

.segment_title{
color:#FFFFFF;
font-size:26px;
/*line-height:110%;*/
padding-bottom:20px;
text-transform:lowercase;
}

.entry{
padding-bottom:15px;
border-bottom:#555 1px solid;
}

.entry .linkmore{
margin-bottom:-15px;
}

.entry .linkmore a, .entry .linkmore a:visited{
display:block;
width:783px;
background-color:#777;
color:#CCCCCC;
text-align:right;
padding:2px;
}
.entry .linkmore a:hover{
color:#FFFFFF;
background-color:#333333;
}


.entry a, .entry a:visited{
color:#FFFF00;
text-decoration:none;
line-height:14px;
}

.entry a:hover{
color:#FFFFFF;
text-decoration:none;
}

.entry .title{
font-size:18px;
color:#FFFFFF;
padding-bottom:5px;
padding-top:10px;
text-transform:capitalize;
}

.entry .title a, .entry .title a:visited{
font-size:18px;
color:#FFFFFF;
padding-bottom:5px;
}

.entry .title a:hover{
font-size:18px;
color:#FFFF99;
padding-bottom:5px;
}

.entry .date{
font-size:11px;
color:#CCCCCC;
}

.entry .posted_by{
font-size:11px;
color:#CCCCCC;
padding-bottom:10px;
}

.entry .content{
}

#content .photo{
background-color:#555555;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
margin-top:25px;
padding:15px;
width:500px;
display:block;
}

/*============================ FOOTER ===================*/
#copyright_credit{
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
height:15px;
width:600px;
float:left;
display:block;
text-align:center;
font-size:10px;
}

#copyright_credit_inside{
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
height:15px;
width:600px;
float:left;
display:block;

font-size:10px;
}

/*======================== FORMS =========================*/



label {
display:block;
font-size:11px;
line-height:15px;
color:#FFFFFF;
margin-top:5px;
clear:left;
width:200px;
}

label input{
display:block;
clear:left;
}

label.phonefax {
display:inline-block;
padding-right:20px;
}

input[name*=phone], input[name*=fax], label[for*=phone], label[for*=fax]{
width:200px;
}

/*input[name*=phone]{
clear:left; !important
}

label[for*=phone], label[for*=fax]{
display:inline-block;
}

input[name*=phone], input[name*=fax]{
display:inline-block;
}

label[for*=fax]{
clear:right;
}*/

input[type*=submit], input[type*=reset]{
margin-left:auto;
margin-right:auto;
}

textarea{
width:720px;
border:#FFFFFF 1px solid;
}

textarea:focus{
border:#FFFF00 1px solid;
background-color:#FFFFCC;
}

textarea:active{
border:#FFCC00 1px solid;
}


input{
border:#FFFFFF 1px solid;
}

input:focus{
border:#FFFF00 1px solid;
background-color:#FFFFCC;
}

input:active{
border:#FFCC00 1px solid;
}

#webform-client-form-44 .resizable-textarea {
width:785px; !important
}

#webform-client-form-44 #edit-submitted-subject {
width:660px; !important
}

#webform-client-form-44 #webform-component-sex{
border:1px solid #666666;
display:block;
height:50px;
padding:5px 10px;
width:310px;
}

#webform-client-form-44 #webform-component-sex *{
display:inline;
margin-top:0;
}

#webform-client-form-44 #edit-submitted-full-name, #webform-client-form-44 #edit-submitted-address,#webform-client-form-44 #edit-submitted-city,#webform-client-form-44 #edit-submitted-e-mail-address{
width:330px;
}

/*====================== MINOR LAYOUTING =========================== */

.floatleft{
float:left;
}

.floatright{
float:right;
}

.floatcenter{
margin-left:auto;
margin-right:auto;
}

.entry img{
margin:5px;
}

.entry p{
margin-top:5px;
line-height:140%;
}


/*===========================ADDITIONAL==================================*/

.node-type-photo-gallery #content-header h1 {
   display:none;
}

.node-type-photo-gallery #content h1 {
   display:none;
}


.node-type-photo-gallery .field-label {
   display:none;
}

#sidebar_left .views-field-title {
	color:#FFFFFF;
	font-size:26px;
	line-height:110%;
	/*padding-bottom:20px;*/
	text-transform:lowercase;
}



#block-menu-menu-menuaboutpage .block-inner h3 {
  display:none;
}

#sidebar_left ul {
  text-align:right;
  border-bottom:1px solid #555555;
  padding-bottom:20px;
}

#sidebar_left ul ul{
 border-bottom:none; !important
 padding-bottom:none; !important
/*font-size:11px; !important
color:#3366FF; !important
padding-right:3px; !important
padding-bottom:-5px; !important
*/}

/* #sidebar_left .block ul ul li a, #sidebar_left .block ul ul li a:visited{
font-size:11px; !important
color:blue; !important

}*/

#sidebar_left .block ul ul a, #sidebar_left .block ul ul a:visited{
font-size:11px; !important
}

#sidebar_left li {
  list-style-type:none !important;
  list-style-image:none !important;
}

.content li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left:20px;
}

.content li li{
	list-style-position: outside;
	list-style-type: lower-alpha;
	margin-left:20px;
}

.page-about .views-field-title span{
color:#FFFFFF;
font-size:26px;
line-height:110%;
padding-bottom:20px !important;
text-transform:lowercase;
}



.page-blog .views-field-title span{
color:#FFFFFF;
font-size:26px;
line-height:110%;
padding-bottom:20px !important;
text-transform:lowercase;
}

.line hr{
  border-bottom:1px solid #555555;
  width:660px;
  float:left;
  display:block;
  padding-left:30px;
  margin-bottom:20px;
  margin-top:20px;

}

#block-views-archive-block .block-inner h3 {
  display:none;
}



#content-bottom {
  margin-bottom:15px;
  /*display:block;*/
}




.page-about .views-field-field-description-about-value {
  margin-top:10px !important;
}


/*.sidebar-left .views-field-field-image-gallery-fid img {
  float:left;
  display:table-cell;
  height:50px;
  padding:5px;
  width:50px;
  color:lightBlue;
  font-size:14px;
  line-height:15px;
  text-decoration:none;
  
}*/

.sidebar-left .views-field-field-image-gallery-fid{
display:table;
width:50px;
height:50px;
padding:5px;
margin-top:10px;
margin-left:auto;
margin-right:auto;;
}

.sidebar-left .views-field-field-image-gallery-fid a img, .sidebar-left .photos a:visited img{
border:#666666 1px solid;
}

.sidebar-left .views-field-field-image-gallery-fid a:hover img{
	border:1px solid lightBlue;
}

.view-v-photos-content .views-field-field-image-gallery-fid img {
   background-color:#555555;
   margin-bottom:30px;
   margin-left:auto !important;
   margin-right:auto !important;
   padding:15px;
   width:510px;
   margin-top:0px;
}




#content-area .page-gallery .views-field-title .view-content span{
color:#FFFFFF;
font-size:26px;
line-height:110%;
/*padding-bottom:50px !important;*/
text-transform:lowercase;

}

#content-area .page-gallery .views-field-created span{
color:#CCCCCC;
font-size:11px;
}

#content-area .page-gallery .views-field-name label{
color:#CCCCCC;
font-size:11px;
text-align:left;
}

#content-area .page-gallery .views-field-name a {
color:#FFFF00;
font-size:11px;
text-align:left;
}

#content-area .page-gallery .views-field-body p {
margin-top:15px;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:12px !important;
line-height:140%;
}

.page-gallery .view-v-title-photos-Content span {
  color:#FFFFFF;
font-size:26px;
/*line-height:110%;
padding-bottom:20px !important;*/
text-transform:lowercase;

}

.page-gallery .view-content .views-field-title span {
  color:#FFFFFF;
font-size:26px;
/*padding-top:10px;
padding-bottom:100px !important;*/
text-transform:lowercase;
line-height:140%;
}

.view-v-photos-content .view-content .views-row-1 .views-field-title span {
display:none !important;
  color:#FFFFFF;
font-size:18px;
/*padding-top:10px;
padding-bottom:100px !important;*/
text-transform:capitalize;
}

.page-gallery .view-content .views-field-created span {
  color:#CCCCCC;
font-size:11px;
line-height:200%;
}

.page-gallery .view-content .views-field-name label {
  color:#CCCCCC;
font-size:11px;
float:left;
height:5px;
width:60px;
margin-top:-1px;
}

/*
.page-gallery .view-content .views-field-name a {
  color:#CCCCCC;
font-size:11px;
color:#FFFF00;
height:5px;
}
*/

.page-gallery a {
 color:lightBlue;
font-size:14px;
line-height:15px;
text-decoration:none;
}

.page-gallery  a:hover {
color:#FFFFFF;
text-decoration:none;
}



.page-gallery .view-content .views-field-body p {
margin-top:10px;
line-height:140%;
font-size:100%;
}


.node-type-photo-gallery .view-content .views-field-title span {
  color:#FFFFFF;
font-size:26px;
/*padding-top:10px;
padding-bottom:100px !important;*/
text-transform:lowercase;
line-height:140%;
}

.node-type-photo-gallery .node-inner span {
  color:#CCCCCC;
font-size:11px;
line-height:200%;
}

/*.node-type-photo-gallery .node-inner a {
  color:#CCCCCC;
font-size:11px;
color:#FFFF00;
}*/

.node-type-photo-gallery  a {
 color:lightBlue;
font-size:14px;
line-height:15px;
text-decoration:none;
}

.node-type-photo-gallery a:hover {
color:#FFFFFF;
text-decoration:none;
}

.node-type-photo-gallery .node-inner p {
margin-top:5px;
line-height:140%;
font-size:100%;
}

.node-type-photo-gallery .node-inner .title  {
  color:#FFFFFF;
font-size:18px;
/*padding-top:10px;
padding-bottom:100px !important;*/
text-transform:capitalize;
}

.node-type-photo-gallery .node-inner .links  {
 display:none;
}

.node-type-webform #lower_area #content h1 {
	color:#FFFFFF;
	font-size:26px;
	line-height:60%;
	padding-bottom:20px;
	text-transform:lowercase;
}



.node-type-webform #lower_area #content #content-area .node-inner .submitted {
	display:none;
}

.node-type-webform #lower_area #content #content-area .node-inner .content #webform-client-form-44 #webform-component-sex .form-radios input {
	float:left;
}

.textarea-identifier {
  display:none;
}

.node-type-webform #lower_area #content #content-area .node-inner .content #webform-client-form-44 #webform-component-where_did_you_heard_about_us_ .form-radios input {
	float:left;
	display:inline;
}
.form-checkboxes .form-item, .form-radios .form-item {
  display:inline;
  float:left;
  width:155px;
  margin-bottom:25px;
}




.page-blog .view-content .views-field-created span {
  color:#CCCCCC;
font-size:11px;
line-height:200%;
}

.page-blog .view-content .views-field-name {
margin-bottom:20px;
  
}

.page-blog .view-content .views-field-name label {
  color:#CCCCCC;
  font-size:11px;
  float:left;
  width:60px;
  margin-top:-1px;
  height:5px;
  
}
/*
.page-blog .view-content .views-field-name a {
  color:#CCCCCC;
  font-size:11px;
  color:#FFFF00;
  height:10px;
}
*/

.page-blog .view-content .views-field-name a {
 color:lightBlue;
font-size:11px;
text-decoration:none;
height:10px;
}

.page-blog .view-content .views-field-name a:hover {
color:#FFFFFF;
text-decoration:none;
}

/*.page-blog .view-content .views-field-title a {
  color:#FFFFFF;
  font-size:18px;
}*/

.page-blog .view-content .views-field-title a {
 color:lightBlue;
font-size:18px;
/*line-height:15px;*/
text-decoration:none;
text-transform:capitalize;
}

.page-blog .view-content .views-field-title a:hover {
color:#FFFFFF;
text-decoration:none;
}

.page-blog .view-content .field-content p {
margin-top:5px;
line-height:140%;
font-size:100%;
}

.page-blog .view-content .views-field-view-node {
margin-bottom:-15px;
}

.page-blog .view-content .views-field-view-node a, .page-blog .view-content .views-field-view-node a:visited {
background-color:#777777 !important;
/*color:#CCCCCC !important;*/
display:block !important;
padding:2px !important;
text-align:right !important;
width:660px !important;
color:lightBlue;
}

.page-blog .view-content .views-field-view-node a:hover{
color:#FFFFFF !important;
background-color:#333333 !important;
}

.node-type-webform #lower_area #content .tabs ul {
  display:none;
}


/* border-bottom:1px solid #555555; */

.view-v-left-menu-contact .views-field-body .field-content p {
   border-bottom:1px solid #555555;
   padding-bottom:20px;
}

.node-type-page #content h1 {
	color:#FFFFFF;
	font-size:26px;
	line-height:110%;
	padding-bottom:20px;
	text-transform:lowercase;
}

.view-v-blog .views-row-odd, .view-v-blog .views-row-even {
  margin-bottom:20px;
}

.node-type-blog #lower_area #content h1 {
color:#FFFFFF;
font-size:26px;
line-height:110%;
padding-bottom:20px !important;
text-transform:lowercase;
}

.node-type-blog .node-inner span {
  color:#CCCCCC;
font-size:11px;
line-height:200%;
}

.node-type-blog .node-inner a {
  color:#CCCCCC;
font-size:11px;
color:#FFFF00;

}

.node-type-blog .node-inner p {
margin-top:5px;
line-height:140%;
font-size:100%;
}

.node-type-blog .node-inner .title  {
  color:#FFFFFF;
font-size:18px;
/*padding-top:10px;
padding-bottom:100px !important;*/
text-transform:capitalize;
}

.node-type-blog .node-inner .blog_usernames_blog a   {
  display:none;

}

#contact-image {
display:block;
float:right;
margin-top:-50px;
padding-bottom:20px;
}

.sticky-table {
  border-collapse:collapse;
  border-spacing:0;
  display:block;
}

#content-area a {
color:lightBlue;
font-size:14px;
line-height:15px;
text-decoration:none;
}

#content-area a:hover {
color:#FFFFFF;
text-decoration:none;
}

.page-about #content-area p {
  width:660px;
}

.page-node #content .tabs {
  width:660px;
}

.view-v-photos-content {
  width:660px;
}

.node-inner {
  width:660px;
}
.resizable-textarea {
  width:660px !important;
}

#webform-component-where_did_you_heard_about_us_ .form-radios {
 /* border:1px solid #666666;*/
display:block;
height:30px;
padding:10px;
width:660px;
}

#webform-component-where_did_you_heard_about_us_  div[id*=search] {
  display:inline;
  float:left;
  width:195px;
  margin-bottom:25px;
  }
  

#webform-component-where_did_you_heard_about_us_ {
border:1px solid #000000;
margin-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}