/*
Theme Name: Victorgil.com
Theme URI: http://victorgil.com/
Description: Minimal theme with three columns
Version: 1.0
Author: Jose del Corral
Author URI: http://josedelcorral.es/
Tags: minimal, white, three columns, widgets

*/



/* ------------------------------------------------- NORMALIZACION -------------------------------------- */

body {
	font-size: x-small;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	line-height:1.5em;
	background: #FFF url('images/bg_back.png') repeat-x top left;
}

*{
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	outline: none;
}
.accesible {
	display:none;
}

a { color: #235E8B; }
a:hover { color: #333;}
a img { border: none;}

/* end */

.wrapper {
  width: 97.1em;
  margin: 0 auto;
  height: 1%;
  position: relative;
  overflow: hidden;
}

.separata {
	clear:both;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* ------------------------------------------------- LAYOUT -------------------------------------- */

#container {
	  width: 100em;
		margin: 0 auto;
}

/* ------------------------------------------------- HEADER -------------------------------------- */

#header {
	padding: 0em 0 2em 0;
	overflow: hidden;
}
#header h1 a {
	background: url('images/bg_logo.png') no-repeat top left;
	font-size: x-small;
	width: 20em;
	margin: 0;
	position: relative;
	top: 2em;
	float: left;
	height: 5.1em;
}
#header ul {
	list-style: none;
	padding: 0em 0 0 2.5em;
	overflow: hidden;
}
#header ul li {
	float: left;
	margin-right: 0.1em;
	font-size: 1.3em;
}
#header ul li a {
	color:#333;
	padding: 3.5em 1.5em 1.5em;
	text-decoration: none;
	display: block;
}
#header ul li.active,
#header ul li:hover {
	background: url('images/header_list_right.png') no-repeat top right;
	padding-top: 0;
}
#header ul li.active a,
#header ul li:hover a {
	color: #fff;
	background: url('images/header_list_left.png') no-repeat top left;	
}
#header .description {
	clear: both;
	background: url('images/desc_icon.png') no-repeat top left;	
	padding: 0 3em 0 1.5em;
	margin-top: 1em;
	font-family: "Helvetica Neue", Helvetica;
	font-weight: normal;
	color:#333;
	line-height: 110%;
	font-size: 2.5em;
}
#twitter_div {
	background: url('images/twitter_logo.png') no-repeat right top;	
	overflow: hidden;
}
#twitter_div a {
	float: right;
	margin: 1em 0;
	font-weight: bold;
}
#twitter_div span a {
	float: none;
	margin: 0:
}
#sidebar li.widget_delicious {
	background: url('images/delicious_logo.gif') no-repeat 97% top;
	padding-bottom: 0em;
}
.widget_delicious ul {
		background: transparent url(images/bg_separator.png) no-repeat scroll center bottom;
		padding-bottom: 4em;
}
/* ------------------------------------------------- CONTENT -------------------------------------- */

#content {
	overflow: hidden;
	margin-top: 1.5em;
	height: 1%;
}
#content .main_container {
	float: left;
	margin-right:1em;
	background: url('images/bg_separator_vert.png') no-repeat right top;
	width: 30.5em;
	padding: 0 3em 0 0em;
}
.main_container ul {
	list-style: none;
}
.main_container ul li {
	background: url('images/bg_separator.png') no-repeat bottom center;
	padding: 0 0 3em 0;
	overflow: hidden;
}
.main_container ul li h2 {
	text-indent: -999em;
	margin-left: -0.1em
}
.main_container ul li h2.articles a {
	background: url('images/articles_icon.png') no-repeat center left;
	width: 24em;
	height: 2.5em;
	font-size: x-small;	
	display: block;
}
.main_container ul li h2.books a {
	background: url('images/books_icon.png') no-repeat center left;
	width: 9em;
	height: 2.5em;
	display: block;
	font-size: x-small;	
}
.main_container ul li h2.media a {
	background: url('images/media_icon.png') no-repeat center left;
	width: 11em;
	display: block;
	height: 2.5em;
	font-size: x-small;	
}
.main_container ul li h2.formacion a {
	background: url('images/form_icon.png') no-repeat center left;
	width: 13em;
	display: block;
	height: 2.5em;
	font-size: x-small;	
}
.main_container ul li p {
	margin-bottom: .5em;
	font-size: 1.25em;
	line-height: 145%;
	color: #666;
}
#content .blog_container {
	float: left;
	position: relative;
	background: url('images/bg_separator_vert2.png') no-repeat right top;
	width: 30.5em;
	padding: 0 3.5em 0 .5em;
}
#container #sidebar {
	float: right;
	padding: 0 0 0 1em;
	width: 29em;
}
#content h3 {
	font-size: 1.5em;
	margin: 0 0 1em 0;
	font-weight: normal;
	line-height: 120%;
}
#content h4 {
	font-size: 1.3em;
	margin: 0 0 1em 0;
	font-weight: normal;
	line-height: 120%;
}
.blog_container h3 {
	width: 87%;
	float: left;
}
#content .post_container h3 {
	font-size: 1.6em;
	margin-bottom: 2em;
	color: #333;
	font-family: "Helvetica Neue", Helvetica;
}
#content .post_container .post h3 {
	font-size: 2em;
	margin-bottom: 1em;
}
#content h3 {
	color: #333;
}
#content h3 a {
	color: #235E8B;
	text-decoration: none;
}
.post_container h2 {
	font-size: 1.8em;
	margin: 0 0 1em 0;
	line-height: 120%;
	color: #235E8B;
}
.post_container .fn {
	font-weight: bold;
	font-style: normal;
}
#content h2 {
	margin-bottom: 1em;
}
#content h2.news a {
	background: url('images/news_icon.png') no-repeat center left;
	width: 11.3em;
	height: 2.5em;
	display: block;
	margin-left: -0.3em;
	font-size: x-small;
}
#content h2.blog a {
	background: url('images/blog_icon.png') no-repeat center left;
	width: 5.5em;
	margin-left: -0.3em;
	display: block;
	height: 2.5em;
	font-size: x-small;
}
#content h2.sidebar {
	background: url('images/live_icon.png') no-repeat center left;
	width: 7.3em;
	height: 2.5em;
	margin-left: -0.3em;
	margin-top: 0;
	font-size: x-small;
}
#content #twitter_div h2.widgettitle {
	background: url('images/twitter_icon.png') no-repeat center left;
	width: 6.5em;
	text-indent: -999em;
	height: 2.5em;
	font-size: x-small;
}
#content .widget_delicious h2.widgettitle {
	background: url('images/delicious_icon.png') no-repeat center left;
	width: 9.3em;
	text-indent: -999em;
	height: 2.5em;
	margin-top: 0;
	font-size: x-small;
}
#content h2.titles a {
	text-decoration: none;
	color: #8DB745;
}
.post {
	background: url('images/bg_separator.png') no-repeat bottom center;
	padding: 0 0 4em 0;
}
.post .entry {
	margin-bottom: 1em;
	clear: both;
	font-size: 1.25em;
	color: #666;
	line-height: 145%;
}
.post_container .entry p {
	margin-bottom: 1em;
}
.post .entry strong,
li strong {
	color: #333333;
}
.post_container {
	float: left;
	width: 65em;
}
/* ------------------------------------------------- SIDEBAR -------------------------------------- */

