/*

THEME NAME: Blank Theme

THEME URI: http://noiseleague.com

DESCRIPTION: Damage Control, a beta theme.

AUTHOR: Mike Stephenson

AUTHOR URI: http://lewanestephenson.com

*/



/* Eric Meyer's Reset CSS with modifications.

 * --------------------------------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

  }

ol, ul {

	list-style: none;

  }

blockquote, q {

	quotes: none;

  }

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

  }



a {

  color: #333;

  }



/*	

base

*/

body {

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

	font-size: 62.5%;

	line-height: 1.5;	  

	color: #666;	

width: 990px;

	margin: 0 auto;	

  }

  

body strong {

  color: #333;

  }

  

#header {

  margin: 30px 0 20px;

  float: left;

  width: 100%;

  padding-bottom: 10px;

  }



#container {

  border-bottom: 1px solid #ddd;

  float: left;

  padding-bottom: 20px;

width: 990px;

  }

  

.grid {

  background: url("images/grid.png");

  }  

  

#content {

	float: left;

	width: 558px;

padding-left: 0px;

padding-right: 10px;

  border-left: 1px solid #eee;

  border-right: 1px solid #eee;

  padding-top: 10px;

	}

  



#sidebar {

	float: right;

	width: 420px;

	}



/* bisa juga ditukar width #sidebar-in dan #sidebar-out */

#sidebar-in {

  float: left;

  width: 220px;

padding-left: 10px;

padding-right: 10px;

  }  

  

#sidebar-out {

  float: right;

  width: 180px;

  }

   

#footer {

  clear: both;

  border-top: 5px solid #f7f7f7;  

  }



/*	

#header

*/



#header p {

  width: 350px;

  height: 40px;

  float: left;

  margin-left: -20px;

  }

  

#header p a {

  display: block;

  width: 350px;

  height: 40px;  

  background: url('images/logo.png') top left no-repeat;

  text-indent: -999em;

  }

  

#header ul#nav {

  float: right;

  width: 600px;

  height: 40px;

  background: url('images/nav.png') left top no-repeat;

  }

  

#header ul#nav li {

  display: block;

  height: 40px;

  float: left;

  }  

  

#header ul#nav li a {

  display: block;

  text-indent: -999em;

  height: 40px;

  }



#header ul#nav li#nav-home a {

  width: 120px;

  }



#header ul#nav li#nav-home a:hover {

  width: 120px;

  background: url('images/nav.png') left -40px no-repeat;

  }

  

#header ul#nav li#nav-home a.current {

  width: 120px;

  background: url('images/nav.png') left -80px no-repeat;

  }  



#header ul#nav li#nav-about a {

  width: 120px;

  }



#header ul#nav li#nav-about a:hover {

  width: 120px;

  background: url('images/nav.png') -120px -40px no-repeat;

  }

  

#header ul#nav li#nav-about a.current {

  width: 120px;

  background: url('images/nav.png') -120px -80px no-repeat;

  }

  



#header ul#nav li#nav-radio a {

  width: 120px;

  }



#header ul#nav li#nav-radio a:hover {

  width: 120px;

  background: url('images/nav.png') -240px -40px no-repeat;

  }

  

#header ul#nav li#nav-radio a.current {

  width: 120px;

  background: url('images/nav.png') -240px -80px no-repeat;

  }

  



#header ul#nav li#nav-archives a {

  width: 120px;

  }



#header ul#nav li#nav-archives a:hover {

  width: 120px;

  background: url('images/nav.png') -360px -40px no-repeat;

  }



#header ul#nav li#nav-archives a.current {

  width: 120px;

  background: url('images/nav.png') -360px -80px no-repeat;

  }     

  



#header ul#nav li#nav-contact a {

  width: 120px;

  }



#header ul#nav li#nav-contact a:hover {

  width: 120px;

  background: url('images/nav.png') -480px -40px no-repeat;

  }

  

#header ul#nav li#nav-contact a.current {

  width: 120px;

  background: url('images/nav.png') -480px -80px no-repeat;

  }      

    



/*	

.post

*/



.post {

  margin-left: 14px;

  margin-right: 10px;

  border-bottom: 3px double #f5f5f5;

  margin-bottom: 20px;

  }  

  

.post-id {

  width: 50px;

  height: 18px;

  background: url('images/post-id-bg.png') top left no-repeat;

  font-size: 1.1em;

  padding-top: 2px;

  padding-left: 8px;

  position: relative;

  left: -25px;

  margin-bottom: 2px;

  color: #fff;

  }



.post-id a {

  display: block;

  color: #fff;

  font-weight: bold;

  text-decoration: none;

  }

  

