/*  

Theme Name: Rakalap

Theme URI: http://scriptutorial.co.cc/category/free-wp-themes/

Description: Dark WP theme with 2 column layout, multiple widget-ready placement, facebook icon, twitter icon and feedburner email form integrated, easy to customize. Created by <a href="http://scriptutorial.co.cc/">atsiruddin</a>.  I hope you Enjoy!

Author: atsiruddin

Author URI: http://scriptutorial.co.cc/

Version: 1.1.2

Tags: black,  green,  two-columns, threaded-comments, fixed-width, theme-options, right-sidebar

*/



* {

	margin: 0;

	padding: 0;

}



h1, h2, h3, h4, h5, h6, p {

	margin: 0;

	padding: 10px 0;

}



h1, h2, h3, h4, h5, h6 {

  font-family: trebuchet ms;

  }

  

hr {

  color: #666;

  border: 1px solid #121212;

  margin: 0 10px 0 10px;

  }



pre {

  height: auto; 

  overflow-x:scroll;

  }



fieldset {

  margin: 0;

  padding: 0; 

  border: 0;

  }



dd {

  padding-left: 15px;

  }





p {

  font-size: 9pt;

  }



a {

  color: #6598b8;

  text-decoration: none;

  }

li {
  color: #333;
}

a:hover {

  color: #222;

  text-decoration: underline;

  }



a img {

	border: none;

	-ms-interpolation-mode: bicubic; /*fix for ie*/  

  }



blockquote {

  background: #565B45;

  border: 1px solid #060606;

  padding: 5px 15px;

  margin: 10px 10px 5px 15px;

  color: #fff;

  }


code {

  color: #3366cc;

  font-style: italic;

  }



strong {

  font-size: 12px;

  }



body {

	background: #222;

	background-image:url('images/lostblog_bg.jpg');
	background-repeat:repeat-x;

	text-align: center;

	margin: 0;

	padding: 0;

	font-family: verdana;

	font-size: 10pt;

	color: #333;

  }



#wraper {
	width: 990px;
	margin: auto;
}

  

#header {

	width: 990px;

	height: 200px;

	background: transparent url(images/head-rakalap.png) 0 0 no-repeat !important;

	position: relative;

	text-align: left;

}



#header #logo {

  float: left;

  width: 450px;

  margin: 5px 0 0 30px;

  padding: 0;

}

#header h1 {

  padding: 0;

  margin: 0;

  }

#header h1 a {

	color: rgb(255, 255, 255);

	font-size: 17pt;

	text-decoration: none;

	letter-spacing: 1;

	text-transform:none;

  }

#header h1 a:hover {

  color: #eee;

  text-decoration:none;

  }

#header span {

  padding: 0;

  margin: 0;

  color: rgb(255, 255, 255);

  font-size: 11pt;

  }

  

#header #toprss{

	float: right;

	width: 100px;

	margin: 30px 30px 0 0;

	padding: 0;

}





#header #search {

	position: absolute;

	float: right;

	margin: 140px 0 0 650px;

	width: 300px;

}



#header #search #searchbox {

  padding: 1px;

  width: 255px;

  background: transparent;

  border: none;

  vertical-align: top;

  font-size: 13pt;

  color: #FFFFFF;

  font-style: Italic;

  font-family: Georgia;

  }

  

#searchbox .submitbutton {

  margin: -5px 0 0 5px;

  background: transparent;

  font-size: 8pt;

  padding: 3px 6px;

  vertical-align: middle;

  -ms-interpolation-mode: bicubic;

  }



/* top menu */

#navbar {

	width: 960px;

	height: 40px;

	background: #353535 url(images/navhover.png) repeat;

	margin: 0px auto 2px;

	padding: 0px;

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;


	}

	

.navbar {

	width: 960px;

	float: left;

	margin: 0px;

	padding: 0px;

	}



#nav {

	margin: 0px;

	padding: 0px 0px 0px 10px;

	}

	

