/*
Theme Name: OHS news
Theme URI: http://www.safetyculture.com.au/news2/
Description: A magazine style theme by <a href="http://www.ariefsyu.com">ariefsyu</a>, created by <a href="http://ariefsyu.com">Arief Rachmansyah + Hanif Gargantor</a>
Version: 1.0
Author: Arief Rachmansyah / Hanif Gargantor

*/
/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */

body{
  margin: 0px auto;
  padding: 0px;
  font-family: Arial;
  background: transparent url(images/bg3.jpg) repeat-x;
  width: 921px;
}

html, body
{
	margin-top: 0px;
}

#wraper {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  width: 921px;
}
/* ------ */
/* HEADER */
/* ------ */
#header {
  width: 921px;
  margin: 0 auto;
  padding: 0;
  display: block;
}
#LOGO {
  display: block;
  height: 100px;
}
#headercontact{
  text-align: right;
  display: block;
  font-size: 12px;
  font-weight: bold;
}
#headercontact a{
  color: #000000;
}
#headercontact a:hover{
  color: #000000;
}


#header-nav{
  border-bottom: 1px solid #C0C0C0;
  display: block;
  float: left;
  width: 100%
}
#hnav-1{
  background-image: url(images/ohssystems_off.jpg);
  background-repeat: no-repeat;
  width: 153px;
  height: 74px;
  float: left;
}
#hnav-2{
  background-image: url(images/wms_off.jpg);
  background-repeat: no-repeat;
  width: 153px;
  height: 74px;
  float: left;
}
#hnav-3{
  background-image: url(images/inductions_off.jpg);
  background-repeat: no-repeat;
  width: 153px;
  height: 74px;
  float: left;
}
#hnav-4{
  background-image: url(images/audits_off.jpg);
  background-repeat: no-repeat;
  width: 153px;
  height: 74px;
  float: left;
}
#hnav-5{
  background-image: url(images/store_off.jpg);
  background-repeat: no-repeat;
  width: 153px;
  height: 74px;
  float: left;
}
#hnav-6{
  background-image: url(images/news_off.jpg);
  background-repeat: no-repeat;
  width: 153px;
  height: 74px;
  float: left;
}
.hnav-text{
  padding: 5px;
}
#hnav-1 .hnav-text a{ padding: 13px 0px 0px 42px; font-size: 10pt; color: #FFFFFF; display: block; }
#hnav-2 .hnav-text a{ padding: 6px 0px 0px 39px; font-size: 10pt; color: #FFFFFF; display: block; }
#hnav-3 .hnav-text a{ padding: 6px 0px 0px 39px; font-size: 10pt; color: #FFFFFF; display: block; }
#hnav-4 .hnav-text a{ padding: 13px 0px 0px 42px; font-size: 10pt; color: #FFFFFF; display: block; }
#hnav-5 .hnav-text a{ padding: 13px 0px 0px 45px; font-size: 10pt; color: #FFFFFF; display: block; }
#hnav-6 .hnav-text a{ padding: 13px 0px 0px 45px; font-size: 10pt; color: #FFFFFF; display: block; }

.hnav-text a:hover{
  color: #FFFFFF;
}


#header-judul{
  border-bottom: 1px solid #C0C0C0;
  float: left;
  width: 100%;
}
#header-title{
  float: left;
  text-align: left;
  color: #808080;
  font-family: Arial;
  font-size: 20pt;
}
#header-search{
  float: right;

}
#header-adress{
  border-bottom: 1px solid #C0C0C0;
  display: block;
  font-family: Arial;
  font-size: 8pt;
}


/* ------- */
/* CONTENT */
/* ------- */
#content {
  width: 921px;
  margin: 0 auto;
  padding: 0;
  display: block;
  margin-bottom: 20px;
  
  overflow: hidden;

}
#left {
  width: 200px;
  margin: 0;
  padding: 0;
  /*display: block;*/
  float: left;
  background-color: #f4f4f4;
  background-image: url(images/navtop.gif);
  background-position: top center;
  background-repeat: no-repeat;
  /*min-height: 1900px;  fix me */
  
  display: block;
}
.nav-left {
  padding-left: 15px;
  /*padding-top: 20px;*/
  padding-right: 15px;
  font-size: 9pt;
  font-weight: bold;

}
.nav-left ul li{
  padding: 5px;
  color: #00B111;
  border-top: 1px solid #C0C0C0;

}


#nav-title{
  margin-bottom: 5px;
  font-size: 12px;
  color: #666666;
}
.left-bottom{
  background-image: url(images/navbottom.gif);
  background-position: bottom center;
  background-repeat: no-repeat;
  width: 200px;
  height: 37px;
}




