/* 
Theme Name: enterno media 
Description: A blank theme for you to draw on.
Author: Niko
Author URI: http://www.client.fi
Version: 1.0.1
*/

@import url(css/reset.css);

@import url(css/grid.css);



body { background: #eee; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }

h1,h2,h3,h4 { 

font-family: "Myriad Pro", Myriad Pro, Myriad, "Lucida Sans Unicode", Verdana, sans-serif;
font-style: normal;
font-weight: normal;
text-transform: normal;


}

a { color: #FF0000; text-decoration: none; }

a:hover { color: #000; text-decoration: underline;}

h1 a, h2 a, h3 a, h4 a { color: #000; } 

h1 { font-size: 2.4em; padding-bottom: 25px; }
h2 { font-size: 2em; letter-spacing: 0.1em; }
h3 { font-size: 1.6em; text-transform: uppercase; letter-spacing: 0.05em; }
h4 { font-size: 1.6em; letter-spacing: 0.05em; }

p { font-size: 1.2em; }

ul { font-family: "Myriad Pro", Myriad Pro, Myriad, "Lucida Sans Unicode", Verdana, sans-serif; list-style: none; }

.clear { clear: both; }

.center { text-align: center; }

.right { text-align: right;}

.color-1 { background: #e6433c; color: #fff; height: 35px;}
.color-2 { background: #8db716; color: #fff; height: 35px;}
.color-3 { background: #3b8ed5; color: #fff; height: 35px;}

.color-1 h3 { color: #fff; line-height: 35px;}
.color-2 h3 { color: #fff; line-height: 35px;}
.color-3 h3 { color: #fff; line-height: 35px;}

#container{ 
	margin: 0px auto;
	width: 98.6em;
	overflow: hidden;
	padding: 0em 1em 5em 1em; 
	background: #fff;
	color: #000;
	
	}
	
#content p { font-size: 1.3em; padding-bottom: 25px; line-height: 1.5em;}
#content p strong { font-weight: bold; }
#content ul { list-style: circle; padding-left: 15px;}
#content ul li { font-size: 1.3em; padding: 5px 0px; font-family: Arial, Helvetica, sans-serif;} 
	
#content h2 {padding-bottom: 10px; letter-spacing: 0;}

#content h4 { padding: 0px 0px; margin-bottom: 5px;}

#content { padding-top: 25px;}
#sidebar { padding-top: 25px;}

#sidebar ul.ajankohtaista li { margin: 5px 0px;}

#sidebar p.tarjous { font-size: 1.5em;}

#sidebar { color: #3e3d40; text-align: right;
font-family: "Myriad Pro", Myriad Pro, Myriad, "Lucida Sans Unicode", Verdana, sans-serif;

}

#sidebar h2 { font-size: 1.8em; padding-bottom: 15px; text-transform: uppercase;}

#sidebar ul, #sidebar p { padding-bottom: 25px; font-size: 1.3em; }

#sidebar ul li { padding: 2px 0px;}

#sidebar a { color: #3e3d40;  }
#sidebar a:hover { text-decoration: underline;}

.time {font-family: "Myriad Pro", Myriad Pro, Myriad, "Lucida Sans Unicode", Verdana, sans-serif;
 color: #747179; background: url(images/time.gif) no-repeat left top; padding-left: 35px; padding-top: 4px; margin-top: 10px; }
 
.kommentit { font-family: "Myriad Pro", Myriad Pro, Myriad, "Lucida Sans Unicode", Verdana, sans-serif;
background: url(images/comment.gif) no-repeat right top; padding-right: 25px;

}

.more { font-family: "Myriad Pro", Myriad Pro, Myriad, "Lucida Sans Unicode", Verdana, sans-serif;
}


#header { height: 450px; margin-bottom: 10px;}

div.menu ul { list-style: none; color: #3e3d40; padding-top: 10px; font-size: 1.4em;  }

div.menu ul li { margin: 0; padding: 0;}

div.menu ul li a { display: block; color: #3e3d40; padding: 3px 5px;}

div.menu ul li a:hover { background: #3e3d40; color: #fff; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 3px;
}

div.menu-2 ul { list-style: none; color: #3e3d40; padding-top: 10px; font-size: 1.4em;  }

div.menu-2 ul li a { display: block; color: #3e3d40; padding: 3px 5px;}

div.menu-2 ul li a:hover { background: #ff2700; color: #fff; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 3px;
}

#first-image { width: 65.4em; height: 269px; background: url(images/header-media-wide.jpg) no-repeat;}
#first-image-art { width: 65.4em; height: 269px; background: url(images/header-art-wide.jpg) no-repeat;}


#enterno-info { 
	background: #000; height: 269px;
	padding: 0px 10px;
	color: #fff;

	
	filter:alpha(opacity=80);  -moz-opacity:.80; opacity:.80;
	/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	
}

#enterno-info h1 { padding-top: 35px; padding-bottom: 15px;}

#enterno-info p { font-size: 1.4em; line-height: 1.5em;}


#footer { clear: both; width: 99.6em; margin: 0 auto; background: #3e3d40; color: #fff; padding: 5px 5px; }

#footer p { padding: 0px 10px;}

#footer a { color: #fff; }
#footer a:hover { text-decoration: underline;}

#logo { height: 150px; padding-top: 30px; }

#logo:hover { cursor: pointer;}

.otsikko div:first-child { z-index: 1000; }

.title:hover { color: #fff;}

.block { height: 35px; position: relative; zoom: 1; z-index: 100;}

.block p { padding-top: 7px;}

.block p a { color: #fff; }

.otsikko { height: 40px;}

.post{}

#postmeta { font-family: "Myriad Pro", Myriad Pro, Myriad, "Lucida Sans Unicode", Verdana, sans-serif; color: #3e3d40;}

#postmeta p { font-size: 1.3em;}

.postnavigation{}
#searchform{}

#comments { font-family: "Myriad Pro", Myriad Pro, Myriad, "Lucida Sans Unicode", Verdana, sans-serif; color: #3e3d40; border-top: 1px dotted #747179; padding-top: 25px;}

.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

ol#comments_list { list-style: none; margin-top: 15px;}

.post { border-bottom: 1px dotted #747179; padding-bottom: 25px; margin-bottom: 25px;}

div.wpcf7-response-output { font-size: 1.3em; }

.attachment-post-thumbnail { margin-bottom: 15px;}

#tyo { height: 225px;}