/*  
Theme Name: Modern Blue Green
Theme URI: http://www.cypherhackz.net/
Description: Modern Blue Green
Version: 1.3
Author: Fauzi Mohd Darus @ CypherHackz ; Modified by Pau Sanchez
Author URI: http://www.cypherhackz.net/
*/

/***********************************************
*  HTML
***********************************************/
body{
  background:  url(images/body.jpg);
  padding:     0;
  margin:      0;
  font-size:   9pt;
}

table {
  border: 1px solid black;
  border-collapse: collapse;
}

th {
  text-align: center; 
}

td {
  text-align: left; 
}

#wrapper{
  background:   url(images/bg.png) repeat-y;
  width:        773px;
  margin:       0 auto;
  overflow:     hidden;
}

#content{
  clear:        both;
  padding:      10px 0;
  overflow:     hidden;
}

/***********************************************
*  HEADER
***********************************************/
.subheader{
  height:       74px;
  background:   url(images/headerbg.png) no-repeat;
  text-align:   center;
}

.subheader h1 {
  margin:        0;
  padding-top:   12px;
  font-size:     25pt;
  color:         #ffffff;
}

.nav{
  background:    url(images/nav2.png) no-repeat;
  height:        55px;
  clear:         both;
}

.search{
  float:         left;
  margin:        14px 0 0 10px;
  color:         #ffffff;
}

input#searchsubmit{
  background:    url(images/buscarw.png) no-repeat;
  margin-left:   1px;
  width:         64px;
  height:        24px;
  border:        none;
}

input#s{
  position:      relative;
  top:           -2px;

  background:    #032b67;
  width:         150px;
  height:        18px;
  border:        1px solid #1c7bb7;
  color:         #ffffff;
}

.subnav{
  float:         left;
  width:         526px;
  padding:       20px 0 0 0;
}

.subnav ul{
  margin:        0;
  padding:       0 0 0 20px;
}

.subnav ul li{
  display:       inline;
  font-weight:   bold;
  list-style:    none;
/*  background:    url(images/navli.jpg) no-repeat 0 4px; */
  padding:       0 20px 0 12px;
  margin:        0;
}

/***********************************************
*  MAIN
***********************************************/
#main{
  float:    left;
  padding:  0;
  width:    560px;
  padding:  0 10px 0 16px;
}

.bold {font-weight: bold; }
.notice {
  clear: both;
  width: 520px;
  background: red;
  margin: 8px auto 16px;
  padding: 8px 12px;

  background: #FAE5B0;
  border: 1px solid #FAD163;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -ms-border-radius: 10px;
}
.notice p {
  font-size: 12px;
  margin: 6px;
}

.post {
  clear:         both;
  margin-bottom: 48px;
}

.posttitle{
  clear:        both;
  padding:      0 0 72px 0;
}

.postentry {
  clear:        both;
  margin-top:   4px;
  width:        540px;
  text-align:   justify;
}

.postdate {
  float:      left;
  background: url(images/date.jpg) no-repeat;
  width:      59px;
  height:     57px; /*62*/
  text-align: center;
  color:      #ffffff;
  padding:    5px 0 0 0;
}

.postdate span{
  color:      #737373;
  font-size:  16pt;
  display:    block;
  padding:    7px 0 0 0;
}

.posturl{
  background: url(images/posttitle.gif) no-repeat;
  width:      484px;
  height:     62px;
}

.posturl h2 {
  margin:     0;
  padding:    5px 0 0 8px;
  font-size:  11pt;
}

.postmeta{
  clear:      both;
  padding:    10px 0 0 8px;
  font-size:  7pt;
}

.postcomment {
  margin-top:  3em;
  padding-top: 1.5em;
  border-top: 2px dotted #739ABE;
}

.pauthor{
  background: url(images/pauthor.jpg) no-repeat;
  padding:    0 10px 5px 20px;
  float:      left;
}

