/*



Theme Name: Modernist



Theme URI: http://www.rodrigogalindez.com/themes/modernist



Description: A flexible, minimal theme focused on great typography. An invisible design to let you and your users focus on your content. Based on the design ideas of Jan Tschichold, Josef Müller-Brockmann, Dieter Rams, and other modernists. Supports widgets, SEO optimized, clean and documented code, fast to load, no plugins required. Works in WordPress 2.7 and superior. Works in IE 6 & superior and all versions of Safari/Firefox/Opera. Includes CSS3 buttons.



Version: 2.5



Author: Rodrigo Galindez



Author URI: http://www.rodrigogalindez.com



Tags: white, blue, black, silver, light, two-columns, fixed-width, threaded-comments, sticky-post, custom-header, custom-colors, custom-menu



License: GNU General Public License v2.0



License URI: http://www.gnu.org/licenses/gpl-2.0.html



*/







/* ----------------------------------------------- [ * ] */







* {



	margin: 0;



	padding: 0;



}







/* -------------------------------- [ General Elements ] */







body {



	font-family: Georgia, "Times New Roman", serif;



	font-size: 62.5%;



	color: #444;



}







hr {



	display: none;



}







img {



	vertical-align: baseline;



	border: 0;



}







p {



	margin: 0 0 10px 0;



	font-size: 1.2em;



	line-height: 1.45;



}







a {



	color: #8bc53e;



	text-decoration: none;



	outline: none;



}







a:hover {



	color: #ffffff;



}







h2.page-title {



	margin: 0 0 .5em 0 !important;



	font-size: 2.8em;



	font-weight: normal;



	color: #21759B;



	padding-top: 15px;



}







code {



	font-family: Monaco, "Courier New", fixed;



	font-size: 12px;



	color: #6C8318;



	font-weight: normal;



}







.logo {



	background-image: url(images/ekstrakt_logo.png);



}







/* ----------------------------------------- [ Fontface ] */







@font-face {



	font-family: 'BIN';



	src: url('font/binbdcond-webfont.eot?') format('eot'), 



	     url('font/binbdcond-webfont.woff') format('woff'), 



	     url('font/binbdcond-webfont.ttf')  format('truetype'),



	     url('font/binbdcond-webfont.svg#svgFontName') format('svg');



	}







/* ----------------------------------------- [ Wrapper ] */







#wrapper {



	width: 878px;



	margin: 0 auto;



	margin-top: 120px;



	margin-bottom: 40px;



	height: 1%;



}







#wrapper:after {



	content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}







/* ------------------------------------------ [ Header ] */











/* font-face hack */



.wf-loading #nav li { 



  visibility: hidden; 



}



.wf-active #nav li {



  visibility: visible; 



  font-family: 'BIN', 'Georgia', serif;



}











/* font-face hack */



.wf-loading #sidebar h2 { 



  visibility: hidden; 



}



.wf-active #sidebar h2, .wf-inactive #sidebar h2 {



  visibility: visible; 



  font-family: 'BIN', 'Georgia', serif;



}















#header-wrapper {



	height: 1%;



	clear: both;



}







#header-wrapper:after {



	content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}











#header img{



	position: absolute;



	margin-top: -160px;



	margin-left: 750px;	



}















#header h1 {



	font-size: 4.8em;



	font-weight: normal;



}







#header h1 a {



	text-decoration: none;



	border: 0 none;



}







#nav {



	margin: 0 0 15px 140px;



	padding: 15px 0 0 0;



	height: 1%;



	clear: both;



}







#nav:after {



	content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}







/* Son of Suckerfish Dropdowns: http://htmldog.com/articles/suckerfish/dropdowns/ */











#nav ul {



	list-style-type: none;



}







#nav li {



	margin-right: 25px;



	font-family: BIN, Verdana, sans-serif;



	font-size: 2.0em;



	line-height: 1.6;



	float: left;



	text-transform: uppercase;



}







#nav li.current-cat a {



	border-bottom: 3px solid #8bc53e;



}



#nav li.current_page_item a {



	border-bottom: 3px solid #8bc53e;



}







#nav li a {



	display: block;



	border: 0 none;



	color: #ffffff;



	border-bottom: 3px solid transparent;



    outline: none;



}







#nav li a:hover {



	color: #cccccc;



	border-bottom: 3px solid #8bc53e;



}