.post h2.title {

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

  font-size: 2.4em;

  font-weight: bold;

  letter-spacing: -1px;

  border-bottom: 1px solid #eee;

  padding-bottom: 7px;

  }



.post h2.title a {

  text-decoration: none;

  }

 

.post h2.title a:hover {

  color: #666;

  }

  

.post-meta {

  float: left;

  width: 100%;

  text-transform: uppercase;

  color: #aaa;

  font-weight: bold;

  margin-bottom: 30px;

/* border-top: 5px solid #f7f7f7; */

  padding-top: 8px;

  }

  

.post-cat {

  float: left;

  }

  

.post-cat a {

  text-decoration: none;

  }

  

.post-cat a:hover {

  text-decoration: underline;

  } 



.post-date {

  float: right;

  }



.post-date a {

  text-decoration: none;

  padding-right: 10px;

  background: url("images/comments.png") right 2px no-repeat;

  }



.post-date a:hover {

  text-decoration: underline;

  background: url("images/comments.png") right -9px no-repeat;

  }

  

.post .read {

  font-size: 1.4em;

  font-family: Arial, Lucida Grande;

  line-height: 1.75em;

  color: #444;

clear: both;

  }

  

.read p {

  margin-bottom: 1.5em;

  }

  

.read h3 {

  margin: 1.5em 0 -5px;

  font-size: 1em;

  padding-bottom: 5px;

  color: #333;

  } 

  

.read blockquote {

	border-left: 3px solid #f0f0f0;

	padding: 0 20px 0 10px;

	font-family: Georgia, serif;

	color: #888;

	font-size: 1em;

	}

	

.read code {

	font-family: monospace;

	}



.read ul {

	margin-left: 16px;

	}

	

.read ul li {

	list-style-type: disc;

	margin-bottom: 10px;

	padding: 0 20px 0 0;

	}



.read ol {

	margin-left: 24px;

	}

  

.read ol li {

	list-style-type: decimal;

	margin-bottom: 10px;

	padding: 0 20px 0 0;

	}  



.archives-list {

  margin-top: -15px;

  }

  

.page-content {

  margin-top: 0px;

  border-top: 5px solid #f7f7f7;  

  padding-top: 10px;

  }  

  

.archives-list h2 {

  margin: 10px 0;

  padding: 10px 0;

  border-bottom: 1px solid #ddd;

  }

  

.archives-list ul li li li {

  margin: 5px 0;

  }



#related-posts {

  margin-left: 14px;

  margin-right: 10px;

  margin-bottom: 20px;

  }  

  

#related-posts h2 {

  font-size: 1.4em;

  border-bottom: 1px solid #ddd;

  margin-bottom: 5px;

  padding: 5px 0;

  }

  

#related-posts li {

  font-size: 1.4em;

  font-weight: normal;

  border-bottom: 1px dotted #eee;

  padding: 5px 0;

  list-style-type: disc;

  margin-left: 20px;

  }

  

#related-posts li a {

  text-decoration: none;

  display: block;

  color: #999;

  }  



#related-posts li a:hover {

  color: #333;

  } 

  

/*	

#sidebar

*/



#sidebar a {  

  font-weight: bold;

  color: #333;

  text-decoration: none;

  }

  

#sidebar a:hover {  

  text-decoration: underline !important;

  }  



#sidebar #search-form {

margin-left: 10px;

margin-bottom: 20px;

  width: 390px;

  padding: 5px 10px 0px 10px;

  }

  

#sidebar #search-form #feed {

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

  font-size: 1em;

  padding-left: 37px;

  padding-top: 9px;

  margin-bottom: 7px;

  display: block;

  height: 28px;

  text-transform: uppercase;

  color: #666;

  }

  

#sidebar #search-form #feed:hover {  

  background: url('images/rss.png') left -34px no-repeat;

  color: #333;

  text-decoration: none !important;

  }  

  

#sidebar #search-form #s {  

  border: 1px solid #ddd;

  color: #999;

  padding: 7px 10px 7px 30px;

  margin: 0 auto;

  width: 350px;

  background: url('images/search.png') 5px 1px no-repeat;

  }



#sidebar .widget {

  margin-right: 10px;

  margin-bottom: 20px;

  font-size: 1.2em;

  padding-left: 10px;

  padding-top: 20px;

  }

  

#sidebar .widget h3 {

  text-transform: uppercase;

  color: #aaa;

  font-weight: bold;

  font-size: 0.8em;

  margin-bottom: 10px;

  }

  

 #sidebar #featured p {

  margin-bottom: 20px;

  }

  

#sidebar #featured p a {  

  font-weight: bold;

  color: #333;

  text-decoration: none;

  }

  

#sidebar #categories, #sidebar #elsewhere {  

  border-top: 1px solid #eee;

  }  

  

