/*
Theme Name: Obvio
Theme URI: http://obviedades.com/
Description: Diseño normal para el blog Obviedades.com
Version: 1.1
Author: Manu Contreras
Author URI: http://obviedades.com
Tags: fixed width, two columns, widgets, font-face, CSS3, No IE
*/

/* @fuentes */
@font-face {
	font-family: "Droid Sans";
	src: url("fonts/Droid/DroidSans.ttf");
}

@font-face {
	font-family: "Droid Sans";
	font-weight: bold;
	src: url("fonts/Droid/DroidSans-Bold.ttf");
}

@font-face {
	font-family: "Officina Serif";
	src: url("fonts/Officina/OfficinaSerifStd-Book.otf");
}

@font-face {
	font-family: "Officina Serif";
	font-weight: bold;
	src: url("fonts/Officina/OfficinaSerifStd-Bold.otf");
}

@font-face {
	font-family: "Bello Pro";
	src: url("fonts/Bello/BelloPro.otf");
}

@font-face {
	font-family: "Cochin";
	src: url("fonts/Cochin/Cochin.ttf");
}

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
.clear {
	clear: both;
}

img {
	border: none;
}
/* fin reset */

body {
	font: normal 12px/22px "Droid Sans", "Segoe UI", Helvetica, Tahoma, Verdana, Sans-serif;
	color: #555;
	background: url('img/background.png') repeat-x top left #fff;
}

a {
	color: #365D75;
}

.feed {
	background: url('img/rss.png') no-repeat center left;
	padding: 2px 0 2px 20px;
}

code {
	font-size: 12px;
	color: green;
}


/* alineos */
.left, .alignleft, .izquierda {
	float: left;
}

.right, .alignright, .derecha {
	float: right;
}

.center, .aligncenter, .centro {
	margin: 0 auto;
	display: block;
}
/* fin alineos */

/* media */
img.left, img.alignleft, img.izquierda {
	margin: 0 10px 10px 0;
}

img.right, img.alignright, img.derecha {
	margin: 0 0 10px 10px;
}

.alignright img {
	margin-left: 10px;
}

.alignleft img {
	margin-right: 10px;
}

.alignleft .wp-caption-text,
.alignright .wp-caption-text {
	font-size: 10px;
	color: #999;
	text-align: left;
	padding-left: 10px;
}

.aligncenter .wp-caption-text {
	font-size: 10px;
	color: #999;
	text-align: center;
}

/* fin media */

.boton {
	font: normal 12px "Droid Sans", Helvetica, Verdana, Sans-serif;
	color: #000;
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px 10px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.InternetExplorer {
	font-size: 12px;
	line-height: 20px;
	color: #000;
	background: #FFD;
	margin: 0 0 30px 0;
	padding: 10px;
}

	.InternetExplorer h4 {
		font-size: 17px;
	}

	.InternetExplorer .iconos {
		width: 440px;
		float: right;
		margin: 0 0 0 10px;
		text-align:center;
	}
	
		.InternetExplorer .iconos a {
			width: 110px;
			float: left;
			text-decoration: none;
		}


/* wrap */
#wrap {
	width: 790px;
	margin: 0 auto;
	padding: 0 10px;
}

#wrap p {
	margin: 0 0 20px 0;
	text-shadow: 1px 1px 0px #fff;
}


/* header */
#header {
	margin: 40px 0;
}

h1 {
	font: bold 68px "Bello Pro", Helvetica, Arial, Verdana, Sans-serif;
	letter-spacing: -3px;
	color: #abb9ba;
	text-shadow: 2px 2px 1px #EB8B2D;
	float: left;
}

	h1 a {
		color: #1A1919;
		text-decoration: none;
	}
	
.description {
	display:none;
}

.links {
	float: right;
	text-transform: uppercase;
	font-size: 12px;
	margin: 25px 0 0 0;
	padding: 5px;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: #ccc 0px 0px 10px;
	-webkit-box-shadow: #ccc 0px 0px 10px;
}

	.links ul {
		list-style-type: none;
	}
	
	.links li {
		float: left;
	}

	.links a {
		text-decoration: none;
		color: #333;
		padding: 4px 10px;
	}
/* fin header */



/* content */
#content {
	width: 520px;
	float: left;
}

.post {
	margin: 0 0 40px 0;
}

h2 {
	font: bold 25px/25px "Officina Serif", "Droid Sans", Helvetica, Verdana, Sans-serif;
	color: #222;
}

	h2 a {
		color: #1A1919;
		text-shadow: 1px 1px 2px #ccc;
		text-decoration: none;
	}
	h2 a:hover {
		text-decoration: underline;
	}

.date {
	font-size: 10px;
	color: #999;
}

