/*
Theme Name: ContentFactory
Theme URI: http://www.verkko-ope.net/cf
Description: ContentFactoryn ulkoasupohja
Author: Juan Cubilla
version: 1.0
*/




/* basics */

body {
	background:#1a262d url('images/backg.gif') repeat-x;
	margin:0;
	padding:15px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

/* links */



/* container */


#container {
	width:904px;
	margin:0 auto;
	padding:0;
	}
	

/* header */

#top{
	background:url('images/backg_top.gif') no-repeat top left;
	padding-top:23px;
}

#topwrapper{ clear:both; background:#fff url('images/backg_topnav.gif') repeat-x bottom; height:193px;}

#header {
	background:url('images/cf_backg.gif') no-repeat left;
	width:226px;
	height:173px;
	float:left;
	padding:20px 0 0 78px;
	}

#header h1{
	font:normal 20pt georgia, times;
	padding:20px 0 0 16px;
	margin:0;	
	}
	
#header h1 a{display:none}


#header h2,
#topright h2{
	display:none;	
	}
	
#header #cf a{
	display:block;
	width:135px;
	height:174px;
	border:none;
	outline:none;
}	

/* main menu */

#topright {
	width:590px;
	padding:0 0 0 10px;
	float:left;
}

#search{
	margin:50px 60px 0 0;
	float:right;
}

#menu {
	margin:150px 0 0 0;
}



#menu ul {
	margin:0;
	padding:0;
}

#menu ul li {
	font-size:105%;
	font-style:italic;
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
	color:#fff;
}

#menu ul li a {
	color:#fff;
	padding:4px 12px;
	margin: 0;
	display:block;
	text-decoration:none;
	background:url('images/border_topnav.gif') no-repeat right;
}

#menu ul li a:hover {

	color:#e5f6fd;
	text-decoration:none;
}



/* content */

#mainwrapper{
background:#fff url('images/backg_cont.gif') no-repeat top;
padding:55px 40px 40px 40px;}

#content {
	float:left;
	width:500px;
	margin:0 0 0 85px;
	}	
	
#content h2{
	padding:0;
	margin:0 0 18px 0;
	color: #637075;
	font-style:italic;
	font-weight:normal;
	font-size:130%;
}	

#content h3{
	padding:0;
	margin:40px 0 15px 0;
	color:#60a7c3;
	font-weight:normal;
	font-size:108%;
}
	
#content p{
	font-family:Arial, Helvetica, sans-serif;
	color:#707579;
	margin:0 0 20px 0;
	padding:0;
	line-height:1.45em;
	font-size:95%;
}

#content p.promo{
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-0.02em;
	font-size:145%;
	font-weight:normal;
	line-height:1.3em;
	color:#6baec8;
	padding:0;
	margin:0 0 18px 0;
}

#content span.promo_title{
	font-size:115%;
	color:#212c43;
}

#content a:link, #content a:active, #content a:visited{
	color:#4caace;
	text-decoration:none;
}
#content a:hover{
	color:#4caace;
	text-decoration:underline;
}




#content ul {
	list-style-type:none;
	margin:25px 0 25px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
}
#content ul li{
	line-height:1.4em;
	color:#479ec0;
	padding:20px 20px 20px 60px;
	margin:0 0 5px 0;
	background:#f6fafc url('images/tick.gif') no-repeat 3% 50%;
	border-bottom:1px solid #d2e0e4;
}

#content ul.unstyled {
	list-style-type:disc;
	margin:0 0 25px 15px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
}
#content ul.unstyled li{
	line-height:1.4em;
	color:#479ec0;
	padding:0 20px 2px 0px;
	margin:0 0 5px 0;
	border:none;
	background:none;
}

#content ul.subtasks{
	list-style-type:disc;
	margin:0 0 25px 50px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
#content ul.subtasks li{
	line-height:1.5em;
	padding:2px 20px 2px 0px;
	margin:0 0 5px 0;
	border:none;
	background:none;
	color:#707579;
}



#content ul.links {
	list-style-type:none;
	margin:25px 0 25px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
}
#content ul.links li{
	line-height:1.2em;
	color:#479ec0;
	padding:12px 12px 12px 50px;
	margin:0;
	background:#fff url('images/backg_links.gif') no-repeat 3% 50%;
	border-bottom:1px solid #f2f2f2;
}

#content ul.links li.even{
	background:#f8f8f8 url('images/backg_links.gif') no-repeat 3% 50%;
}
#content ul.links a {
	color:#707579;
}

#content dl.gral{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px dashed #6baec8;

}
#content dl.gral dt{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#999999;
	margin:20px 0 8px 0;
	padding:0;
	line-height:1.45em;
	font-size:95%;
}

#content dl.gral dd{
	font-family:Arial, Helvetica, sans-serif;
	color:#707579;
	margin:0 0 20px 0;
	padding:0;
	line-height:1.45em;
	font-size:95%;
}

