/*  
Theme Name: Runroomblog
Author: Mats Fjellner
Author URI: http://www.matsfjellner.com/
Version: 1.0

Revision 1.2 phil@runroom.com
Revision 1.3 phil@runroom.com:
	h3 entradas,
	ul con margin y bullets
	imagenes "estrechas"

*/

/* reset css */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, /*input,*/ textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
	}
fieldset, img { 
	border: 0;
	}
img {
	-ms-interpolation-mode: bicubic;
}
img, a, button {
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	}
/*address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
*/
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before, q:after {
	content: '';
	}
abbr, acronym { 
	border: 0;
	}
div {
	position: relative;
}

/* estilos generales */

body {
	background: #f4f4f4;
	color: #797979;
	font-size: 100%;
	line-height: 1.43em;
	font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Trebuchet, Arial, sans-serif;
}

a {
	color: #22a9d6;
	text-decoration: none;
	outline: none;
}

a:link { text-decoration: none; color: #22a9d6; }
a:visited { text-decoration: none; color: #22a9d6; }
a:hover { text-decoration: underline;  color: #22a9d6; }
a:active { position: relative; top: 1px; text-decoration: none;  color: #000; }

.r {
	float: right;
}

.l {
	float: left;
}

.l-text {
	text-align: left;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
}

#top, #main, #footer {
	padding: 0 20px;
}

#top {
	height: 30px;
}
	
#header {
	height: 200px;
	padding-top: 20px;
	background: url("images/bg-header-logo.jpeg") 0 0 repeat-x;
}

#container {
	height: auto;
	background-color: #fff;
	padding-top: 25px;
}

#main {
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #d6d6d6; 
}

#sidebar {
	float: left;
	width: 220px;
	margin-top: 3px;
/*	margin-left: 10px; */
}
	
#content {
	margin-left: 240px;
}

#footer {
	height: 194px;
}

/* estilos #top */

#top {
	font-size: 0.75em;
	font-size: 0.69em;
}

#top_functions {
	float: left;
	/*margin-left: 10px;*/
}
#top_functions .telefono {
	width: 230px;
}

#lang {
	float: right;
}

#top_functions li, #lang li {
	float: left;
	height: 30px;
	line-height: 30px;
}

#top_functions a {
	padding: 0 30px 0 20px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
}

#top_functions a.rss {
	background-image: url(images/icon_rss.gif);
}

#top_functions a.facebook {
	background-image: url(images/icon_facebook.gif);
}

#top_functions a.twitter {
	background-image: url(images/icon_twitter.gif);
}

#lang li {
	padding: 0 10px;
	background: url(images/sep_lang.gif) 100% 50% no-repeat;
}

#lang li.last {
	background-image: none;
	padding-right: 0;
}

#lang li a.active {
	color: #000;
}

/* estilos #header */

h1 {
	float: left;
	width: 142px;
	margin-left: 10px;
}

h1 a {
	display: block;
/*	background: url("images/logo-rr-blanc.png") 0 0 no-repeat;*/
	width: 142px;
	height: 160px;
	text-indent: -9999px;
}

#header h2 {
	float: right;
	display: block;
	width: 720px;
	margin-top: 15px;
	font: normal 45px/1.12em Georgia, "Times New Roman", Times, serif;
	color: #fff !important;
	text-shadow: 1px 1px 1px #7b7b7b;
}

/*
ul#header_links {
	position: absolute;
	bottom: 0;
	right: 23px;
}

ul#header_links li {
	float: left;
	font-size: 0.875em;
	line-height: 2em;
	margin-left: 1em;
}
*/

/* estilos #container */

#container {
	/*overflow: hidden;*/
}

#container.single {
	padding-bottom: 2em;
}

/* estilos #sidebar */

#nav {}
#nav li {}

#nav li li {
	border-bottom: 1px solid #f8f6ed;
}

#nav li ul {
	padding: 0 20px 14px 30px;
}

