/*
Theme Name: Raumainfo
Theme URI: http://raumasivut.fi/
Description: Antti Lehdon opinnäytetyön mukainen ulkoasu.
Version: 1
Author: Bittipaja.fi
Author URI: http://bittipaja.fi/
Tags: 
Text Domain: 



*/

@import "typography.css";
@import "raumankauppa.css";
body {
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: center -98px;
	background-color: #eff6e7;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#site_wrapper {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#site_canvas {
	float: left;
	background-color: #FFF;
}
#header {
	margin: 0px;
	padding: 0px;
}

#header_navigation {
	width: 976px;
	float: left;
	background-image: url(images/navigation-bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 4px;
	margin-left: 2px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#header_navigation a {
	display: block;
	float: left;
}
#header_navigation img {
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px;
}
#header_navigation_links_left {
	margin: 0px;
	float: left;
	overflow: hidden;
	padding: 0px;
	clear: both;
	list-style-type: none;
	width: 100%;
}
#header_navigation_links_left .flexipages_widget {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	width: 100%;
}
#header_navigation_links_left .flexipages_widget ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#header_navigation_links_left .page_item {
	float: left;
	list-style-type: none;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 9px;
	background-image: url(images/navigation-dl.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#header_navigation_links_left .page_item:first-child {
	background-image: none;
}

#header_navigation_links_left .page_item a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}

#header_navigation_links_left .page_item a:hover, #header_navigation_links_right .page_item a:hover {
	background-image: none;
	text-decoration: none;
	color: #006F3B;
}
#header_navigation_links_left .page_item a:focus, #header_navigation_links_right .page_item a:focus {
	color: #006F3B;
}
#header_navigation_links_left .current_page_item a, 
#header_navigation_links_right .current_page_item a,
#header_navigation_links_left .current_page_parent a, 
#header_navigation_links_right .current_page_parent a, 
#header_navigation_links_left .current_page_ancestor a, 
#header_navigation_links_right .current_page_ancestor a{
	color: #006F3B;

}


.widget {
	list-style-type: none;
	margin-bottom: 10px;
}
.widget img {
}

.textwidget {
}
#content .widget_rss {}
#content .widget_rss .widget_title img {
	display: none;
}

#content .widget_rss ul {
	margin: 0px;
	padding: 7px;
}
#content .widget_rss ul li {
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 0px;
}
#content .widget_rss ul li a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 0px;
}

#content .rsswidget {
	font-size: 14px;
	padding-bottom: 10px;
}
#content .rss-date {
	display: block;
	font-size: 10px;
}
#sidebar-1 .widget  ul ul,
#sidebar-1 .widget .current_page_item ul ul,
#sidebar-1 .widget .current_page_ancestor ul ul,
#sidebar-1 .widget .current_page_ancestor .current_page_item ul ul,
#sidebar-1 .widget .current_page_ancestor .current_page_ancestor ul ul {
	display: none;
	}

#sidebar-1 .widget .current_page_item ul,
#sidebar-1 .widget .current_page_ancestor ul,
#sidebar-1 .widget .current_page_ancestor .current_page_item ul,
#sidebar-1 .widget .current_page_ancestor .current_page_ancestor ul,
#sidebar-1 .widget .current_page_ancestor .current_page_ancestor .current_page_item ul,
#sidebar-1 .widget .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
	display: block;
	}

#sidebar-1 {
	float: left;
	width: 150px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	
}
#sidebar-1 .page_icon {
	display: none;
}
#sidebar-1 .widget {
	padding: 0px;
	margin-bottom: 10px;
	width: 100%;
}
#sidebar-1 .widget ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
}
#sidebar-1 .widget ul li {
	margin-bottom: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	list-style-type: none;

}
#sidebar-1 .widget ul li ul {
	padding-left: 4px;
}
#sidebar-1 .widget ul li ul li {
	margin-right: 1px;
	margin-left: 1px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 1px;
}
#sidebar-1 .widget ul li ul li ul {
}
#sidebar-1 .widget ul li ul li ul li {

}
#sidebar-1 .page_item {
}

#sidebar-1 .page_item a, #sidebar-1 #wpdir-category-list a, #sidebar-1 .NavigationList a {
	display: block;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	padding: 4px;
}
#sidebar-1 .page_item a:hover, #sidebar-1 #wpdir-category-list a:hover, #sidebar-1 .NavigationList a:hover {
	background-color: #FAFAFA;
}

#sidebar-1 .current_page_item {
}
#sidebar-1 .current_page_item > a, #sidebar-1 .Current a {
	color: #006F3B;
}
#sidebar-1 .current_page_parent > a {
	color: #006F3B;
}
#sidebar-1 .current_page_ancestor > a {
	color: #006F3B;
}

#sidebar-1 .textwidget a {
	background-image: none;
	margin: 0px;
	padding: 0px;

}
#sidebar-1 .textwidget a:hover {
	background-image: none;
}


#sidebar-1 #wpdir-top-pageranks .widget_title {
	background-image: url(images/nav-bg.jpg);
	background-position: left top;
	padding: 8px;
	background-repeat: no-repeat;
	width: 138px;
	text-transform: uppercase;
	color: #FFF;
}
#sidebar-1 #wpdir-top-pageranks > ul {
	background-image: url(images/widget-bg.jpg);
	background-repeat: repeat;
	background-position: center bottom;
	padding-top: 10px;
	padding-bottom: 5px;
}
#sidebar-1 #wpdir-top-pageranks > ul > li {
	background-image: none;
	padding-top: 5x;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}



#content {
	float: left;
	width: 490px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}
#content .page_icon {
	display: none;
}

#content_wide {
	float: left;
	width: 820px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}
