/*   
Theme Name: Helsingin Vihreät
Theme URI: http://www.helsinginvihreat.fi/
Description: Helsingin vihreiden WordPress-teema
Author: Markus Koljonen
Author URI: http://iki.fi/markus.koljonen/

Version: 1.0
Tags: helsingin vihreat,vihreat,thematic,markus koljonen,green
*/

@import url('../thematic/library/styles/reset.css');

@import url('../thematic/library/styles/images.css');

@import url('../thematic/library/styles/plugins.css');

html
{
	background:url(images/banner-repeat-small.jpg) #FFF repeat-x 0 0;
	height:100%;
}

body
{
	background:url(images/banner-green-fi.jpg) transparent no-repeat top center;
	color:#333;
	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
	font-size:smaller;
	height:100%;
	line-height:1.4;
	text-align:center;
}

#wrapper
{
	margin:0 auto;
	min-height:100%;
	position:relative;
	text-align:left;
	width:990px;
}

* html #wrapper
{
	height:100%;
}

h1,h2
{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	line-height:1.1;
}

#content h1
{
	font-size:200%;
	margin: 0 0 .5em;
}
h2
{
	font-size:150%;
	margin:1em 0 .5em;
}
h3
{
	font-size:120%;
	margin:1em 0 .5em;
}

h1,h2,h3,h4,h5,h6
{
	color:#333;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
{
	border-bottom:3px solid transparent;
	color:#333;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover
{
	border-bottom:3px solid #3c7c00;
	color:#3c7c00;
	text-decoration:none;
}

a
{
	color:#3c7c00;
	text-decoration:none;
}

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

#main
{
	float:left;
	padding:1em 0 2em;
	width:990px;
}

#primary
{
	border-right:1px #ddd solid;
	float:left;
	font-size:90%;
	overflow:hidden;	
	width:158px;
}

#secondary
{
	border-left:1px #ddd solid;
	float:right;
	overflow:hidden;
	width:249px;
}

#container
{
	margin-left:160px;
	width:580px;
	overflow:auto; /* contain floats */
}

#container .section
{
	width:549px;
}
* html #container .section
{
	width:517px;
	border: 1px #eee solid;
}

#container .section-title
{
	border-top-color:#d8a673;
	color:#b85d00;
}

#container .section.highlight
{
	background-color:#f8efe6;
}

#secondary .section
{
	width:219px;
}

#secondary .widgettitle
{
	border-top-color:#7396ba;
	color:#004180;
}

#secondary .section.widget_twitter
{
	background-color:#e6e7f3;
}

.section
{
	float:left;
	padding:0 15px 1em 15px;
}

.section-title,.widgettitle
{
	border-top-style:solid;
	border-top-width:3px;
	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0;
	line-height:20px;
	margin:0;
	text-align:right;
}

.subsection
{
	padding-bottom:1em;
	width:259px;
}

.subsection.right
{
	float:right;
}

#header
{
	height:200px;
	width:988px;
}

#header h1
{
    padding-top: 30px;
	text-align: center;
}
#header h1 a
{
	border:none;
	display:block;
	width: 500px;
	height: 120px;
	margin: 0 auto;
}

#header h1 a span
{
	display:none;
}

.navi
{
	padding-top:10px;
}

#primary
{
  
}
#primary h3
{
	display: none;
}
#primary .main-navigation ul
{
	font-weight:700;
	margin-bottom:2em;
}

#primary .main-navigation ul ul
{
	font-weight:400;
	margin-bottom:0;
	margin-left:13px;
}

#primary .main-navigation ul li a
{
	background:none;
	display:block;
	padding:3px 10px;
}

#primary .main-navigation ul li.current_page_item a,
#primary .main-navigation ul li.current-cat a
{
	background:url(images/navi.png) #3c7c00 repeat-x 0 top;
	color:#FFF;
}

#primary .main-navigation ul li.current_page_item ul a,
#primary .main-navigation ul li.current-cat ul a
{
	background-color:#FFF;
	background-image:none;
	color:#3c7c00;
}

#primary .main-navigation li a:hover,
#primary .main-navigation ul li.current_page_item a:hover,
#primary .main-navigation ul li.current-cat a:hover
{
	background-color:#d1f6ba;
	background-image:none;
	color:#3c7c00;
	text-decoration:none;
}

.main-navigation
{
	padding-top:0;
}

#primary .rss a {
	display: block;
	padding-left: 24px;
	background: url(images/rss-icon.png) transparent no-repeat top left;
}

#languages
{
	border-top:1px #ddd solid;
	font-size:90%;
}

#languages a
{
	font-weight:400;
}

#blog
{
	margin-bottom:20px;
}

h2.blogpost-title
{
	font-size:220%;
	font-weight:700;
	margin:0 0 .2em;
}

.meta
{
	color:#999;
	margin-bottom:.5em;
}

.blogpost
{
	float:left;
	margin-bottom:1em;
}

.blogpost .meta
{
	color:#999;
	font-size:90%;
	margin-bottom:1em;
}

.actions
{
	color:#999;
	line-height:1.7;
	margin-top:5px;
}

#content-clips
{
	margin-bottom:30px;
}

#embedded-photostream,#featured-blog
{
	float:left;
	width:261px;
}

#embedded-video p
{
	margin-top:8px;
}

a.news-item
{
	border-bottom:2px solid transparent;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
	font-weight:700;
	letter-spacing:-1px;
	line-height:1.1;
}

a.news-item:hover
{
	border-bottom:2px solid #50a400;
	color:#50a400;
	text-decoration:none;
}

#news-actions
{
	margin-top:5px;
}

#featured-blog img
{
	border:1px #eee solid;
	float:left;
	width:90px;
}

#featured-blog .blogpost-text
{
	margin-left:98px;
}

#featured-blog h3
{
	font-size:150%;
}

#featured-blog blockquote
{
	display:block;
	font-size:150%;
	letter-spacing:-1px;
	margin-bottom:6px;
}

#featured-blog blockquote a
{
	border-bottom:2px solid transparent;
}

#featured-blog blockquote a:hover
{
	border-bottom:2px solid #50a400;
	text-decoration:none;
}

blockquote
{
	margin: 1em 0;
	padding: 20px;
	border: 1px solid #eee;
	width: 400px;
}

.widget_twitter
{
	background:url(images/vihertulkku.png) transparent no-repeat right bottom;
}

.widget_twitter .twitter
{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-color:#FFF;
	border-radius:8px;
	font-size:90%;
	padding:8px;
	width:140px;
}
.twitter-timestamp {
    color: #999;
}

dl
{
	margin-bottom:1em;
}

dt
{
	margin-top:.5em;
	font-weight: bold;
}

dd
{
	margin-left:1em;
}

#footer
{
	background-color:#3c7c00;
	border-top:1px #ddd solid;
	clear:both;
	color:#FFF;
	font-size:90%;
	height:220px;
	line-height:1.6;
	margin:-121px 0 0;
	padding:10px 0;
	position:relative;
	text-align:center;
}

#footer2
{
	margin:0 auto;
	text-align:left;
	width:990px;
}

#content {
	/*padding: 0 15px 220px 15px;*/
	padding: 0 15px 0 15px;
	/*overflow: auto;*/
}