#nav li a {
	display: block;
	font-size: 1em;
	line-height: 1.57em;
	padding-left: 20px;
	background: url("images/bullet.gif") 0 50% no-repeat;
}
#nav li a:hover {
	background: #e7f1f5 url("images/bullet.gif") 0 50% no-repeat;
}
#nav li li a {
	display: block;
	font-size: 1em;
	font-size: 14px;
	line-height: 1.15em; 
	padding: 4px 0;
	background: none;
}

#nav li li a:hover {
	background-image: none;
	background-color: #e7f1f5;
}

#nav li.sel a, #nav li.current_page_item a {
	color: #000;
}





/* estilos #content */

.post {
	margin-bottom: 3em;
	border-bottom: 1px solid #f8f6ed;
}

.single .post {
	margin-bottom: 1.5em;
}

.single .entry-content {
	padding-top: 10px;
}


h2.entry-title, h2.entry-title2, h2.entry-title3 {
	font-size: 1.325em;
	font-size: 1.75em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin: 0 0 0.5em 0;
	line-height: 1.12em
}
h2.entry-title2, h2.entry-title3 {
	margin-bottom: 0.65em;
}

.entry-content h3 {
	color: #1a1a1a;
	font-size: 1.12em;
	line-height: 1.12em;
	margin-top: 1.12em;
	margin-bottom: 0.875em;
}

.entry-content h4 {
	font-size: 0.875em;
	margin-top: 1em;
}

.entry-content ul,
.entry-content p {
	font-size: 0.875em;
	margin-bottom: 1em;
}

.entry-content p.intro {
	font-style: italic;
}
.entry-content p.intro strong {
	font-style: italic;
}

.entry-content ul {
	list-style: disc;
	padding-left: 20px;
}

.entry-meta {
	overflow: hidden;
	/*margin: 1em 0;*/
	background-color: #f8f6ed;
	background-color: #fff;
	border: 1px solid #f8f6ed;
	padding: 0.4em 0;
}

.entry-meta.lower {
	background-color: #f1f1f1;
	display: none;
}

.single .entry-meta.lower {
	display: block;
}

.entry-meta p {
	float: left;
	color: #000;
	font-style: normal;
	font-size: 0.75em;
	padding-left: 20px;
	background-position: 6px 7px;
	background-repeat: no-repeat;
	margin-bottom: 0;
}

.entry-meta p.entry-date {
	background-image: url(images/icon_date.gif);
	width: 85px;
}

.entry-meta p.comments-link {
	background-image: url(images/icon_comments.gif);
	width: 105px;
}

.entry-meta p.cat-links {
	background-image: url(images/icon_categories.gif);
	width: 550px;
}

.single .entry-meta p.cat-links {
	width: 420px;
}

.entry-meta p.tag-links {
	background-image: url(images/icon_tags.gif);
	background-position: 3px 2px;
}

.entry-meta p.cat-links span {
	color: #666;
}

.entry-meta .sociable {
	float: right;
	margin: 0 6px 0 0;
}

.entry-content img {
	margin: 1em 0;
/*	width: 698px; */
	max-width: 698px;
	height: auto;
	border: 1px solid #d6d6d6;
}
* html .entry-content img {
	width: 698px;
}

.entry-content p span img {
	margin: 0 0 0 0;
	border: none;
}
.single .entry-content img {
	cursor: pointer;
}

.entry-content p span.marco {
	position: relative;
	display: block;
	margin-top: 10px;
/*	margin-bottom: -10px; */
	margin-bottom: 10px;
	width: 698px;
	left: -9px;
	padding: 21px 18px 13px 9px;
	background: url("images/ventana.png") 0 0 no-repeat;
}

.entry-content p span span.cierre {
	position: absolute;
	margin-top: 0;
	margin-bottom: 0;
	width: 718px;
	height: 13px;
	left: 0;
	bottom: 0;
	padding: 0 0 0 0;
	background: #fff url("images/ventana_cierre.png") left bottom no-repeat;
}

