/* VivaServer */
*{
  margin:0;
  padding:0;
}
a{
  outline: none;
}
img{
  border: 0;
}
body{
  background: #2190B9 url(/images/body.jpg) repeat-x;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  scrollbar-arrow-color: #fff;
  scrollbar-base-color: #2294BD;
}
h1{
  display: none;
}
h2{
  margin: 0 0 15px 0;
  color: #333;
  font-size: 160%;
  background: url(/images/dotted.gif) bottom repeat-x;
}
h2 a{
  color: #106D96;
  text-decoration: none;
}
h2 a:hover, h3 a:hover{
  color: #4F9DBD;
}
h3 {
  color: #666;
  font-size: 130%;
  margin: 25px 0 10px 0;
}
h3 a {
  color: #106D96;
  text-decoration: none;
}
h4{
  display: none;
}
h5 a:hover {
  color: #4F9DBD;
}
h5 a {
  color: #106D96;
  text-decoration: none;
}
ul{
  list-style: none;
}
p{
  color: #333;
  line-height: 150%;
  margin: 0 0 1em 0;
}
a{
  color: #2294BD;
}
a:hover{
  color: #186784;
}
p.clear{
  clear: both;
}

code {
  color: #043F4A;
  font-family: 'courier new', courier, monospace;
}
pre {
  background: #ececec;
  display: block;
  margin: 0 0 1em 0;
  padding: 5px;
  overflow: auto;
  overflow-x: scroll;
  width: 100%;
}

/* Divisiones */
#content{
  /* Encierra el post y sidebar */
  background: url(/images/content.jpg) no-repeat;
  min-height: 134px;
}
#main{
  /* Encierra encabezado, content y mainfoot, cierra justo antes de la caja de Portfolio */
  width: 780px;
  margin: 0 auto;
  background: url(/images/main.gif);
}
#mainfoot{
  /* esquinas redondeadas del pie de main */
  background: url(/images/mainfoot.jpg) bottom no-repeat;
  height: 118px;
  position: relative;
}
/* vinculo RSS Blog con icono */
p.rssblog{
  position: absolute;
  right: 40px;
  top: 60px;
}
p.rssblog a{
  display: block;
  width: 93px;
  height: 27px;
  background: url(/images/rssblog.gif) no-repeat;
  text-indent: -9000px;
}
p.rssblog a:hover{
  background: url(/images/rssblog.gif) 0 -27px no-repeat;
}
/* Porftolio RSS */
p.rssportfolio{
  position: absolute;
  right: 40px;
  top: 60px;
}
p.rssportfolio a{
  display: block;
  width: 123px;
  height: 27px;
  background: url(/images/rssportfolio2.gif) no-repeat;
  text-indent: -9000px;
}
p.rssportfolio a:hover{
  background: url(/images/rssportfolio2.gif) 0 -27px no-repeat;
}


/* Head */
#head{
  /* Encabezado, encierra el logo y la barra de navegacion  */
  width: 780px;
  height: 98px;
  background: url(/images/head.jpg) no-repeat;
  position: relative;
}
#head ul{
  /* Barra de navegacion */
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 50px;
  right: 0;
}
#head ul li{
  display: inline;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 90%;
  margin: 0 2em 0 0;
}
#head ul li a{
  color: #BADDEA;
  text-decoration: none;
}
#head ul li a:hover{
  color: #fff;
}

/* Post */
.post{
  /* encierra el contenido del post */
  width: 400px;
  padding: 10px 36px 0 45px;
  float: left;
}
.post li {
  color: #333;
  font-size: 90%;
  list-style-type: disc;
  margin-left: 1.5em;
  margin-bottom: 10px;
  padding-left: 0.25em;
}
.post p{
  font-size: 90%;
}
.post p img {
  margin: 0 auto;
  display: block;
  border: 4px solid #eee;
}
ul.normal{
  color: #043F4A;
  font-size: 90%;
  margin: 0 0 2em 0;
}
ul.normal li{
  display: block;
  padding: 0 0 10px 20px;
  margin: 0 0 10px 0;
  background: url(/images/dotted.gif) bottom repeat-x;
  border-left: 3px solid #ededed;
}
ul.tags{
  /* lista con tags */
  padding: 5px 0 5px 0;
  margin-bottom: 2.25em;
}
ul.tags li{
  display: inline;
  font-size: 85%;
  margin: 0;
  padding: 0;
}
ul.tags li a{
  background: url(/images/label.gif) 0 0 no-repeat;
  font-variant: small-caps;
  font-size: 110%;
  margin-left: 10px;
  padding-left: 20px;
  text-decoration: none;
}
.work{
  min-height: 150px;
  margin: 0 0 20px 0;
}
.work img{
  float: left;
  border: 1px solid #999;
  margin: 0 10px 0 0;
}
.work ul.tags{
  clear: both;
  padding: 10px 0 10px 0;
  background: url(/images/dotted.gif) bottom repeat-x;
}
.work p{
  font-size: 90%;
  line-height: 150%;
  text-align: left;
}

