/*

Theme Name: Segala Panduan Bermula Disini

Theme URI: http://hairul.com/

Version: 1.0

Author: Hairul Hissam

Author URI: http://www.simplewpthemes.com

Description: Please read READ ME.TXT file to find out how to insert pictures in 

the slider and gallery!

*/


@import url("css/comments.css");

@import url("css/reset.css");

@import url("css/slide.css");


* {

  margin: 0;

  padding: 0;

}

/***************LINKS*************************/

a:link, a:visited {

  color: #2554C7;

  text-decoration: none;

}

a:hover {

  

}



/***************END LINKS*************************/



html body {

       	background: #020204;

	font-size: 12px;

	color: #3F3F3F;

	font-family: Arial, Verdana, Tahoma, Times New Roman;

	line-height: 1.5em;

	padding-top: 0px;


}



/***************LAYOUT*************************/

#shadow {

  margin: 0 auto;

  width: 968px;

  background: url(images/shadow.png) repeat-y;

  padding-bottom: 4px;

}

#mainwrap {

  margin: 0 auto;

  width: 960px;



}

#mainwrap2 {

  margin: 0 auto;

	background-color: #f0f2f3;
	padding: 10px;
	width: 920px;
	line-height: 20px;
border: 1px solid #d0d4ab;

}

#header {

  width: 960px;

  height: 210px;

  background: url(images/header.jpg) repeat-x;

  margin-bottom: 25px;



}

#blogtitle {

  color: #3d95d3;

  text-transform: uppercase;

  float: left;

  position: relative;

  top: 35px;

  left: 40px;

  height: 132px;

  text-shadow: #000000 12px 12px 12px;

font-family: Arial, Verdana, Tahoma, Times New Roman;



}



h1{

	font-size: 22px;

	

	font-family: Arial, Verdana, Tahoma, Times New Roman;

	color: #125c90;

}


h2{

	font-size: 21px;
	color: #000;
	 margin-bottom: 10px;
	font-weight: normal;
  	line-height: 24px;



}





#heading {

  color: #000;

}

.description {

	text-transform: capitalize;

	color: #dedece;

	font-size: 17px;

	margin-left: 2px;

}

.adv {

  float: right;

  margin: 30px 40px 0 0;

  background: #266aa2;

  border: 1px solid #025291;

  padding: 3px;

}



/* -------- START CATEGORY MENU -------- */



#nav2 {

  clear: both;

  float: left;

  height: 50px;

  width: 960px;

}

#nav2 ul {

  margin-left: 27px;

}

#nav2 li {

  float: left;

}

#nav2 li a, #top li a {

  display: block;

  color: #fff;

  text-decoration: none;

  text-transform: uppercase;

  font-size: 20px;

  padding: 14px 20px;

}

#nav2 li.current-cat, #nav2 li:hover {

  background: url(images/navleft.png) no-repeat scroll left;

  height: 47px;

  padding-top: 16px;

  margin-top: -16px;

}

#nav2 li.current-cat a, #nav2 li a:hover {

  color: #282828;

  background: url(images/navright.png) no-repeat scroll right top;

  height: 63px;

  margin-top: -16px;

  padding-top: 30px;

}





/* -------- END CATEGORY MENU -------- */




/* -------- START PAGE MENU -------- */


#top {

  color: #FFF8C6;

  padding-top: 168px;

  width: 960px;

  height: 52px;

}

#top ul {

  margin-left: 27px;

}

#top li {

  float: left;

}

#top li a {

  color: #FFF8C6;

  padding: 14px 20px;

}

#top li.current_page_item a, #top li a:hover {

  color: #C8B560;

}




/* -------- END PAGE MENU -------- */




.aboutimage {

  float: left;

  border: 1px solid #cdd6a6;

  background: #fff;

  padding: 3px;

  margin: 2px 5px 0px 0px;

}

#s {

  width: 214px;

  padding: 10px 0 10px 5px;

  border: 0;

  background: url(images/input.png) no-repeat scroll center top;

  margin-bottom: 0px;

  color: #8a8a87;

}

#contentwrap {

  float: left;

  width: 658px;

}

#sidebar {

  float: right;

  width: 291px;

  margin-right: 1px;

  display: inline;
    overflow:hidden;

}



/* -------- ADVERT -------- */



.advert{

  padding:5px;

  overflow:hidden;

}

