/*
Theme Name: WTHeme7 
Theme URI: http://www.raulserrano.net/themes/theme7
Description: Wordpress theme for "Blog de Raúl Serrano"
Version: 0.91
Author: Raul Serrano
Author URI: http://www.raulserrano.net/
	
	Theme inspired by TAKIMATA Sandbox Theme and MINID.NET Blog
	- TAKIMATA: http://www.upstartblogger.com/wordpress-sandbox-theme-upstart-blogger-takimata
	- MINID.NET: http://www.minid.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

INDEX:
	- layout
	- header
	- entry
		- comments
		- global elements
			- list
			- links
			- images
	- category, archive & search
	- sidebar
	- footer
*/

/* layout */
body {
	background: #fff;
	color: #444;
	font: 101%/150% Arial, Helvetica, sans-serif;
	text-align: left;
}
	
#content {
	margin: 0 auto 3em auto;
	width: 34em;
}

#sidebar {
	margin: 3em auto 1em auto;
	font-size: .85em;
	text-transform: uppercase;
}

#footer {
	clear: both;
	margin-top: 4em;
	padding: 1em 0;	
	border-top: 6px solid #f82;
	width: 100%;
	background: #edeced;
}



/* header */
#header h1 {
	margin: .16em 0 0 -.16em;
	font-size: 4em;
	font-weight: bold;
	letter-spacing: -.14em;
	word-spacing: .2em;
	text-transform: uppercase;
}
#header h1 a:link, #header h1 a:visited {
	color: #cacaca;
	text-decoration: none;
}
#header h1 a:hover {
	color: #666 !important;
/*	letter-spacing: normal; */
}
#header .description {
	margin: -.4em 0 0;
	color: #777;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
}
	/* header searchform */ 
	#header #searchform {
		float: right;
		width: 200px;
		text-align: right;
		padding: 0;
		margin-top: -3em;
	}
		#header #searchform input {
			vertical-align:bottom;
		}

		#header #searchform #s {
			width: 120px;
		}
	/* navigation bar */
	#navigation-bar {
		margin-top: .5em;
		border-top: 6px solid #f82;
		text-align:center;
	}
	#navigation-bar ul {
		margin: 0 auto;
		width: 36em;
		list-style: none;
		font-size: 1em;
		line-height: 1.5em;
	}
	#navigation-bar ul li {
		display:inline;
		font-weight: 700;
		text-align: center;
	}


/* entry */
#content {
	font: 1em/1.5em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;;
	text-align: justify;
}

.entry-title, .page-title, .title {
	margin: 2em 0 .5em 0;
	color: #444;
	line-height: 1.3em;
}
	.entry-title:before, .page-title:before {
		color: #c4c4c4;
		content: "__";
	}

.entry-meta {
	clear:both;
	margin: 0 2em;
	padding: .75em;
	background: #efefef;
	font: .85em/1.4em Arial, Helvetica, sans-serif;
}
	.home .entry-meta {
		text-align: right;
	}
		.home .entry-meta .comments {
			font-size: 2.2em;
			line-height: 1.2em;
		}
	
.micropost .entry-meta {
	background: #fff;
}
	.micropost .entry-meta .comments {
		font-size: 1.5em;
	}
.entry-tags, .entry-cats {
	text-transform: lowercase;
}

.micropost-tag {
	display: block;
	margin: 2em 0 -2em 1em;
	font-size: 1.5em;
	text-transform: lowercase;
	font-weight: bold;
	color: #ddd;	
}
	#navigation {
		font-size: 1.2em;
	}
	#navigation, .micropost-tag {
		text-transform: lowercase;
		font-weight: bold;
	}

.entry-box { /* deppreciated */
	margin: 1.5em;
	padding: .5em;
	border: 6px solid #f82;
	background: #edeced;

}

