/* CSS by Greger Sundin 2009 */

/* -- General -- */
* {
		margin: 0;
		padding: 0;
		}

html {
		font-size: 100%;
		}

body {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 62.5%;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif;
		line-height: 1.5;
		overflow: hidden;
		height: 100%; 
		max-height: 100%;
		}
		
#menu { /* Fixed left div - Menu */
		position: absolute;
		top: 0;
		bottom: 0; 
		left: 0;
		margin-right: 0px;
		margin-top: 10px;
		width: 160px; /* Width of MenuDiv*/
		height: 100%;
		overflow: hidden;
		background: white;
		background: url(images/maries_cello.jpg) 0 0 no-repeat;
		}
		
#main { /* Main content div */
		position: fixed;
		top: 10px; 
		left: 170px; /*Set left value to WidthOfMenuDiv - +10 is added for padding */
		right: 0;
		bottom: 0;
		overflow: auto; 
		background: #fff;
		}

* html body { /*IE6 hack*/
		padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfMenuDiv)*/
		}

* html #main { /*IE6 hack*/
		height: 100%; 
		width: 100%; 
		}

/* -- The different page-wrappers -- */
#wrapper {
		width: 800px;
		height: auto;
		}

#intro {
		width: 800px;
		}

#biography {
		margin: 10 auto;
		width: 600px;
		text-align: justify;
		}

#repertoire {
		margin: 10 auto;
		width: 600px;
		}
				
#calendar {
		margin: 10 auto;
		width: 600px;
		text-align: left;
		}


#review {
		margin: 10 auto;
		width: 600px;
		}
		
#links {
		margin: 10 auto;
		width: 600px;
		height: 450px;
		text-align: justify;
		}

/* -- Type-sets --*/
h1 {
		font-size: 1.8em;
		line-height: 1em;
		padding-bottom: 7px;
		border-bottom: 1px solid #cccccc;
		margin-bottom: 7px;
		color: #666666;
		font-weight: normal;
		}		
		
h2, h3 {
		color: #333333;
		}

h2 {
		font-size: 1.3em;
		}
		
h3 {		
		font-size: 1.2em;
		margin-top: 1.65em;
		}
		
p {
		font-size: 1.2em;
		margin-bottom: 1.2em;
		}
		
h1+p {
		padding-top: 30px;
		font-weight: bold;
		color: #222222;
		}
		
#biography p {
		padding-top: 15px;
		}

#repertoire ul{
		margin-left: 15px;
		}

#repertoire img {
		border: 1px solid;
		margin: 15px 0px 0px 10px;
 		}

#calendar p {
		font-size: 100%;
		}

#links p {
		padding-top: 15px;
		}

#links h3+p {
		padding-top: 0px;
		}
		
#links ul{
		margin-left: 15px;
		font-size: 1.2em;
		}
		
#links img {
		border: 1px solid;
		margin: 15px 0px 0px 10px;
 		}
		
#copyright { /* Footer byline */
		clear:both;
		text-align: right;
		padding-right: 5px;
		padding-top: 20px;
		color: #959595;
		}
		
#menuitems {
		margin-left: 30px;
		margin-right: 10px;
		margin-top: 140px;
		}

#menu ul {
		font-size: 1.2em;
		list-style-type: none;
		}

#menu li {
		padding-bottom: 15px;
		}
		
/* -- Links -- */
a:link,
a:visited, 
a:active {
		color: #959595;
		text-decoration: none;
		font-weight:bold;
		}

a:hover {
		color: #722336;
		text-shadow: 0 0 0.2em #959595;
		}


/* -- Special effects for quotes in 'Reviews'-- */
blockquote {
		background: url(images/quote-open.gif) 0 0 no-repeat;
		margin: 2.4em 2em;
		}		
		
blockquote p {
		color: #555555;
		font-size: 1.1em;
		font-weight: bold;
		text-align: justify;
		background: url(images/quote-close.gif) 100% 90% no-repeat;
		padding: 0 33px;
		margin-bottom: 0px;
		}		
		
cite {
		background: none;
		display: block;
		text-align: right;
		font-size: 1.1em;
		font-weight: normal;
		font-style: italic;
		margin-bottom: 70px;
		}		
		
blockquote>p+p {
		background: none;
		}		

/* -- For the Gallery effects -- */		
.hidden {
	display : none;
}