/* @override http://www.sharing-inspiration.com/dev/wp-content/themes/shanghai/style.css */

/*
Theme Name: Shanghai
Version: 1.0
Author: Pekka Finland / Kairo
Author URI: 
Template: finpro
*/

/*@import url(../finpro/style.css);*/

/* @group Structure */

html {
	margin: 0;
	padding: 0;
	}

body {
	background: #eee;
	font: 10px Helvetica, sans-serif;
	color: #003478;
	margin: 0;
	padding: 40px 0;
	}

#page {
	background: white;
	box-shadow: 5px 0px 30px rgb(50,50,50);
	-moz-box-shadow: 5px 0px 30px rgb(50,50,50);
	-webkit-box-shadow: 5px 0px 30px rgb(50,50,50);
	margin: 0;
	overflow: hidden;
	padding: 0 20px;
	width: 790px;
	}

#header {
	height: 262px;
	margin: 0 0 30px;
	position: relative;
	width: 100%;
	}

#content {
	clear: both;
	display: inline;
	float: left;
	padding: 0 0 20px 0;
	margin: 0;
	width: 520px;
	}

#sidebar {
	margin-left: 540px;
	width: 250px;
	}

#footer {
	border-top: 1px solid;
	clear: both;
	padding: 1em 0;
	}

.clear {
	clear: both;
	}

/* @end */

/* @group Themes */

body.architecture {
	background-image: url(images/arkkitehtuuri_rami_niemi.png);
	}

.architecture #page {
	box-shadow: 5px 0px 30px rgb(114,199,231);
	-moz-box-shadow: 5px 0px 30px rgb(114,199,231);
	-webkit-box-shadow: 5px 0px 30px rgb(114,199,231);
	}

body.fine {
	background-image: url(images/kuvataide_pietari-posti.png);
	}

.fine #page {
	box-shadow: 5px 0px 30px rgb(0,105,60);
	-moz-box-shadow: 5px 0px 30px rgb(0,105,60);
	-webkit-box-shadow: 5px 0px 30px rgb(0,105,60);
	}

body.classical {
	background-image: url(images/klassinen_musiikki_sanna_mander.png);
	}

.classical #page {
	box-shadow: 5px 0px 30px rgb(177,5,157);
	-moz-box-shadow: 5px 0px 30px rgb(177,5,157);
	-webkit-box-shadow: 5px 0px 30px rgb(177,5,157);
	}

body.design {
	background-image: url(images/design_maija_louekari.png);
	}

.design #page {
	box-shadow: 5px 0px 30px rgb( 245,63,91);
	-moz-box-shadow: 5px 0px 30px rgb(245,63,91);
	-webkit-box-shadow: 5px 0px 30px rgb(245,63,91);
	}
	
body.electro {
	background-image: url(images/electro_lamberg.png);
	}

.electro #page {
	box-shadow: 5px 0px 30px rgb(73,202,188);
	-moz-box-shadow: 5px 0px 30px rgb(73,202,188);
	-webkit-box-shadow: 5px 0px 30px rgb(73,202,188);
	}

body.jazz {
	background-image: url(images/jazz_kasper_stromman.png);
	}

.jazz #page {
	box-shadow: 5px 0px 30px rgb( 75,8,161);
	-moz-box-shadow: 5px 0px 30px rgb( 75,8,161);
	-webkit-box-shadow: 5px 0px 30px rgb( 75,8,161);
	}

body.metal {
	background-image: url(images/metalli_musiikki_laura_laine.png);
	}

.metal #page {
	box-shadow: 5px 0px 30px rgb(34,80,95);
	-moz-box-shadow: 5px 0px 30px rgb(34,80,95);
	-webkit-box-shadow: 5px 0px 30px rgb(34,80,95);
	}

body.theater,
body.theatre {
	background-image: url(images/teatteri_sanna_annukka.png);
	}

.theater #page,
.theatre #page {
	box-shadow: 5px 0px 30px rgb( 255,88,0);
	-moz-box-shadow: 5px 0px 30px rgb( 255,88,0);
	-webkit-box-shadow: 5px 0px 30px rgb( 255,88,0);
	}

/* @end */

a {
	color: #003478;
	text-decoration: underline;
	}

a:hover {
	color: #72b2dc;
	}

strong {
	font-weight: bold;
	}

.info {
	line-height: 1.3;
	margin: 0;
	}

/* @group Header */

#header {
	}

