@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 {

	

	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 {

		

	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 {
	line-height: 1.5em;

	margin-bottom: 1.1em;

	color: #000000;
	font: 112% helvetica, "microsoft sans serif", arial, sans-serif;

}



.entry {

	margin-bottom: 2em;
	font: 112% helvetica, "microsoft sans serif", arial, sans-serif;

}



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 1em 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;

	}





.featured img {

max-width: 540px;

width: expression(this.width > 540 ? 540: true);

}

img {max-width:540px;}



/* Misc stuff I've added

-----------------------------------------------------------------------------*/

.widg_is_duplicate{margin-left: .75em;}





img {

margin-left: auto;

margin-right: auto;

display:block;}





.footer-item {

float: left;

width: 33%;

padding-bottom: 10px;

}

.footer-item ul {

padding-left: 5px;

}









blockquote.mag{float:none;

margin:.5em;

padding:.5em;

font-size:1em;

background:#fafafa;

width:540px;

border:#dddddd 1.5px solid;

	-moz-border-radius: .5em;

	-webkit-border-radius: .5em;

color:#040404;}



blockquote.big{float:none;

margin:.5em;

padding:.5em;

font-size:1em;

background:#ffffff;

width:540px;

border:#ffffff 1.5px solid;

	-moz-border-radius: .5em;

	-webkit-border-radius: .5em;

color:#040404;}





blockquote.med{float:none;

margin:.5em;

padding:.5em;

font-size:1em;

background:#ffffff;

width:400px;

border:#ffffff 1.5px solid;

	-moz-border-radius: .5em;

	-webkit-border-radius: .5em;

color:#040404;}





blockquote.small{float:none;

margin:.5em;

padding:.5em;

font-size:1.2em;

background:#ffffff;

width:350px;

border:#ffffff 1.5px solid;

	-moz-border-radius: .5em;

	-webkit-border-radius: .5em;

color:#040404;}

.atab_box {
border:1px solid #CCCCCC;
color:#666666;
font-weight:normal;
margin-bottom:8px;
margin-top:8px;
padding:12px;
width:520px;
height:100px;
color: #000000;
font: 112% helvetica, "microsoft sans serif", arial, sans-serif;
}
.avatar{
				float:left;
    background-color: #$img_background;
    padding-top: 4px;
    margin: -12px 7px 8px 5px;

	}

.twittercount{
float: left; }


div.post.rounded {
font-size: 12px;
}


#content {
	float: left;
	padding: 10px 2% 10px 2%;
	margin: 20px 1% 20px 2%;
	background: #666;
	border: 5px solid #ccc;
	width: 44%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 41%;
	}
html>body #content {
	width: 41%; /* ie5win fudge ends */
	}

#content2 {
	float: right;
	padding: 10px 2% 10px 2%;
	margin: 20px 2% 20px 1%;
	background: #666;
	border: 5px solid #ccc;
	width: 44%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 41%;
	}
html>body #content2 {
	width: 41%; /* ie5win fudge ends */
	}

.#af-form-2006263388 {
padding-top: 10px
}