#center {
  width: 665px; /* width: 465px; */
  /* margin: 0px 15px;*/
  /* padding: 5px; */
  /* display: block; */
  /* float: left; */
	
	float: right;
	display: inline;
	position: relative;
}
#content-bottom{
  background-color:#DEEFE0;
  text-align: right;
  font-size: 9pt;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 0px;
  padding: 10px 20px 10px 25px;
  line-height: 20pt;
}


#right {
  width: 200px;
  margin: 0;
  padding: 0;
  display: block;
  float: right;
}
/* ------- */
/* FOOTER  */
/* ------- */
#footer {
  width: 921px;
  margin: 0 auto;
  padding: 0;
  display: block;
  border-top: 1px solid #C0C0C0;
}
#footer-bar{
  background-image: url(images/footer_bar.jpg);
  width: 921px;
  height: 34px;
  margin: 5px 0;
  padding-top: 11px;
  display: block;
}
#footer-nav{
  width: 901px;
  margin: 10px;
  font-size: 8pt;

}
#footer-nav ul li a{
    color: #666666;
}
#footer-nav ul li a:hover{
    color: #00B111;
}


.footer-menu{
  width: 165px;
  float: left;
  min-height: 200px;
  border-right: 1px solid #C0C0C0;
  margin-right: 15px;
  margin-bottom: 15px;
}

.footer-menu-last{
  width: 170px;
  float: left;
}
.footer-menu-content{
  float: left;
}

.footer-separate{
  width: 1px;
  float: left;
  border-left: 1px solid #C0C0C0;
  height: 246px;
  margin: 20px 0;
}
#footer-bottom{
  text-align: center;
  font-size: 7pt;
}


/* ------- */
/*  OTHER  */
/* ------- */
.post-entry a {
  color: #000000;
  text-decoration: underline;
  font-weight: 300;
}
.post-entry a:hover {
  color: #00B111;
  font-weight: 300;
}

a {
  color: #00B111;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #000000;
}

ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
    height: 30px;
	 margin: 0px 2px;
}
.style1t {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
    height: 30px;
	 margin: 4px 2px;
}

.style3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  margin: 4px 5px;
}

a.blue:link {color: #0082cd; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.blue:active {color: #0082cd; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.blue:visited {color: #0082cd; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.blue:hover {color: #cccccc; font-weight: bold; line-height: 12pt; font-weight: 12pt;}

a.grey:link {color: #8e8e8e; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.grey:active {color: #8e8e8e; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.grey:visited {color: #8e8e8e; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.grey:hover {color: #cccccc; font-weight: bold; line-height: 12pt; font-weight: 12pt;}

a.red:link {color: #b5011a; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.red:active {color: #b5011a; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.red:visited {color: #b5011a; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.red:hover {color: #cccccc; font-weight: bold; line-height: 12pt; font-weight: 12pt;}

a.orange:link {color: #ff8b00; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.orange:active {color: #ff8b00; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.orange:visited {color: #ff8b00; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.orange:hover {color: #cccccc; font-weight: bold; line-height: 12pt; font-weight: 12pt;}

a.green:link {color: #49a102; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.green:active {color: #49a102; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.green:visited {color: #49a102; font-weight: bold; line-height: 12pt; font-weight: 12pt;}
a.green:hover {color: #cccccc; font-weight: bold; line-height: 12pt; font-weight: 12pt;}


/* arief */
.input1 {
	margin: 5px 5px;
	float: right;
}
.post p, .post ul li, .post ol li, .post a {
	font-size: 10pt;
}
.post h3{
	font-size: 12pt;
	font-weight: bold;
}
.post-title h2, .post-title h2 a {
	font-size: 12pt;
	margin: 25px 0px  10px;
}
.post-title h2{
	border-bottom: 1px solid #00ac01;
	padding-bottom: 5px;
}
#center-title h1 {
	font-size: 18pt;
	margin: 25px 0px  10px;
	padding-bottom: 4px;
	border-bottom: 1px solid #00ac01; 
	color: #59A111;
}
.post-entry p {
	margin: 3px 0px 12px;
}

.subscribe {
	font-size: 11pt;
	margin: 25px 0px  5px;
	padding-bottom: 4px;
	border-bottom: 1px solid #00ac01; 
	color: #59A111;
}
.footer-menu ul li{
	letter-spacing: -0.4pt;
}
.style1 a {
	font-size: 8pt;
	font-weight: normal;
	color: white;
	cursor: pointer;
}
.style1 a:hover {
	font-size: 8pt;
	font-weight: normal;
	color: white;
	cursor: pointer;
	text-decoration: none;
}

#socialn { margin-left: 10px; margin-right: 10px; float: right; }
#socialn ul { margin:0px; padding:0px; }
#socialn ul li { display:inline-block; list-style:none;	position:relative; }