.entry-content img.wpcf7-captcha-captcha-134 {
	width: 60px;
	height: auto;
}
.entry-content img.ajax-loader {
	width: auto;
	height: auto;
}
.entry-content .wpcf7-not-valid-tip {
margin-left: -60px;
margin-top: -5px;

}
a.more-link {
	color: #069;
	font-size: 0.8em;
	padding: 5px 8px 6px 10px;
	text-align: center;
	background: #e9f4f8;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-radius: 10px;
}

a.more-link:hover {
	text-decoration: none;
	color: #fff;
	background-color: #1879a9;
}

.navigation {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 5px 0 5px 0;
}

/*
.single .navigation {
	margin: 1.3em 0;
}
*/
.navigation div a {
	color: #069;
	font-size: 0.75em;
	padding: 6px 8px 5px 10px;
	text-align: center;
	background: #f8f6ee;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-radius: 10px;
}

.navigation div a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #aeaba0;
}


.navigation div.previous-entries {
	float: left;
}

.navigation div.next-entries {
	float: right;
	margin-left: 20px;
}

/* estilos #footer */

#footer {
	font-size: 0.75em;
	margin: 20px 0 50px 0;
}

#footer ul {
	margin-right: 20px;
	float: left;
}

#footer ul ul {
	float: none;
}


#footer_nav li {}


#footer_nav li.sel a {
	color: #000;
}

#footer_functions {
	float: left;
	margin-left: 45px;
}

#footer_functions li {
	margin-bottom: 4px;
}

#footer_functions a {
	padding-left: 20px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
}

#footer_functions a.rss {
	background-image: url(images/icon_rss.gif);
}

#footer_functions a.facebook {
	background-image: url(images/icon_facebook.gif);
}

#legal {
	float: left;
	color: #666666;
	margin-left: 40px; 
}

#legal li {
	margin-bottom: 4px;
}

/* Comentarios */

#respond h3, h3#comments  {
	margin: 0 0 20px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.375em;
	color: #999999;
}
#respond h3 { 
	margin-top: 20px; 
}
h3#comments {
	margin: 1.5em 0 1em;
}

/*
#respond input[type="text"], textarea {
	margin: 4px 0;
	background: #f4f4f4;
	}

#respond input[type="text"]:focus, textarea:focus {
	margin: 4px 0;
	background: #fff;
	}
*/

.comment, #commentform {
	color: #333333;
	font-size:0.875em;
}

.comment {
	background: #f1f1f1;
	margin-bottom: 0.5em;
	padding: 15px;
}

.comment p {
	color: #333333;
	margin-left: 50px;
}

.comment .comment-author {
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.857em;
}

.comment .comment-author .fn {
	margin-left: 10px;
	font-size: 1.83333em;
}

#commentform {
	background-color: #ffffcc;
	padding: 15px;
	margin-top: 5px;
}

#commentform label {
	float: left;
	width: 100px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	padding: 4px 20px 4px 0;
}

#commentform p {
	overflow: hidden;
	padding-bottom: 20px;
}


#commentform input[type="text"], 
#commentform textarea {
	color: #999;
	background: #f4f4f4;
	width: 520px;
}

#commentform input[type="text"]:hover,
#commentform textarea:hover {
	background: #fff;
}

#commentform p.final {
	margin-left: 120px;
}

#commentform p.final span {
	color: #a9a9a9;
}

#commentform p.final input {
	float: right;
	margin: 0 25px;
	}


hr { visibility: hidden; }

/* Fixes para IE6 */

* html #top_functions {
	display: inline;
}

* html h1 {
display: inline;
}

* html .entry-meta, * html .entry-meta p {
	zoom: 1;
	overflow: hidden;
}

* html #container {
	zoom: 1;
}

* html #footer_functions li {
	/*background-color: red;*/
}

* html #commentform p {
	zoom: 1;
}


/* adelgazar fonts en webkit (no valida) */
	body { -webkit-text-stroke: 1px transparent; }
	/* pero no en mobile safari */
		@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}