/*  
Theme Name: Badminton Aragon
Theme URI: http://www.badmintonaragon.es/
Description: Theme creado para la ocasion</a>.
Author: Ismael Monzon - http://www.scuain.com
*/

/* Elementos Generales */
*{
margin: 0;
padding: 0; 
}

.clear{
 clear:both;
}

hr {
	display: none;
	}

acronym, abbr {
	border-bottom: 1px dashed #6EAF21;
	cursor: help;
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, a:visited{
	font-weight: bold;
	color: #6EAF21;
	}

a:hover {
	color: #F88525;
	text-decoration: underline;
	font-weight: bold;
	}
 
a img {
	border: none;
	}

/*---------------------------------------------------------------------------------------------------------Maquetacion*/
body {
	background: #EDEDED url('images/bg.gif') repeat;
	color: #3E3E3E;
	text-align: center;
	padding: 0 0 6px 0;
	font: 62.5% Arial, Helvetica, sans-serif;
		}

#page {
	text-align: left;
	background-color: #fff;
	margin: 6px auto 0 auto;
	width: 750px;
	border: 2px solid #909090;
	}

/*---------------------------------------------------------------------------------------------------------Header*/
#header { /*cabecera-bloque*/
	background: #6BAE1C url('images/header.jpg') no-repeat top center;
	margin: 0; 
	padding: 0; 
	height: 130px;
	border: 3px solid #fff;
	}

#headerimg 	{ /*cabecera-imagen*/
	height: 80px; 
	} 

h1 {
	padding: 5px 0 5px 20px;
}

h1 a, h1 a:hover, h1 a:visited {
	color: none;
}

#headerimg h1 span {
	display: none;
}

#headerimg .description {
	font-size: 1.1em;
	margin: -70px 0 0 160px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	}

#headerimg .description a, #headerimg .description a:hover, #headerimg .description a:active, #headerimg .description a:visited{
	color: #fff;
	text-decoration: none;
	}

/*---------------------------------------------------------------------------------------------------------------Menu*/
#menu {
	font: bold 1.3em Arial, Helvetica, sans-serif;
	background: url('images/bg-menu.gif') repeat-x left top;
	height: 22px;
	margin: 0 0 15px 0;
	border-top: 1px solid #494949;
	border-bottom: 1px solid #494949;
	}

#menu li {
	float: left;
	list-style: none;
	display: block;
	padding: 3px 0 3px 0;
	}

#menu li a {
	text-decoration: none;
	text-align: center;
	color: #212121;
	padding: 3px 25px 3px 25px;
	xbackground: url('images/bg-separator.gif') no-repeat right center;
	border-right: 1px solid #494949;
	}
#menu li a:hover {
	color: #393939;
	background: url('images/bg-active.gif') repeat-x left top;
	padding: 3px 25px 3px 25px;
	border-right: 1px solid #494949;
	}

/*-------------------------------------------------------------------------------------Columna Izquierda cuando hay 2 columnas*/
#content {
	font-size: 1.2em;
	}

#content img {
border: 1px solid #767676;
margin: 12px auto;
padding: 2px;
display: block;
}

.narrowcolumn { /*columna izquierda - dos columnas*/
	float: left;
	padding: 0 30px 20px 40px;
	margin: 1em 0;
	width: 440px;
	}

/*-------------------------------------------------------------------------------------Columna Derecha*/
#sidebar {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0 30px 16px;
	margin: 5px 0 30px 500px;
	width: 190px;
	border-left: 2px solid #65A21D;
}

#sidebar h2 {
	font: 1.7em Arial, Helvetica, sans-serif;
	color: #6EAF21;
	padding: 3px 0 5px 0;
	margin: 12px 0 0 0;
	}

#sidebar a {
	color: #767676;
}

#sidebar a:hover {
	color: #F88525;
	}

#sidebar ul {
list-style: none;
}

#sidebar ul li {
margin: 20px 0 0 0;
}

#sidebar ul ul li{
background: url('images/bullet-cat.gif') no-repeat left 6px;
padding: 0 0 0 11px;
margin: 4px 0 0 16px; 
}

