/*  
Theme Name: Blog simple 2.0
Theme URI: http://blog.bloggeraz.com
Description: Blog simple 2.0 is a clean 3-column wordpress theme, widget-ready theme.
Version: 2.0
Author: Don
Author URI: http://www.bloggeraz.com/

The CSS, XHTML and design is released for free under the licensed a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>
*/

/************************************************
*	Solid Body               	                * 
************************************************/
/** Removes any image borders **/
img {
	border: none 0px;
}

body, h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 11px;
	vertical-align: top;
	background-color: #f9f6ef;
}



h1 {
	font-family: Arial, Sans-serif;
	font-size: 30px;
	padding: 0 0 10px 0;
}



a:link, a:visited {
	text-decoration: none;
	color: #346ba4;
}

a:hover {
	text-decoration: none;
    color:#000000;
}

p {
	padding: 10px 0 0 0;
}

#cayuk { 
background:#f09a47 url(images/kuskus.gif) top center no-repeat; 
width:484px; 
padding:10px 0 26px 0; 
text-align:center; 
}

#outer {
	width:970px;
	background:#f9f6ef;
	margin: 5px auto 1px auto;
	padding: 0 0 1px 0;
}

#wrapper{
	margin: 0 auto 0px auto;
	width: 950px;
	text-align: left;
}


/************************************************
*	Header                  	                * 
************************************************/

#header{
	float: left;
	width: 950px;
	height: 143px; 
	margin:1px auto;
	text-decoration:none;
	background-image: url(./images/headerimg.jpg);
	background-repeat: repeat-x;
}

#headerblog {
        float:left;
        width:300px;height:85px;
        margin-bottom:50px; 
		padding:30px;
        background-image:url(images/logo.gif);

}

/************************************************
*	Banner ads               	                * 
************************************************/

#headersearch {
		float:right;
		margin:10px 22px 0 0; padding:0;
		padding:0;
		width:468px;
		height:62px;        
}

.headersearch a:link, .headersearch a:visited 
{
	color: #f9c492;
	background: #f9c492;
	text-decoration: none;

}

/************************************************
*	Nav                     	                * 
************************************************/

#nav {
      clear:both;
	  padding: 0px 0px 0px 15px;
	  margin: 0px 0px 0px 0px;
      width: 935px;
      height:51px;
      background-image: url(./images/navbg.gif);
      background-repeat: no-repeat;
      overflow:hidden; 
}

#nav_l {

      float:left;
	  width:800px;  
      margin:0px; padding:0px; 
      overflow:hidden;
      height:51px; 
}

.menu {
      float:left;
      margin:15px 1px;
      padding:3px;
      width:500px;
}

	
.menu li {
	display: inline;
	list-style: none;
	margin:0;
	padding:0;
}

.menu ul, .menu ol {
   display: inline;
   list-style: none;
   margin:0;
   padding:0 10px 0 0;
}

.menu a, .menu a:visited {
   color: #FFFFFF;
   font-weight: bold;
   margin:0;
   padding: 3px 10px 3px 10px;
   text-decoration: none;
}

.menu a:hover {
   background: #f57007;
   color: #000000;
   text-decoration: none;
   border:1px solid #ffe6cc;
   font-size: 13px;
}

#subscribe {
        float: right;
        width:92px;
        height:32px;
        margin:15px 15px 3px 2px;
}

.rss { 
        float:right;
        margin:15px 2px 5px 0px;
        width:200px; 
}

.rss ul { 
        margin: 0; padding: 0 2px;
}

.rss li { 
        background: url(images/rss.gif) no-repeat 0 3px; 
        margin: 0 2px 0 0; 
        padding: 3px 0 3px 20px; 
        list-style: none; 
        font-size: 12px; color:#f5153a; 
        display: inline; font-weight: bold;
}

.rss li a {
        font-size: 12px; color:#ffffff; 
}

div.nav-next a{
	padding: 0px 20px 0px 0px;
	background-image: url(./images/arrow_right.png);
	background-position: right;
	background-repeat: no-repeat;
}


td.mbl_img img{
	position: absolute;
	z-index: 1;
}

div.nav-previous a{
	padding: 0px 20px 0px 0px;
	background-image: url(./images/arrow_left.png);
	background-position: right;
	background-repeat: no-repeat;
}



/************************************************
*	Search                     	                * 
************************************************/

#search { 
        height:33px;
        float:right;
        margin:4px 4px 0 0;
}

