/*
Theme Name: Asorbier
Theme URI: http://asorbier.es
Description: Tema para la página Web de Asorbier (Asociación de Personas Sordas de la Comarca de El Bierzo).
Version: 0.1
Author: Lorena Matarredona (diseño gráfico) <terrenografico@mac.com> y Diego Lago González (maquetación) <beosman@gmail.com>
Author URI:
Tags: blue, custom header, fixed width, two columns
*/

/* Reseteamos los márgenes y paddings (así es más fácil maquetar) */
* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

.aligncenter {
	text-align: center;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

/* El cuerpo */
body {
	margin-top: 15px;
	font-size: 80%;
	font-family: 'Trebuchet MS', Verdana, Tahoma, sans-serif;
	text-align: center;
}

/* La página */
div#page {
	width: 984px;
	margin: auto;
	text-align: left;
	/*overflow: auto;*/
}

/* La cabecera */
div#header {
	text-align: center;
	height: 147px;
	/*background: transparent url('images/header.jpg') center center no-repeat;*/
	background: transparent url('images/header.jpg') center center no-repeat;
}

div#header h1 {
	margin: 5px;
	display: none;  /* ocultamos porque el nombre está en la imágen */
}

div#header p {
	margin: 5px;
	display: none;  /* ocultamos porque el nombre está en la imágen */
}

div#header p.contact-info {
	display: block;
	width: 160px;
	color: white;
	float: right;
	text-align: right;
	font-size: 1em;
	margin: 3em 3em 0 0;
	line-height: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
}

div#header p.contact-info strong {
	font-size: 1.3em;
}

div#header p a {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
	font-weight: bold;
}

div#header p a:hover {
	border-bottom: 1px solid white;
}

/* El contenido principal que alberga las dos barras (enlaces y patrocinadores)
   y el contenido general (el content con noticias, texto, etc.). */

div#main-content {
	overflow: auto;
}

/* El contenido (noticias, textos, vídeos y demás) */
div#content {
	width: 660px;
	float: left;
	margin-left: 15px;
	background: transparent url('images/content-background.jpg') center top repeat-y;
}

div#content p.highlights {
	font-size: .9em;
	color: #4ca1e9;
	padding: 8px 10px 0 25px;
	background: transparent url('images/content-header.jpg') center top no-repeat;
}

div#content div.post {
	margin: 10px 25px;
}

/* El post/noticia en sí */

/*
	La maquetación de la página de inicio (la tabla de a continuación) está hecha
	con eso, con una tabla, porque el cliente quiere que se vean imágenes en cada
	título de noticia pero quiere subirlas manualmente y... vamos, no tiene suficiente
	soltura como para instalar un plugin que asocie imágenes a categorías y cagegorizar
	dichas noticias. Pero bueno, es lo que hay...
*/
div#content div.home table {
	border: none;
	margin: 0 10px 0 10px;
	border-collapse: separate;
	border-spacing: 10px;
}

div#content div.home table tr {
	margin: 10px 0 !important;
}

div#content div.home table td {
	border: none;
	vertical-align: bottom;
}

div#content div.home h2 {
	font-size: 1.6em;
	margin: 0 0 0 5px !important;
	background: transparent url('images/title-background.jpg') left bottom repeat-x;
}

div#content div.home h2 a {
	text-decoration: none;
	color: black;
}

div#content div.home h2 a:hover {
	color: #4ca1e9;
}
/* Fin del post/noticia, sigue con el contenido */

/* La noticia en single */
div#content div.single {
	margin: 0;
	padding: 20px 40px 40px 40px;
	background: transparent url('images/content-header.jpg') center top no-repeat;
}

div#content div.single h2, div#content div.single small {
	margin: 0 !important;
}

div#content div.single h2 {
	font-size: 1.9em !important;
}

div#content div.single small {
	display: block;
	padding-bottom: 10px;
}

div#content div.single p {
	margin: 3px 0 10px 0;
	font-size: 1.1em;
	color: #555555;
}


/* Los comentarios */
div#content div#comments {
	font-size: .8em;
	padding: 0 25px 10px 50px;
	background: transparent url('images/content-footer.jpg') center bottom no-repeat;
	color: white; /* ¡¡QUITAR ESTO SI SE HABILITAN LOS COMENTARIOS!! */
}

div#content div#comments h3 {
	font-size: 1.5em;
	color: #888888;
	margin: 0 0 10px 0;
	border-bottom: 1px solid;
}

div#content div#comments ol {
	list-style-type: none;
	font-size: .9em;
}