.no-bullet {
list-style-type: none;
list-style-image: none;
background: none !important; /*borrar bullet heredado*/
margin: 4px 0 0 0 !important; /*borrar margin heredado*/	
}

#sidebar p{
margin: 2px 0 8px 6px; 
}

#sidebar form {
	margin: 0;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	border: 1px solid #ccc;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

/*-------------------------------------------------------------------------------------Footer*/
#footer {
	background: #65A21D url('images/bg-footer.gif') repeat-x top left; 
	color: #fff;
	clear: both;
	font-size: 1em;
	border: 4px border #fff;
	margin: 4px;
	}

#footer p {
	margin: 0;
	padding: 6px 0 8px 0;
	text-align: center;
	font-size: 1.1em;
	}

#footer a {
	color: #fff;
	text-decoration: underline;
}

/*-------------------------------------------------------------------------------------Columna Izquierda cuando hay 1 columnas*/
.widecolumn {
	line-height: 1.6em;
	}

.widecolumn .entry p {
	font-size: 1.1em;
	margin: 7px 0 3px 0;
	line-height: 1.2em;
	text-align: left;
	}
	

.widecolumn { /*una sola columna - post solo*/
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}
	
.post {
	margin: 0 0 40px 0;
	text-align: left;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}
	
.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

/*-------------------------------------------------------------------------------------Post*/

.clasificado {
	color: #767676;
	font-size: 0.9em;
	margin: 2px 0 5px 0;
}

.clasificado a, .clasificado a:visited {
	color: #767676;
}

.clasificado a:hover {
	color: #F88525;
}

h2 {
	font: 1.7em/1.1em Arial, Helvetica, sans-serif;
	color: #6BAE1C;
	margin: 10px 0 0 0;
	}

h2.pagetitle {
	margin: 0 0 10px 0;
	text-align: left;
	font: bold 1.5em Arial, Helvetica, sans-serif;
	color: #212121;
	border-bottom: 1px dotted #a8a8a8;
	padding: 0 0 3px 6px;
}

h3 {
	font: bold 1.8em Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 2px 0;
	}

h2 a, h2 a:visited, h3 a, h3 a:visited {
	color: #6EAF21;
	text-decoration: none;
	}

h2 a:hover, h3 a:hover {
	color: #F88525;
	text-decoration: underline;
}

.narrowcolumn .entry p{
	font-size: 1.1em;
	margin: 0 0 10px 0;
	line-height: 1.3em;
	text-align: left;
}

.narrowcolumn .entry {
	background: url('images/fin-post.gif') no-repeat center bottom;
	padding: 0 0 30px 0;
}

/*-------------------------------------------------------------------------------------Pagina de Contacto*/
.narrowcolumn .entry #contacto{
	font-size: 1em;
	margin: 20px 15px 20px 0;
	padding: 0 5px 5px 12px;
	line-height: 1.5em;
	text-align: left;
	border: 1px solid #ccc;
	background-color: #F9F9F9;
}

#contacto h3{
	font-size: 1.3em;
	margin: 7px 0 0 0;
}

.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 15%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 80%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactform input, .contactform textarea {
	border: 1px solid #ccc;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}

/*---------------------------------------------------------------Estilos Originales que no sirven*/

small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

/* ---------------------------------------------------------------------------------------------------------Etiquetas comunes*/

.center {
	text-align: center;
	}

.navigation {
	display: block;
	text-align: center;
	margin: 15px 0 20px 0;
	}

.navigation-post {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 6px;
	}

/* ---------------------------------------------------------------------------------------------------------Listas*/

/*	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
#content ul {
	list-style: none;
	margin: 10px 0 0 0;
	}

#content li {
background: url('images/bullet-p.gif') no-repeat left 5px;
padding: 0 0 0 10px;
margin: 4px 0 0 0;
}

#content ul ul {
margin: 0 0 0 15px;
}

#content ul ul li {
background: url('images/bullet-s.gif') no-repeat left 5px;
padding: 0 0 0 10px;
}


/*
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

/* -----------------------------------------------------------------------------------------------------------Formularios*/

#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}
#searchform input{
border: 1px solid #ccc;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

/*-------------------------------------------------------------------------------------Imagenes */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}