#header h1 {
	background: none;
	float: left;
	font: bold 70px/.8 "Times New Roman", serif;
	letter-spacing: -1px;
	margin: 35px 0;
	width: 400px;
	}

#header h1 a {
	color: #003478;
	display: block;
	height: 100%;
	text-decoration: none;
	}

.description {
	background: url(images/logo.png) no-repeat center 35px;
	float: right;
	height: 225px;
	margin: 40px 0 0 0;
	text-indent: -1234em;
	width: 250px;
	}

#pimp-credit {
	height: 1em;
	position: absolute;
	right: 0;
	top: 0;
	}

#lang {
	clear: none;
/*	float: right;*/
	font-weight: normal;
	height: 3.5em;
	left: 540px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 12em;
	}

#lang li {
	clear: none;
	float: left;
	font-size: 1.2em;
	list-style: none;
	margin: .7em .5em 0 0;
	}

#lang .current a {
	display: block;
	text-decoration: none;
	}
/*
.current a,
.current a:hover {
	color: #003478;
	cursor: default;
	text-decoration: none;
	}*/

/* @group Nav */

#navi {
	font: bold 70px/1 "Times New Roman", serif;
	clear: left;
	overflow: hidden;
	margin: 0 0 1em;
	padding: 0 0 .2em 2.1em;
	position: relative;
	top: -.18em;
	}

.page-template-newsletter-php #header #navi {
	padding-left: 0;
	}

.page-template-newsletter-php #header #navi li:first-child:before {
	content: "";
	}

.page-template-newsletter-php #header #navi li:first-child a {
	top: auto;
	}

#navi li {
	float: left;
	font-size: 28px;
	font-weight: normal;
	line-height: 1;
	list-style: none;
	margin: 0;
	min-width: 71px;
	padding-top: 28px;
	}

#navi a {
	font-size: 22px;
	padding: 0 .4em;
	}

#navi .current {
	left: 0;
	letter-spacing: -1px;
	padding-top: 0;
	position: absolute;
	}

#navi .current a {
	color: #003478;
	font-size: 65px;
	padding: 0 .1em 0 0;
	text-decoration: none;
	}

/* @end */

/* @group Text Replacement */

body.ch #header h1 a span,
body.ch #navi li a span {
	background: none;
	}

#header h1 a,
#navi li a {
	position: relative;
	}
	
#navi li a {
	display: block;
	height: 26px;
	letter-spacing: -2px;
	margin-left: 4px;
	position: relative;
	top: -28px;
	}
	
#navi li.current a {
	height: 75px;
	margin-left: 0;
	top: auto;
	}
	
#navi li a span {
	background-position: left 4px;
	}
	
#navi li a:hover span {
	background-position: left -22px;
	}
	
#navi li.current a:hover span {
	background-position: left -75px;
	}

#header h1 a span,
#navi li span {
	height: 100%;
	position: absolute;
	width: 100%;
	}

#header h1 a span {
	background: url(images/sharing-inspiration.png) no-repeat;
	height: 147px;
	}

#blog-link span {
	background: url(images/nav-blog.png) no-repeat;
	}

#blog-link.current span {
	background: url(images/nav-blog-selected.png) no-repeat;
	width: 133px;
	}

#events-link {
	width: 93px;
	}

.ch #events-link.current {
	width: 200px;
	}

#events-link span {
	background: url(images/nav-events.png) no-repeat;
	}

#events-link.current span {
	background: url(images/nav-events-selected.png) no-repeat;
	width: 197px;
	}

#about-link span {
	background: url(images/nav-about.png) no-repeat;
	}

#about-link.current span {
	background: url(images/nav-about-selected.png) no-repeat;
	width: 171px;
	}

/* @end */

/* @group Order Dung */

.category-events #navi,
.Events #navi,
.page-id-334 #navi {
	padding-left: 3em;
	}

.page-id-2 #navi,
.page-template-page-about-php #navi {
	padding-left: 2.8em;
	}

#navi li:before {
	content: " / ";
	}

#navi .current:before {
	content: "";
	}

/* @end */

#feed-link {
	font-size: 1.2em;
	font-weight: normal;
	margin: .7em 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 12em;
	text-align:right
	}

#feed-link a {
/*	text-decoration: none;*/
	}

/* @end */

/* @group About Nav */

#about-nav {
	background: #233677;
	overflow: hidden;
	margin-top: -1.3em;
	padding: 0;
	}

