/*
      Theme Name: 2beginners Theme
      Theme URI: http://www.2beginners.com
      Version: 1.0
      Author: Daniel Aguilar Castro
      Author URI: http://www.e-dac.es 
*/

/* GLOBALES - GLOBALS */
*, html {
	margin:0;
	padding:0;
}

*:focus {
	outline:none;
}

body {
	font-family: "Trebuchet MS", "Helvetica", "Verdana", "Sans";
	background:url('images/background.png') repeat-x;
	font-size:0.9em;
}

.clearfix:after { /*Flotando div y ocupando espacio*/
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

a.none {
	text-decoration:none;
}
a.none:hover {
	color:#5A56EC;
	text-decoration:none;
	background:none;
}
a { /* Enalces normales */
	text-decoration:none;
	color:#5A56EC;
	}
	a:hover {
		background-color:#5A56EC;
		color:#fff;
	}
/* header */
	#header {
		width:900px;
		margin:20px auto;
	}
	#header h1 {
		float:left;
		background:url('images/logo.png');
		width:283px;
		height:113px;
	}
	#header h1 a {
		width:283px;
		height:113px;
		display:block;
		text-indent:-999999px;
	}
	#header div#banner {
		float:right;
		padding-top:10px;
	}
/* navigation */
#navigation ul {
	margin:5px auto;
	display:block;
	height:22px;
	width:615px;
}

#navigation ul li {
	float:left;
	list-style:none;
	margin:10px 2px;
	text-transform:uppercase;
	font-size:16px;
	text-align:center;
	width:119px;
	height:22px;
}
#navigation ul li.current_page_item {
	background:url('images/shadow.png') no-repeat 0px -22px transparent;
	height:22px;
	color:#fff;
}
#navigation ul li.current_page_item a {
	height:22px;
	color:#fff;
	 }
#navigation ul li a {
	display:block;
	width:119px;
	height:22px;
}
#navigation ul li a:hover {
	height:22px;
	background:url('images/shadow.png')  no-repeat  transparent;
}

/* Posts */
#container {
	width:850px;
	margin:20px auto;
}
.post {
	margin-bottom:40px;
}
.post img {
	margin-bottom:10px;
}
.post h2 {
	margin:20px 0px;
	font-size:2em;
	text-transform:uppercase;
}
.post h2 span.cat {
	font-weight:normal;
	color:#000;
}
.post h2 span.comm {
	font-size:0.7em;
}
.post ul {
	margin:5px 40px;
}
.post h3 {
	margin:5px 10px;
}
/* mini posts conocelos */
#container h3.head {
	margin:20px 0px 10px 0px;
	height:27px;
	padding:1px 0px 0px 6px;
	background:url('images/borderl.png') no-repeat;
}
#container h3.head span {
	text-transform:uppercase;
	color:#fff;
	font-size:20px;
	height:27px;
	padding:1px 6px 2px 1px;
	background:url('images/borderr.png') top right no-repeat #5A56EC;	
}
/*\*/
html*#container h3.head span {
	padding:1px 6px 3px 1px;
}
.mini-post {
	width:200px;
	float:left;
	margin:15px 12px 0px 0px;
}
.mini-post h2 {
	text-transform:uppercase;
}
.mini-post .resumen a {
	color:#000;
}
.mini-post .resumen:hover {
	text-decoration:underline;
}
.mini-post .resumen {
	font-size:0.9em;
	padding-right:30px;
	margin:10px 0px;
}
/* Estilo interno de post */
.post img {
	border-bottom:10px solid #5A56EC;
}