div#content div#comments ol li {
	padding: 6px 8px;
	background-color: #FAFAFA;
}

div#content div#comments ol li.alt {
	background-color: #F4F4F4;
}

div#content div#comments ol li img.avatar {
	border: 1px solid silver;
	float: left;
	padding: 1px;
	margin: 0 8px 2px 0;
}

div#content div#comments ol li a {
	text-decoration: none;
	color: gray;
	border-bottom: 1px dotted;
}

span.moderation {
	font-style: italic;
}

div#content div#comments ol li p {
	font-size: 1.3em;
	margin-top: 3px;
	margin-bottom: 6px;
}

/* fin de la noticia en single*/

div#content p.morenews {
	font-size: .8em;
	padding: 0 25px 20px 10px;
	text-align: right;
	background: transparent url('images/content-footer.jpg') center bottom no-repeat;
}

div#content p.morenews a {
	text-decoration: none;
	color: #b0b2b3;
}

div#content p.morenews a:hover {
	color: #4da1e9;
}

/* Una página normal (sin noticias, sólo contenido estático) */

div#content div.page {
	margin: 0;
}

div#content div.page h2.page-title {
	background: transparent url('images/content-header.jpg') center top no-repeat;
	margin: 0;
	font-size: 2em;
	padding: 18px 30px 0 40px;
	color: #4da1e9;
}

div#content div.page div.entry {
	padding: 10px 30px 40px 30px;
	background: transparent url('images/content-footer.jpg') center bottom no-repeat;
}

div#content div.page div.entry p, div#content div.page div.entry table, div#content div.page div.entry ul, div#content div.page div.entry ol, div#content div.page div.entry dl {
	margin: 3px 20px 10px 20px;
	color: #555555;
}

div#content div.page div.entry p {
	text-align: justify;
	font-size: 1.1em;
}

/* El enlace de la descarga de activades en PDF */
div#content div.page div.entry p a.activities {
	display: block;
	float: right;
	padding: 5px 10px;
	border: 1px solid silver;
	background-color: #EEEEEE;
}

div#content div.page div.entry p a.activities:hover {
	text-decoration: none;
	border: 1px solid #628FB6;
	background-color: #9BCAF3;
	color: white;
}
/* Fin del enlace de la descarga de PDF's */

div#content div.page div.entry ul, div#content div.page div.entry ol {
	list-style-type: square;
	margin-left: 40px;
}

div#content div.page div.entry ol {
	list-style-type: decimal;
}

div#content div.page div.entry h3 {
	font-size: 1.4em;
	margin: 4px 10px;
}

div#content div.page div.entry h4 {
	font-style: italic;
	font-size: 1.1em;
	color: #7B98B3;
	margin: 4px 13px;
}

div#content div.page div.entry p a {
	color: gray;
	text-decoration: none;
}

div#content div.page div.entry p a:hover {
	text-decoration: underline;
	color: #4da1e9;
}

div#content div.page div.entry p.align-center {
	text-align: center;
}

/* Imágenes en cada página */
div.page div.entry p img {
	border: 1px solid silver;
	padding: 2px;
	margin: 8px 12px;
}

div.page div.entry p a:hover img {
	border: 1px solid #4da1e9;
}

/* Fin de las imágenes */

div#content div.page p.error404 {
	font-size: 1.2em;
	margin: 3px 20px 10px 40px;
}

/* Página con subpáginas */

div#content div.page ul.subpages {
	margin: 0 20px 0 50px;
	font-size: .9em;
	color: #4DB2F4;
	list-style-type: square;
}

div#content div.page ul.subpages li {
	margin: 3px 0;
}

div#content div.page ul.subpages li a {
	font-size: 1.6em;
	text-decoration: none;
	color: silver;
}

div#content div.page ul.subpages li a:hover {
	color: #4DB2F4;
}

/* Fin de página con subpáginas */


div#content div.page div.entry p object.flashleft {
	float: left;
	margin: 0 7px 7px 0;
}

/* La página de las noticias (es decir, el blog) */
div#content h2.news {
	background: transparent url('images/content-header.jpg') center top no-repeat;
	margin: 0;
	font-size: 2em;
	padding: 18px 30px 0 40px;
	color: #4da1e9;
}

div#content div.post h2 {
	margin: 0 20px 0 20px;
	background: transparent url('images/title-background.jpg') left bottom repeat-x;
	padding: 0 0 3px 0;
	font-size: 1.6em;
}

div#content div.post h2 a {
	color: black;
	text-decoration: none;
	font-size: .9em;
}