#nav ul {

	float: left;

	list-style: none;

	margin: 0px;

	padding: 0px;

	}

	

#nav li {

	float: left;

	list-style: none;

	margin: 0px;

	padding: 0px;

	}

	

#nav li a, #nav li a:link, #nav li a:visited {

	color: rgb(255, 255, 255);

	display: block;

	font-size: 8pt;

	font-family: Verdana;

	font-weight: normal;

	text-transform: uppercase;

    margin: 0px;

	padding: 11px 10px 12px 10px;

	border-right: 1px solid #020202;

	}



#nav li a:hover, #nav li a:active {

	background: #444444 url(images/navhover.png);

	color: #00FF00;

    margin: 0px;

	padding: 11px 10px 12px 10px;

	text-decoration: none;

	}

	

#nav li li a, #nav li li a:link, #nav li li a:visited {

	background: #333333;

	opacity: .90;

	filter: alpha(opacity=90);

	width: 150px;

	color: #FFFFFF;

	font-size: 8pt;

	font-family: Verdana, Arial, Tahoma;

	font-weight: normal;

	text-transform: uppercase;

	float: none;

	margin: 0px;

	padding: 7px 10px 7px 10px;

	border-bottom: 1px solid #000000;

	border-left: 1px solid #000000;

	border-right: 1px solid #000000;

	}

	

#nav li li a:hover, #nav li li a:active {

	background: #666666;

	color: #00FF00;

	padding: 7px 10px 7px 10px;

	

	}



#nav li ul {

	z-index: 9999;

	position: absolute;

	left: -999em;

	height: auto;

	width: 170px;

	margin: 0px 0px 0px -1px;

	padding: 0px;

	}



#nav li li { 

	}



#nav li ul a { 

	width: 140px;

	}



#nav li ul a:hover, #nav li ul a:active { 

	}



#nav li ul ul {

	margin: -29px 0 0 170px;

	}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

	}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

	left: auto;

	}



#nav li:hover, #nav li.sfhover { 

	position: static;

	}

/* end of header*/



/*aditional item*/

#barmenu {

	clear: both;

	margin: 3px 15px 0 15px;

	height: 48px;

	background: transparent url(images/barmenu.png) 0 0 no-repeat;

}



#media {

	height: 40px;

	margin: 0 10px 0px 0;

	width: 960px;

}



#media ul{

	margin: 0;

	padding: 0;

	list-style: none;

}



#media li{

	float: right;

	border: none;

	margin-right: 10px;

	

}

	

#media li a{

	display: block;

	line-height: 40px;

	font-family: Verdana;

	font-size: 10pt;

	color: #CCC;

}



#media li a:hover{

	display: block;

	line-height: 40px;

	text-decoration: none;

	color: #FFCC00;

}

/* end aditional item*/



/*main of page*/

#main {
	clear: both;
	margin: 0 0 15px 15px;
	width: 960px;
	text-align: left;
	padding: 0;
	background: #5B5B5B;
	font-size: 9pt;
	font-family: verdana;
	font-weight: normal;
  }



.mainright {
	width: 630px;
	float: left;
	margin: 5px 5px 0px 10px;
}

.mainright .tl .c {
	font-size: 1px; /* ensure minimum height */
	height: 21px;
}  

.mainright .tl {
	background: transparent url(images/topl.gif) no-repeat 0px 0px;
}

.mainright .tl .c {
	background: transparent url(images/topr.gif) no-repeat right 0px;
}

.mainright .midl {
	background: transparent url(images/midl.gif) repeat-y 0px 0px;
}

.mainright .midl .c{
	background: transparent url(images/midr.gif) repeat-y right 0px;
}

.mainright .midl .c div#maincontent{
	margin: 0 12px 0 4px;
	background: #FFF url(images/tgh.gif) repeat-x 0px 0px;
	padding:1em;
	color: #333;
}