.advert img{

  padding:2px;

  margin:0 4px 4px 0;

  float: left;

  display: inline;

  position: relative;

  left: 2px;

  background: #fff;

  border: 1px solid #d0d4ab;

}



/* -------- END ADVERT -------- */



.custom_images img {


  margin: -8px 2px 5px 2px;

  padding: 0;
}

#footer {

color: #c1cffd;

  width: 920px;

  clear: both;

  background: #020204;

  border-top: 1px solid #020204;

  border-bottom: 1px solid #020204;

  height: 23px;

  padding: 10px 20px;

  text-shadow: #666 1px 1px 1px;

}

#footer a, #footer a:visited {

	color: #c1cffd;

}

.inside {

  padding: 0px 20px 20px;

}

#wrapbot {




  width: 968px;

  background: url(images/wrapbot.png) no-repeat;

  height: 0px;
}





/* -------- END WP LAYOUT -------- */



/* -------- START WP STYLES -------- */



#sidebar h3 {

  padding: 25px 0 12px;

  font-size: 21px;

  color: #125c90;

}

.side-widget {

  clear: both;



  width: 271px;

  padding: 0 10px 10px;

  background: #f0f2f3;

  border: 1px solid #d0d4ab;

  margin-bottom: 20px;

}

#sidebar ul {

  margin-top: -5px;

}

#sidebar ul ul, #sidebar ul ul ul {

  margin-top: 0;

}

#sidebar ul li {


text-align: left; 
  list-style: disc;

  font-size: 13px;

  line-height:18px;

  padding-left: 0;

  margin-left: 20px;

  border-bottom: 1px solid #e7e7c6;
font-weight: normal;

}

#sidebar li li {

  border-bottom: 0;

  border-top: 1px solid #e7e7c6;

}

li.last {

  border-bottom: none !important;

}

.side-widget a, .side-widget a:visited {



  color: #0b5689;

}

.side-widget a:hover {

  color: #3090C7;

}

.textwidget {



  padding: 5px;

}

.side-widget div {

  padding: 5px 0;

}

/***************POST STYLES*************************/

h1.title {

  margin-bottom: 10px;

  line-height: 24px;

  font-size: 22px;   <!-- ubah font title -->

  
}

h9.title {

  margin-bottom: 10px;

  line-height: 28px;

  font-size: 28px;

}

h1.title a, h1.title a:visited {

  color: #125c90;

}

h9.title a, h9.title a:visited {

  color: #125c90;

}


.meta {

  clear: both;

  background: #f0f2f3;

  border: 1px solid #d0d4ab;

  padding: 7px 10px;

  font-size: 11px;

  margin-bottom: 40px;

  color: #6f6f62;

}

*+html .meta {

  padding:3px 10px 5px;

}

.comm {



}

.comm a, .comm a:visited {

  color: #6f6f62;

}



.comm1 {

}

.comm1 a, .comm1 a:visited {

padding: 6px 10px 10px 10px;
	font-family: Arial, Verdana, Tahoma, Times New Roman;
font-size: 16px;

	font-weight: bold;

  color: #d8dddf; <!-- warna text menu title -->

}


.comm1 a:hover {

padding: 8px 10px 10px 10px;
	font-family: Arial, Verdana, Tahoma, Times New Roman;
font-size: 16px;

	font-weight: bold;

  color: #e5ebed;
  background-color: #898e90;
text-decoration:none;

}




.current_comm1 a, .current_comm1 a:visited

{
	color:#FFF;
	text-decoration:underline;
}







*+html .comm {

  position: relative;

  top: -25px;

  right: 10px;

}

.rmore {

  float: right;

  margin-top: 7px;

  margin-bottom: 20px;

}




a.more-link {

  float: left;

  background: url(images/more.png) no-repeat scroll center center;

  padding: 10px 20px;

  color:#fff;

}


.more-link a:visited {

  color:#fff;

}




.post, .page {

  margin-bottom: 0px;

  padding-bottom: 20px;

}

.entry {

font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: ;

  margin-top: 10px;

  line-height: 20px;

padding=top:10px;


}

.entry h1 {

  margin-bottom: 0.4em;

}

.entry h9 {

  margin-bottom: 0.4em;

}

.entry p {

  margin-top: 10px;

}

.entry .related a:link, .entry .related a:visited {

  color: #0b5689;

}

.entry .related a:hover {

  color: #3090C7;

}


.post_thumbnail {

}