.post p {
	font-size:0.9em;
	line-height:1.5em;
	margin:15px 0px;
}
/* comentarios */
div.comments {
	width:600px;
	margin:0 auto;
}
.comments-title {
	text-align:center;
	text-transform:uppercase;
	margin:20px 0px;
}
div.comments div.comment {
	border-bottom:1px dotted #5a56ec;
	padding-bottom:10px;
}
div.comments span.comment-author {
	margin:10px 0px;
	display:block;
}
div.comments span.perma-author {
	margin:10px 0px;
	font-size:0.9em;
	display:block;
	text-align:center;
}
div.comments div.comment-body {
	margin-left:10px;
	font-size:0.9em;
}
div.comments div.comment-body  p {
	margin:5px 0px;
}
div#comentar {
	width:600px;
	border-top:1px dotted #5a56ec;
	padding-top:20px;
	margin:40px auto;
}
div#comentar textarea {
	width:100%;
	margin-bottom:10px;
}
/* pagina de bandas */
.bandas .band {
	width:240px;
	border:1px dotted #5A56EC;
	margin:10px;
	height:70px;
	padding:10px;
	float:left;
	text-align:center;
}
.bandas .band:hover {
	background:#eee;
}
.bandas .band h1 {
	font-size:1.3em;
	text-transform:uppercase;
	text-align:center;
}
.bandas .band a.icon {
	display:block;
	float:left;
	margin:5px;
	width:16px;
	height:16px;
	text-indent:-999999px;
	background:url('images/2b.ico') no-repeat;
	
}
.bandas .band .cinco {
	width:130px;
	margin:10px auto;
}
.bandas .band .cuatro {
	width:104px;
	margin:10px auto;
}
.bandas .band .tres {
	width:78px;
	margin:10px auto;
}
.bandas .band .dos {
	width:54px;
	margin:10px auto;
}

.bandas .band a.ms {
	background:url('images/myspace.ico') no-repeat;
}
.bandas .band a.lf {
	background:url('images/lastfm.ico') no-repeat;
}
.bandas .band a.bb {
	background:url('images/2beginners.ico') no-repeat;
}
.bandas .band a.ma {
	background:url('images/email.gif') no-repeat;
}
.bandas .band a.cd {
	background:url('images/cdr.png') no-repeat;
}

.download {
	width:600px;
	padding:10px;
	margin:20px auto;
	border:1px dotted #5A56EC;
}
.download img {
	float:left;
	border:0px;
}

.download ol {
	float:left;
	margin-left:50px;
}
.download h2 {
	text-align:center;
	margin:0px;
}
.download h3 {
	text-align:center;
	font-style:italic;
	border-bottom:1px dotted #5A56EC;
}
.download div {
	margin:20px auto;
}
.download h4 {
	text-align:center;
	font-size:1.2em;
}
.download p.aviso {
	font-size:0.8em;
	font-style:italic;
}
/* Pagina de contacto */
.contactform {
	margin:10px 0px;
	font-size:0.9em;
}
/* listas */
.block {
	margin:20px 0px;
	float:right;
	width:420px;
}
.block h3 {
	margin:20px 0px;
}
.lists ul {
	margin:20px 0px 10px 0px;
}
.lists ul li {
	list-style:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
	list-style:url('images/asterisk_yellow.png') inside;
}

a.feed {
	color:transparent;
	font-size:0px;
	padding:8px 8px;
	background:url('images/feed.png') no-repeat;
}
a.more {
	color:transparent;
	font-size:0px;
	padding:8px 8px;
	background:url('images/add.png') no-repeat;
}
#eventos ul li {
	list-style:url('images/date.png') inside;
	
}



/* fotos */
#fotos img {
	margin:5px;
	border:none;
}

/* Footer */
#footer {
	font-size:0.9em;
	color:#777;
	height:135px;
	background:#eee;
}
#footer .footblock {
	width:20%;
	padding:10px 15px;
	float:left;
	border-right:1px dotted;
	height:100px;	
}
#footer .footblock input {
	margin:5px;
}
#footer .footblock ul {
	margin:0px 20px;
}
#footer .noborder {
	border-right:0px;
	
}
#footer .footblock h3 {	
	color:#444;
	text-align:center;
	font-size:0.9em;
	margin-bottom:10px;
	text-transform:uppercase;
}
#footer #searchbox {	
	float:left;
	margin-right:50px;
}

#proximos_eventos {
	width:425px;
	margin:5px auto;
}
#proximos_eventos li {
	/*float:left;*/
	width:425px;
	font-size:13px;
	list-style:none;
}