/* Sidebar */
#sidebar{
  /* Columna derecha, encierra la info del autor y las cajas de Blog y Portfolio */
  width: 270px;
  float: left;
  font-size: 82%;
}
#sidebar ul{
  padding: 45px 15px 0 18px;
}
#sidebar ul li{
  margin: 0 0 8px 0;
}
#sidebar ul li a{
  display: block;
  color: #4F9DBD;
  text-decoration: none;
  padding: 0 0 1px 0;
  width: 100%;
  background: url(/images/dotted.gif) bottom repeat-x;
}
#sidebar ul li a:hover{
  color: #186784;
  background: url(/images/dotted2.gif) bottom repeat-x;
}
#quees{
  /* Caja con la info del autor */
  background: url(/images/quees.jpg) no-repeat;
  width: 270px;
  height: 124px;
}
#quees a{
  color: #fff;
  font-weight: bold;
}
#quees a:hover{
  color: #BADDEA;
}
#quees p{
  color: #fff;
  font-size: 105%;
  padding: 15px 70px 0 20px;
}
#quees strong{
  font-variant: small-caps;
  font-size: 110%;
}
#sidebarads {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
}
#sidebarweblog{
  /* Caja con el listado de posts */
  background: url(/images/weblog.jpg) no-repeat;
  width: 270px;
  margin: 0 0 20px 0;
}
#sidebarportfolio{
  /* Caja con el listado de ultimos trabajos */
  background: url(/images/portfolio.jpg) no-repeat;
  width: 270px;
  margin: 0 0 20px 0;
}
#sidebartags{
  /* Caja con la nube de tags */
  background: url(/images/tags.jpg) no-repeat;
  height: 300px;
  width: 270px;
  margin: 0 0 10px 0;
}

p.tag_cloud{
  padding: 45px 15px 40px 20px;
  line-height: 210%;
}
p.tag_cloud a{
  color: #4F9DBD;
  text-decoration: none;
}
p.tag_cloud a:hover{
  color: #043F4A;
  text-decoration: underline;
  background: #ececec;
}

.nube1 {font-size: 105%;}
.nube2 {font-size: 120%;}
.nube3 {font-size: 150%;}
.nube4 {font-size: 170%;}
.nube5 {font-size: 190%;}
.nube6 {font-size: 210%;}

/* Box Bottom */
#portfoliobox{
  /* Es la caja que continua al main, encierra la imagen e info del ultimo trabajo */
  background: url(/images/portfoliobox.jpg) no-repeat;
  clear: both;
  height: 186px;
  margin: 0 auto;
  overflow: hidden;
  width: 780px;
}
#portfoliobox img{
  float: left;
  margin: 30px 20px 0 40px;
}
#portfoliobox ul.tags{
  float: left;
}
#portfoliobox ul.tags li{
}
#portfoliobox h5{
  /* Titulo del Portfolio */
  padding: 30px 0 5px 0;
  font-size: 145%;
  color: #186784;
}
#portfoliobox p{
  padding: 0 40px 0 0;
  font-size: 85%;
}

/* Foot */
#footbox{
  /* Encierra la info del pie y al RSS portfolio */
  width: 780px;
  height: 136px;
  background: url(/images/footbox.jpg);
  margin: 0 auto;
  position: relative;
}
#footbox2{
  /* Encierra la info del pie y al RSS portfolio */
  width: 780px;
  height: 136px;
  background: url(/images/footbox2.jpg) 22px 55px no-repeat;
  margin: 0 auto;
  position: relative;
}

#foot{
  /* Encierra al texto del pie y al RSS portfolio */
  height: 136px;
  background: url(/images/foot.jpg) bottom;
}
#foot ul{
  position: absolute;
  top: 68px;
  right: 25px;
}
#foot ul li{
  color: #4F9DBD;
  display: inline;
  font-size: 82%;
}
#foot p{
  font-size: 82%;
  color: #BADDEA;
  position: absolute;
  top: 68px;
  left: 135px;
}
#foot a{
  text-decoration: none;
}
#foot a:hover{
  color: #FFF;
}
#foot #footbox h6#rssportfolio{
  /* RSS portfolio con icono */
  position: absolute;
  width: 123px;
  height: 27px;
  right: 40px;
  top: -10px;
}
#foot #footbox h6#rssportfolio a{
  display: block;
  width: 123px;
  height: 27px;
  background: url(/images/rssportfolio.gif) no-repeat;
  text-indent: -9000px;
}
#foot #footbox h6#rssportfolio a:hover{
  background: url(/images/rssportfolio.gif) 0 -27px no-repeat;
}

.pagination {
  padding: 3px;
  margin: 3px;
  text-align: center;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #fff;
  text-decoration: none;
  color: #2294BD;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #2294BD;
  color: #333;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #106D96;
  font-weight: bold;
  background-color: #106D96;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #fff;
  color: #ddd;
}