#lasts-entries h2 {
	margin-top: 4em;
}
#lasts-entries ul {
	list-style-type: none;
	margin-left: -1.1em;
}

	/* comments */
	#comments {
		font: .8em/1.2em Arial;
	}
	#comments h3, #respond h3 {
		margin-top: 4em;
		color: #f82;
		text-transform: uppercase;
		font-size: 1.5em;
	}
	
	ol.commentlist, ol.trackbacklist {
		list-style: none;
		margin:0;
		padding: 0;
	}
	li.comment{
		list-style: none;
		margin-bottom: 3em;
	}
	.comment-meta {
		width: 100px;
		float:left;
		margin-bottom: 25px;
		padding-right: .25em;		
		border-right: 2px solid #cacaca;
	}
		.comment-author cite {
			font-weight: bold;
			font-style: normal;
		}
		.comment-meta small {
			font-size: .9em;
		}
	.comment-entry {
		margin-left: 102px;
		padding-left: 1em;
	}
	#comments .children {
		margin-left: 4em;
	}
	.reply {
		clear:both;
	}
	.individual-comment {
		margin-bottom: 2em ;
		padding: .5em;
		border: 1px solid #cacaca;
	}
	 li.bypostauthor > div.individual-comment  {
		background: #ffffe2;
		border: 1px solid #ffffe2;
	}
		.individual-comment:hover {
			border: 1px solid #f85 !important;
		}
	
	/* Trackbaks */
	ol.trackbacklist{
		margin: 0 1em;
	}
	.trackback-entry p {
		margin: 0;
	}
	.individual-trackback {
		margin-bottom: 1em;
		padding: .6em;
		background: #fbfbfb;
		border:1px solid #ffffe2;
	}
	.trackback-entry {
		margin-top: .6em;
	}
	
	
	#respond .formcontainer {
		padding: 1em;
		background: #edeced;
		font: .9em/1.5em Arial;
	}
	.formcontainer div {
		margin-bottom: .6em;
	}
	.formcontainer small {
		font-size:1em;
	}
	.formcontainer #comment {
		width: 100%;
	}
	.formcontainer .form-submit {
		text-align: center;
	}	
	


	/* global elements */
	h2, h3, h4, h5 {
		margin: 2em 0 .5em 0;
		font-family: Arial, Helvetica, sans-serif;	
		color: #5e5e5e;
		text-align: left;		
	}

	p {
		margin: 1.5em 0;
	}

	sub {
		position: relative;
		bottom: -0.2em;
		vertical-align: baseline;
	}
	sup {
		position: relative;
		bottom: 0.3em;
		vertical-align: baseline;
	}

	acronym, abbr {
		border-bottom: 1px dotted;
		cursor: help;
	}

	kbd {
		font: .9em/1.3em Courier, monospace;	
	}

	label {
		cursor: pointer;
	}

	pre {
	    line-height:1.5em;
	    margin:0;
	    padding:6px;
	    border:1px solid #dadada;
	    width:100%;
	    overflow:auto;
		background: #f5f5f5;
	}
	
	code {
		font: .9em/1.3em Courier, monospace;
		color: #5f369d;
		white-space: pre;
	}

	blockquote {
		border-left: 6px solid #f82;
		font-family: georgia;
		font-weight: bold;
		color: #607480;
		margin: 1em 2em 1em 4em;
		padding: 0 1.5em;
	}

	.clear {
		clear: both;
	}
	.center {
		text-align:center;
	}	
		/* list */
		ul {
			list-style-type: square;
			padding: 0;
			margin-left: 15px;			
		}
		ol {
			margin-left: 10px;
		}
		li {
			margin: .5em 0;
		}
		
		/* links */
		a:link {
			text-decoration: none;
			color: #607480;
		}
		a:hover {
			color: #f82 !important;
		}
		.entry-title a:visited, .title a:visited, .entry-meta a:visited, .meta a:visited, #sidebar a:visited, .individual-trackback cite a:visited, .reply a:visited, .comment-meta a:visited, #lasts-entries a:visited, #banners a:visited {
			text-decoration: none;
			color: #aaa;
		}
		
			/* navigation */
		#navigation a:link {
			text-decoration: none;
			color: #999;
		}		
			#navigation a:visited {
				text-decoration: none;
				color: #999;
			}
		/* menu links */
		#navigation-bar ul li a {
			padding: 1px 1.4em 0.5em 1.4em;
		}
		#navigation-bar ul li a:hover {
			background: #eee;
		}		
		#navigation-bar ul li a:visited, .comments a:visited, .error404 a:visited {
			text-decoration: none;
			color: #607480;
		}
		/* links entry & comment */
		.page a:link, .entry a:link, .comment-entry a:link {
			color: #607480;
			border-bottom: 1px solid #f82;
		}
		.page a:visited, .entry a:visited, .comment-entry a:visited {
			border-bottom: 1px solid #93a7b3;
			text-decoration: none;
			color: #aaa;
		}
		.noborder {
			border: none !important;
		}
		.stats {
			height: 2em;
			margin: 1em auto;
			text-align: center;
		}
		/* images */
		img {
			margin: .3em 0;
			border: none;
		}


		img.alignright {
			float: right;			
			margin-left: .75em;
		}

		img.alignleft {
			float: left;
			margin-right: .75em;
		}

		img.aligncenter, img.center {
			display: block;
			margin: 0 auto .25em auto;
		}
		