#nav li ul {



	position: absolute;



	left: -999em;



}







#nav li:hover ul,



#nav li.sfhover ul {



	left: auto;



}







#nav li ul li {



	font-size: 11px;



}







#nav li.current_page_item ul li a {



	font-weight: normal;



}







#nav li ul li a {



	border-bottom: 1px dotted #ccc;



}







/* ----------------------------------------- [ Content ] */







#content {



	width: 493px;



	padding: 15px;



	float: left;



}











#content p{



	font-family: Verdana, Geneva, sans-serif;



	color: #9c9c9c;



}











/* Post */







.post {



	margin: 0 0 25px 0;



	height: 1%;



	padding: 15px 15px 0px 15px;



	background: url(images/bg.png) repeat;







}



















.page {



	margin: 0 0 25px 0;



	height: 1%;



	padding: 0px 15px 0px 15px;







}



















.post:after,



.page:after {



	content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}







.post h1,



.post h2 {



	margin: 1.5em 0 .5em 0;



	font-size: 2em;



	color: #333;



}







.post h3 {



	margin: 2em 0 .5em 0;



	font-size: 2.0em;



	color: #333;



}







.post h4 {
	
	font-family: Verdana, Geneva, sans-serif;
	margin: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1.45;
	color: #ffffff;


}



.post h5,



.post h6 {



	margin: 2em 0 .5em 0;



	font-size: 1.4em;



	color: #333;



}







.post table {



	width: 100%;



	font-size: 1.4em;



	line-height: 1.65;



	border-collapse: collapse;



}







.post table th {



	padding: 5px 0;



	text-align: left;



}







.post table td {



	padding: 5px 0;



}







.post table tr {



	border-bottom: 1px solid #ddd;



}







.post dl {



	margin: 0 0 1.4em 0;



}







.post dt {



	margin-top: 1.4em;



	font-size: 1.4em;



	line-height: 1.65;



	font-weight: bold;



}







.post dt:first-child {



	margin: 0;



}







.post dd {



	font-size: 1.3em;



	line-height: 1.65;



}







.post ul,



.post ol {



	margin: 0 0 1.4em 0;



}







.post li {



	font-size: 14px;



	line-height: 1.65;



}







.post li ul,



.post li ol {



	margin-left: 15px;



}







.post address {



	font-size: 1.4em;



	line-height: 1.65;



	margin: 0 0 1.4em 0;



}







.post abbr,



.post acronym {



	border-bottom: 1px dotted #ccc;



}







.post pre {



	margin: 0 0 1.4em 0;



	font-family: Monaco, "Courier New", fixed;



	font-size: 12px;



	color: #6C8318;



}







.post kbd,



.post tt {



	font-family: Monaco, "Courier New", fixed;



	font-size: 12px;



	color: #666;



}







.post var {



	color: #892E12;



}







/* Hack to make the 'Div and Span Tests' unit test look better */



div.myclass strong { 



	font-size: 1.4em;



	line-height: 1.65;



}







.post blockquote {



	margin-left: 30px;



	padding-left: 15px;



	border-left: 2px solid #ddd;



}







.post img {



	max-width: 500px;



	height: auto;



	margin-top: 5px;



	margin-bottom: 0px;



	padding: 0px;



	background: #fff;



	border: 1px solid #ffffff;



}







.post-header h2 {



	margin: 0 0 10px 0;



	font-size: 2.1em;



	font-weight: normal;



	color: #333;



}







.post-header h2 a {



	border: 0 none;



	color: #8bc53e;



}







.post-header h2 a:hover{



	border: 0 none;



	color: #cccccc;



}







.post-header h3 {



	margin: 0 0 10px 0 !important;



	font-size: 2.1em;



	font-weight: normal;



}







.post-header h3 a {



	border: 0 none;



	color: #8bc53e;



}







.post-header h3 a:hover{



	border: 0 none;



	color: #cccccc;



}











.post-header p {



	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;



	font-size: 1.1em;



	color: #777;



}















.post-navigation,



.comment-navigation {



	margin: 0 0 40px 0;



	padding: 10px 0 0 0;



	background: transparent url("images/l.gif") no-repeat left top;



	clear: both;



	float: left;



	height: 1%;



}







.comment-navigation {



	margin-top: 40px;



}