#about-nav li {
	color: white;
	float: left;
	font-size: 1.6em;
	line-height: 2;
	list-style: none;
	margin: 0;
	}

#about-nav li:before {
	content: " / ";
	}

#about-nav li:first-child:before {
	content: "";
	}

#about-nav a {
	background: #233677;
	color: #8DB4E9;
	font-family: Georgia, serif;
	font-weight: bold;
	padding: 0 .6em;
	}

#about-nav .current a {
	color: white;
	}

/* @end */

/* @group Artist Nav */

#artist-nav {
	margin-right: -3em;
	padding: 0;
	}

#artist-nav li {
	float: left;
	font-size: 1.2em;
	list-style: none;
	margin: 0 2em 1em 0;
	width: 13.1em;
	}

/* @end */

/* @group Headers */

h2 {
	margin: 1em 0 0;
	}

.post h2 {
	font-size: 1.4em;
	margin: .2em 0 0;
	text-decoration: underline;
	text-transform: uppercase;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	margin: 0;
	padding: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}

/* @end */

/* @group Images */

p img {
	padding: 0;
	max-width: 100%;
	}

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;
	}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.wp-caption {
	font-weight: normal;
	margin: 10px 0;
	}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	padding: 5px 0;
	margin: 0;
	}

/* @end */

/* @group Lists */

.postmetadata ul,
.postmetadata li,
.yoast-taxonomy li {
	display: inline;
	list-style: none;
	}

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

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

/* @end */

/* @group Forms */

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

/* @end */

/* @group Sidebar */

/* @group Subscription Widget */

.widget_subscribe_form form {
	margin: 1em 0;
	}

.widget_subscribe_form label {
	margin-right: .5em;
	width: 4em;
	}

.widget_subscribe_form input {
	width: 12em;
	}

.widget_subscribe_form input.submit {
	margin-left: .5em;
	width: 6.5em;
	}

/* @end */

/* @group Widgets General */

#sidebar .widget {
	background: white;
	margin-bottom: 1em;
	}

#sidebar .widget h3 {
	background: #e6f2fa /*url(images/rasteri.png)*/;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: .5em;
	}

#sidebar .widget ul,
#sidebar .widget ol {
	margin: 0;
	}

#sidebar .widget li {
	background: none;
	border-bottom: 1px dotted;
	font-size: 1.1em;
	font-weight: normal;
	list-style: none;
	margin: 0;
	}

.textwidget {
	border-top: 1px dotted;
	margin-top: -1em;
	}

#sidebar .widgettitle a.rsswidget:first-child,
.widgettitle a.rsswidget img {
	display: none;
	}

#sidebar .widgettitle a.rsswidget {
	padding: 0;
	}

.events-link {
	border-top: 1px solid #ccc;
	}

#sidebar .widget li:last-child {
	border-bottom: none;
	}

#sidebar .widget li li {
	clear: left;
	font-size: 1em;
	}

#sidebar .widgettitle {
	background: none;
	border: 4px solid;
	border-width: 4px 0;
	font-family: Times, "Times New Roman", serif;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0;
	padding: .3em 0;
	text-transform: uppercase;
	}

/* @end */

#sidebar .widget li big.date {
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	margin: -.2em 1em .5em -.5em;
	text-align: right;
	width: 2.7em;
	}

#sidebar .widget li {
	overflow: hidden;
	}
/*
.ch #sidebar .widget li big.date {
	width: 4em;
	}*/

#upcoming-posts-3 {
	margin-top: -14px;
	}

#sidebar .widget_upcoming_entries li big.date {
	margin-left: -5.5em;
	width: 4.5em;
	}

#sidebar .widget_upcoming_entries .slider li img {
	position: relative;
	right: 3.9em;
	}

#sidebar .widget_upcoming_entries li a {
	padding-left: 6em;
	}

.widget_kbrss ul {
	margin-bottom: 1em;
	}

.widget_kbrss img {
	float: left;
	margin-right: 2em;
	}

/* @group Links */

#sidebar li a {
	display: block;
	padding: .8em 0;
	}

/* @end */

#sidebar .widget_tag_cloud a,
#sidebar .taxonomy a {
	display: inline;
	display: inline-block;
	line-height: 1.6;
	padding: 0 .4em;
	}

/* @group Taxonomy */

#sidebar .taxonomylist li {
	border: none;
	float: left;
	margin: .1em;
	}

/* @end */

/* @end */

/* @group Various */

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

/* @end */

/* @group Post */