.imgbg {

  background: url(images/imgbg.png) no-repeat scroll 0 0;

  padding: 10px 10px 10px;

  float:left;

  margin-right: 7px;

}

.entry th {

  padding: 0;

  margin-right: 2px;

}

.entry li {

  margin-left: 20px;

  list-style: circle;

}

.entry ol li {

  list-style: decimal;

}

.commentlist li {
  font-size: 13px;	
  font-weight: normal;

}


blockquote {

  border-left: 10px solid #666666;

  margin-left: 20px;

}

blockquote p {

  padding: 10px;

}

.alignleft {

  float: left;

  margin: 5px 5px 0px 0px;

  

}

.aligncenter {

	text-align: center;  

}



.alignright {

  float: right;

  margin: 5px 0px 0px 5px;

}

img.aligncenter {

  display: block;

  margin: 0 auto 5px;

}

/***************END POST STYLES*************************/

#calendar_wrap {

  text-align: center;

}

caption {

  background: #d0d4ab;

  width: 100%;

  color: #fff;

}

#wp-calendar th {

  padding: 16px;

}

#wp-calendar td a:link {

  background: #D0D4AB;

  padding: 1px 6px;

  color: #fff;

  line-height: 29px;

}

li.pagenav, li.categories, li.linkcat {

  list-style:none;

}

h1.pagetitle {

  margin: 0 0 20px;

  text-align: center;

  

}



h9.pagetitle {

  margin: 0 0 20px;

  text-align: center;

  text-transform: uppercase;

}

p.center {

  margin: 10px 0;

}

/* -------- END WP STYLES -------- */







/* -------- TABLES -------- */

#contentwrap table{font-size:1.2em;margin:5px 0 25px 0;}

#contentwrap table td{padding:8px;border: 1px solid #ccc;}

/* -------- END TABLES -------- */





/* -------- PAGE NAVIGATION -------- */

.wp-pagenavi{

  clear:both;

  margin:20px 0 0px;

  text-align:center;

}

.wp-pagenavi span.pages,.wp-pagenavi span.extend{

  background:#f0f2f3;

  border:1px solid #d0d4ab;

  color:#6f6f62;

  margin:2px;

  padding:3px 7px;

}

.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited{

  background:#f0f2f3;

  border:1px solid #d0d4ab;

  color:#6f6f62;

  margin:2px;

  padding:3px 7px;

  text-decoration:none;}

.wp-pagenavi span.current,.wp-pagenavi a:hover{

  background:#e1e1c4;

  border:1px solid #d0d4ab;

  color:#6f6f62;

  margin:2px;

  padding:3px 7px;

}

/* -------- END PAGE NAVIGATION -------- */



/* -------- SUBSCRIPTION -------- */

ul#topsoc {

  margin-top: 7px;

}

ul#topsoc li {

  line-height: 51px !important;

  border: 1px solid #c9c9c9 !important;

  margin-top: 7px !important;

  background: #eaeacf;

}

ul#topsoc li a {

  padding: 32px 32px 32px 50px !important;

  margin: 0;

}

a#twitter {

  background: none;

  background: url(images/twitter.png) no-repeat scroll 7px 24px !important;

}

a#socrss {

  background: none;

  background:url(images/rss.png) no-repeat scroll 7px 24px !important;

  position: relative;

  top: 2px;

}

a#email {

  background: none;

  background: url(images/email.png) no-repeat scroll 7px 24px !important;

}
.socio{float: left;padding-left:2px;
}
/* -------- END SUBSCRIPTION -------- */

.footer-item {
float: left;
width: 23%;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 25px;
line-height: 15px;
font-size: 13px;
}

.footer-item ul {
padding-left: 5px;
background: #f0f2f3;
}



.side-widget2 {
  padding-top: 6px;
  clear: both;
  width: 930px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.side-widget2 h3{
  font-size: 20px;
  padding-left: 10px;
  line-height: 2px;
}


.side-widget1 {
  padding-top: 6px;
  clear: both;
  
  width: 930px;
  height: auto;
  margin-bottom: 20px;
  margin-left: 20px;

 


}

.side-widget1 h3{
  font-size: 18px;
  padding-left: 10px;
  padding-bottom: 8px;
  color: #125c90;

border-bottom: 2px solid #d0d4ab;
}

.side-widget1 a, .side-widget1 a:visited {



  color: #0b5689;

}

.side-widget1 a:hover {

  color: #3090C7;

}

#mainwrap1 {

  margin: 0 auto;

  width: 960px;



}