.entry {
	margin: 10px 0 0 0;
}

	.entry h3 {
		font-size: 15px;
		color: #000;
		border-bottom: 1px dotted #ddd;
		margin: 0 0 5px 0;
	}

	.entry blockquote {
		margin: 0 0 0 20px;
		padding: 0 0 0 10px;
		color: #666;
		border-left: 2px solid #DBE9EA;
	}
	
	.entry cite {
		background: #FFE181;
		padding: 1px 2px;
		border-radius: 2.5px;
		-moz-border-radius: 2.5px;
		-webkit-border-radius: 2.5px;
	}
	
	.entry ul,
	.entry ol {
		margin: 0 0 20px 30px;
	}
	
	.entry ul ul,
	.entry ol ol,
	.entry ul ol,
	.entry ol ul {
		margin: 0 0 0 20px;
	}
	
	.entry .cita {
		font: italic 32px/35px "Cochin", Georgia, Times, Serif;
		color: #888;
	}
	
	.entry .autor {
		text-align: right;
		margin-bottom: 20px;
	}
	
.meta {
	border-top: 1px solid #ddd;
	padding-top: 4px;
	font-size: 11px;
	line-height: 16px;
}

.search404 #q {
	font: normal 17px "Droid Sans", Helvetica, Verdana, Sans-serif;
	color: #777;
	width: 300px;
	padding: 4px;
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 10px 0 0;
}

.search404 #sa {
	font: normal 17px "Droid Sans", Helvetica, Verdana, Sans-serif;
	color: #888;
	background: #ddd;
	border: 1px solid #ddd;
	padding: 2px 4px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.index .navigation {
	border-top: 1px solid #ddd;
	padding: 10px 0 0 0;
	font-size: 15px;
	font-weight: bold;
}

	.index .navigation a {
		text-decoration: none;
	}

.single .navigation {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0 0 30px 0;
	padding: 10px 0;
	line-height: 16px;
}

	.single .navigation span {
		font: italic 12px Georgia, "Times New Roman", Serif;
	}

	.single .navigation .alignright {
		text-align: right;
	}


/* sidebar */
#sidebar {
	width: 220px;
	float: right;
	font-size: 11px;
	line-height: 17px;
}

	#sidebar h4 {
		font: bold 17px "Officina Serif", "Droid Sans", Helvetica, Verdana, Sans-serif;
		color: #333;
	}

.widget {
	margin: 0 0 30px 0;
}

	.widget ul {
		list-style-type: none;
	}
	
		.widget li {
			border-bottom: 1px dotted #ddd;
			padding: 4px 0;
		}
		
			.widget li a {
				text-decoration: none;
			}
	
	#text-3 .textwidget {
		background: #fff;
		padding: 10px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: #ccc 0px 0px 10px;
		-webkit-box-shadow: #ccc 0px 0px 5px;
	}
	
	.widget_links li img {
		width: 16px;
		height: 16px;
		margin: 0 5px -5px 0;
	}

	.widget_search #q {
		font: normal 13px/20px "Droid Sans", Helvetica, Verdana, Sans-serif;
		color: #333;
		padding: 4px;
		border: 1px solid #ddd;
		width: 140px;
	}


/* Comentarios */
.commentlist {}

	.commentlist li {}
	
	.depth-2 {
		margin-left: 40px;
	}
	
	.depth-3 {
		margin-left: 80px;
	}
	
	.commentauthor {}
	
		.commentauthor .avatar {
			float: left;
			margin: -2px 10px 0 0;
		}
		
		.commentauthor .card {
			padding: 2px 5px 2px 0;
			font-size: 13px;
			line-height: 18px;
			background: #DBE9EA;
			border-radius: 0 5px 5px 0;
			-moz-border-radius: 0 5px 5px 0;
			-webkit-border-radius: 0 5px 5px 0;
		}
		
			.commentauthor .card small {
				font-size: 10px;
				padding-left: 10px;
			}
			
				.commentauthor .card small a {
					color: #444;
					text-decoration: none;
				}
		
	.commententry {
		margin: 10px 0;
	}

.reply {}

#respond {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input#author,
input#email,
input#url {
	width: 50%;
	font: normal 13px/20px "Droid Sans", Helvetica, Verdana, Sans-serif;
	color: #333;
	padding: 4px;
	border: 1px solid #ddd;
}

textarea#comment {
	width: 98%;
	height: 200px;
	margin: 10px 0;
	padding: 4px;
	border: 1px solid #ddd;
	font: normal 13px/20px "Droid Sans", Helvetica, Verdana, Sans-serif;
	color: #333;
}


/* attachment */
.attachment {
	width: 790px;
}

	.attachment #fullsize {
		max-width: 790px;
		margin: 0;
	}
	
	.attachment .fullgallery {
		background: #DBE9EA;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 4px 10px 10px 10px;
	}



/* footer */
#footer {
	margin: 40px 0 20px 0;
	font-size: 11px;
	line-height: 16px;
	color: #888;
}

	#footer a {
		color: #777;
	}