.mainright .botl {
	background: transparent url(images/botl.gif) no-repeat 0px 0px;
}

.mainright .botl .c {
	height: 28px;
	background: transparent url(images/botr.gif) no-repeat right 0px;
}

#maincontent .pageTitle{
  margin: 0;
  font-size: 14pt;
  letter-spacing: -1px;
  color: #000;
  font-weight: normal;
  padding: 0;
  }

.topPost {
  margin: 0;
  padding: 0;
  font-size: 9pt;
  }

.topPost h2.topTitle{
  text-align: center;
}

.topPost h2.topTitle a {
  font-size: 15pt;
  font-weight: normal;
  color: #333333;
  letter-spacing: -2px;
  margin: 1px;
}

.topPost h2.topTitle a:hover {
  text-decoration: underline;
  color: #565B45;
}

.topPost p.topMeta {
  padding: 10px 0 10px 20px;
  margin: -5px 0 20px 0;
  font-family: Courier;
  font-size: 8pt;
  line-height: 150%;
  text-indent: 20px;
  color: #84fd0e;
  background: #0b0b0b url(images/meta-bar.gif) 0 -5px no-repeat;
}

.topPost p.topMeta a {
  text-decoration: underline;
  color: #fff;
}

.topPost p.topMeta a:hover {
  color: #ccc;
}

.topPost div.topContent {
  font-size: 10pt;
  color: #333333;
  margin: 8px 0;
}

.topPost div.topContent a {
  text-decoration: underline;
  color: #333333;
}

.topPost div.topContent a:hover {
  text-decoration: underline;
  color: #ff9933;
}

.topPost div.topContent ul, .topPost div.topContent ol {
  padding: 0 0 0 30px;
}

.topPost div.topContent ul li, .topPost div.topContent ol li {
  color: #333;
}

.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
	font-size: 8pt;
	padding: 8px 10px;
	margin-right: 5px;
	line-height: 27pt;
	color: #666666;
	border: 1px solid #CCCCCC;
	background: #F2F2F2;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}

.topPost span.linkpages {
  font-size: 9pt;
  font-style: italic;
  color: #fff;
  margin-bottom: 10px; display:block;
}

.topPost span.linkpages a:hover {
  color: #ddd;
}

.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
  border: 1px solid #999999;
  color: #000;
}

.topPost span.topComments a {
  color: #333333;
  background: url(images/comments.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
}

.topPost span.topMore a {
  color: #333333;
  background: url(images/more.png) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
}

.topPost span.topTags em {
  background: url(images/tags.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  color: #666666;
}
.topPost span.topTags a {
  color: #666666;
  line-height: 27pt;
  vertical-align: middle;
}

.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
  color: #000;
  text-decoration: underline;
}

#nextprevious {
  margin: 10px 0 5px 0;
}

#nextprevious a {
  color: #83adc8;
  text-transform: lowercase;
  text-decoration: underline;
}

#nextprevious a:hover {
  color: #fff;
}

#batas {
	width: 580px;
	height: 57px;
	margin-top: 10px;
	background: transparent url(images/lost-blog-separator.jpg) 50% 0 no-repeat;
}



/* Comments */



#comment {

  margin-bottom: 10px;

  margin-top: 15px;

  background: #c4c4c4;

  width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */

  border: 1px solid #090909;

  padding: 0px 15px 10px 15px;

  color: #fff;

  }

#comment h3 {

  font-size: 10pt;

  font-weight: normal;

  color: #fff;

  margin: 15px 0;

  padding: 0;

  }

#comment p a {

  color: #6598b8;

  }

#comment p a:hover {

  color: #fff;

  }

#comment p {

  padding:0;

  margin: 7px 0;

  }

ul.commentlist, ul.trackback  {

  list-style-type: none;

  margin: 10px 0;

  font-size: 9pt;

  }