#content_node_page {
	float: left;
	width: 820px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}
#content_home {
	float: left;
	width: 976px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}
.content_home {
	float: right;
	width: 550px;
	padding: 12px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.content_ilmainen{
	background-image: url(images/ilmainen-kulma.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.content_kulta{	
	background-image: url(images/kultainen-kulma.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.content_hopea{
	background-image: url(images/hopeinen-kulma.png);
	background-repeat: no-repeat;
	background-position: right top;}
.content_pronssi{
	background-image: url(images/pronssinen-kulma.png);
	background-repeat: no-repeat;
	background-position: right top;}

#selaa{
	margin-top: 40px;
}
.home_list {
	float: left;
	width: 400px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.home_list .widget_text  {
	float: left;
	padding: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EAEAEA;
	list-style-type: none;
}
.home_list .widget_text:first-child  {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.home_list .widget_text a  {
}

.home_list .widget_text h2 {
	padding: 0px;
	margin: 0px;
}

.home_list .textwidget img {
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.home_list .textwidget p  {
}
.home_list .textwidget P:first-child:first-letter {
}
.home_list .widget_slideshow ul {
	margin: 0px;
	padding: 0px;
}
#content_list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	clear: both;
	float: left;
}
#content_list  li {
	float: left;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#content_list  li  a {
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#content_list  li  ul {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#content_list  li  ul  li {
	float: left;
	width: 188px;
	padding: 0px;
	list-style-type: none;
	vertical-align: top;
	margin: 5px;
	border: 1px solid #EAEAEA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
#content_list  li  ul  li  a {
	display: block;
	height: 64px;
	font-size: 11px;
	padding: 10px;
}
#content_list  li  ul  li  a:hover {
	text-decoration: none;
	background-color: #F5F5F5;
}

#content_list .page_icon {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	margin-right: 10px;
}

#content_list .page_item {
}
#content_list .page_item a {
}

.content_margin {
	margin: 0px;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.content_frontpage {
	margin: 0px;
	overflow: hidden;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 100%;
	background-color: #F4F9E5;
}

.content_margin_wiki {
	margin: 0px;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.tag_cloud {
	background-color: #F4F9E5;
	text-align: justify;
	padding: 10px;
}
.widget_tag_cloud, .ctc {
	text-align: justify;
}
.ctc a {
}
.more-link {
	display: block;
	padding: 10px;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}
.archive-item {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EAEAEA;
	float: left;
	width: 100%;
}
#sidebar-2 {
	padding: 0px;
	width: 324px;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 4px;
	list-style-type: none;
}
#sidebar-2 img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#sidebar-2-top {
	padding: 0px;
	width: 326px;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	}
#sidebar-2-left {
	padding: 2px;
	width: 144px;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	}
#sidebar-2-right {
	float: left;
	width: 164px;
	margin: 0px;
	padding: 2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F5F5F5;
}

#footer {
	width: 900px;
	float: left;
	background-image: url(images/footer-bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #F5F5F5;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer a  {
	color: #FFF;
}
#footer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footer .widget {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}
#footer .widget .page_item {
	margin: 10px;
	display: inline;
}
#footer .widget .page_item a {
	color: #999;
}

#madeby {
	clear: both;
	float: left;
	color: #D5D5D5;
	margin-left: 30px;
}
#madeby a {
	color: #D5D5D5;
}

#raumawiki_haku, .wpdir_Widget_SearchLink_widget_searchlink div, #SearchForm {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.wpdir_Widget_SearchLink_widget_searchlink .widget_title {
	margin-left: -10px;
}
#raumawiki_haku input, .wpdir_Widget_SearchLink_widget_searchlink input, #SearchForm input {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#raumawiki_haku .input_field, .wpdir_Widget_SearchLink_widget_searchlink input#keyword, #SearchForm input#SearchInput {
	background-color: #FAFAFA;
	border: 2px solid #0C7E22;
	width: 60%;
	margin-right: 0px;
	font-weight: bold;
	color: #730028;
	text-transform: uppercase;
	padding-top: 11px;
	padding-right: 10px;
	padding-bottom: 11px;
	padding-left: 10px;
}

#raumawiki_haku .input_field:focus, .wpdir_Widget_SearchLink_widget_searchlink input#keyword:focus, #SearchForm input#SearchInput:focus {
	background-color: #FFF;
}

#raumawiki_haku .submit_button, .wpdir_Widget_SearchLink_widget_searchlink input, #SearchForm #SearchButton {
	width: 30%;
	background-color: #0C7E22;
	border: 2px solid #0C7E22;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	margin-left: -5px;
	padding: 10px;
}
#raumawiki_haku .submit_button:hover {
	cursor: pointer;
}.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 10px;
	background-color: #fff;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}
/* End Images */


#sidebar-2 .widget {
	padding: 4px;
}
#sidebar-2 .widget .widget_title{
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 10px;
}
#sidebar-2 .widget ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar-2 .widget ul li {
	list-style-type: none;
	display: block;
}
#sidebar-2 .widget ul .current_page_item {
	background-color: #F5F5F5;
}
#sidebar-2 .widget ul li a  {
	display: block;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	padding: 4px;
}
#sidebar-2 .widget ul li a:hover  {
	background-color: #FAFAFA;
}
#sidebar-2 .widget ul li ul  {
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#sidebar-2 .widget ul li ul li {
	display: block;
	text-decoration: none;
	padding-left: 10px;
}
.Link > br {
	display: none;
	}
.pikalinkit {
	list-style-type: none;
	margin: 0px;
	padding: 12px;
	width: 550px;
	float: right;
}
.pikalinkit li {
	width: 263px;
	float: left;
}
.pikalinkit li:first-child {
	width: 500px;
	float: left;
}