/*
Theme Name: Klang
Theme URI: http://www.klanghelsinki.fi/
Description: Template for Klang.
Author: Eemeli Nieminen
Author URI: http://eemelinieminen.com
Version: 1.0
.
General comments/License Statement if any.
.
*/


body {
	font: italic normal normal 10pt/1.5em Helvetica, Arial, verdana, geneva, sans-serif;
	color:#ccc;
	margin:0;
	padding:0;
	text-align:left;
	background: rgb(30,30,30) url('images/background_side.jpg') no-repeat 0 0;
}

#back_to_home {
	position:absolute; 
	margin-top:15px;
	left:250px;
}

#logo{
position:absolute;
height:220px;
width:220px;
left:15px;
margin-top:75px;
font-size:0;
color:transparent !important;
background: url('images/logo.jpg') no-repeat 0 0;
}

#logo:hover {
background: url('images/logo_hover.jpg') no-repeat 0 0;
}

#wrapper {
	width: 660px;
	margin:0 0 0 250px;
	padding: 100px 0 80px 30px;
	background: url('images/background_top.jpg') no-repeat 0 0 ;
}

* {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}

/* SIDEBAR */
#sidebar {
	float:right;
	width:220px;
	padding:0;
	margin:0;
}

/* FOOTER */
#footer { color: #666; width: 400px;}
#footer a { color: #666; }
#footer a:hover { color: #ccc; }

/* Arkisto */
#arkisto { margin-top:70px !important; }
#arkisto h4 { display: inline; }
#arkisto ul, #arkisto li { display: inline; list-style: none;}
#arkisto li { padding: 0 2px; }

/* Yhteystiedot */
#yhteystiedot { margin-top:5px !important; padding-top: 5px; border-top:solid 1px #444;}


/* HEADER */
#header {

}

#back_to_home a {
	color: #000;
	font-family:Helvetica, Arial, sans;
	font-style: italic;
	font-weight: bold;
	font-size: 12pt;
	margin:0 !important;	
}


/* CONTENT */
#content {
	width: 400px;
}

#content p {
	margin:1.5em 0;
	word-spacing:2px;
}

#content a {
	text-decoration:none;
	color: #ccc;
}


/* KIELIVALIKKO */
#kieli {
	position:absolute; 
	margin-top:15px;
	left:250px;
}

#kieli ul.qtrans_language_chooser {
	list-style:none;
}

ul.qtrans_language_chooser li {
	display:inline;
}

ul.qtrans_language_chooser li a {
	padding:0 5px 0 0;
	font-family: Helvetica, Arial, sans;
	font-style: italic;
	font-weight: normal;
	font-size: 9pt;
	color:#666;
	text-decoration:none;
	line-height:25px;
	display:inline;	
}

ul.qtrans_language_chooser li a:hover {
	color:#000;
}

ul.qtrans_language_chooser li.active a {
	color:#000;
}
ul.qtrans_language_chooser li.lang-fi {
	border-right: solid 1px #444;
	margin-right:5px;
}


/* ETUSIVUN ESITTELYTEKSTI */
#esittely h2 {
	font-family: 'HelveticaNeueW01-UltLtC 673374', Helvetica, Arial, sans;
	font-weight:normal;
	font-style:normal;
	font-size: 65px;
	line-height:1em;
	text-transform: uppercase; 
	margin:0 0 15px 0;
}

#esittely .textwidget p{
	font-family:'HelveticaNeueW01-ThinIt', Helvetica, Arial, sans;
	font-style:normal;
	font-weight:normal;
	font-size:12pt;
	line-height:1.6em;
	color: rgb(250,185,0);
}

/* ETUSIVUN KONSERTTILISTAUS */
ul#konsertit_list {
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	border-top:solid 1px #444;
}

ul#konsertit_list li a {
	display:block;
	padding:10px ;
	border-bottom:solid 1px #444;
}

ul#konsertit_list li a:hover {
	background-color: #444 !important;
}
 * html ul#konsertit_list li a {  /* make hover effect work in IE */
	width: 400px;
}

#konsertit_list h3 {
	color: rgb(250,185,0);
	font-family:'HelveticaNeueW01-ThinIt', Helvetica, Arial, sans;
	font-style:normal;
	font-weight: normal;
	font-size: 12pt;
	margin:0 0 2px 0 !important;	
}

#konsertit_list h4 {
	color: rgb(70,150,70);
	font-family:Helvetica, Arial, sans;
	font-style: italic;
	font-weight: normal;
	font-size: 10pt;
	margin:0 !important;	
}

ul#konsertit_list li p {
	margin:0 0 2px 0;
	line-height: 1.3em;
	
}


/* ETUSIVU KUMPPANIT */
#kumppanit {
	width:220px;
	padding:0;
}

#kumppanit h2 {
	display: none;
}

#kumppanit ul {
	list-style:none;
	margin:10px 0 20px 0;
	padding:0;
}

#kumppanit li {
	margin:0 0 10px 0;
	text-align:right;
}



/* KONSERTTISIVU */

#content h1 { 
	font-family: 'HelveticaNeueW01-UltLtC 673374', Helvetica, Arial, sans;
	font-style:normal;
	font-weight:normal;
	font-size: 58px;
	line-height:1em;
	text-transform: uppercase; 
	margin:10px 0;
	color:rgb(250,185,0);
}

p.post_time  {
	color: rgb(70,150,70);
	font-family:'HelveticaNeueW01-ThinIt', Helvetica, Arial, sans;
	font-style: normal;
	font-weight: normal;
	font-size: 12pt;
	line-height:1em;
	margin:0 !important;
	text-transform:uppercase;
	letter-spacing:1pt
}

#esiintyjat p {
	margin: 10pt 0 0 0;
	padding: 0 0 5pt 0;
	border-bottom:1px solid #444;
	color:#777;
}

blockquote {
	border-bottom:1px solid #444;
	border-top:1px solid #444;	
	padding: 0;
}

em {
	color:#777;
}

strong {
	color: rgb(70,150,70);
}

#content.single a {
	text-decoration:underline;
	color: rgb(250,185,0);
}

#content.single a:hover {
	text-decoration:none;
	color:#777;
}

/* KONSERTTISIVUN VALIKKO */
#konsertit {
	width:220px;
	padding:0;
}

#konsertit h2 {
	color: #777;
	font-family: Helvetica, Arial, sans;
	font-style: italic;
	font-weight: normal;
	font-size: 9pt;
	margin:0 !important;
	border-bottom:1px solid #444;
}

#konsertit ul {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}

#konsertit li {
	border-bottom:1px solid #444;
}

#konsertit li a {
	padding:0 3px;
	font-family: Helvetica, Arial, sans;
	font-style: italic;
	font-weight: normal;
	font-size: 9pt;
	color:rgb(250,185,0);
	text-decoration:none;
	display:block;
	line-height:25px;
}

#konsertit li a:hover {
	background-color:#777;
}


/*
#content ul, ol {
	margin:10px 10px 10px 25px;
	border-top:1px solid #eee;
}
#content li {
	padding:10px;
	border-bottom:1px solid #eee;
}
*/
img {
	padding:0;
	border:0;
}

a.more {
	display:block;
	text-align:right;
	color:#2F460D;
	text-decoration:none;
	margin:10px 0 0 0 ;
}
a.more:hover {
	text-decoration:underline;
}