/*
 * ------------------------------------------------------------------------------------------// HEADER INFO //
 *
 * Blogger Template Style
 *
 * v3 - 19 aug 2008
 *
 * SENOTE
 *     by Zen Sugiarto
 *
/* -----------------------------------------------------------------------------// PAGE & LAYOUT FINITION */


body {
  margin:0px;
  padding:0px;
  
  font-size: 9pt;
  
  #background-image: url('naturals_wallpaper_pack_002.jpg');
  #background-image: url('bytebar2bg.jpg');
  #background-image: url('Vanessa_colors3-1280x800.jpg');
  #background-image: url('http://fc02.deviantart.com/fs28/f/2008/171/b/1/Up_to_the_blue_sky_by_realityDream.jpg');
  #background-image: url('http://leslieartgallery.files.wordpress.com/2007/10/shanghai0260.JPG');
  
  background-repeat: repeat-x;
  background-position: center bottom;
  background-attachment: fixed;
  
  background: #f0f0f0;
  color: #686868;
  
  font-family: Arial;
}

#outer-wrapper 
{  
  width: 95%;
  padding: 10px;
  float: center;
  
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;

  #background-image: url('bg80.png');
  #behavior: url('http://www.geocities.com/orb_57/05-layeredZen/iepngfix.htc');
}

#header-wrapper { 
  font-family: "Trebuchet MS"
}

                        
#content-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#header
{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 20px;
}


@media all  
{
  div#main 
  {
    width: 58%;
    padding-right: 10px;
    
    float: right;
    
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
    margin: 0px 0px 0px 0px;
  }           
  
  div.sidebar 
  {
  
  	float: left;
  
    width: 20%;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
    text-align: left; 
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
    
    line-height: 130%; 
  }
} 

/* ---------------------------------------------------------------------------------// PAGE HEADER AND LOGO */

/* Header title */
#header h1.title
{
   font-size: 300% ;
}

#header h1.title a
{  /* displayed only when post are viewed showing comments */
}

#header-inner {
   margin: 0px 0px 0px 0px;
}

/* this is the text at the top that goes below the header */
.description {
  padding:0px 0px 0px 0px;
  margin: 0px;
  color:#000;
  font-size: 10pt;
  font-weight: bold;
}

/* ----------------------------------------------------------------------------------------------// SIDEBAR */

.sidebar .widget-content { 
   padding: 4px 15px 4px 15px;
}

.sidebar .widget {
   margin-right: 1px;
   margin-bottom: 1px;
} 

/* profile container widget ID */
.widget#Profile1 {
}

.sidebar li {
  font-size:100%; 
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  list-style-type: disc;
} 

.sidebar h2 { 
  margin: 15px 15px 5px 15px;
  padding: 5px 0px 2px 0px;
  font-family: "Trebuchet MS"
  font-size: 11pt;
  color: #000;
}

.sidebar ul {
  list-style-type:none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0px;
}

/* ---------------------------------------------------------------------------------------// WIDGET: NAVBAR */

/* navigation bar container widget ID */
.widget#HTML1 {
   color: #f00;
   padding: 10px 0px 0px 0px;  
   margin: 0px;
   height: 18px;
}

/* navigation bar container widget ID */
.widget#HTML1 .widget-content {
   color: #f00;
   padding: 0px 0px 0px 0px;
   margin: 0px;
}


#sidebar-nav {
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px
}

/* nav link colors */
#sidebar-nav a { 
   color: #fff;
   background: #101010;
   padding:4px 10px 5px 10px;
   border-bottom: 2px solid #303030;
}

#sidebar-nav .selected {
   background: #000;
   color: #fff;
}

#sidebar-nav a:hover {
   text-decoration: none;
   border-bottom: 2px solid #0080FF;
} 

/* ------------------------------------------------------------------------------------// WIDGET: MAIN BLOCK */

#content-top .widget-content {
  padding: 10px;
  color: #000;
} 

/* -------------------------------------------------------------------------------------------// PAGE LINKS */
   
a {
 color: #3366cc;
 text-decoration: none;
} 
         
a:hover {
 text-decoration: none;
} 

a img { 
  border-width: 0;
}

                  
/* -----------------------------------------------------------------------------------------// PAGE HEADERS */

h1,h2,h3 {
  margin: 0;
}


.titlewrapper { 
} 
         
h4 {
 color:#aa0033; 
} 

/* --------------------------------------------------------------------------------------------// STATUS MSG */

.status-msg-wrap {
   float: left;
   margin: 0px 0px 0px 0px;
   border: 0px;
   border: 1px solid #101010;
    width: 900px;
}
.status-msg-body {
   border: 1px solid #000000;
   background: #000000;   
    width: 900px;
}
.status-msg-hidden {
   width: 900px;
}
/* --------------------------------------------------------------------------------------------// BLOG POST */


