/*
Theme Name: Herederos de Rowan
Theme URI: http://www.lojopez.es/
Description: tema creado para la web Los Herederos de Rowan
Version: 1.0
Author: Juan López
Tags:
*/

a {
	color: #555;
	text-decoration: none;
}
a:hover {
	color: #f30;
}

html, body {
	height: 100%; /* needed for container min-height */
}

body {
	font-size: 62.5%;
	font: .7em/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-align: center;
	background: #fff;
	color: #555;
}

#wrap {
	width: 800px;
	margin: 0 auto;
	padding: 0 1.5em;
}

#header {
	background: #fff;
	height: 160px;
	overflow: hidden;
	width: 800px;
}

#menu {
}

#logoTop {
	width: 400px;
	float: left;
	text-align: right;
}
	#logoTop h1 {
		display: none;
	}
	#logoTop .logo {
		margin-top: 36px;
	}
#header-info {
  min-width: 340px;
	margin-left: 430px;
	font-size: .8em;
	line-height: 1.2em;
	overflow: hidden;
}

#header-location {
	text-align: left;
	float: left;
	width: 150px;
	padding-top: 3.5em;
}
#header-contact {
	margin-left: 160px;
	text-align: left;
	padding-top: 3.5em;
}

#top-links {
  margin-top: 38px;
}
  #top-links .links {
    text-align: right;
  }

#page {
	width: 100%;
	text-align: left;
	overflow: hidden;
}

/* ------------------- sidebar -------------------- */

#sidebar {
	float: left;
	width: 160px;
	background: #fff;
	padding: 2.3em 0 0 0;
	overflow: hidden;
}

.pages-list h2 {font-weight:normal;text-transform:uppercase;padding-bottom:.5em;margin-bottom:.5em;background:transparent url(images/subrayado.gif) 0 1.5em no-repeat;}
.pages-list ul {margin:0;list-style:none;}
.pages-list li {line-height:1.5em;}

.categories-list ul {margin:1em 0;list-style:none;}
.categories-list li {margin:0;text-transform:uppercase}
.categories-list ul li {margin: 0 0 1.5em 0;text-transform:uppercase;background: transparent url(images/subrayado.gif) 0 1.5em no-repeat;}
.categories-list ul ul li {background:none;margin:0;line-height:1.5em;text-transform:none;}
.categories-list ul ul ul li {margin: 0;}

.side-links h2 {font-weight:normal;text-transform:uppercase;padding-bottom:.5em;margin-bottom:.5em;background:transparent url(images/subrayado.gif) 0 1.5em no-repeat;}
.side-links ul {margin:0;list-style:none;}
.side-links li {line-height:1.5em;}

#searchform { margin: 2em 0;}
#searchform input { font-size: .9em;margin:.2em; }


/* ---------------- end o sidebar ---------------- */

#content {
  margin-left: 170px;
	padding: 0;
	border-bottom: 1px #555 solid;
}
	#content.fixed-page h1, h2, h3 {
		margin-bottom: 1em;
	}
	#content.fixed-page h1 {
		font-size: 1.3em
	}
	#content.fixed-page h2 {
		font-size: 1.2em;
	}
	#content.fixed-page h3 {
		font-size: .9em;
	}
	#content p {
		margin-bottom: 1em;
	}

.post {
	border-top: 1px #555 solid;
	padding: 1em 0;
}

.storycontent {
	overflow: hidden;
}
	.storycontent ul {
		list-style-position: outside;
		margin: 0 0 0 2em;
		list-style-type: circle;
	}
  .storycontent a, .entry a {
    text-decoration: none;
    color: #ff6600;
  }
  .storycontent a:hover, .entry a:hover {
    color: #ff2200;
  }

.story-foot {
  overflow: hidden;
  margin-top: 2em;
}
.feedback {
  float: left;
  width: 200px;
}
.share-social {
  margin-left: 300px;
  margin-top: -1.2em;
  text-align: right;
}
/* Begin Images */
	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
		}
/* End Images */


#footer {
	text-align: center;
	background: #fff;
	font-size: .8em;
	line-height: 1em;
	margin-top: 4em;
	margin-left: 12em;
	padding: 2em 0;
}

.clearb, .clearB {
	clear: both;
}