.pcat{
  background: url(images/pcat.jpg) no-repeat 0 -2px;
  padding: 0 10px 5px 20px;
  float: left;
}

.pcom{
  background: url(images/pcom.jpg) no-repeat;
  padding: 0 10px 5px 20px;
  float: right;
}

.pedit{
  background: url(images/pedit.jpg) no-repeat;
  padding: 0 10px 5px 20px;
  float: left;
}

.posturl {
  float:      right;
  text-align: justify;
  padding:    0 0 20px 0;
}

.navigation{
  clear: both;
  font-size: 8pt;
}

.alignleft{
  float: left;
  background: url(images/prev.jpg) no-repeat;
  width: 112px; /*117*/
  height: 17px; /*19*/
  padding: 2px 0 5px 5px;
}

.alignright{
  float: right;
  background: url(images/next.jpg) no-repeat;
  text-align: right;
  width: 101px; /*117*/
  height: 17px; /*19*/
  padding: 2px 16px 5px 0;
}

/***********************************************
*  COMMENTS
***********************************************/
#comments{
  clear: both;
}

#comments h3{
  margin: 0;
  padding: 0;
  font-size: 10pt;
  border-bottom: 1px solid #cccccc;
}

input, textarea{
  font-size: 10pt;
}

ol.commentlist{
  margin: 0;
  padding: 10px 0;
}

ol.commentlist li{
  margin: 0;
  padding: 0 0 10px 0;
  list-style: none;
}

.comcontent{
  background: #deebf2;
  padding: 5px 2px;
}

.comfooter{
  text-align: right;
  font-size: 7pt;
}

blockquote{
  background: #f0f0f0;
  margin: 8px;
  padding: 0.5em 1em;
  border: 1px solid #f6a911;
}

input#author, input#email, input#url, textarea#comment {
  background: #eeeeff;
  border:     1px solid #739ABE;
}

textarea#comment {
  width:  560px;
}

/***********************************************
*  SIDEBAR
***********************************************/
#sidebar{
  float:          right;
  width:          160px;
  padding:        0 10px 10px 10px;
}

#sidebar h2 {
  border-top:     2px dotted #739abe;
  border-bottom:  2px dotted #739abe;
  margin:         0;
  padding:        2px 0 2px 0;
  color:          #043c7f;
  font-size:      11pt;
}

#sidebar ul{
  margin: 0;
  padding: 0;
}

#sidebar ul li{
  margin:         0;
  padding:        0 0 20px 0;
  list-style:     none;
}

#sidebar ul li ul{
  margin: 0;
  padding: 10px 0 0 0;
}

#sidebar ul li ul li{
  border-bottom: none;
  padding: 0 0 5px  20px;
  background: url(images/sidecom.jpg) no-repeat 0 3px;
}

#sidebar ul li ul.cat li{
  background: url(images/sidecat.jpg) no-repeat;
  padding: 0 0 5px  20px;
}

#sidebar ul li ul.arch li{
  background: url(images/sidecom.jpg) no-repeat 0 3px;
  padding: 0 0 5px  20px;
}

#sidebar ul li ul.recentposts li{
  background: url(images/sidepost.jpg) no-repeat 0 3px;
  padding: 0 0 5px  20px;
}
/***********************************************
*  FOOTER
***********************************************/
#footer{
  clear: both;
/*  background: transparent url(images/footer.jpg) top no-repeat;*/
  background: #D9E8D5;
  font-size:  10pt;
  padding:    8px 0 5px 5px;
}

/***********************************************
*  LINKS
***********************************************/
a{
  text-decoration: none;
  color: #094a8b;
}
a:hover{
  text-decoration: underline;
  color: #094a8b;
}

.posturl h2 a:hover, .navigation a:hover, .subheader h1 a:hover{
  text-decoration: none;
}
.subnav a, .subheader h1 a{
  color: #ffffff;
  text-decoration: none;
}
.subnav a:hover{
  color: #ffffff;
  text-decoration: underline;
}