.post {
} 

.post-content-item-wrapper {
  margin-top: 15px;
  
  color: #333;
  background: #fff;
  
  padding: 15px 20px 20px 20px;
  
  font: normal 8pt Verdana, Sans-serif;
}

.post-content-item-wrapper a {
  color: #0080ff;
  background: none;
}

.post-content-item-wrapper a:hover {
  color: #0055ff;
}


.post-content-list-wrapper {
}

.post-content-list-wrapper a{
   color: #86d623;
}


/* --------------------------------------------------------------------------------------// CONTENT STYLES */
         
h3.post-title {

  font:normal 14pt Verdana,Sans-Serif;
  
  font-weight: bold;
  letter-spacing:1px;
  text-align: center;
  
  margin: 0px 0px 0px 0px;
  color: #000;
}

h3.post-title a {
  text-decoration:none;
}

h2.date-header  {
  margin:0px 0px 0px 0px;
  
  font: normal 7.5pt Verdana,Sans-serif;
  
  text-align: left;
  color: #000;
  
}


.post-footer  {
  font: normal 7pt Verdana,Sans-serif;
  color: #808080;
} 

.post-footer a {
} 

.post-footer a:hover {
} 

.timestamp-link {
}

abbr.published {
   border: 0px;
}

.post h1
{
   margin-top: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #eeeeee;
}
         
.post h2
{
   margin-top: 10px;
   margin-bottom: 10px;
   margin: 30px 0px 10px 0px;
   
   font: bold 14pt Arial, Tahoma ,Sans-serif;
   border-bottom: 1px solid #ddd;
}

.post h3
{
   margin-top: 20px;
   margin-bottom: 5px;
   font: bold 12pt Arial, Tahoma, Sans-serif;
}

.post h5 /* date journals */
{
   font: bold 10pt Arial, Tahoma, Sans-serif;
   background: #f0f0f0;
   margin: 0px 0px -15px 0px;
}

.post strong {
  color:#fff;
  font-weight:bold; 
} 

.code {
 font-family: "consolas", monospace;
 font-size: 8pt;
 font-weight: normal;
 padding-left: 5px;
 padding-right: 5px;
 color: #444;
 background: #e0eef5;
 
 border-left: 2px solid #69e;
}

pre.code {
 padding: 5px 5px 5px 10px;
} 

iframe.code {
 border: 1px dashed #ccc;
 width: 100%;
}

textarea.code {
 border: 1px dashed #00202f;
 width: 100%;
 height: 500px;
}

strike {
 color:#999999;
} 



/* ----------------------------------------------------------------------------------------// POST COMMENTS */

#comments {
  padding:0px;
  padding-left: 0px;
  font-size:110%;
  font-weight:bold;
}


#comments h4 {
  margin-left: 10px;
  padding-left: 10px;
  text-decoration: underline;
}

.comment-author { 
  margin-top: 10px;
  margin-left: 30px;
}

.comment-body {
  font-weight:normal;
  font-size: 7.5pt;
  margin-left: 30px;
  color:#666;
} 

.comment-body p {
  margin: 3px 0px 3px 0px;
}

/* comment date */
dd.comment-footer {
  padding-bottom:20px;
  color:#d0d0d0;
  font-size:7.5pt;
  font-weight:normal;
  font-style: italic;
  display:inline;
  margin-top: 0px;
  margin-left: 30px;
} 

dd.comment-footer a {
  color: #666;
}

p.comment-footer{
  margin-top: 10px;
}

.deleted-comment  {
  font-style:italic;
  color:gray; 
} 

.comment-link  {
  margin-left:.6em;
} 

/* ----------------------------------------------------------------------------------------// PROFILE BLOCK */

.profile-textblock { 
  clear: both;
  margin-left: 0;
}

.profile-img { 
  margin: 0 10px 5px 0;
  border: 0;
  float: left;
}

/* ---------------------------------------------------------------------------------------// FEED and PAGER */

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: left; 
 }
  
#blog-pager-older-link {
  float: right;
}
 
#blog-pager {  
  margin-top: 40px; 
  border-top: 1px solid #eee;
  text-align: center; 
  padding: 5px 10px 5px 0px;
  
}

/* -----------------------------------------------------------------------------------------------// TWEAKS */

.clear { 
  clear: both;
}

/** Tweaks for layout editor preview */
body#layout #outer-wrapper { 
  margin-top: 0;
}

body#layout #main,
body#layout #sidebar { 
  margin-top: 10px;
  padding-top: 0;
}


/*------------------------------------------------------------------------------// TAG CLOUD

/*Tag Cloud*/
/* Label Cloud Styles
------------------------------------------------ */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li {display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:none}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}


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