#content dl#contacts{
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	margin:0 0 20px 0;
	color:#707579;
}
#content dl#contacts dt{
	font-weight:bold;
	padding:10px 0 0 0;
}

#content dl#contacts dd{
	margin:0 0 5px 0;
	padding:0;	
}


#content dl#contacts dd.last{
	color:#479ec0;
	margin:0;
	padding:0 0 12px 0;
	border-bottom:1px dashed #c1d2d9;
}

/* forms */

fieldset{ border:none; background:#f8f8f8; padding:15px;}
legend{display:none;}
.contact-form input{ margin:0 0 8px 0;}
#ec_message{width:95%;}


/* news */

#news {
	clear:both;
	border-top:15px solid #f5f5f5;
	border-bottom:15px solid #fff;
	background:#fafafa url('images/backg_news.gif') repeat-x bottom;
	padding:20px 85px 20px 85px;
}

#news a, #news a:active, #news a:visited{
	color:#6b6b6b;
	text-decoration:none;
}
#news a:hover{
	color:#6b6b6b;
	text-decoration:underline;
}

#news h2{
	padding:0;
	margin:0;
	color: #505a61;
	font-style:italic;
	font-weight:normal;
	font-size:105%;
}

#news p{
	font-style:italic;
	font-size:85%;
	padding:0;
	margin:10px 0 10px 0;
	color:#6b6b6b;
	line-height:1.5em;
}

#news span{ color: #1f97b4; }

#latest{
	width:65%;
	margin-right:3%;
	float:left;
	padding-right:5%;
	border-right:1px dashed #c3c3c3;
}
#archives{
	width:25%;
	float:left;
}

#archives ul{
	list-style-type:none;
	margin:10px 0 10px 0;
	padding:0;
}
#archives ul li{
	color:#6b6b6b;
	font-size:85%;
	margin: 0;
	padding: 3px 0 3px 0;
	line-height:1.2em;
	list-style-type: none;
}

/* sidebar */

#sidebar {
	width:150px;
	float:left;
	margin:0 0 0 45px;
	padding: 0;
	}

#sidebar h2{
	padding:0;
	margin:25px 0 2px 0;
	color: #637075;
	font-style:normal;
	font-weight:normal;
	font-size:105%;
}

#sidebar ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#sidebar ul.private li{
	font-size:85%;
	margin: 0;
	padding: 10px 0 10px 15px;
	line-height:1.2em;
	list-style-type: none;
	background:url(images/lock.gif) no-repeat left;
	color:#436f80;
	border-bottom:1px dashed #c1d2d9;
}

#sidebar ul li {
	font-size:85%;
	margin: 0;
	padding: 10px 0 10px 15px;
	line-height:1.2em;
	list-style-type: none;
	background:url(images/rquo.gif) no-repeat left;
	color:#436f80;
	border-bottom:1px dashed #c1d2d9;
	}
	
#sidebar ul li a,
#sidebar ul li a:visited, 
#sidebar ul li a:active{ text-decoration:none; color:#436f80; }

#sidebar ul li a:hover { text-decoration:none; color:#212c43; }	

#sidebar ul ul {
	margin:14px 0;
	padding:0;
}

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

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

/* tables */

#wptable-2{
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#6b6b6b;
}

#wptable-2 th{
	color:#637075;
	border:none;
	background:none;
	padding:15px 4px 0 4px;
}
#wptable-2 td{
	padding:10px 4px 10px 4px;
}

#wptable-2 tr.alt {
 
 	background-color: #f8f8f8; 
	border-bottom:1px solid #f2f2f2;

}


/* comments */


#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}



/* search */

#searchform{
	height:30px;
	border:none;
	margin:0;
	padding:0;
	}

#searchform p{ margin:0; padding:0; }
#searchform input#s{
	width:141px;
	border:none;
	margin-right:5px;
	line-height:1em;
	vertical-align:middle;
	padding:8px;
	color:#999;
	background:#f5f5f5 url('images/backg_search.gif') no-repeat top left;
	}
	
input#searchsubmit{
	vertical-align:top;
	margin:5px 0 0 0;
	padding:0;
	width:21px;
	height:22px;
	background:url('images/magnifier.gif') no-repeat top;
	border:none;
}

	
	
/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	





/* footer */

#footer {
	width:904px;
	color:#ccc;
	background:#fff url('images/backg_footer.gif') no-repeat top center;
	clear:both;
	width:100%;
	padding:25px 0;
	}
	
#footer p{font-size:79%; font-style:italic; padding:0; margin: 0; color:#999999; text-align:center;}
#footer a{color: #BCBCBC;text-decoration: none;}
#footer a:hover{color: #5D5D5D;text-decoration: underline;}

/* extras */

.clear{	
	clear:both;
 	line-height:0.01em;
 	font-size:1px;}