@charset "UTF-8";
/*------------------------------------------------------------------------ 
Theme Name:    Modula Blue Giant
Theme URI:     http://www.modula.fi
Description:   Minimalistic magazine / blog theme
Version:       0.2
Author:        <a href"http://www.modula.fi">Modula</a>
Author URI:    http://www.modula.fi
Tags:		   Blue Giant, modula, widgets, magazine theme, minimalistic
------------------------------------------------------------------------*/

@import url("css/reset.css");
@import url("css/text.css");
@import url("css/960.css");

body { 
	background: #f5f5f5;
}

.container_12
{
/*
	Uncomment the line below to show the grid on the background
	background: url(img/12_col.gif) repeat-y;
*/
	margin-top: 3em;
}

.footer {
	text-align: left;
	padding-left: 5em;
	margin: 2em 0 2em;
}


/* Page menu
-----------------------------------------------------------------------------*/

.navi {
	margin-top: .3em;
	font-size: 1.1em;
	line-height: 1.6em;
	text-transform: uppercase;
}

.navi ul {
	margin: 0;
	list-style: none;
	margin-left: -.5em;
	text-indent: 0em;
}

.navi a, {
	text-decoration: none;
}

.current_page_item a{
	text-decoration: line-through;
}


/* UI elements
-----------------------------------------------------------------------------*/

.rounded {
	background: #fff url(img/white_gradient.jpg) repeat-x bottom;
	border: 1px #ddd solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #aaa solid;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}

.search_input {
	width: 90%;
	margin: 0;
	padding: .6em .4em .6em .8em;
	background: #fff;
	border: 1px #ddd solid;
	
}

.alignleft { float: left; }
.alignright { float: right; }


/* Typography
-----------------------------------------------------------------------------*/

h4.title {
	margin: 0;
	line-height: 1.1em;
}

h4.title a{
	text-decoration: none;	
}

h1.description {
	font-size: 6em;
	margin: 0 0 0 .8em;
	padding:.6em 0 .4em;
	line-height: 1em;
	letter-spacing: -1px;
}

h2.description {
	font-size: 4em;
	color: #b22222;
	margin: 0 0 0 .8em;
	padding:.6em 0 .4em;
	line-height: 1em;
	letter-spacing: -1px;
}

.post, .comments p{
	font-size: 1.2em;
	line-height: 1.8em;
}


/* Front page
-----------------------------------------------------------------------------*/

.featured {
	float: left;
	font-size: 1.2em;
	margin-bottom: 1.5em;
	padding: 1.8em 1.5em 1em 1.5em;
}

.featured img, .post img {
	padding: 1em;
	margin: 0 1.5em .8em 0;
	
	background: #fff url(img/white_gradient.jpg) repeat-x bottom;
	border: 1px #ddd solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #aaa solid;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}


/* Post
-----------------------------------------------------------------------------*/

.post {
	margin-bottom: 1.5em;
	padding: 1.8em 2em 0 1.5em;
}

.entry p:first-child {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1.1em;
	color: #444;
}

.entry {
	margin-bottom: 2em;
}

embed, object {margin-bottom: 1em;}


.navigation {
	font-size: 1em; 
	margin: 1.5em 0;
}



/* Comments
-----------------------------------------------------------------------------*/

.comments {
	margin: 2em 0 2em;
	padding: 2em 2em;
}

.comments li {
	font-size: 10px;
	list-style:none;
	border-bottom: 1px #ccc solid;
	margin: 0;
	margin-bottom:2em;
}

.postmetadata, .meta{
	color: #777;
	margin-bottom: 1.5em;
}


/* Archives and feeds
-----------------------------------------------------------------------------*/

.archives {
	width: 100%;
	padding: .4em;
	border: 1px #ddd solid;
}

.rss {
	margin-bottom: 1.5em;
	padding: .4em 0 0 3.5em;
	font-size: 1.1em;
	text-transform: uppercase;
	background: transparent url(img/rss_24.png) no-repeat center left;
}

/* Sidebar
-----------------------------------------------------------------------------*/

#sidebar {
	padding: 1em 2em 1em 1em;
}

#sidebar h4 {
	border-top: 1px #ddd solid;
	padding-top: .5em;
	line-height: 1;
}

#sidebar h2 {
	border-top: 1px #ddd solid;
	padding-top: .5em;	
	font-size: 1.8em;
}

#sidebar ul, #sidebar ul ol {
	margin-left: -1em;
	padding: 0;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul p, #sidebar ul select {
	margin: .5em 0 .8em;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 1.4em 0 1em 0em;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 1em;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: .3em 0 0;
	padding: 0;
	}