/*  
Theme Name: OM
Theme URI: http://oscar-morales.com/
Description: Tema especialmente hecho para <a href="http://oscar-morales.com/">Óscar Morales</a> usando parte del código del tema predeterminado de Wordpress.
Version: 3
Author: Daidaros
Author URI: http://daidaros.com/
	
*/

/*Estructura*/
body {
	background: #aca6a6 url('imagenes/body-fondo.jpg') repeat-x top left;
	margin: 0;
	padding: 0;
	text-align: center;
	}

#sombra {
	background: url('imagenes/sombra-fondo.png') repeat-y top left;
	width: 600px;
	margin: 0 auto;
	padding: 0;
	}

#page {
	background: #d5d5d5;
	width: 550px;
	margin: 0 auto;
	padding: 0;
	}

#header {
	background: url('imagenes/header-fondo.jpg') no-repeat top left;
	height: 160px;
	width: 550px;
	margin: 0;
	padding: 0;
	}

#header-titulo {
	margin: 0;
	padding: 30px 0 0 150px;
	}

#content {
	background: url('imagenes/content-fondo.jpg') no-repeat top left;
	width: 500px;
	margin: 0 auto;
	padding: 25px;
	}

#sidebar {
	background: url('imagenes/underbar-fondo.jpg') repeat-y top left;
	width: 550px;
	margin: 0 auto;
	padding: 0;
	}

.galeria {
	width: 500px;
	margin: 25px;
	overflow: hidden;
	border-top: 2px solid #532501;
	border-left: 1px solid #361800;
	}

.galeria-grupo-2 {
	width: 235px;
	margin: 0 0 10px 10px;
	float: left;
	}

.galeria-grupo-3 {
	width: 153px;
	margin: 0 0 10px 10px;
	float: left;
	}

.vinculos li a {
	height: 40px;
	width: 500px;
	margin: 0 25px;
	padding-top: 15px;
	display: block;
	border-top: 2px solid #532501;
	border-left: 1px solid #361800;
	}

.galeria:hover, .vinculos li a:hover {background: url('imagenes/underbar-fondo-hover.jpg') repeat-y top left;}

#footer {
	background: url('imagenes/footer-fondo.png') no-repeat top left;
	width: 600px;
	height: 70px;
	margin: -10px auto 0;
	left: 50px;
	padding: 0;
	}

#footer-body {
	background: url('imagenes/footer-fondo-body.jpg') repeat-x top left;
	height: 70px;
	width: 100%;
	bottom: 0;
	padding: 0;
	}

.navigation {
	text-align: center;
	border-top: 2px solid #aca6a6;
	}

/*Tipografías*/

body {font: 62.5% "Times New Roman", Times, serif;}

#header-titulo h1 a, #header-titulo h2 {
	color: #bb3131;
	font-size: 1.3em;
	}
	
#header-titulo h1 a {
	font-variant: small-caps;
	text-decoration: none;
	line-height: 0.6em;
	}

#header-titulo h2 {
	text-transform: lowercase;
	letter-spacing: 0.3em;
	}

#content {text-align: justify;}

#content p {
	color: #222;
	font: 1.3em/1.5em Georgia, "Times New Roman", Times, serif;
	}

#content blockquote {
	padding: 10px;
	color: #222;
	font-style: oblique;
	border-left: 2px dotted #fff;
	}

h2, .vinculos a {
	font-size: 2em;
	font-variant: small-caps;
	color: #222;
	}

h2 a, h2 a:visited, #content a, #content a:visited {
	color: #bb3131;
	text-decoration: none;
	}

#sidebar p {
	font-size: 1.2em;
	color: #e5e5e5;
	}

#sidebar h2 {color: #bb3131;}

#sidebar a {
	font-size: 1.2em;
	color: #e5e5e5;
	text-decoration: none;
	}

#sidebar a:hover, #sidebar a:visited:hover {color: #bb3131;}

#sidebar a:visited {color: #aca6a6;}

/*Listas*/

#sidebar ul {
	margin-left: -40px;
	}
	

#sidebar li, #footer li {
	list-style: none;
	display: inline;
	}

#footer a {
	display: block;
	width: 30px;
	height: 30px;
	}

#footer ul {
	margin-left: 45px;
	}
	
.footer-cc, .footer-wp, .footer-daidaros, .footer-rss {
	height: 30px;
	width: 30px;
	margin: 40px 39px 0;
	padding: 0;
	float: left;
	}

.footer-cc {background: url('imagenes/iconos/creative-commons.jpg') no-repeat top left;}
.footer-wp {background: url('imagenes/iconos/wordpress.jpg') no-repeat top left;}
.footer-daidaros {background: url('imagenes/iconos/daidaros.jpg') no-repeat top left;}
.footer-rss {background: url('imagenes/iconos/rss.jpg') no-repeat top left;}

.footer-cc:hover {background: url('imagenes/iconos/hover/creative-commons.jpg') no-repeat top left;}
.footer-wp:hover {background: url('imagenes/iconos/hover/wordpress.jpg') no-repeat top left;}
.footer-daidaros:hover {background: url('imagenes/iconos/hover/daidaros.jpg') no-repeat top left;}
.footer-rss:hover {background: url('imagenes/iconos/hover/rss.jpg') no-repeat top left;}

/*Otros*/

a {outline: 0;}

img {border: none;}

#sidebar img {
	opacity: .85; filter:alpha(opacity=85);
	}

#sidebar img:hover {
	opacity: 1; filter:alpha(opacity=100);
	}

.titulo {border: 2px solid #bb3131;}

hr, span, .linklove {display: none;}

.tugar input {
	width: 547px;
	border: none;
	}