/*
Theme Name: Nihon Yosai
Theme URI: http://www.pdworks.net
Description: Tema creado en exclusiva para el desarrollo del sitio web de NihonYosai
Author: Pablo Garcia
Author URI: http://www.pdworks.net
Tags: black, gray, 960, dos columnas
*/

/**************************
	  General resets
**************************/
html, body, address, blockquote, pre, h1, h2, h3, h4, h5, h6, li,
form, legend, fieldset, input, textarea, select, form ul, form ol
{
    margin: 0; padding: 0;  text-indent:0;
}

abbr, acronym { font-size: .75em; letter-spacing: .1em; text-transform: uppercase;}

a img, a abbr, a acronym { border:none; }

sup, sub { font-size:.75em; font-style:italic; line-height:1; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {top:.25em;}

/****************************
	Basics & Commons
****************************/

html, body { }

body {
    font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif;
    font-size: 62.5%;
    font-style: normal;
    font-weight: normal;
    line-height: 1em;
	background:#000;
	color:#333;
	}

ul, ol { margin: 0 0 0 2em; padding: 0; text-indent: 0; }		
ul li, ol li { line-height:1.3em;}

	h1 {font-size: 2em;}
	h2 {font-size: 1.4em;}
	h3 {font-size: 1.2em; color:#666; margin:15px 0;}
	h4 {font-size: 1.2em; margin:.5em 0;}
	h5 {font-size: 1.1em;}
	h6 {font-size: 1em;}

/**********************************
	     Useful classes
**********************************/

	.tright { text-align: right;}
	.tleft { text-align: left;}
	.tcenter { text-align:center;}
	.fleft { float: left;}
	.fright { float: right;}
	.clear { clear:both;}
	.nota { font-style: italic;}
	.fotoleft { display:block; float:left; margin:10px 10px 5px 0;}

/* Estilos para formularios */

form {margin-left:1em;}
label {display:block; width:9em; font-weight:700; float:left;}
label.w100 {width:100px;}
label.w120 {width:120px;}
label.w140 {width:140px;}
label.w150 {width:150px;}

input,select, textarea { border:1px solid #ccc; padding:5px;}
input:focus,select:focus, textarea:focus { border:1px solid #09F;}
input.large {width:200px;}
input.xlarge {width:300px;}

textarea {width:500px;}
input.adjunto {width:70px; padding:0;}

input.error, input.error:focus { border:1px solid red;}
span.error { color:red; padding-left:5px;}

.btn_enviar { cursor:pointer; border:1px solid #64962c;}
.btn_enviar:hover {background:#64962c;}

/* Mensajes */
div.mensaje {margin:5px 0; position:relative; padding:8px; font-size:1.2em; }
	div.mensaje p {margin-left:25px;}
div.info {border:1px solid #bcddf4; background:#eaf6ff url(img/information.gif) 1% 50% no-repeat;}
div.ok {border:1px solid #c0e886; background:#efffd7 url(img/accept.gif) 1% 50% no-repeat;}
div.warning {border:1px solid #f4ca06; background:#fff1d4 url(img/error.gif) 1% 50% no-repeat;}
div.error {border:1px solid #f47006; background:#f4c2b6 url(img/cancel.gif) 1% 50% no-repeat;}

/* Pagination */
	div#paginacion { font-size:0.9em; margin:20px 0.5em; clear:both; overflow:auto; font-family:Arial, Helvetica, sans-serif;}
		div#paginacion a { display:block; float:left; margin:1px 3px; background:#f2f2f2; padding:3px 5px; text-decoration:none; border:1px solid #ccc;}
			div#paginacion a:hover { border:1px solid #036; background:#d2dee4;}
		div#paginacion a.numeracion { background:#fff; color:#666; border:0; cursor:default; font-weight:bold; outline:none;}
			div#paginacion a.numeracion:hover { background:#fff; border:0;}
		div#paginacion a.actual { background:#fff; color:#999999; border:#f2f2f2; cursor: default;}
		div#paginacion a.siguiente { margin-left:20px; background:#003366; color:#d2dee4; border:1px solid#d2dee4;}
			div#paginacion a.siguiente:hover { background:#003366; color:#fff; border:1px solid #000;}

/* UL enfocados a navegación */
ul.navegacion { list-style:none; margin:0; padding:0;}
	ul.navegacion a { text-decoration:none;}


/* ESTRUCTURAS COMUNES */
div.inner { width:960px; margin:0 auto;}
div#ny_network { background:#000; font-size:1.1em; border-bottom:1px solid #333; height:25px;}
	div#ny_network span { background:url(img/red_ny_bg.gif) no-repeat; display:block; height:25px; float:left; width:68px;  line-height:20px; color:#eee; padding-left:10px; font-weight:bold;}
	div#ny_network a { line-height:22px; color:#eee; text-decoration:none; background:url(img/bullet_redny.gif) 100% 50% no-repeat; padding:0 10px;}
	div#ny_network a:hover { text-decoration:underline;}
	div#ny_network a.activo { color:#fff; font-weight:bold;}
		div#ny_network a.activo:hover { text-decoration:none;}
	div#ny_network a.ultimo { background:none;}
	
div#top { background:#000 url(img/top_bg.gif) top repeat-x; height:122px;}
		div#top div.inner { width:960px; margin:0 auto; }
		a#logo { float:left; display:block;}
		div#subnav { float:right;}
			div#subnav ul { list-style: none; margin-top: 5px;}
				div#subnav ul li { display: inline;}
					div#subnav ul li a { color:#666; padding: 0 5px;}
					div#subnav ul li a:hover { text-decoration: underline; color:#fff;}

/* Estilos para menú principal */
div#menu { background:#eee url(img/menu_bg.gif); height:38px; overflow:auto; width:100%;}
div#menu ul#jsddm {	margin:0; padding:0; z-index:100;}
	div#menu ul#jsddm li {	float: left; list-style: none; font: 12px Tahoma, Arial;}		
			#jsddm li a {	
				display: block;
				font-weight:bold;
				line-height:38px;
				text-decoration: none;
				width: 100px;
				color: #333;
				white-space: nowrap;
				text-align:center;
				text-shadow:#fff;
				outline:none;
				}
				div#menu ul#jsddm li a# { width:120px;}
		
			div#menu ul#jsddm li a:hover {	background:#000 url(img/menu_hover.jpg) bottom repeat-x; color:#eee;}
				
			div#menu ul#jsddm li ul {	
					margin: 0;
					padding: 0;
					position: absolute;
					visibility: hidden;
					border-top: 1px solid #000;
					z-index:100;
					}
					div#menu ul#jsddm li ul li	{	float: none; display: inline}					
					div#menu ul#jsddm li ul li a {	
						width: 150px;
						line-height: 25px;
						background: #333;
						color: #eee; 
						text-align:left;
						border:0;
						border-bottom:1px solid #000;
						z-index:100;
						padding-left: 5px;
						}
						div#menu ul#jsddm li ul li.hijo a { background:#333; color:#333; padding-left:18px;}
					div#menu ul#jsddm li ul li a:hover	{	background: #031845; color:#eee;}
					/* Personalización de items */
					#jsddm li a#m_radio { width: 160px;}

div#buscar { float:right; width:196px; height:25px; background:url(img/buscar_bg.jpg) no-repeat; margin-top:3px;}
	div#buscar form { margin:2px 0 0 0; padding:0;}
		div#buscar form input { margin:-2px 0 0 28px; width:150px; background:none; border:0; font-style:italic; color:#666;}

div#main_wrapper { background:#fff url("img/main_wrapper_bg.gif") top repeat-x; padding-bottom:3em;}
	div#main_wrapper div.inner { width:960px; margin:0 auto; overflow:auto;}
	div#main_wrapper div.inner div#migas { border:1px solid #ccc; border-top:0; background:#fff; padding:3px; display:none;}

div#post_container { margin-right:370px;}

/* Barra lateral */
div#sidebar { float:right; width:365px; padding-top:10px;}

div#bienvenidos { border:1px solid #ccc; background:url(img/bienvenido_bg.jpg) no-repeat; height:277px; font-size:1.1em; line-height:1.3em;}
	div#bienvenidos p { margin:80px 0 0 20px;}
	div#bienvenidos ul { list-style:none; margin-left:60px; margin-top:2.7em;}
		div#bienvenidos ul h3 { margin-bottom:2px; color:#333;} 
		div#bienvenidos ul p { margin:5px;}

div.caja_dos { background:#fff url(img/caja_bg.jpg) bottom repeat-x; border:1px solid #ccc; margin-top:1em;}
	div.caja_dos ul.menu { margin:0; padding:0; height:2.5em;}
		div.caja_dos ul.menu li { display:block; float:left; width:50%; background:#eee; text-align:center; line-height:2.5em;}
			div.caja_dos ul.menu li a { font-size:1.3em; color:#666; text-decoration:none; cursor:pointer;}
				div.caja_dos ul.menu li a:hover { color:#000;}
		div.caja_dos ul.menu li.activo { background:none; color:#000;}
			div.caja_dos ul.menu li.activo a { color:#000;}
		
	div.caja_dos div { clear:both; font-size:1.2em; margin:20px; overflow:auto;}
		div.caja_dos div ul { list-style:none; margin:0; padding:0;}
			div.caja_dos div ul li { width:50%; display:block; float:left; margin-bottom:10px; text-align:left;}
			div.caja_dos div ul li a { background:url(img/bullet_sidebar.gif) left no-repeat; padding-left:20px; text-decoration:none; color:#333; font-size:1.2em;}
			div.caja_dos div ul li a:hover { text-decoration:none; color:#900;}

a.newsletter-trigger { color: #900; text-decoration: underline; cursor: pointer;}
div#newsletter form { margin: 0;}
	div#newsletter input { padding: 3px;}
	div#newsletter input[type=submit] { width: 80px; background: #333; color:#eee; padding: 3px; cursor: pointer;}
	div#newsletter input[type=submit]:hover {color: yellow;}
	
	/* Sidebar */
		div#participa p { margin:80px 0 0 20px;}
		div#participa ul { list-style:none; margin-left:60px; margin-top:2.7em;}
			div#participa ul h3 { margin-bottom:2px; color:#333;} 
			div#participa ul p { margin:5px; font-size:1.2em;}
			div#participa ul li.participaEmail {margin-top:35px;}


/* Pie de página*/
div#footer { background:#000; height:150px;}
	div#footer div.inner { padding-top: 10px; position: relative;background:url(img/logos_junta.gif) top right no-repeat; height:115px;	}
	div#footer div#copy { position: absolute; left: 0; top:25px; text-align: left; color:#666;º}
	div#footer a { color:#eee; text-decoration: none;}
	div#footer a:hover { text-decoration: underline;}


/* Posts */
div.post { border:1px solid #ccc; background:#fff url("img/post_bg.jpg") bottom repeat-x; margin:10px 0; padding:8px 12px;}
	div.post h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#900; line-height:1.4em; text-shadow:1px 1px 0 #999;}
		div.post h2 a { color:#900; font-size:1.4em; text-decoration:none;}
		div.post h2 a:hover { color:#333; text-decoration:underline;}
	div.post div.comentarios { background:url("img/comentarios_globo.jpg") no-repeat; width:45px; height:36px; float:right; margin-left:5px; text-align:center; line-height:26px;}
		div.post div.comentarios a { text-decoration:none; color:#333; font-size:1.1em; }
		div.post div.comentarios a:hover { color:#900;}
	div.post p.meta { font-size:1em; color:#666;}
		div.post p.meta a { color:#000; text-decoration:none;}
	div.post div.contenido { font-size:1.2em; line-height:1.4em;}
		div.post div.contenido img {border:1px solid #ccc; padding:5px; background:#fff;}
		div.post img.alignright {float:right; margin:5px 0 5px 5px;}
		div.post img.alignleft {float:left; margin:5px 5px 5px 0;}
		p.more {text-align:right;}
			p.more a {color:#000; text-decoration:none; font-weight:bold;}
			p.more a:hover {text-decoration:underline;}
		/* Sticky post */
		div.sticky {border:1px solid #999;}
			div.sticky img {display:block; float:left; margin-right:10px;}

/* Comentarios */
ol.commentlist li { border: 1px solid #ccc; background: #fcfcfc; padding: 5px; margin-bottom: 5px;}

/* Páginas estáticas */
div#page_top {}
div.submenu_categorias { height:28px; border-bottom:1px solid #ccc;}
div.submenu_categorias ul { list-style:none; margin:0 0 0 15px; padding:0;}
	div.submenu_categorias ul li { display:inline;}
		div.submenu_categorias ul li a { text-decoration:none; display:block; padding:5px; margin-right:10px; color:#333; float:left; font-size:12px; font-weight:500;}
		div.submenu_categorias ul li a:hover { color:#900; background:#fff;}

div.page_base { border:1px solid #ccc; background:#fff url("img/post_bg.jpg") bottom repeat-x; margin:10px 0; padding:8px 12px;}
	div.page_base h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#900; line-height:1.4em; font-size:1.8em;}
		div.page_base h2 a { color:#900; font-size:1.4em; text-decoration:none;}
		div.page_base h2 a:hover { color:#333; text-decoration:underline;}
	div.page_base div.comentarios { background:url("img/comentarios_globo.jpg") no-repeat; width:45px; height:36px; float:right; margin-left:5px; text-align:center; line-height:26px;}
		div.page_base div.comentarios a { text-decoration:none; color:#333; font-size:1.1em; }
		div.page_base div.comentarios a:hover { color:#900;}
	div.page_base p.meta { font-size:1em; color:#666;}
		div.page_base p.meta a { color:#000; text-decoration:none;}
	div.page_base div.contenido { font-size:1.2em; line-height:1.4em;}
	
	/* Sección de Uniradio */
	div#participa {border:1px solid #ccc; background:url(img/participa_bg.jpg) no-repeat; height:277px; font-size:1.1em; line-height:1.3em;}
	div#presentacion_uniradio { border:1px solid #ccc; height:197px; margin:10px 0 0 0; background:#FFF url(img/presentacion_uniradio_bg.jpg) 0 0 no-repeat; clear:both; position:relative;}
		div#presentacion_uniradio p { float:right; width:420px; margin-right:20px; font-size:1.1em; line-height:1.4em;}
			div#presentacion_uniradio div#subnav { position:absolute; right:10px; bottom:70px; width:410px; font-size:1.1em;}
			
/* Tablas para Staff */
table.personal { border:1px solid #ccc;}
	table.personal td { vertical-align:top; padding:3px;}
	table.personal td img { border:1px solid #ccc;}

/* Sala de prensa */
fieldset.prensa { border: 1px dotted #666; background: #fcfcfc; padding: 10px;}
	fieldset.prensa legend { margin-left: 15px; padding: 0 5px; font-weight: bold; color: #900;}
	fieldset.prensa p { margin: 5px 0;}
	fieldset.prensa ul { margin: -10px 5px 5px 3em;}
	fieldset.prensa ul li { line-height: 1.8em;}

/* Contacto */
form#formContacto { margin: 0; line-height:1.4em;}
	form#formContacto label {display: block; width: 120px; float: left; margin-right: 5px;}
	form#formContacto input { border: 1px solid #ccc; background: #fcfcfc; height: 1.2em;}
	form#formContacto input.btn_enviar {border:2px double #333; background:#fcfcfc; padding:2px; width:120px; height:30px;}
	form#formContacto input.btn_enviar:hover {color:#eee; background:#000; border:2px double #900;}

/* LA Junta */
.junta_thumb {display:block; float:left; margin:0px 10px 5px 0; padding:2px; border:1px solid #ccc; background:#fcfcfc;}