.commentlist li, .trackback li {

  margin: 10px 0 15px 0;

  padding: 10px;

  background: #080808;

  border: 1px solid #040404;

  list-style-type: none;

  }

.commentlist li.alt {

  background: #000;

  border: 1px solid #020202;

  border: none;

  margin-top:10px;

  }

.commentlist li.cleared {

  background: transparent;

  border: none;

  }

.commentlist a:hover {

  color: #eee;

  }

.commentlist a.gravatar {

  float: left;

  margin: 0 15px 10px 0;

  width: 60px;

  }

.commentlist .commentbody {

  margin: 0;

  padding: 0;

  }

.commentlist .commentbody p a {

  text-decoration: underline;

  }

.commentlist cite {

  font-size: 10pt;

  font-style: normal;

  color: #ccc;

  }

.commentlist small.commentmetadata a {

  color: #ccc;

  }

.commentlist p {

  color: #dedede;

  }

#respond {

  clear: both;

  margin-top: 15px;

  }

textarea#comment {

  width: 450px;

  background: #fff;

  color: #111;

  padding: 10px;

  }

#comment #submit {

  margin: 0;

  }

#extrastuff a {color:#222; font-size:0.8em;}

#extrastuff a:hover {color:#6598b8; text-decoration:none;}

#extrastuff #rssleft {float:left; width:250px;}

#extrastuff #trackright {float:right; width:180px; text-align:right;}





/* Welcome section */



#main #welcome {

  margin: 0 0 20px 0;

  padding: 0 0 5px 0;

  background: url(images/well.jpg) 0 0 repeat;

  }

#main #welcome h3 {

  font-size: 13pt;

  font-weight: normal;



  color: #fff;

  letter-spacing: -1px;

  margin: 0 10px;

  padding: 10px 0 3px 0;

  }

#main #welcome p {

  font-size: 9pt;

  color: #eee;  

  margin: 0 10px;

  padding: 6px 0;

  }

#main #welcome a {

  text-decoration: underline;

  color: #ff9933;

  }

#main #welcome a:hover {

  color: #6598b8;

  }

#main #welcome form {

  margin: -5px 0 0 0;

  background: transparent; /* required for IE */

  }

#main #welcome #feedbox {

  border: 1px solid #ccc;

  padding: 2px 1px;

  width: 180px;

  }







/* Sidebars */

#sidebars {

  margin: 25px 10px 0 0;

  float: right;

  width: 300px;

  color: #eee;

  }

#sidebars .sidebarbox {

  background: #2F362E;

  padding: 8px 15px;

  -moz-border-radius-topleft:14px;

  -moz-border-radius-topright:14px;

  -moz-border-radius-bottomleft:14px;

  -moz-border-radius-bottomright:14px;

  }



#sidebar_full {

  padding: 0;

  margin: 0;

  }



#sidebars h2 {

  margin: 0;

  padding: 2px 0 8px 3px;

  font-weight: bold;

  font-size: 11pt;

  font-family: Georgia;

  color: rgb(255, 255, 255);

  background: url(images/side-sep.png) 0 0 no-repeat;

  }



#sidebars table {

  width: 130px;

  }



#sidebars ul {

  margin: 0;

  padding: 0 0 5px 0;

  }



#sidebars li {

  margin-bottom: 20px;

  list-style: none;

  font-size: 9pt;

  }



#sidebars li ul {

  padding: 0;

  }



#sidebars ul ul li {

  margin: 0;

  padding: 2px 2px 2px 16px;

  color: #eee;

  background: url(images/morep.png) left 8px no-repeat;

  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */

  border-bottom: 1px solid #565B45;

  }

  

#sidebars a {

  display: inline;

  color: #eee;

  padding-bottom:  4px;

  }

#sidebars a:hover {

  text-decoration: underline;

  background: transparent;

  }



#sidebars p {

  padding: 2px 0;

  font-size: 9pt;

  color: #eee;

  }