#search #s { 
        font-size:12px;
        padding-left:0px;
        padding-bottom:1px; 
        width:180px;
		height:33px;
}

input#s { 
        color:#000;
        border:0px;
        background-image:  url(images/searchbg.png);
		background-repeat: no-repeat;
		width:180px; 

text-align:center; 
}



/************************************************
*	wrapper                                     * 
************************************************/

#container{
	float: left;
	width: 550px;
    padding: 6px 10px 10px 10px;
    text-align:justify;
    background: #f9f6ef;
    margin:0 auto 1px auto;
}

.post{
	padding: 2px 6px 10px 6px;
}

.post h2{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 16px;
    margin:0 5px;
    text-align:left;
    text-transform:uppercase;     
}

.entry{
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-Serif;
	font-size: 13px;
	line-height: 1.3em;
	margin: 3px 0 5px 0;
}

p.postmetadata{
	margin: 10px 0 0 0;
    padding:6px;
    background: #f9f6ef;
}

.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.navleft{
    margin:0;padding:0;
    float:left; 
}

.navright{
    margin:0;padding:0;
    float:right; 
}

blockquote {
	background: #f9f6ef url(images/blockquotebg.gif) no-repeat 10px 4px;
	margin: 10px 25px 15px 25px;
	padding: 10px 20px 15px 15px;
	font-size:12px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;    
}

blockquote blockquote {
	margin:5px 10px;
	padding:4px 7px 10px 7px;
	font-size:11px;
	background:#ffffff; 
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
    background: #ffffff url(images/blockquotebg.gif) no-repeat 10px 4px;      
}


/************************************************
*	warapper header           	                * 
************************************************/

.post_header {
        margin:0; padding:0;
        height:60px;
        background:#f9f6ef;
}

.post_headerr {
        margin:0; padding:0;
}

.post_title {
        margin:0 5px; padding:2px 0 0 0;
}

.post_title a:link, .post_title a:visited {
   text-decoration: underline;
   color:#fb6a02;
}

.post_title a:hover {
	text-decoration: none;
    color:#346ba4;
}

.details {
       margin:0; padding:4px 0;
       border-top:0px dashed #f9c492;
}

.files {
      background:url(images/folder.gif) no-repeat;
      margin:0; padding:0 0 0 20px;
}

.comment_list {
      background:url(images/list_comments.gif) no-repeat;
      margin:0; padding:0 0 0 20px;
}

.edit {
     background:url(images/edit.gif) no-repeat;
     margin:0; padding:0 0 0 20px;
}

/************************************************
*	Date warapper                               * 
************************************************/

.the_date {
        display:block;
        text-align: center;
        float:left;height:65px;
        font-family: Arial, Helvetica, sans-serif;
        width:62px;
        margin:0px 5px 0 0;
        background:url(images/calendar.gif);
}

.date_m {
       display:block;
       font-size: 0.9em;
       margin:0;
       padding-top:5px;
       color:#40ae38;
       font-weight: bold;
       text-align:center;
}

.date_d {
      display:block;
      font-size:1.2em;
      margin:0;
      color:#336699;
      font-weight: bold;
      padding:0.7em 0 1.1em 0;
      text-align: center;
}


/************************************************
*	Member love you LOL !                       * 
************************************************/

#commentblock {
	width: 500px;
	background: #eeeddf;
	color: #000000;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
#commentblock ol {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}

.commentname {
	color: #000000;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo {
	clear: both;
	}

.commenttext {
	background: #FFFFFF url(images/commentku.jpg) repeat-x;
	width: 440px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 5px 10px 10px 15px;
	margin: 5px 0px 20px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}

.commenttext-admin {
	background: #FFFFFF;
	width: 440px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 10px 10px 0px 15px;
	margin: 5px 0px 20px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}



/************************************************
*	Side kick                                   * 
************************************************/

.sidebar{
	float: left;
	width: 370px;
	margin: 1px 0 0 2px;
    background:#f9f6ef;
}

.sidebar ul{
    list-style: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

.sidebar ul li{
	padding: 10px 0;
}

.sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 14px;
}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
}


/************************************************
*	Top kick                                    * 
************************************************/

#sidebar_top {
        margin:6px 0 0 0;padding:8px;
        background:url(images/sidebar_top.jpg) repeat-x;
        width: 350px;
        line-height:12px;
        text-align:justify;
        border:1px solid #ea8739;
        font-size:10px;
        font-family:verdana;
}