#content.front
{
	padding: 0 0 0 0;
}

#contact
{
	color:#FFF;
	float:left;
	width:720px;
}

/*** Footer ***/

#footer h2
{
	color:#FFF;
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:2px;
	margin-bottom:1em;
	text-transform:uppercase;
}

.column
{
	float:left;
	clear:right;
	margin-right:15px;
	width:165px;
}

address
{
	margin-bottom:.8em;
	font-style: normal;
}

#feedback
{
	float:right;
	width:240px;
}

#footer form input, #footer form textarea
{
	background-color:#509700;
	border-width:0;
	margin-bottom:4px;
	width:240px;
	border: none;
}

#footer form input:hover, #footer form textarea:hover
{
	background-color:#80c700;
}

form input, form textarea
{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ddd;
	border-radius:4px;
	padding:4px 8px;
}

form input:hover, form textarea:hover
{
	background-color:#cfa;
}

.form-submit
{
	background-color:#eee;
	cursor:pointer;
}

/* Button */

a.button {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(images/green-button.png) no-repeat scroll -140px -37px;
	color:white;
	display:block;
	height:37px;
	padding-left:10px;
	text-decoration:none;
}
a.button span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(images/green-button.png) no-repeat scroll right 0;
	display:inline-block;
	line-height:27px;
	padding:5px 20px 5px 10px;
}
a.button:hover {
	background:transparent url(images/green-button.png) no-repeat scroll -140px -111px;
}
a.button:hover span {
	background:transparent url(images/green-button.png) no-repeat scroll right -74px;
}

p,form
{
	margin-bottom:1em;
}

strong,#languages a.selected,.youtube-channel-link
{
	font-weight:700;
}

.subsection.left,#embedded-media,#content-clips
{
	float:left;
}

.blog-options,#news .date,#twitter-bubble .date
{
	color:#999;
}

#footer form input:focus,.form-submit:hover
{
	background-color:#FFF;
}
*+html #footer
{
	margin-top: 0px;
}

#blog .photo
{
	float: right;
	border: 8px solid #F8EFE6;
	margin: 0 0 10px 10px;
}

.entry-utility, .entry-meta
{
	font-size: 90%;
	color: #999;
	margin: .7em 0;
}

/* Blog feed */

.widget_rss li {
  text-indent: -1em;
  padding-left: 1em;
}
.rss-date {
  font-size: 90%;
  color: #999;
}

/* Links to other languages */

#text-5 h3 {
  display: none;
}
#text-5 {
  text-align: center;
}

/* Navi specialities */

.page-item-34 ul {
  display: none; 
}
.page-item-34.current_page_item ul, .page-item-34.current_page_ancestor ul {
  display: block;
}
.page-item-665 {
  display: none;
}

/* Hand-crafted content */

hr {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}