#sidebar ul {
	list-style: none;
}
#sidebar #searchform label {
	display: none;
}
#sidebar #searchform {
	margin-top: 1em;
}
#sidebar h2 {
	color: #235E8B;
	text-decoration: none;
	font-size: 1.3em;
	margin: 0 0 1em 0;
	line-height: 120%;
}
#sidebar h2.titles {
	font-size:1.8em;
	margin: 0 0 1em 0;
}
#sidebar h2 a {
	font-size: 1em;
	color: #8DB745;
	text-decoration: none;
}
#sidebar ul li ul {
	margin-top: 2em;
} 
#sidebar ul li ul li {
	font-size: 1.2em;
	background: none;
	padding: 0;
}
#sidebar ul li ul li span {
	color: #666666;
}
#sidebar ul li ul li.delicious-item {
	background: url('images/list_back.png') no-repeat left .2em;
	padding-left: 2em;
	margin-bottom: 1em;
}
#sidebar ul li ul li.delicious-item a {
	text-decoration: none;
	color: #666;
}
#sidebar ul li ul li a {
	text-decoration: none;
}
#sidebar ul li {
	background: url('images/bg_separator.png') no-repeat bottom center;
	padding: 0 0 4em 0;
	overflow: hidden;
	height: 1%; 
}

/* ------------------------------------------------- COMMENTS -------------------------------------- */

div.comments {
	background: url('images/comment_icon.png') no-repeat left center;
	display: block;
	width: 3.2em;
	float: right;
	position: relative;
	height: 3.2em;
    font-weight: bold;
}
div.comments span {
	font-size:1.4em;
	left:0.85em;
	position:absolute;
	top:0.4em;
}
div.comments a {
	text-decoration: none;
	color: #666;
}
#commentform p {
	margin-bottom: 1em;
}
#commentform p label {
	font-size: 1.2em;
	color:#666;
}
#commentform p input,
#commentform p textarea {
	border: 1px solid #999;
	padding: .2em 0;
}
.commentlist {
	font-size: 1.25em;
	line-height: 145%;
	color: #666;
	margin-top: 1em;
}
.comment-author {
	overflow: hidden;
	float: left;
	width: 25em;
	margin-bottom: 1em;
}
.comment-meta {
	float: right;
}
.commentlist li {
	background: transparent url(images/bg_separator.png) no-repeat scroll center bottom;
	padding-bottom: 4em;
}
.commentlist li p {
	clear: both;
}
.comment-author img {
	float: left;
	margin: 0 .5em 0 0; 
}

.alignleft {
	float: left;
	margin-right: .5em;
}
.alignright {
	float: right;
	margin-left: .5em;
}
.aligncenter {
	text-align: center;
}
.main_pic {
	display: block;
	margin: 0 auto;
	border: 6px solid #666;
}
.more-link {
	float: right;
	font-weight: bold;
}
.postmetadata {
	clear:both;
	margin:1em 0;
	color: #333;
	text-transform: uppercase;
	font-size: 1.1em;
}
.post_container .postmetadata {
	margin-top: 2em;
	font-size: 1.1em;
	color: #666666;
}
.post_container .postmetadata.alt {
	display: none;
}
.postmetadata .comments {
    display: block;
}
#respond {
	clear: both;
}
.nocomments {
	display: none;
}
.more_info{
	font-size: 1.25em;
	float: right;
	margin: 1em 0;
}
.readmore {
	float: right;
	margin: 1em 0;
}
.navigation {
	font-size: 1.2em;
}


.wpcf7 input,
.wpcf7 textarea {
	border: 1px solid #999;
	padding: .2em 0;
}
.wpcf7 textarea {
	width: 40em;
	font-size:1.2em;
	color:Ê#333;
}
a.feeds {
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(images/rss_icon.png);
	background-position:right top;
	background-repeat:no-repeat;
	display:block;
	height:2.4em;
	position:absolute;
	right:4em;
	width:2.4em;
}
/* ------------------------------------------------- FOOTER -------------------------------------- */


#footer {
	overflow: hidden;
	padding-top: 1em;
	margin-top: 2em;
}

#footer p {
	font-size: 1.2em;
	color: #666666;	
}