#tag_cloud a {

  display: inline;

  }



#sidebars ul.children li {border-bottom:none;}

#sidebars ul.children {margin-bottom:0;}



/*bottom page*/

#bottom {

	width: 100%;

	margin:0;

	padding:0;

	background: #333 url(images/botbg.png) 0 0 repeat;

	color: rgb(255, 255, 255);

}



#mfoot {

	width: 960px;

	margin: auto;

	text-align: left;

	font-weight: normal;

	font-size: 9pt;

}



#morefoot {

  background: transparent;

  padding: 75px 15px 25px 15px;

  color: #dfdfdf;

  margin: 0;

  }

#morefoot p {

  margin: 5px 0;

  padding: 5px 0;

  }

#morefoot ul {

  list-style-type: none;

  margin-top: 5px;

  }

#morefoot ul li, #morefoot p {

  font-size: 9pt;

  }

#morefoot a {

  text-decoration: underline;

  color: #ddd;

  }

#morefoot a:hover {

  text-decoration: underline;

  color: #6598b8;

  }

#morefoot h3 {

  font-size: 12pt;

  font-weight: bold;

  color: #dfdfdf;

  letter-spacing: -1px;

  border-bottom: 1px dotted #ccc;

  margin: 0;

  padding: 0 0 2px 0;

  }

#morefoot #searchbox {

  padding: 1px;

  width: 180px;

  }

#morefoot .col1 {

  float: left;

  width: 340px;

  }

#morefoot .col2 {

  margin: 0 25px;

  }

#morefoot .col2, #morefoot .col3 {

  float: left;

  width: 260px;

  }

#morefoot li {

  padding-left: 20px;

  margin-bottom: 5px;

  background: url(images/morep.png) left 2px no-repeat;

  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */

  }



  /* footer*/

#footer {

  clear: both;

  background: transparent url(images/footer.png) 0 0 repeat!important;

  border: 1px solid #070707;

  padding: 15px 15px 10px 15px;

  margin: 0;

  }

#footer p {

  font-size: 8pt;

  color: rgb(255, 255, 255);

  padding: 0;

  }

#footer a{

  color: #FFCC00;

  text-decoration: underline;

  }

#footer a:hover {

  color: #dfe9ff;

  }

#footerleft {

  float: left;

  width: 500px;

  }

#footerright {

  float: right;

  width: 300px;

  text-align: right;

  }

  

/*misc*/

.highlight {

  color: #222;

  font-weight: bold;

  }



.cleared {

  margin: 0;

  padding: 0;

  clear: both;

  }



.textwidget {

	font-size: 9pt;

}



.alignleft {

  float: left;

  margin: 5px 10px 5px 0;

  }

.alignright {

  float: right;

  margin: 5px 0 5px 10px;

  }

.aligncenter,

div.aligncenter {

  margin: 10px auto;

  text-align: center;

  display: block;

  }



img.alignleft {

  float: left;

  margin: 5px 10px 5px 0;

  }

img.alignright {

  float: right;

  margin: 5px 0 5px 10px;

  }

img.aligncenter {

  margin: 10px auto;

  text-align: center;

  display: block;

  }



.wp-caption {

  border: 1px solid #ddd;

  text-align: center;

  background-color: #f3f3f3;



  padding-top: 4px;



  /* optional rounded corners for browsers that support it */



  -moz-border-radius: 3px;



  -khtml-border-radius: 3px;



  -webkit-border-radius: 3px;

  border-radius: 3px;

  }



.wp-caption img {

  margin: 0;

  padding: 0;

  border: none;

  }



.wp-caption p.wp-caption-text {

  font-size: 11px;

  line-height: 17px;

  padding: 0 4px 5px;

  margin: 0;

  color: #111;

  }

.topPost div.topContent blockquote a {
  color: #ddd;
  text-decoration: underline;
}

.sidebarbox .tb_tweet{
        color: #fff;
}