.post-navigation:after,



.comment-navigation:after {



	content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}







.post-navigation ul,



.comment-navigation ul {



	list-style-type: none;



}







.post-navigation li,



.comment-navigation li {



	margin-right: 25px;



	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;



	font-size: 1.1em;



	color: #777;



	float: left;



}







.post-page-links {



	margin-bottom: 1.4em;



	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;



	font-size: 1.1em;



	line-height: 1.5;



	color: #777;



}







/* Comments */







.post-comments {



	margin: 0 0 40px 0;



	height: 1%;



}







.post-comments:after {



	content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}







.post-comments h2,



h3#comments-title, 



h3#reply-title {



	margin-bottom: 1em;



	font-size: 2.8em;



	font-weight: normal;



	color: #21759B;



}







.comment,



.trackback,



.pingback {



	width: 530px;



	margin: 0 0 20px 0;



	padding: 0 0 20px 0;



	border-bottom: 1px solid #ddd;



	clear: both;



	float: left;



	height: 1%;



}







.comment:after, 



.trackback:after,



.pingback:after {



	content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}







.pingback p, 



.trackback p {



	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;



	font-size: 1.1em;



	line-height: 1.5;



	color: #aaa;



}







.comment-avatar {



	width: 60px;



	float: left;



}







.comment-avatar img {



	width: 54px;



	padding: 2px;



	background: #fff;



	border: 1px solid #ddd;



}







.comment-body {



	width: 460px;



	margin-left: 10px;



	float: right;



}







.comment-body ul {



	margin: 0 0 1.4em 1.2em;



}







.comment-body li {



	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;



	font-size: 11px;



	line-height: 1.5;



}







.comment-body blockquote {



	margin-left: 30px;



	margin-bottom: 1.4em;



	padding-left: 15px;



	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;



	font-size: 11px;



	line-height: 1.5;



	border-left: 2px solid #ddd;



}







.comment-body blockquote p {



	font-size: 1em;



}







.comment-meta {



	margin: 0;



	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;



	font-size: 1.1em;



	line-height: 1.5;



	color: #777;



}







.comment-form table {



	width: 530px;



	border-collapse: collapse;



}







.comment-form th {



	width: 120px;



	padding: 2px 0 15px 0;



	text-align: left;



	vertical-align: top;



}







.comment-form th label {



	font-size: 1.3em;



	line-height: 1.4;



	color: #333;



}







.comment-form th p {



	margin: 0;



	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;



	font-size: 1.1em;



	font-weight: normal;



	color: #777;



}







.comment-form td {



	padding: 5px 0 15px 24px;



	vertical-align: top;



}







.comment-form td input {



	width: 280px;



	padding: 6px;



	font-family: Georgia, "Times New Roman", serif;



	font-size: 1.3em;



	border-left: 1px solid #999;



	border-top: 1px solid #999;



	border-right: 1px solid #ddd;



	border-bottom: 1px solid #ddd;



	color: #444;



}







.comment-form td textarea {



	width: 360px;



	padding: 6px;



	font-family: Georgia, "Times New Roman", serif;



	font-size: 1.3em;



	line-height: 1.65;



	font-weight: 300;



	border-left: 1px solid #999;



	border-top: 1px solid #999;



	border-right: 1px solid #ddd;



	border-bottom: 1px solid #ddd;



	color: #444;



}







#submit {



	width: auto;



	padding: 6px 10px;



	font-family: Georgia, "Times New Roman", serif;



	font-size: 1.3em;



	font-weight: bold;



	background: transparent url(images/bg-button.png) repeat-x 0 50%;



	background-color: #21759B;



	border: 0 none;



	color: #fff;



	cursor: pointer;



	border-radius: 3px;



	-webkit-border-radius: 3px;



	-moz-border-radius: 3px;



	-webkit-transition: all .2s linear;



}







#submit:hover {



	background-color: #1F536C;



	text-decoration: none;



}







.depth-2,



.depth-3,



.depth-4,



.depth-5 {



	margin: 15px 0 0 0;



	padding: 0;



	border: 0 none;



}







.depth-2 .comment-avatar {



	text-align: right;



}







.depth-2 .comment-body p {



	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;



	font-size: 1.1em;



	line-height: 1.5;



	color: #444;



}







.depth-2 .comment-avatar img {



	width: 30px;



	height: 30px;



}