#sidebar_top h4 {
        color:#346ba4;
        margin-bottom:3px;
        font-size:14px;
}



/************************************************
*	Left kick                                    * 
************************************************/

.lsidebar {
        margin:0;padding:0;
        float:left;
        width:170px;
}

.lsidebar ul{
	list-style: none;
	margin: 0;
	padding: 0 1px 0 0;
}

.lsidebar ul li{
	padding: 10px 0 4px 0;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 11px;
    color:#7a888c;
	margin:0;
}

.lsidebar ul li a:link, .lsidebar ul li a:visited {
   color:#346ba4;
   font-weight:700;
}

.lsidebar ul li h2{
	font-family: Verdana,Helvetica, Arial, Sans-Serif;
	font-size: 11px;
    background:url(images/sidebarbg.gif) no-repeat top left;
    margin:0; 
	padding:8px 0 0 14px;
    height:33px;
	width:170px;
    color:#364350;
    text-transform:uppercase;
}

.lsidebar ul ul li{
	padding: 0 0 0 20px;
	line-height: 18px;
	font-family: Helvetica, Arial, Sans-Serif;
    background:url(images/arrow1.png) no-repeat 0px 0px; 
}

.lsidebar ul ul ul li{
	padding: 0 0 0 14px;
	line-height: 18px;
	font-family: Helvetica, Arial, Sans-Serif;
    font-size:11px;
    background:url(images/arrow2.gif) no-repeat 3px 3px;
}

.lsidebar ul ul ul li a:link, .lsidebar ul ul ul li a:visited {
   color:#56b9ff;
   font-weight:700;
}

.lsidebar ul ul li a:hover {
	text-decoration: underline;
    color:#fb6a02;
}

.lsidebar ul ul ul li a:hover {
	text-decoration: underline;
    color:#fb6a02;
}

/************************************************
*	right kick                                   * 
************************************************/

.rsidebar {
        margin:0;padding:0;
        float:right;
        width:170px;
}

.rsidebar ul{
	list-style: none;
	margin: 0;
	padding: 0 1px 0 0;
}

.rsidebar ul li{
	padding: 10px 0 4px 0;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 11px;
    color:#7a888c;
	margin:0;
}

.rsidebar ul li a:link, .rsidebar ul li a:visited {
   color:#346ba4;
   font-weight:700;
}

.rsidebar ul li h2{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 11px;
    background:url(images/sidebarbg.gif) no-repeat top left;
    margin:0; 
	padding:7px 0 0 14px;
    height:33px;
	width:170px;
    color:#364350;
    text-transform:uppercase;
}

.rsidebar ul ul li{
	padding: 0 0 0 22px;
	line-height: 18px;
	font-family: Helvetica, Arial, Sans-Serif;
    background:url(images/arrow1.png) no-repeat 2px 0px; 
}

.rsidebar ul ul ul li{
	padding: 0 0 0 14px;
	line-height: 18px;
	font-family: Helvetica, Arial, Sans-Serif;
    font-size:11px;
    background:url(images/arrow2.gif) no-repeat 3px 3px;
    border-bottom:none;
}

.rsidebar ul ul ul li a:link, .rsidebar ul ul ul li a:visited {
   color:#56b9ff;
   font-weight:700;
}

.rsidebar ul ul li a:hover {
	text-decoration: underline;
    color:#fb6a02;
}

.rsidebar ul ul ul li a:hover {
	text-decoration: underline;
    color:#fb6a02;
}


/************************************************
*	Calendar                                    * 
************************************************/

table#wp-calendar{
	width: 90%;
    margin:0px auto;
}

/************************************************
*	Leg                                         * 
************************************************/

#footer{
	clear: both;
	width: 950px;
    background:url(images/ajaxtabbg.gif) repeat-x;
    padding:5px 0;
    margin:0;
	}

#footer p {
	line-height: 13px;
    text-align:center;
    font-weight:700;
    color:#fff;
    padding: 2px 0;
    font-size: 10px;
    font-family:Verdana;
}

#footer a {
   color:#afe1f3;
}

#footer a:hover {
    color:#53c7f2;

}

#iklan_160x600 {
  width:196px;
  text-align:center;
  background:#FFFFFF url(http://www.deeonyssa.com/images/kertas_wide_skycrapper.png) center center no-repeat;
  padding:10px 22px 22px 14px;
  }