/*
Theme Name: Chillfinn 2009
Theme URI: http://wordpress.org/
Description: Back to the school of white minimalism
Version: 11
Author: Ville Vartiainen
Author URI: http://chillfinn.com/
Tags: white, minimal, nice grid

Colours:
Red:b20404
Text grey:333
lighter text:666
light divider grey:d8d8d8
*/

@import "reset.css";

/* Begin Typography & Colors */

h1, h2, h3 {
	font-family:Georgia, "Times New Roman", Times, serif;  
	text-transform:lowercase;
	margin-bottom: 0.5em;
	font-weight: normal;
}

h1{
	font-size:2.2em;
	font-weight: bold;
}

h1.big{
	font-size:2.8em;
	}

h2 {
	font-size:2em; 
}

h3 {
	font-size:1.5em; 
}

p {margin-bottom:1.2em;}

p {line-height:1.65em;}

h1 a, h2 a {
	text-decoration:none; 
	color:#1d1d1d;
	line-height: normal;
}
h1 a:hover, h2 a:hover {
	background:none;
	text-decoration:none; 
	color:#b20404;
}

a {	
	text-decoration:none; 
	color:#b20404;
}
a:hover {	
	background:#b20404; 
	color:#fff;
}

#pagenav li {padding-right:1.0em;}

#pagenav a { 
	background: url(images/ico-cross.jpg) 0 50% no-repeat;
	padding-left:10px;
	color:#333; 
}

#pagenav a:hover, #pagenav li.current_page_item a {
	color: #b20404; 
}

#footer li{list-style:none;}

a.cv {
	background: #fff url(images/cv.gif) 0 50% no-repeat; 
	display:block; 
	line-height:2em; 
	padding-left:25px;
}

a.cv:hover {
	background-color:#b20404; 
	color:#fff;
}

hr {
	height:1px; 
	border:none; 
	background:#d8d8d8; 
	margin:1em 0; 
	clear:both;
}



/* General layout */
body {
	font-size: 72.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;		
	background: #fff;
	color: #1d1d1d;
	}

#wrapper {
	background: #fff;
	width:980px;
	margin:0 auto;
	padding:0 3em;
}
#header {
	width:980px;
	overflow:hidden; 
	padding-top:20px;
	padding-bottom:9px;
	border-bottom:1px solid #999;
}

#header_hero {
	border-bottom:1px solid #333;
	padding:1em 0 8em 0;
}

#header_hero p {
	font: normal 3em Georgia, sans-serif;  
	text-transform:lowercase;
	margin-bottom: 0.5em;
}

#logo {
	background:url(images/chillfinn-logo.gif) no-repeat; 
	display:block; 
	float:left; 
	height:52px; 
	text-indent:-9000px; 
	width:63px;
}

#pagenav {
	float:left;
	margin-top:35px;
	margin-left:600px;	
	width:300px;
}

#pagenav li {
	display:inline;
	list-style:none;
}

#main {
	width:980px; 
	margin-top:30px;
	overflow:hidden;
}
#content img{
	border:1px solid #d8d8d8;
	max-width:500px;
}
#content {
	width:640px;
	float:left;
}
#subcol {
	width:320px;
	float:left;	
	margin-left:20px;
	font-size:0.9em;
}

#footer { margin:2em 0; padding-bottom:2em;}

.alignleft {float:left;width:40%}
.alignright {float:right;width:40%}

#content li {margin:2em; list-style:disc; line-height: 1.5em;}

.navigation {padding:0.5em 0;}

/* subcol styles */
#subcol ul {margin-bottom:1em;}
#subcol li {margin-bottom:1em; border-bottom: 1px solid #d8d8d8; padding-bottom: 0.5em;}

#subcol h3{
	background-color:#b20404; 
	color:#fff;
	padding:2px 5px;
	font-size: 1.6em;
}

.container {
	width:320px;
	overflow:hidden;
	}
	
#flickrrss img {margin:0 5px 5px 0;}
#flickrrss a:hover {
	background: none; 
}

/* Posts */

.post {
	margin-bottom:1.5em; 
	width:620px;
	overflow:hidden;
}

p.postdata {
	border-bottom:1px dotted #d8d8d8; 
	margin:10px 0 5px 0;
       font-size:0.9em;
	color:#333;
}
p.postmetadata {
	border-bottom:1px dotted #d8d8d8; 
	margin:5px 0 10px 0;
       font-size:0.9em;	
}

.postdata, .postdata a{ 
	color:#666;
}

.postdata a:hover{ 
	background:none;
	color:#b20404;
}

.entry {
	float:right;
	width:500px;
}

.post.single .entry {
	float:none;
	width:100%;
}

.meta_block {
	float:left;
	width:100px;
	padding-right:10px;
}

.postmetadata {color:#b20404;}

.postmetadata a:hover{ 
	color:#fff;
}

.hidden {display:none;}

#content form textarea{width:460px;}
legend {font-weight: bold; line-height: 2em;}
.required {color:#b20404;}
.contact-form input{ margin-bottom: 1em;}


/* Calendar styles */

#wp-calendar {width: 100% !important;}
#wp-calendar th{text-align: left;}
#wp-calendar td {padding:3px;}
#wp-calendar caption {	
	background-color:#b20404; 
	color:#fff;
	padding:3px 5px;
	font-weight: bold;
	margin-bottom: 5px;
	}