/* archives, search, category & tag */
.archive h2, .search h2, .category h2, .tag h2, #lasts-entries h2, #banners h2 {
	text-transform: uppercase;
}
	.archive h2 span, .search h2 span, .category h2 span, .tag h2 span {
		color: #f82;
	}
	
.results {
	margin: 0;
	padding: .25em .5em;
	background: #efefef;
	font: .85em/1em Arial;
	color: #666;
	text-align: center;
}
	.results strong {
		color: #444;
	}

	
.tag h3, .category h3, .archive h3, .search h3{
	margin-top: 2em;
	margin-bottom: .1em;
}

.entry-content {
	padding: 0 1em;
	font: .8em/1em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}
	.entry-content p, .meta p {
		margin:0;
	}
.meta {
	padding: 0 1em;
	font-size: .85em;
	color: #666;
}
	.meta .entry-comments {
		padding-right: 1.5em;
	}
	.meta small {
		font-size: 1em;
	}

	/* navigation */
	.wp-pagenavi, #navigation {
		margin: 3em 0;
		padding-top: .3em;
		border-top: 1px solid #f82;
		text-align: center;
	}
		#navigation .nav-previous {
			float: left;
		}
		#navigation .nav-next {
			float: right;
		}
	/* 404 */
	.error404 h1 {
		margin: 3em 0 .6em 0;
		font-size: 1.6em;
		text-transform: uppercase;
		text-align: center;
	}
	.error404 p {
		margin: .4em;
	}
	.error404 a {
		font-weight: bold;
	}
	.error404 ul {
		margin-left: 3em;
	}
	.error404 #searchform {
		margin: 1em auto;
		padding: 1em;
		width: 25em;
		background: #ededed;
		text-align: center;
	}



/* sidebar */
#sidebar {
	margin: 0 10em;
}
#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}

#sidebar h2, #lasts-entries h2, #banners h2 {
	padding-left: .5em;
	border-bottom: 1px solid #bbb;
	font-size: 1.2em;
	color: #f85;
}

#sidebar #tag-links {
	display: block;
	margin: .5em auto;
	margin-bottom: 1em;
	width: 36em;
	text-align: center !important;
}

#widgets {
	width:40em;
	margin: 0 auto 0 auto;
	clear:both;
}

#widgets .widget {
	width:18em;
	float:left;
	margin-right: 1.5em;
}
#widgets .widget .inner {
	padding:.5em;
}


/* footer */



/* banners */
#content-home {
	position:relative;
	width: 1024px;
	margin: 0 auto 0 auto; 

}
#home {
	margin-left: 230px;
	width: 520px;
	background: #fff;
}

#banners {
	position: absolute;
	top: 0;
	right: 10px;
	width: 250px;
	padding:0;
	margin-left:10px;
}
#banners h2 {
	font-size: 1em;
}

.bannerContainer {
	margin: 0 auto;
}


#widget-home {	
	clear:both;
	background: #fff;
	padding: 50px 0 0 0;
	font-size: .8em;
	line-height: 1.25em;
}
#widget-home ul, #widget-home li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#widget-home h2 {
	font-size: 1.2em;
}
#widget-home li.tweet_list {
	margin: 0 10px;
	padding: 6px 0;
	border-bottom: 1px dotted #f80;
}
#flickrrss a > img {
	margin-left: 5px;
}