#sidebar #categories li, #sidebar #elsewhere li {

  margin-left: 15px;

  margin-bottom: 10px;

  list-style-type: square;

  }

 

#sidebar #categories li a, #sidebar #elsewhere li a {

  display: block;

  color: #333;

  text-decoration: none;

  font-weight: bold;

  }

  

#sidebar-out .widget h3 {

  text-transform: uppercase;

  color: #aaa;

  font-weight: bold;

  font-size: 0.8em;

  margin-bottom: 10px;

  }





#sidebar-out #header-links a {

  float: right;

  padding-right: 14px;

  background: url("images/feed-small.png") right 2px no-repeat;

  color: #fff;

  }



#sidebar-out #header-links a:hover {

  color: #aaa;

  text-decoration: none !important;

  }

  

#sidebar-out .widget .links {

  margin-bottom: 20px;

  border-bottom: 1px solid #eee;

  }

  

#sidebar-out .widget .links h4 {    

  margin-bottom: 10px;

  }



#sidebar-out .widget .links .read {

  line-height: 1.75;

  } 

  

#sidebar-out .widget #more {

  margin-top: -10px;

  text-transform: uppercase;

  font-size: 0.8em;

  }  





/*

-----------------------------------------------------------------

	comments

----------------------------------------------------------------- */	



#comment-body {

	width: 510px;

	margin-left: 15px;

	padding-bottom: 20px;

	}



#comment-body h3 {

	padding: 10px 0;

	font-size: 1.6em;

  border-bottom: 1px solid #ddd;

  }



.commentlist { 

  border-top: 5px solid #f7f7f7;

  padding-top: 10px; 

  }



.commentlist > li {

	border-bottom: 1px solid #eee;

	margin-bottom: 15px;

	padding-bottom: 15px;

  }



.commentcontent {

  font-size: 1.4em;

  line-height: 1.75;

  }



.commentcontent p {

  margin-bottom: 10px;

  }

  

.commentcontent cite {

  font-style: normal;

  font-size: 1em;

  font-weight: bold;

  color: #666;

  }



.commentcontent cite a {

  text-decoration: none;

  color: #666;

  }



.commentmetadata {

	margin-bottom: 10px;

	font-size: 0.7em;

	text-transform: uppercase;

  }



.commentmetadata a {

  text-decoration: none;

  color: #999;

  }



#commentform label {

	display: block;

	text-transform: uppercase;

	font-size: 1em;

	margin: 10px 0;

	color: #999;

  }



#commentform input {

  border: 1px solid #ddd;

  color: #999;

  padding: 7px 10px;

  margin: 0 auto;

  width: 485px;

	}



#commentform input:focus {

  background: lightyellow;

  }

  

#commentform #submit {

  width: 200px;

	font-size: 1em;

	color: #666;

  text-transform: uppercase;

  font-weight: bold;

  }



#commentform textarea {	

  border: 1px solid #ddd;

  color: #999;

  padding: 7px 10px;

  margin: 0 auto 10px;

  width: 485px;

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

	font-size: 1.4em;

  }



.subscribe-to-comments {

  padding: 10px 0;

  }



#commentform .subscribe-to-comments input {

  margin-right: 10px;

  padding-top: 10px;

  float: left;

  }

  

#commentform .subscribe-to-comments label {

  display: inline;

  }  

  

#footer {

  font-size: 1em;

  padding: 10px 0;

text-transform: uppercase;

color: #999;

  }

  

 #footer #copy {

  float: right;

  width: 45%;

  text-align: right;

  padding-bottom: 10px;

  }

  

 #footer #back-to {

  float: left;

  width: 45%;  

  padding-bottom: 10px;  

  text-transform: uppercase;  

  }



#footer a {

font-weight: bold;

}



/* Page Template: Comments Central */

#comments-central {

  float: left;

  }

.comments-central-section > ul {

  margin-left: 0px;

  }



.comments-central-section > ul li {

  list-style-type: none !important;

  border-boattom: 1px dotted #ddd;

  padding: 5px 0;

  }

.comments-central-section .who {

  float: left;

  width: 100%;

  margin: 5px 0;

  }



.comments-central-section a  {

  text-decoration: none;

  border-bottom: 1px dotted #ddd;

  }

.comments-central-section .who img {

  padding: 3px;

  border: 1px solid #ddd;

  float: left;

  margin: -5px 5px 5px 0;

  }

.comments-central-section .said {

  clear: both;

  font-family: Georgia, serif;

  font-size: 0.9em;

  padding-left: 10px;

  border-left: 1px solid #f0f0f0;

  margin-left: 20px;

  color: #777;

  }



.comments-central-section .said code, .comments-central-section .said pre {

  font-size: 1.2em;

  }