.post,
div .page {
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 1em;
	overflow: hidden;
	padding-bottom: 2em;
	}

#content .postmetadata,
.yoast-taxonomy {
	color: #444;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .9em;
	}
	
.author {
	font-style: italic;
	}

.gallery-icon a img {
	border: none !important;
	}

/* @group Video */

.post .videos {
	clear: both;
	margin-bottom: 2em;
	height: 400px;
	padding: 2em 0;
	position: relative;
	}

.post .videos li {
	float: left;
	list-style: none;
	margin: 0;
	overflow: visible;
	width: 7.5em;
	}

* html .post .videos li {
	clear: left;
	_width: 100%;
	}

.post .videos .youku .video {
	left: 0;
/*	margin-left: -7.5em;*/
	position: relative;
	position: absolute;
	top: 4.7em;
	}

* html .post .videos .youku .video {
	_margin-left: 0;
	}

.post .videos li h3 {
	float: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	margin-right: .5em;
	padding: .6em 1em .4em;
	}

.post .videos .inactive h3 {
	cursor: pointer;
	text-decoration: underline;
	}

.videos li .video {
	border-top: 3px solid;
	clear: left;
	float: left;
	padding: 0;
	width: 480px;
/*	left: 0;
	position: absolute;
	top: 5em;*/
	}

.videos .inactive .video {
	display: none;
	}

/* @end */

/* @group Comment Button */

.comments-button {
	float: left;
	width: 11em;
	}
	
.comments-button a {
	display: block;
	font-size: .9em;
	font-weight: bold;
	padding: .6em 1.5em;
	text-align: right;
	text-transform: uppercase;
	}
	
.comments-button a:hover {
	background: #bbb;
	}

/* @end */

/* @group Events Specific */

.upcoming h2,
.category-events h2,
.category-5 h2 {
	overflow: hidden;
	}

.upcoming .post .date,
#content .category-events .date,
#content .category-5 .date {
	font-size: 1.3em;
	margin-top: -3.8em;
	text-align: center;
	padding: 1.2em .3em .9em;
	width: 5.4em;
	}

#content .category-events h2 .date,
#content .category-5 h2 .date {
	float: left;
	font-size: .7em;
	height: 1.5em;
	margin: -1.4em .7em -1.4em -.6em;
	text-align: center;
	padding: 1.3em .2em;
	width: 6.5em;
	}

* html #content .category-events h2 .date,
* html #content .category-5 h2 .date {
	_margin-top: -.4em;
	_padding-bottom: .6em;
	_padding-top: .4em;
	}

.upcoming .date big,
.category-events .date big,
.category-5 .date big {
	font-size: 1.5em;
	}
	
.slider {
/*	height: 420px;*/
	overflow: hidden;
	width: 100%;
	}
	
#sidebar .slider li {
	height: 240px;
	border: none;
	width: 222px
	}
	
#sidebar .slider li a {
	display: block;
	}
	
.slider img {
	display: block;
	margin: 0 auto 1em;
	}

/* @end */

/* @group Sociable */
	
.sociable {
	background: white;
	}

.sociable .sociable_tagline {
	color: black;
	float: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-top: 5px;
	width: 6em;
	}
	
.sociable ul {
	margin: 0;
	overflow: hidden;
	}
	
.sociable li {
	float: left;
	list-style: none;
	margin: 0;
	width: 24px;
	}
	
.sociable a {
	border: 1px solid #fff;
	display: block;
	padding: 3px;
	width: 14px;
	}
	
.sociable img {
	display: block;
	width: 14px;
	}
	
.sociable a:hover {
	background: #eee;
	border: 1px solid #e5e5e5;
	}

/* @end */

/* @end */

/* @group Footer */

#partners {
	background: white;
	height: 7em;
	padding: 0;
	width: 100%;
	}

#partners li {
	float: left;
	height: 5em;
	list-style: none;
	margin: 0;
	padding: 0 2em;
	position: relative;
	}

#partners a {
	display: block;
	height: 3em;
	padding-top: 1em;
	text-align: center;
	}

#partners a img {
	display: inline;
	}

/* @end */

/* @group Edit */

.edit {
	font-weight: bold;
	float: right;
	margin: -1em 0;
	width: 4.6em;
	}

.edit a {
	background: #111;
	border: 1px solid black;
	color: #eee;
	display: block;
	padding: .8em 1.3em;
	}

.edit a:hover {
	background: #333;
	color: white;
	}

/* @end */