/*
Site Name: Tampereen Sävel
Site URI: http://www.tamperemusicfestivals.fi/vocal
Description: Layout for Tampereen Musiikkijuhlat / Tampereen kaupunki
Author: Tampereen Musiikkijuhlat / Tampereen kaupunki
Author URI: http://www.tamperemusicfestivals.fi
Designed by: Joonas Ylitalo // Fullsize.fi
*/


/* --- VARIT
Varikaala: Oranssi #f009ebc, Valkoinen #fff
Taustavari: #fff  //  Otsikkovari: #f009ebc  //  Leipateksti: #FFF  //  Palkit: #000  //  Linkit: #f009ebc
*/


/* --- SISALTO

01. TYPOGRAFIA & KUVAT & LINKIT
		1. Otsikot
		2. Oletusteksti
		3. Linkit
		4. Kuvat
		5. Muut
02. RAKENNE
		1. Rakenne
		2. Header
		3. Sisalto
		4. Footer
03. VALIKOT / LISTAT
		1. Valikko
04. LAATIKOT
05. MUUTA
		1.
--- */

@import url('css/default.css');

/* ________________________________________________________________________________________________________________

                                                  01. TYPOGRAFIA & KUVAT
   ________________________________________________________________________________________________________________ */


/* ------- 1. Otsikot  ------- */
.teksti h1 {color:#009ebc; font-size:24px; border-bottom:1px solid #E5E5E5; padding-bottom:10px; margin-bottom:30px; font-family:Arial, Helvetica, sans-serif; }
.teksti h1, .teksti h2, .teksti h3, .teksti h4, .teksti h5, .teksti h6 {font-family:Arial, Helvetica, sans-serif; color:#009ebc; }
.teksti h6 {margin:0px; text-transform:uppercase;}
.widget h4 {font-family:Arial, Helvetica, sans-serif; background:url(images/1px-white-transparent.png); font-size:19px; color:#fff; padding:12px 12px 12px 20px; border-bottom:1px solid #6b6b6b;}


/* ------- 2. Oletusteksti ------- */
body{font:12px/1.5  'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', 'Helvetica Neue', Arial, sans-serif; color:#000;}

/* ------- 3. Linkit  ------- */
a{color:#009ebc} a:link{color:#f009ebc} a:focus{color:#f009ebc} a:hover{color:#009ebc; text-decoration:underline;} a:visited{}

/* ------- 4. Kuvat  ------- */
img.alignright, a img.alignright {float:right; margin:10px 0px 10px 15px;}
img.alignleft, a img.alignleft {float:left; margin:10px 15px 10px 0px;}
img.aligncenter, a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

/* ------- 5. Muut  ------- */
.alignright { float:left; }
.alignleft { float:right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
small {font-size:10px;}
li {margin:0 0 0 15px;}
p {margin-bottom:30px;}



/* ________________________________________________________________________________________________________________

                                                  02. RAKENNE
   ________________________________________________________________________________________________________________ */


/* ------- 1. Rakenne  ------- */
body { background:url(images/bg3.jpg) no-repeat #fff top center;}

/* ------- 2. Header ------- */
#header {height:275px; }
h1#logo span { background:url(images/logo-3.png) transparent no-repeat top; width:300px; height:118px; text-indent:-9999px; display:block;  padding:0; margin:50px 0 0 0; }



/* ------- 3. Sisältö ------- */
#container {background:url(images/container-bg.jpg	) repeat-y  #fff;}
.teksti {padding:0px 30px 30px 0px;  margin:0 0 40px 0;}


/* ------- 4. Footer ------- */
#footer {text-align:center; border-top:5px solid #3b3b3b; margin-top:0px; margin-bottom:40px; padding:25px 0 0 0;}


/* ------- 5. Sidebar ------- */
#sidebar { background:url(images/sidebarbg.jpg) no-repeat top center #3b3b3b; color:#fff; min-height:394px; height:auto !important; height:395px;}
.widget-content {padding:0px 20px 20px 20px;}
.widget-content ul li {list-style:none; margin-left:0px;  margin-bottom:6px;}
.widget-content ul li a{ background:url(images/arrow.png) no-repeat 0px 1px transparent;padding:0px 0px 0px 23px; color:#fff; font-weight:bold; }
.widget-content ul li a:hover{ font-weight:bold; color:#009ebc; }
.widget-content ul li.current_page_item a{font-weight:bold; color:#009ebc;}





/* ________________________________________________________________________________________________________________

	                                              03. VALIKOT
   ________________________________________________________________________________________________________________ */


/* ------- 1. Valikko ------- */
.lang ul{float:right; margin-top:50px; background:url(images/1px-white-transparent.png) repeat; padding:10px 10px 10px 0px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.lang li{float:left; list-style:none; margin:0 0 0 10px !important; }
.qtrans_flag span { display:none }
.qtrans_flag { height:12px; width:18px; display:block }
.qtrans_flag_and_text { padding-left:20px }
.qtrans_flag_fi { background:url(../../plugins/qtranslate/flags/fi.png) no-repeat }
.qtrans_flag_en { background:url(../../plugins/qtranslate/flags/gb.png) no-repeat }


ul#nav {margin:0px 0 0 44px; list-style:none; padding:0; border:1px solid #000; }
ul#nav li {float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;  margin:0; border:1px solid #fff;}
ul#nav li a{display:block;border:1px solid #fff;}



/* ________________________________________________________________________________________________________________

                                                  04. LAATIKOT
   ________________________________________________________________________________________________________________ */