@charset "utf-8";
/*  
Theme Name: ef-twelve
Theme URI: http://www.envero.org/blog/
Description: Ultraclean theme heavily based on typography
Author: Sebastián Veggiani
Author URI: http://www.acionauta.com/
Version: 0.5
.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

*/


/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	font: 87.5%/1.5 Georgia, "Times New Roman", Times, serif; /* with this settings 1em = 14px approx. */
	color: #fafafa;
	background: #1f1f1f;
	padding: 0;
	margin: 0;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* close commented backslash hack */


/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important;; }
.alignMiddle { vertical-align: middle !important;; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }

.asBlock { display:block; }
.asInline { display:inline; }
.asRelative { position:relative; }
.asAbsolute { position:absolute; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }
.noPadding { padding: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w115px { width: 115px; }
.w120px { width: 120px; }
.w125px { width: 125px; }
.w150px { width: 150px; }
.w160px { width: 160px; }
.w175px { width: 175px; }
.w178px { width: 178px; }
.w180px { width: 180px; }
.w200px { width: 200px; }
.w220px { width: 220px; }
.w225px { width: 225px; }
.w240px { width: 240px; }
.w250px { width: 250px; }
.w260px { width: 260px; }
.w275px { width: 275px; }
.w300px { width: 300px; }
.w320px { width: 320px; }
.w350px { width: 350px; }
.w360px { width: 360px; }
.w365px { width: 365px; }
.w375px { width: 375px; }
.w400px { width: 400px; }
.w425px { width: 425px; }
.w440px { width: 440px; }
.w450px { width: 450px; }
.w475px { width: 475px; }
.w500px { width: 500px; }
.w510px { width: 510px; }
.w530px { width: 530px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }
.w940px { width: 940px; }

.pb5px { padding-bottom:5px !important; }
.pb10px { padding-bottom:10px !important; }

.pt10px { padding-top:10px !important; }

.mb5px { margin-bottom:5px !important; }
.mb10px { margin-bottom:10px !important; }
.mb15px { margin-bottom:15px !important; }
.mb20px { margin-bottom:20px !important; }
.mb30px { margin-bottom:30px !important; }

.mt20px { margin-top:20px !important; }
.mt30px { margin-top:30px !important; }
.mt40px { margin-top:40px !important; }
.mt50px { margin-top:50px !important; }
.mt60px { margin-top:60px !important; }

/* IE Hack */
input { margin:-1px 0px; }      /* all browsers read this, used to target IE6 */
html>body input { margin:0px; }       /* IE 6 cannot read this, others can */
*+html>body input {margin:-1px; }      /* targets IE7 */

/* =Basic Typography
-----------------------------------------------------------------------------*/
h1 { font-size: 2.857143em; line-height: 1.575000em; font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; font-weight: normal; }

	h1.medium { font-size: 2.28571em; line-height: 1.31250em; padding: 0.65625em 0; }	

	h1 a:link,
	h1 a:visited,
	h1 a:hover,
	h1 a:active { color: #fff; text-decoration: none; }

h2 { font-size: 1.785714em; line-height: 1.680000em; font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #aaa; }

	.post h2 { font-size: 2.285714em; line-height: 1.968750em; font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; font-weight: normal;  }


h3 { font-size: 1.857143em; line-height: 1.615404em; font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #aaa; }

h4 { font-size: 1.428571em; line-height: 2.1em; font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #aaa; }

h5 { font-size: 1.285714em; line-height: 2.333352em; font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #aaa; }

h6 { font-size: 1.0714286em; line-height: 1.4000000em; font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #aaa; }

p { font-size: 1em; line-height: 1.5em; padding: 0 0 1.5em 0; color: #eee; }

	p.small { font-size: 0.78571em; line-height: 1.90909em; padding: 0 0 1.90909em 0; color: #aaa; }

strong { font-weight: bold; }

em { color: #fff; font-style: italic; }

small { font-size: 0.78571em; line-height: 1em; }

sup { vertical-align: super; font-size: 0.78571em; }

sub { vertical-align: sub; font-size: 0.78571em; }

cite { font-style: italic; }

acronym { border-bottom: 1px dotted #bbb; }

abbr { border-bottom: 1px dotted #bbb; font-style:italic; }

pre { color: #eee; font-size: 0.85714em; line-height: 1.75em; font-family: Consolas, "Lucida Console", Monaco, monospace; margin: 0 0 1.75em 0;  }

blockquote { color: #fff; font-size: 1.21429em; line-height: 2.47059em; border-left: 1px solid #444; padding: 0 0 0 1em; margin: 0 0 1.23529em 4.76471em; }

hr { border: none; border-top: 0.071429em solid #444; margin: 0.64286em 0 0.71429em 0; height: 0; }

dl { padding: 0 0 0 5.75em; }
dt { font-weight: bold; color: #fff; font-variant: small-caps; font-size: 0.857143em; line-height: 1.75em; }
dd { padding: 0 0 1.5em 0; }

ol { padding: 0 0 1.5em 5.75em; list-style-position: outside; list-style: decimal; }

ul { padding: 0 0 1.5em 5.75em; list-style-position: outside; list-style: disc; }

small { font-size: 0.714286em; }

a:link, a:visited { color: #bbb; text-decoration: underline; }
a:hover, a:active { color: #fff; }
a:focus { background: #333; }


/* =Forms
-----------------------------------------------------------------------------*/
fieldset { border: 1px solid #444; }

legend { font-variant: small-caps; color: #fff; padding: 0 1em; }

label { font-size: 0.857143em; line-height: 1.75em; color: #fff; display: block; }

input { font-size: 14px; height: 20px; padding: 2px; font-family: inherit; background-color: #2a2a2a; border: none; border-bottom: 2px solid #555; margin: 8px 0 !important; color: #ccc; }
	input[type="radio"] { vertical-align: middle; padding: 0 !important; margin: 0 !important; border: none; }
	input[type="checkbox"] { vertical-align: middle; padding: 0 !important; margin: 0 !important; border: none; }
	input[type="file"] { border: none !important; height:27px; }
	input[type="submit"], input[type="reset"] { height: auto; margin: auto; padding: auto; border: 1px solid #555; padding: 3px; }
	input:focus { border-bottom: 2px solid #ccc; color: #eee; }

textarea { font-size: 14px; height: 209px; padding: 2px; font-family: inherit; background-color: #2a2a2a; border: none; border-bottom: 2px solid #555; margin: 8px 0 !important; color: #ccc; }
	textarea:focus { border-bottom: 2px solid #ccc; color:#eee; }

select { font-size: 14px; padding: 2px 2px 3px 2px; font-family: inherit; background-color: #2a2a2a; border: none; border-bottom: 2px solid #555; color: #ccc; margin: 8px 0 !important; }
	select:focus { border-bottom: 2px solid #ccc; color:#eee; }

	optgroup, option { font-family: inherit; }

.formRow { padding: 0 0 1.5em; }

/* =Tables
-----------------------------------------------------------------------------*/
table { width: 100%; margin: 0 0 1.5em 0; }

th { font-size: 0.78571em; line-height: 1.90909em; padding: 0.90909em 0 0.81818em 0; border-bottom: 2px solid #fff; font-weight: bold; }
td { font-size: 0.78571em; line-height: 1.90909em; }
	tr.even td { background: #272727; }

/* =Layout
-----------------------------------------------------------------------------*/
#wrapper { }

	#header { margin: 1.5em 0 1.5em 0; }
		
		#header #name { border-bottom: 0.214287em solid #fff; padding: 0.71429em 0 0.57143em 0; }
		
			#header #name p { font-size: 3.857143em; line-height: 1.166697em; padding: 0; color: #fff; }
			
			#header #name a:link,
			#header #name a:visited,
			#header #name a:hover,
			#header #name a:active { color: #fff; text-decoration: none; }
		
		#header #top-central { border-bottom: 0.214287em solid #fff; padding: 0.75em 0 0.535717em 0; height: 4.500027em; }

		#header #top-right { border-bottom: 0.214287em solid #fff; padding: 0.75em 0 0.535717em 0; height: 4.500027em; }

	#contents { padding: 0 0 3em 0; }
	
		#post {  }

			.post { }

				.post p.publication-data { font-size: 0.785714em; line-height: 1.909091em; padding: 0 0 1.909091em 0; color: #bbb; }
					.post p.publication-data a:link, .post p.publication-data a:visited { color: #aaa; }
					.post p.publication-data a:hover, .post p.publication-data a:active { color: #fff; }
				
				.post .metadata { padding: 0 0 1.5em 0; }
					.metadata p { font-size: 0.78571em; line-height: 1.90909em; padding: 0 0 1.90909em 0; color: #aaa; }
					.metadata a:link, .metadata a:visited { color: #aaa; }
					.metadata a:hover, .metadata a:active { color: #fff; }
				
				img.alignright { margin: 0 0 1em 1em; float: right; }
				img.alignleft { margin: 0 1em 1em 0; float: left; }
				img.aligncenter {display: block; margin-left: auto; margin-right: auto}
				a img.alignright { margin: 0 0 1em 1em; float: right; }
				a img.alignleft { margin: 0 1em 1em 0; float: left; }
				a img.aligncenter { display: block; margin-left: auto; margin-right: auto }

				#nav-below {
					border-top: 0.14286em solid #444;
					border-bottom: 0.14286em solid #444;
					padding: 0.64286em 0 0.57143em 0;
					margin: 0 0 1.5em 0; }
					
					#nav-below .nav-previous {
						float: left; }

					#nav-below .nav-next {
						float: right; }


			#comments-container { }
			
				#comments-container .comment {
					border-left: 2px solid #444;
					padding: 0.71429em 0 0.78571em 1.42857em;
					margin: 0 0 1.5em 4.14286em;
					position: relative }

				#comments-container .comment.alt {
					border-left: 1px solid #666; }

				#comments-container .comment.the-post-author {
					border-left: 1px solid #ccc; }

					#comments-container .comment .comment-number {
						position: absolute;
						top: 0;
						left: -55px;
						width: 45px;
						font-size: 1.857143em;
						line-height: 1.615404em;
						font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
						font-weight: bold;
						text-align: right;
						color: #444;
						padding: 0.38462em 0 0.42308em 0; }

					#comments-container .comment.alt .comment-number {
						color: #666; }

					#comments-container .comment.the-post-author .comment-number {
						color: #ccc; }

					#comments-container .comment .commentAuthor {
						border-top: 1px dashed #444;
						padding: 0.64286em 0 0 0; }
					
					#comments-container .comment .commentAuthor p {
						font-size: 0.78571em;
						line-height: 1.90909em;
						padding: 0;
						color: #aaa; }


		#sidebar { }
			
			#sidebar h2 { padding-top: 0.84em; }
			
			/* #sidebar ul li { font-size: 0.857143em;	line-height: 1.75em; } */
			#sidebar ul { font-size: 0.785714em; line-height: 1.818180em; padding: 0; list-style: none; list-style-position: inside; }
			#sidebar ul li { border-bottom: 0.090909em dashed #444; }
			
				#sidebar ul li a:link, #sidebar ul li a:visited { color: #eee; text-decoration: none; }
				#sidebar ul li a:hover, #sidebar ul li a:active {  color: #fff; text-decoration: underline; }


		#sidebar-two { }

			#sidebar-two h2 { padding-top: 0.84em; }

			/* #sidebar ul li { font-size: 0.857143em;	line-height: 1.75em; } */
			#sidebar-two ul { font-size: 0.785714em; line-height: 1.818180em; padding: 0; list-style: none; list-style-position: inside; }
			#sidebar-two ul li { border-bottom: 0.090909em dashed #444; }

				#sidebar-two ul li a:link, #sidebar-two ul li a:visited { color: #eee; text-decoration: none; }
				#sidebar-two ul li a:hover, #sidebar-two ul li a:active { color: #fff; text-decoration: underline; }
				
	#extra-info { border-top: 0.071429em solid #444; padding: 1.428580em 0 0 0; }
	
		#extra-info h2 { font-size: 1.428571em; line-height: 2.1em; }
		
		#archives { }
			
			#archives h3 { display: inline; font-size: 0.785714em; line-height: 1.909091em; } 

			#archives ul { font-size: 0.78571em; line-height: 1.90909em; padding: 0; list-style: none; color: #444; text-transform: lowercase;  }

				#archives ul li strong a:link, #archives ul li strong a:visited { color: #eee; text-decoration: none; font-weight: normal; }
				#archives ul li strong a:hover, #archives ul li strong a:active { color: #fff; text-decoration: underline; }
			
			#archives ul li span, #archives ul li a { margin: 0 0.13em; }
				#archives ul li a:link, #archives ul li a:visited { color: #aaa; text-decoration: none; }
				#archives ul li a:hover, #archives ul li a:active { color: #fff; text-decoration: underline; }
		
		#blog-roll {}
			
			#blog-roll h3 { font-size: 1em; line-height: 1.5em; font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #aaa; }		

			#blog-roll ul { font-size: 0.785714em; line-height: 1.818180em; padding: 0 0 1.90909em 0; list-style: none; list-style-position: inside; }
			#blog-roll ul li { border-bottom: 0.090909em dashed #444; }
				#blog-roll ul li a:link, #blog-roll ul li a:visited { color: #eee; text-decoration: none; }
				#blog-roll ul li a:hover, #blog-roll ul li a:active { color: #fff; text-decoration: underline; }

		#contact { }
		
			#contact ul { list-style: none; list-style-position: inside; padding: 0; }
		
			#contact ul li { font-size: 0.928571em; line-height: 1.846152em; padding: 0.692307em 0; }
				#contact ul li a:link, #contact ul li a:visited { color: #eee; text-decoration: none; display: block; }
				#contact ul li a:hover, #contact ul li a:active { color: #fff; text-decoration: underline; }
				
				#contact ul li a.rss { background: transparent url(img/icon_rss.png) no-repeat left center; padding: 0 0 0 2.615382em; }
				#contact ul li a.twitter { background: transparent url(img/icon_twitter.png) no-repeat left center; padding: 0 0 0 2.615382em; }
				#contact ul li a.linkedin { background: transparent url(img/icon_linkedin.png) no-repeat left center; padding: 0 0 0 2.615382em; }
				#contact ul li a.flickr { background: transparent url(img/icon_flickr.png) no-repeat left center; padding: 0 0 0 2.615382em; }
	
	#footer {
		margin: 1.5em 0; }
		
		#footer #credits p {
			color: #666;
			font-size: 0.78571em;
			line-height: 1.90909em;
			padding: 0; }
			
		#footer #credits a:link,
		#footer #credits a:visited {
			color: #666;
			text-decoration: underline; }

		#footer #credits a:hover,
		#footer #credits a:active {
			color: #fff; }


/* =General
-----------------------------------------------------------------------------*/
.grid { background: transparent url(img/12_col.png) repeat-y left top; }