/*
----------------------------------------------------------------------
GENERAL RULES 
----------------------------------------------------------------------
*/

* {
margin: 0;
}

html, body {
	color: #43403B;
	font-family: "Arial", helvetica, sans-serif; 
	font-size:100%;
	height: 100%;
	margin: 0; 
	padding: 0 0 0 5px; 
	width: 100%; 
}


/*
----------------------------------------------------------------------
HOMEPAGE 
----------------------------------------------------------------------
*/


/* 100% image in background */
#bg_image { 
position: fixed; 
top: 0; 
left: 0; 
z-index: 1; 
width: 100%; 
height: 100%; }

#scrollable { 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	z-index: 2; }


#wrapperhome{
margin: 0;
width: 100%;
background: url(../images/bg_wrapper_home.png) repeat top;
}

#headerhome{
	clear:both;
	height: 135px;
	margin:auto;
	max-width:870px;
	_width:870px;
	padding:23px 0 0 0;
	
}

#logo{
width:300px;
height:100px;
float:left;
margin-top:0px;
padding: 0;
}

.logo {border:0; margin-top:15px; padding: 0;}

a.logo:hover  {
	background-color:transparent; }

.off {display: none;}

/*
----------------------------------------------------------------------
GENERAL STRUCTURE
----------------------------------------------------------------------
*/
/* WRAPPER */

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
_height:auto;
margin: 0 auto -6em;
_margin: 0 auto;
max-width:870px;
_width:870px;
_overflow:hidden;
background: #fff;
}


/* HEADER */

#header{
	clear:both;
	height:115px;
	margin:0 auto;
	width:100%;
	margin:0;
	padding:0;
	border-bottom: 1px dotted #999;
}

#logo{
width:300px;
height:100px;
float:left;
margin-top:0px;
padding: 0;
}

.logo {border:0; margin-top:15px; padding: 0;}

a.logo:hover  {
	background-color:transparent; }



/*
----------------------------------------------------------------------
HORIZONTAL MENU
----------------------------------------------------------------------
*/
#menu {
visibility: hidden;
margin-top: 38px;
margin-bottom: 20px;
padding:5px 0 30px 0;
}

/*
----------------------------------------------------------------------
PAGES STRUCTURE
----------------------------------------------------------------------
*/
/* glass, jewellery, paintings  */



.thumbnail {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
margin-bottom:10px;
margin-right:10px;
*margin-right:8px;
padding:6px;
width:150px;
}

.foto .thumbnail {
padding:8px;
}

.thumbnail a, .thumbnail a:hover
{
clear:both;
border:0;
background-color:transparent;
}

.thumbnail  a {text-decoration:none !important;}

.thumbnail a img {
display:block;
height:140px;
width:150px;
border:0;
}


/*divs with book covers in 'about' page */
.smallbook {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
margin-bottom:10px;
margin-right:6px;
*margin-right:7px;
padding:6px 0px 6px 6px;
width:130px;
}



.smallbook a, .smallbook a:hover {
clear:both;
border:0;
background-color:transparent;
}

.smallbook  a {
	text-decoration:none !important;}

.smallbook a img {
display:block;
height:140px;
width:120px;
border:0;
}

/* amazon button for about page*/
#amazon
{
  display: block;
  width: 124px;
  height: 22px;
  background: url(../images/amazon_button.gif) no-repeat 0 0;

}

#amazon:hover
{ 
  background-position: 0 -22px;
}

#amazon span
{
  display: none;
}


/*  TYPOGRAPHY */

h1 {
margin-top:30px;
margin-bottom: 10px;
padding:0;
font-size: 150%;
font-family: "Arial Narrow", arial, helvetica, sans-serif;
font-weight: normal;
color:#0B0802;
}

strong {
color:#0B0802;
}

a, a:hover {
color: #0B0600;
}

a:visited {
color:#0B0600;
}




p {
margin-bottom:20px;
font-size: 80%;
font-family: arial, helvetica, sans-serif;
line-height: 1.4em;
}

ul.footer {
margin:20px 0 0 0;
padding:20px 0 0 0;
font-size: 75%;
line-height: 1.5em;
}

ul.footer li a{
color: #43403B;
}

ul.footer li a:hover {
background-color:#ccc;
text-decoration: none;
}

/* about */
h2.about {
margin-top:15px;
margin-bottom: 5px;
padding:0;
font-size: 110%;
font-family: "Arial Narrow", arial, helvetica, sans-serif;
font-weight: normal;
color:#0098B8;
}

p.about {
margin-bottom:20px;
font-size: 77%;
font-family: arial, helvetica, sans-serif;
line-height: 1.5em;
}

p.publication {
margin-bottom:4px;
margin-top:10px;
margin-right: 6px;
font-size: 11px;
padding: 2px;
font-family: arial, helvetica, sans-serif;
line-height: 1.2em;
background-color: #4A98B7;
color: #fff;
}

.smaller {
font-size:11px;
display:block;
}

.i {
font-style:italic;
}

/* contact */
h2.contact {
margin-top:15px;
margin-bottom: 5px;
padding:0;
font-size: 110%;
font-family: "Arial Narrow", arial, helvetica, sans-serif;
font-weight: normal;
color:#D848A0;
}

h2.details {
margin-top:55px;
margin-bottom: 5px;
padding:0;
font-size: 110%;
font-family: "Arial Narrow", arial, helvetica, sans-serif;
font-weight: normal;
color:#D848A0;
}


p.contact {
margin-bottom:20px;
font-size: 77%;
font-family: arial, helvetica, sans-serif;
line-height: 1.5em;
}

p.contactdetails {
margin-bottom:20px;
font-size: 77%;
font-family: arial, helvetica, sans-serif;
line-height: 1.5em;
padding-left: 110px;
padding-bottom: 100px;
background: url(../images/lynette.jpg) no-repeat top left;
}

/* workshops and news */
h2.news {
margin-top:15px;
margin-bottom: 5px;
padding:0;
font-size: 110%;
font-family: "Arial Narrow", arial, helvetica, sans-serif;
font-weight: normal;
color:#6459CA;
}


h2.calendar {
margin-top:80px;
margin-bottom: 0;
padding:30px 0 0 0;
font-size: 110%;
font-family: "Arial Narrow", arial, helvetica, sans-serif;
font-weight: normal;
color:#6459CA;
}



p.news {
margin:0 0 7px 0;
padding: 0;
}




dl {
margin:0;
font-size: 80%;
line-height: 1.4em;
}

dl dt {
margin-top:20px;
margin-bottom:7px;
font-weight: bold;
color: black;
background-color: #ECEAF8;
padding: 3px;
}

dl dt.newsborder {
border-top: 1px dotted #666;
background-color: transparent;
}

dl dt.newsborder.first {
margin-top:2px;
}

dl dd {
padding-left: 15px
}

dl dd.data {
color:#6459CA;
font-weight: bold;
}

/*divs with students pictures in news page */


.students {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
margin-bottom:6px;
margin-right:6px;
*margin-right:7px;
padding:5px 0 5px 6px;
width:97px;
}

.students a, .students a:hover {
clear:both;
border:0;
background-color:transparent;
}

.students  a {
text-decoration:none !important;
}

.students a img {
display:block;
width:90px;
height:68px;
border:0;
}




/* 
----------------------------------------------------------------------
FOOTER 
----------------------------------------------------------------------
*/
#footer {
	visibility:hidden;
	border-top: 1px dotted #999; 
	margin-top:20px; 
	margin-bottom:30px;
	padding: 0 0 30px 0;
	overflow: auto;
}