div#content div.post small {
	margin-left: 20px;
	color: silver;
}

/* Botón de volver */
div.back {
	margin: 20px 0 0 0;
	text-align: right;
}

div.back a {
	text-decoration: none;
	color: silver;
}

div.back a:hover {
	text-decoration: underline;
	color: #4CA1E9;
}
/* Fin del botón de volver */

/* Iconos de la página estática de inicio */
img.icon {
	margin-right: 15px;
}
/* Fin de iconos */

div.navigation {
	height: 30px;
	padding: 0 30px 10px 30px;
	background: transparent url('images/content-footer.jpg') center bottom no-repeat;
}

div.navigation div {
	font-size: .9em;
}

div.navigation div a {
	text-decoration: none;
	color: #b0b2b3;
}

div.navigation div a:hover {
	color: #4da1e9;
}

div.navigation div.alignleft {
	float: left;
}

div.navigation div.alignright {
	float: right;
}

/* Enlaces de interés (una de las páginas) */
ul.linklist {
	list-style-type: none !important;
	margin: 0  20px 0 30px;
	font-size: 1.2em;
}

ul.linklist li {
	margin: 8px 0;
	padding-bottom: 14px;
	background: transparent url('images/title-background.jpg') left bottom repeat-x;
}

ul.linklist li a {
	text-decoration: none;
	color: #4CA1E9;
}

ul.linklist li a:hover {
	text-decoration: underline;
}

/* Tabla de niveles de formación (interna a una página) */

table.level {
	margin: auto;
}

table.level td {
	width: 180px;
	padding: 4px 10px;
	background-color: #95C9F6;
	-moz-border-radius: .5em;
}

/* La barra de la derecha (patrocinadores) */
div#sponsors {
	width: 142px;
	float: right;
	margin-right: 13px;
	padding: 0;
	background: transparent url("images/sponsors-footer.jpg") center bottom no-repeat;
}

div#sponsors h2 {
	font-size: .9em;
	color: #5a7e9d;
	margin: 0;
	padding: 8px 0 0 8px;
	font-weight: thin;
	background: transparent url("images/sponsors-header.jpg") center top no-repeat;
}

div#sponsors ul {
	border: 1px solid #a6d0f4;
	border-bottom: none;
	border-top: 1px solid white;
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

div#sponsors ul li {
	margin: 18px 0;
}

/* El menú horizontal (debajo de la cabecera) */
ul#hmenu {
	text-align: center;
	list-style-type: none;
	margin: 0;
	height: 40px;
	padding-top: 7px;
	background: transparent url('images/hmenu-background.jpg') top center no-repeat;
}

ul#hmenu li {
	display: inline;
	font-weight: bold;
	border-left: 1px solid white;
	padding: 0 2px 0 6px;
}

ul#hmenu li.page-item-3 {
	/* Quitar el borde del primer elemento de menú (espero que Wordpress no me cambie esta clase) */
	border-left: none;
}

ul#hmenu li a {
	color: white;
	text-decoration: none;
	padding: 3px 6px;
}

ul#hmenu li a:hover, ul#hmenu li.current_page_item a {
	background-color: #9bcaf3;
}

/* La barra de menús verticales */
div#sidebar {
	width: 130px;
	float: left;
	margin-left: 10px;
}

/* >>>> Sólo para Firefox */
html > body div#sidebar {
	width: 140px;
	margin-left: 13px;
}
/* <<<< Fin de Firefox */

/* El menú vertical */
ul#vmenu {
	list-style-type: none;
	margin-top: 7px;
}

ul#vmenu li {
	padding: 2px 0 2px 17px;
}

ul#vmenu li a {
	text-decoration: none;
	font-weight: bolder;
	color: #b0b2b3;
}

ul#vmenu li a:hover, ul#vmenu li.current_page_item a {
	color: #4da1e9;
}

/* El pie de página */
div#footer {
	text-align: center;
	width: 960px;
	padding: 3px 10px;
	overflow: auto;
}

div#footer table {
	width: 950px;
}

div#footer table td {
	font-size: .85em;
	color: #c4c5c6;
}

div#footer table td a {
	text-decoration: none;
}

div#footer table td#financier {
	width: 300px;
	text-align: left;
}

div#footer table td#financier a {
	color: gray;
}

div#footer table td#creator {
	width: 300px;
	text-align: right;
}

div#footer table td#creator a {
	color: red;
}

div#footer table td#counter {
	text-align: center;
	color: gray;
}

/* El reproductor de FLV */
#player1, #player2, #player3 {
	float: left;
}