/* ----- 2007 Doina Klezmer -tyylit ----- */

body {
background: url(../media/2008Doina-tausta.jpg) no-repeat;
        background-color: #000;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-family: Futura, Arial, sans-serif;
        font-size: 75%;
        color: #fdd;	
	}

p {
        font-family: Futura, Arial, sans-serif;
        padding: 8px;
	}

.date {
        font-size: 12px;
        font-family: Futura, Arial, sans-serif;
/*	border-bottom: 1px solid Silver;	*/	
        text-align: right;
        padding: 8px;
        }

h1 {
        font-family: Trebuchet MS, sans-serif;
        font-size: 130%;
        color: #cc3300;
	padding-top: 10px;
	padding-left: 10px;
	}

h2 {
        font-family: Trebuchet MS, sans-serif;
        font-size: 120%;
        color: #cc3300;
	padding-left: 10px;
        padding-bottom: 10px;
	}

h3 {
        font-family: Trebuchet MS, sans-serif;
        font-size: 110%;
        color: #cc3300;
        padding-top: 10px;
	padding-left: 8px;
	}

h4 {
        font-family: Futura, Arial, sans-serif;
        font-size: 100%;
        font-weight: bold;
	padding-left: 8px;
        color: #cc3300;
	}

/* ----- DoinaKlezmer layout: main ----- */

#container { 
/*	position: absolute;			*/
/*	left: 50%;					*/
	width: 400px;
	margin-left: 300px;					
/*	border-top: 2px dashed Silver;		*/
/*	border-right: 2px dashed Silver;	*/
/*	border-left: 2px dashed Silver;		*/
/*	border-bottom: 2px dashed Silver;	*/
	background-color: transparent;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	height: auto;
	}

#pageHeader {
        margin: 0px;
	}

#pageHeader h1 { 
	background: url(../media/2007-07Doina-otsikko.gif) no-repeat top center;
        position: relative;
        margin-bottom: 0px;
        margin-top: 0px; 
        width: 390px; 
        height: 170px;
/*	border-bottom: 1px dashed Silver;	*/
	}
#pageHeader h1 span {
        display: none;
	}

#pageHeader h2 span {
	display: block;
	}

#preamble {
/*	background: url(...jpg) no-repeat top left;	*/ 
        width: 248px; 
        height: auto;
        position: relative;
        float: right;
        background-color: transparent;
        margin-top: -20px;
/*	border-left: 1px solid #300;	*/ 		
}

#preamble h3 span {
        display:block;
	}

#supportingText {
        position: relative;
        float: right;
        width: 248px; 
        height: auto;
        background-color: transparent;
/*	border-left: 1px solid #300;	*/ 
	}

#footer {
        padding-bottom: 20px;
        text-align: center;
/*	background: url(...jpg) no-repeat bottom left;	*/ 
        height: 80px;
        width: 248px;
	}

/* ----- DoinaKlezmer layout: navigation ----- */

a:link, a:visited {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px solid #800;
	}

a:hover, a:active {
        color: #c30;
        text-decoration: none;
        border-bottom: 0px;
        font-weight: normal;
	}

#linkList  a:link, #linkList a:visited {
        color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #800;
	}

#linkList a:hover, #linkList a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	font-weight: normal;
	}

#linkList {
	position : absolute;
	top : 330px;
	margin : 0 0 0 0px;
	width : 128px;
	}

#linkList2 {
	font-family : Futura, Arial, sans-serif;
	font-size : 12px;
	padding : 7px;
	width : 128px;
	text-align : left;
	}

#linkList h3.select {
	color: #cc3300;
	font-size : 110%;
	font-family : Trebuchet MS, sans-serif;
	font-weight : normal;
	width : 128px;
	height : 10px;
	margin-top : 21px;
	}

#linkList ul {
	margin : 0;
	padding : 0;
	}

#linkList li {
	background-color : transparent;
	list-style-type : none;
	width : 128px;
	padding-left: 7px;
/*	border-color : Silver;	*/
/*	border-style : dashed;	*/
/*	border-width : 1px;	*/
	}	

#linkList #lselect li {
	height : 25px;
	padding-top : 7px;
	}

#linkList li:hover {
	color : #fff;
	background-color : #c30;
	border-color : #400;
	border-style : solid;
	border-width : 1px;
	}