/*
Theme Name: El Tipo Grafico
Theme URI: http://www.eltipografico.com/
Description: Plantilla realizada para la web eltipografico.com
Version: 1.0
Author: Miguel Garcia
Author URI: http://www.eltipografico.com/

	El Tipo Gr&aactue;fico
	http://www.eltipografico.com/
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	background-image: url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/fondo.gif);
	text-align:center;
}

a {
	color: #0089D2;
}
a:hover {
	text-decoration: none;
}
a:visited {
	color: #00659B;
}
a:active {
	color: #00659B;
}
strong {
color: #555;
}

#page {
	width: 940px;
	margin:0 auto;
	text-align:left;
	border: 10px solid black;
	margin-top: 10px;
	padding: 2em 2em 0em 2em;
	color: #000;
	/*background: #fff url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/mancha.gif) no-repeat top right;*/
	background-color: #fff;
	margin-bottom: 0.8em;
}

/* ------------------------------ header ----------------------------------- */

#header {
	float: left;
	padding-top: 2em;
}
#header img {
	border: none;
}
#header h1 {
	margin: 0 0 20px 0;
	padding: 0;
}
#header h1 a span {
	display: none;
}

/* ------------------------------ menu superior ---------------------------- */

#menu {
	/*width: 30em;*/
	float: right;
	margin-top: 6em;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu li {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
}
#menu li a {
	padding: 0;
	margin: 0 0 0 15px;
	color: #333;
	text-decoration: none;
	border-bottom: 5px solid #fff;
	display: block;
}
#menu li a:hover {
	border-bottom: 5px solid #333;
}
#menu li a.accesibles {
	display: none;
}
#menu li a.quien_es {
	background: url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/quien_es.gif) 0 0 no-repeat;
	width: 102px;
	height: 45px;
}
#menu li a.portafolio {
	background: url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/portafolio.gif);
	width: 119px;
	height: 45px;
}
#menu li a.servicios {
	background: url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/servicios.gif);
	width: 99px;
	height: 45px;
}
#menu li a.weblog {
	background: url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/weblog.gif);
	width: 84px;
	height: 45px;
}
#menu li a.contacto {
	background: url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/contacto.gif);
	width: 107px;
	height: 45px;
}
	/* currents */
		#menu li a.quien_es_current {
			background: url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/quien_es.gif) 0 0 no-repeat;
			width: 102px;
			height: 45px;
			border-bottom: 5px solid #555;
		}
		#menu li a.portafolio_current {
			background: url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/portafolio.gif);
			width: 119px;
			height: 45px;
			border-bottom: 5px solid #555;
		}
		#menu li a.servicios_current {
			background: url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/servicios.gif);
			width: 99px;
			height: 45px;
			border-bottom: 5px solid #555;
		}
		#menu li a.weblog_current {
			background: url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/weblog.gif);
			width: 84px;
			height: 45px;
			border-bottom: 5px solid #555;
		}
		#menu li a.contacto_current {
			background: url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/contacto.gif);
			width: 107px;
			height: 45px;
			border-bottom: 5px solid #555;
		}
#menu li a span {
	visibility: hidden;
}


/* ------------------------------ content ---------------------------- */

#content {
	clear: both;
	padding-top: 2em;
	line-height: 1.3em;
	float: left;
	width: 75%;
}
#content h2 {
	margin: 0;
	padding: 0.3em 0.3em 0.3em 0.3em;
	font-weight: normal;
	background: #fff url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/fondo_titulares.gif);
	color: #000;
	border-bottom: 5px solid #bbb;
	clear: both;
}
#content h2.pagetitle {
	background: none;
	border-bottom: none;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	text-align: right;
	font-weight: bold;
}
#content h2 a{
	text-decoration: none;
	color: #333;
}
#content h2 a:hover {
	color: #0089D2;
}
#content h3 {
	color: #0089D2;
}

#content h3 a {
	color: #0089D2;
	text-decoration: none;
}
#content h3 a:hover {
	color: ;
	text-decoration: underline;
}
#content h3 a:visited {
	color: #00659B;
}
#content h3 a:active {
	color: #00659B;
}
#content h4 {
	color: #555;
}

#content p {
	font-size: 0.9em;
	/*font-family: "Trebuchet MS", arial, helvetica, sans-serif;*/
}

#content p img.izquierda {
	float: left;
	padding-right: 0.6em;
}
#content p img.derecha {
	float: right;
	padding-left: 0.6em;
}
#content p img.centro {
	border: 0px solid; 
	display:block; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}



#content dl {
	font-size: 0.9em;
	/*font-family: "Trebuchet MS", arial, helvetica, sans-serif;*/
}
#content li {
	font-size: 0.9em;
	/*font-family: "Trebuchet MS", arial, helvetica, sans-serif;*/
}

#content p.fecha {
	margin: 0.5em 0 0 0;
	padding: 0;
	color: #aaa;
	font-size: 0.7em;
}

#content p.postmetadata {
	color: #333;
	margin-bottom: 3em;
}
.navigation {
	padding-bottom: 2em;
}
.alignleft {
	float: left;
	font-size: 0.9em;
}
.alignright {
	float: right;
	font-size: 0.9em;
}
/* -------------- comentarios ------------*/

#content form p label {
	display: block;
	float: left;
	width: 10em;
}
#content form input {
	font-size: 1em;
	border: 1px solid #333;
	padding: 0.4em;
	background: #fff url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/fondo_formularios.jpg) repeat-x top left;
	width: 30.7em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content form input:focus {
	border: 1px solid #0089D2;
	background-image: none;
}
#content form textarea{
	font-size: 1em;
	border: 1px solid #333;
	padding: 0.4em;
	background: #fff url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/fondo_formularios.jpg) repeat-x top left;
	width: 30.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content form textarea:focus {
	border: 1px solid #0089D2;
	background-image: none;
}
#content form input.boton {
	font-size: 0.9em;
	border: 1px solid #333;
	padding: 0.3em 1em 0.2em 1em;
	background: #fff none;
	font-weight: bold;
	width: inherit;
	margin-left: 11.2em;
}
#content form p {
	clear: both;
}