.depth-3 .comment-avatar {



	width: 100px;



}







.depth-3 .comment-body {



	width: 420px;



}







.depth-4 .comment-avatar {



	width: 140px;



}







.depth-4 .comment-body {



	width: 380px;



}







.depth-5 .comment-avatar {



	width: 180px;



}







.depth-5 .comment-body {



	width: 340px;



}







/* ----------------------------------------- [ Sidebar ] */











#sidebar {



	width: 250px;



	padding: 15px 20px;



	font-family: Georgia, "Times New Roman", Times, serif



	font-size: 1.1em;



	line-height: 1.5;



	float: right;



	color: #ffffff;



}







#sidebar h2 {



	margin: 0 0 .9em 0;



	font-family: BIN, Verdana, sans-serif;



	font-size: 2.0em;



	line-height: 1.4;



	text-transform: uppercase;



	color: #ffffff;



}







#sidebar a {



	font-size: 1.3em;



	color: #8bc53e;



}







#sidebar a:hover {



	color: #cccccc;



}







#sidebar p {



	font-size: 1em;



	line-height: 1.5;



}







#sidebar ul {



	list-style-type: none;



}







#sidebar li {



	margin: 0 0 .4em 0;



}







#sidebar .section {



	margin: 0 0 10px 0;



	padding: 15px 0;



}







/* ------------------------------------------ [ Footer ] */







#footer {



	padding: 10px 0;



	clear: both;



}







#footer p {



	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;



	font-size: 1.1em;



	line-height: 1.5;



	color: #777;



}







/* Widget: Search */







#searchform input {



	width: 90%;



	padding: 6px;



	font-family: Georgia, "Times New Roman", serif;



	font-size: 13px;



	border-left: 1px solid #999;



	border-top: 1px solid #999;



	border-right: 1px solid #ddd;



	border-bottom: 1px solid #ddd;



	color: #444;



}







/* Widget: Calendar */







table#wp-calendar {



	width: 100%;



	border-collapse: collapse;



	text-align: center;



}







table#wp-calendar caption {



	letter-spacing: 2px;



	text-transform: uppercase;



}







table#wp-calendar caption,



table#wp-calendar td,



table#wp-calendar tr {



	padding: 5px 2px;



}







table#wp-calendar tr {



	border-bottom: 1px solid #ddd;



}







table#wp-calendar tr:last-child {



	border: 0 none;



}







/* Widget: Tag Cloud */







.tag-cloud {



	line-height: 1.65;



}







.wp-tag-cloud {



	line-height: 1.5;



}







/* Widget: Pages */







#sidebar ul.children {



	margin: .4em 0 0 15px;



}







/* General WordPress Classes */







.aligncenter {



	display: block;



	margin: 0 auto;



	text-align: center;



}







.alignleft {



	margin-right: 15px;



	float: left;



}







.alignright {



	margin-left: 15px;



	float: right;



}







img.alignnone {



	margin-right: 5px;



	margin-bottom: 0;



}







.wp-caption {



	padding: 2px 5px;



	background: #fff;



	border: 1px solid #E9E9E9;



}







.wp-caption p {



	font-size: 1.1em;



	line-height: 1.5;



}







.wp-caption img {



	margin-top: 10px;



	margin-bottom: 10px;



	padding: 0;



	border: 0 none;



}







.wp-caption a[rel] {



	border: 0 none;



}







.gallery dd {



	font-size: 1.1em;



	line-height: 1.5;



}







.gallery-caption,



.wp-caption-text {



	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;



	text-align: center;



}







.gallery-icon a {



	border: 0 none;



}







.gallery-item img {



	margin-bottom: 5px;



	border: 1px solid #E9E9E9 !important;



}



















/* Date */







.date_cal { 



	float:left; 



    display:block; 



	margin: -15px 2px 0px -100px; 



    } 



	







.date_cal .date { 



	color: #8bc53e; 



	font-size: 1.5em; 



	margin: 0px 5px 0 0px;



	float:left; 



    } 











.date_cal .month { 



	color: #ffffff; 



	font-size: 1.5em; 



	margin: 0 0 0 0px; 



	text-transform: uppercase;



	float:right;



    }



	







span.title {



	color: #8bc53e;



}







span.cloud {



	margin: 0 0 10px 0;



}