/*  
Theme Name: Indiesign
Theme URI: http://indiesign.com.ar/
Description: Tema para los blogs de Indiesign Network
Version: 2.0
Author: Leo
Author URI: http://indiesign.com.ar/
*/

/* ---- Estilos Generales ---- */
body { margin: 0; padding: 0; font: 14px/1.8em sans-serif; background: #004d4d; color: #333; }
p.clear, div.clear { clear: both; margin: 0 !important; padding: 0 !important; }

	div.clear hr { display: none; }
abbr, acronym, dfn { border-bottom: 1px dotted #999; cursor: help; }

/* ---- Imagenes ---- */
img { border: 0; }
	img.border { padding: 4px; background: #eee; border: 1px solid; border-top-color: #ccc; border-right-color: #888; border-bottom-color: #888; border-left-color: #ccc; }
	img.right { float: right; margin: 0 0 10px 10px; }
	img.left { float: left; margin: 0 10px 10px 0; }
h1,h2,h3 { margin: 0; }
h2 { margin-bottom: 5px; }
h2, h3 { font: 30px sans-serif; letter-spacing: -1px; }
	#contenido h3 { font: 25px sans-serif; color: #80b3b3; margin-bottom: 10px; border-bottom:  1px #80b3b3 solid; }
	#contenido h3.tit { margin-bottom: 20px; }
h4 { font-size: 18px; line-height: 70%; color: #408d8d; margin-bottom: 10px; border-bottom:  1px #80b3b3 solid; }

/* ---- Links ---- */
a { text-decoration: none; color: #006666; border-bottom: 1px #bfd9d9 solid; outline: none; }
a:hover { border-color: #006666; }
#menu a, div.comentario.alt a { color: #006699; border-color: #bfd9e5; }
#menu a:hover, div.comentario.alt a:hover { border-color: #006699; }

/* --- Formularios ---- */
form { margin: 0; padding: 0; }
	form label { font-weight: bold; display: block; color: #666; }
		form label sup { font-weight: normal; }
	textarea, input, select { width: 95%; background: #f6f6f6; border: 1px solid #ccc; color: #000; font: 13px sans-serif; padding: 4px; }
	textarea:focus, input:focus, select:focus { border-color: #EDE38A; background: #FFFCE4; }
	input.boton { cursor: pointer; padding: 3px; margin-left: 2px; background: #ddd; font-size: 1.2em; font-weight: bold; border: 1px solid; border-right-color: #666; border-bottom-color: #666; border-top-color: #aaa; border-left-color: #aaa; }

/* ---- Menu superior ---- */
#topadsense { text-align: center; margin: 20px 0; }
#topmenu { width: 760px; margin: 20px auto 0 auto; padding: 0; }
	#topmenu li { display: inline; }
		#topmenu li a { display: block; border: none; width: 80px; float: right; text-align: center; font: bold 11px sans-serif; text-transform: lowercase; margin-left: 4px; background: #003333; padding: 6px; color: #80b3b3; border: #80b3b3 solid; border-width: 2px 2px 0 2px; }
		#topmenu li a span { border-bottom: 1px #001a1a solid; }
	#topmenu li a:hover { background: #006666; color: #ffffff; border-color: #fff; }
		#topmenu li a img { margin-right: 5px; vertical-align: middle; }

/* ---- Contenedor ---- */

#contenedor { clear: both; width: 730px; margin: 0 auto 20px auto; background: #fff; border: 15px #fff solid; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; }

/* ---- Header ---- */
#header h1 { margin: 0; text-indent: -9999px; height: 100px; background: url(img/logo.gif) no-repeat; }
  #header h1 a { border: none; display: block; height: 100px; }

/* ---- Adsense y Textlinkads ---- */
#adsense { margin-bottom: 25px; padding: 10px 0; text-align: center; border-bottom: 5px #bfd9d9 solid; }
.adsense2 { margin: 0 0 50px 0; padding: 10px 0; text-align: center; border: #e6f0f0 solid; border-width: 1px 0; }

/* ---- Contenido ---- */

#contenido { width: 480px; float: left; }

/* ---- Posts ---- */

.post { margin-bottom: 50px; }
  .post ins { text-decoration: none; color: #000; }
  .post ul { padding: 0; margin: 10px; list-style: none; }

.post ol {
margin: 10px 30px;
}

.post li {
margin-bottom: 5px;
color: #555;
}

.post ul li {
padding-left: 12px;
background: url('http://indiesign.com.ar/_shared/img/li.gif') top left no-repeat;
}

.post ul li ul {
margin-top: 5px;
}

.post ol.top li {
clear: right;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px #bfd9d9 solid;
}

.post ol.top li img {
margin-bottom: 0;
}

.post h2 {
border-bottom: 1px #bfd9d9 solid;
}

.post h2 a {
border: none;
}

.post h2 a:hover {
color: #666;
}

.post h2 strong {
float: right;
margin-left: 10px;
}

.post h2 strong a {
color: #bfd9d9;
}

.post code, .post pre {
font: 1em Verdana, sans-serif;
padding: 2px;
background: #e6f0f0;
color: #267d7d;
}

.post pre {
display: block;
overflow: auto;
padding: 10px;
margin-bottom: 10px;
}

.post .info { margin: 0 0 5px 0;font-size: 11px; line-height: 11px;color: #80b3b3;font-weight: bold;}

.post .info a {
color: #80b3b3;
}

.post .info a:hover {
color: #006666;
}

.post .temas {text-align: center;margin-top: 25px;}

.post blockquote {
background: url(http://indiesign.com.ar/_shared/img/blockquote.gif) top left no-repeat;
color: #666;
text-align: justify;
margin: 10px 40px;
padding: 0 0 0 45px;
min-height: 40px;
}

.post span.seguir {
display: block;
text-align: center;
text-transform: uppercase;
font-size: .9em;
width: 300px;
margin: 10px auto;
background: #e6f0f0;
border: 1px #bfd9d9 solid;
padding: 5px;
}

.post span.seguir:hover  {
background: #bfd9d9;
border: 1px #80b3b3 solid;
}

/* ---- Galerias ---- */

.galeria a {
border: none;
}

a img {
margin: 2px;
border: 3px #bfd9d9 solid;
}

a:hover img {
border-color: #006666;
}

/* ---- Videos ---- */

embed { z-index: 1; display: block; margin: 0 auto; }
	.wpv_videoc { text-align: center; display: block; margin: 0 auto 20px auto; width: 425px; padding: 5px; background: #e6f0f0; border: 1px #80b3b3 solid; }
	.wpv_self { display: none; }
	.wpv_video { display: block; margin: 0 auto; width: 425px; height: 355px; }

/* ---- Post y temas relacionados ---- */
.relacionados { background: #e6f0f0; padding: 10px; margin-bottom: 20px; -moz-border-radius: 10px; }

.relacionados ul {
margin: 0;
} 

.relacionados ul li {
border-bottom: 1px #fff solid;
padding-bottom: 3px;
}

.relacionados ul li a {
font-weight: bold;
}

/* ---- Comentarios ---- */

div.comentario { color: #000; background: #e6f0f0; padding: 10px 10px 5px 10px; margin-bottom: 10px; -moz-border-radius: 10px; line-height: 1.3em; }

div.comentario.alt { background: #e6f0f5; }
div.comentario.alt .numerocomentario { color: #bfd9e5; }

	div.comentario img.left { width: 80px; height: 80px; background: #fff; border: 4px #fff solid; }

	div.comentario  strong.autor { display: block; background: #fff; padding: 5px; margin: 0 0 10px 0; }
		div.comentario .numerocomentario { font: bold 1.1em sans-serif; color: #bfd9d9; width: 100px; text-align: right; float: right; margin-left: 10px; }

h3#comments, h3#respond {
margin-top: 20px;
}

.aclaracion-comentarios {
font-size: .9em;
color: #999;
line-height: 100%;
margin: 10px 0 0 0;
border-top: 1px #ddd solid;
}

.aclaracion-comentarios ul {
list-style-type: square;
margin: 0;
padding: 0 20px;
}

/* ---- Navegacion ---- */

.navegacion a {
display: block;
width: 225px;
padding: 5px;
text-transform: uppercase;
font-size: .9em;
background: #eee;
color: #999;
border: none;
}

.navegacion .left a {
float: left;
}

.navegacion .right a {
text-align: right;
float: right;
}

.navegacion a:hover {
color: #006666;
background: #e6f0f0;
}

/* ---- Paginas ---- */

#searchform.pagina input {
width: 300px;
}

#searchform.pagina input.boton {
width: 150px;
}

/* Noticias relacionadas */
#contenido .relnoticias { padding: 50px 0 0 0; border-top: 2px solid #80B3B3; font-size: 12px; line-height: 14px; }
	#contenido .relnoticias div { margin: 0 0 40px 0; }
	#contenido .relnoticias h3 { border: none; font-size: 18px; font-weight: bold; letter-spacing: 0; }
	#contenido .relnoticias img { margin: 0 20px 0 0; height: 100px; width: 100px; }

/* ---- Archivos ---- */
div.cols { position: relative; height: 1%; margin-bottom: 15px; }
	div.left { width: 47%; float: left; }
	div.right { width: 47%; float: right; }
	#temasarchivo { margin-bottom: 15px; word-spacing: 5px;}
		#temasarchivo h3 { word-spacing: normal;}
		#temasarchivo a { border: none; text-decoration: underline; }

/* ---- Menu ---- */
#menu { width: 200px; float: right; font: 12px/1.5em sans-serif; background: #eee; padding: 10px; }
	#menu a { color: #006666; border: none; }
	#menu a:hover { text-decoration: underline; }
	#menu h3 { font: bold 1em sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #003333; border-bottom: 1px #bfd9d9 solid; margin-bottom: 5px; }
	#menu input { width: auto; font-size: 11px; }
	#menu input.boton { }
	#menu .acerca h3 { color: #00334d; border-color: #bfd9e5; }
	#menu div { margin: 0 0 30px 0; }
	#menu .acerca { background: #e6f0f5; border-color: #bfd9e5; }
		#menu div ul { margin: 0; padding: 0; list-style: square inside; }
			#menu div ul li { padding: 3px 0; border-bottom: 1px #bfd9d9 dotted; }

/* --- Tagcloud ---- */
	#menu .tagcloud { display: block; text-align: center; padding-bottom: 10px; border-bottom: 1px #80b3b3 solid; }
		#menu .tagcloud a { word-wrap: none; padding: 0 3px; }

/* ---- Footer ---- */
#footer { margin-top: 20px; padding: 10px; text-align: center; font-size: 11px; background: #e6f0f0; }