#commentform label {
	display: block;
	float: left;
	width: 10em;
	font-size: 0.8em;
}
#commentform input {
	width: 40em;
	font-size: 0.7em;
	padding: 0.4em 0.5em 0.4em 0.5em;
	border-bottom: 2px solid black;
	border-top: 2px solid white;
	border-left: 2px solid white;
	border-right: 2px solid white;
	background-color: #eee;
	color: #444;
}
#commentform input:focus {
	border: 2px solid orange;
	background-color: white;
	color: black;
}
#commentform textarea {
	width: 40em;
	font-size: 0.7em;
	padding: 0.4em 0.5em 0.4em 0.5em;
	border-bottom: 2px solid black;
	border-top: 2px solid white;
	border-left: 2px solid white;
	border-right: 2px solid white;
	background-color: #eee;
	color: #444;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
}
#commentform textarea:focus {
	border: 2px solid orange;
	background-color: white;
	color: black;
}
#commentform input.boton {
	width: 10em;
	margin-left: 11.4em;
	border: 1px solid black;
}


/* comentarios ------------------------ */


.comentario {
	border-bottom: 5px solid #bbb;
	margin: 0 0 0 0;
	padding: 0.2em 1em 0em 1em;
	background-color: #eee;
}
.comentario p {
	font-size: 0.9em;
}
.commentmetadata {
	font-size: 0.7em;
	text-align: right;
	margin: 0.5em 0 3em 0;
	padding: 0;
}
#respond {
	font-weight: normal;
}

#content label {
	font-size: 0.9em;
	display: block;
	margin-bottom: 0.5em;
	float: left;
	width: 11em;

}
#content input {
	border: 1px solid black;
	padding: 0.2em 0.5em 0.2em 0.5em;
	width: 25em;
}
#content textarea {
	border: 1px solid black;
	padding: 0.2em 0.5em 0.2em 0.5em;
	width: 25.6em;
}
#content input.boton {
	margin-left: 11.8em;
	width: inherit;
}







#content p.commentmetadata {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 0.7em;
}

#content .postmetadata {
	border-top: 1px dotted #555;
	/*background-color: #ededed;*/
	padding: 0em;
	text-align: right;
	font-size: 0.7em;
}
#content .postmetadata p {
	font-size: 1em;
	margin: 0 0 3em 0;
	padding: 0;
}


/* -especial secciones */

#content .grafico {
	background-color: #e9e9e9;
	border: 1px solid #C6D9BE;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	float: right;
	width: 45%;
}
#content .web {
	background-color: #e9e9e9;
	border: 1px solid #C6D9BE;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	float: left;
	width: 45%;
}
#content .info_trabajo {
	background-color: #F4F4E2;
	border: 1px solid #C6D9BE;
	padding: 0.2em 1em 0.2em 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 0.9em;
}
.post-edit-link{
	clear: both;
	display: block;
}


/* ------------------------------ sidebar ---------------------------- */

#sidebar {
	float: right;
	width: 20%;
	background: #efefef;
	padding: 1.5em 1.5em 1.5em 0em;
	background: #fbfbfb url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/fondo_sidebar.jpg) repeat-x top left;
	line-height: 1.2em;
	margin-top: 30px;
}


#sidebar ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
#sidebar ul li {
	list-style-type: none;
	padding-left: 1.2em;
	font-size: 0.9em;
}
#sidebar ul li.sidebar_articulos {
	/* width: 40%; */
}
#sidebar ul li.sidebar_archivos {
	/* width: 22%; */
}
#sidebar ul li.sidebar_categorias {
	/* width: 24%; */
}

#sidebar ul li ul li ul li {
margin-left: 2em;
list-style-type: circle;
}


#sidebar ul li h2 {
	font-weight: normal;
	font-size: 1.2em;
	margin: 0;
	padding: 1em 0em 0.5em 0em
}
#sidebar ul li ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

#sidebar ul li ul li {
	float: none;
	clear: both;
	font-size: 0.9em;
	width: 100%;
	margin: 0;
	padding: 0;
}

#sidebar ul li ul li a {
	color: #0089D2;
}

#sidebar ul li ul li a:hover {
	text-decoration: none;
}
#sidebar ul li ul li a:visited {
	color: #00659B;
}
#sidebar ul li ul li a:active {
	color: #00659B;
}

#sidebar form {
	padding-top: 2em;
	clear: both;
	text-align: center;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

#sidebar form label {
	
}
#sidebar form input {
	border: 2px solid #333;
	padding: 0.2em;
	background: #fff url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/fondo_formularios.jpg) repeat-x top left;

}
#sidebar form input:focus {
	border: 2px solid #0089D2;
	background-image: none;
}
#sidebar form input.boton {
	border: 2px solid #999;
	padding: 3px;
	background: #fff none;
	font-weight: bold;
}

#footer {
	clear: both;
	text-align: center;
}
#footer p {
	font-size: 0.7em;
}
#footer p a {
	color: #0089D2;
}
#footer p a:hover {
	text-decoration: none;
}
#footer p a:visited {
	color: #00659B;
}
#footer p a:active {
	color: #00659B;
}
#footer p a.rss {
	background: #fff url(http://www.eltipografico.com/wp-content/themes/eltipografico/images/feed.gif) no-repeat left;
	padding-left: 1.1em;
}