/*
 * ------------------------------------------------------------------------------------------// HEADER INFO //
 *
 * Blogger Template Style
 *
 * Layered Zen
 *     by Zen Sugiarto
 *
 * history
 *    14 mar 2008 - initial revision
 *
/* -----------------------------------------------------------------------------// PAGE & LAYOUT FINITION */






body {
  margin:0px;
  padding:0px;
  
  font-size: small;
  
  background: #000;
  
  #background-image: url('http://fc03.deviantart.com/fs15/f/2007/070/1/4/The_Three_Musketeers_by_l8.jpg');
  #background-image: url('http://fc02.deviantart.com/fs27/f/2008/063/d/2/Library_Netvibes_BG_by_antilogic.jpg');
  
  #background-image: url('http://fc03.deviantart.com/fs21/f/2007/251/a/3/Venecia_bajo_la_lluvia_by_senrodju.jpg');
  background-image: url('http://fc01.deviantart.com/fs10/i/2006/156/3/4/Washing_machine_II_by_lassekorsgaard.jpg');
  
  background-repeat: repeat-x;
  background-position: center bottom;
  background-attachment: fixed;
  
  font-family: Verdana, Tahoma, Lucida, Arial;
}

#outer-wrapper 
{  
  width: 100%
  padding: 0px;
  float: center;
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
}

#header-wrapper { 
}

                        
#content-wrapper {
  width: 900px;
  padding-left: 15px; 
  padding-right: 15px;
  border: 0px solid #f00;
  margin-left: auto;
  margin-right: auto;
  
  background-image: url('bg80.png');
  behavior: url('http://www.geocities.com/orb_57/05-layeredZen/iepngfix.htc');
}

#header
{
  width: 930px;
  color: #000;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}


@media all  
{
  
  div#main 
  {
    float: left;
    width: 660px;
    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 */
    
    color: #fff;    
  }           
  
  div.sidebar 
  {
    float: left;
    width: 230px;
    margin: 20px 0px 0px 10px;
    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 */
        
    color: #fff;
    
    font-size: 8pt;
    font-family: Arial;
    
    line-height: 120%;
    
  }
  
} 



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


                        


/* Header title */
#header h1.title
{
   font-size: 400% ;
   color: #fff;
   margin-bottom: 20px;
}

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

#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:#fff;
  font:bold 10pt "Trebuchet MS", Verdana,Sans-Serif;
}

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


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


.sidebar .widget {
   margin-bottom: 10px;
} 


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


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

.sidebar h2 { 
  padding: 3px 15px 3px 15px;
  margin: 0px 0px 0px 0px;
  line-height: 100%;
}

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

.sidebar li {
  margin-right: -15px ;
  padding-right: 15px;
}

.sidebar li:hover {
  padding-left: 10px;
  border-bottom: 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: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px
}

/* nav link colors */
#sidebar-nav a { 
   font-family: verdana;
   font-size  : 8pt;
   color: #fff;
   padding:10px 15px 3px 15px;
   background-image: url('bg50.png');
   behavior: url('http://www.geocities.com/orb_57/05-layeredZen/iepngfix.htc');
}

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

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


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

#main .widget-content {
  margin:0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
}

#main h2.title { 
  color:#ff8000; 
  
  font:normal 200% "Trebuchet MS", Verdana,Sans-Serif;
  letter-spacing:2px;
  
  padding: 20px 20px 20px 20px;
  margin-top: 10px;
  
  margin-left: -10px;
  margin-right: -10px;
}


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

a img { 
  border-width: 0;
}

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

h1,h2,h3 {
  margin: 0;
}


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

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

.status-msg-wrap {
   border: 0px solid #000;
}
.status-msg-body {
   background: #f0f0f0;
   border: 2px solid #eee;
}

/* --------------------------------------------------------------------------------------------// BLOG POST */

.blog-posts
{
  padding: 0px 0px 0px 0px;
  color: #333;
  font-size: 8pt;
}


h3.post-title {
  font:normal 13pt Verdana,Sans-Serif;   
  font-weight: bold;
  letter-spacing:1px;
  border-bottom: 1px dashed #aaaaaa;
  padding-bottom: 7px;
}

h3.post-title a {
  color: #0080FF;
  text-decoration:none;
}

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

.post {
  line-height: 150%;
  padding: 10px;
  
  background: #ddd;
} 

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

.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;
   
   color: #404040;
   
   font: bold 11pt Arial, Tahoma ,Sans-serif;
}

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

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

b {
  color: #fff;
}

b.section{
  font-size: 120%;
  color: #fff;
  border-bottom: 1px dotted #282828;
}

.code {
 font-family: monospace;
 font-size: 10pt;
 font-weight: normal;
 padding-left: 5px;
 padding-right: 5px;
 background: #111;
}

pre.code {
 padding: 5px 5px 5px 10px;
 border: 1px dashed #ccc;
} 

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:underline}
#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 //------------ */