/* -------------------------------------------------------------------
   CSS Stylesheet - Mistletoe Gallery
   (c) Bennett and Company 2007 http://www.bennettandco.co.uk
------------------------------------------------------------------- */

* {
padding: 0;
margin: 0;
}

body {
width: 100%;
height: 100%;   
background-color: #ffc;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 10pt;
}

img {
border: none;
}

a {
text-decoration: none;
}

#pageContainer {
width: 760px;
margin:0px auto;	
position: relative;
height: 100%;
}

#header {
height: 113px;  
margin-bottom: -3px;
}             

#mistletoe_logo {
position: absolute;
z-index: 100;
left: 72px;	 
top: 0px;
}

#randomImagesContainer {
height: 232px;
}             

.topRandomImages {
width: 230px;
height: 192px;
padding: 20px;
float: left;
}             

#mainContainer {
width: 62em; 
background-image: url('images/background-repeater.gif');
background-repeat: repeat-y;
}               

#nav {
width: 178px;
float: left;
list-style-type: none;
font-size: 1.16em;
text-align: right;
padding: 3em 3em 3em 0;
min-height: 100%;
height: 100%; 
}                     

#nav li {
padding: 0.4em 0;
}

#nav li a {
color: #000;
}

#nav li a:hover {
color: #00f;
}           

#content {
background-image: url('images/content_background.gif');
background-repeat: no-repeat;
width: 502px;
min-height: 350px;
height: 350px;                
float: left;
padding: 2.5em 1.2em 1em 1.2em;
}   
         	  
#mainContainer > #content {
height: auto;
}
			
#content p {
padding: 0 0 1.5em 0;
text-align: justify;
font-size: 11px;
}
            
#sideNews {
width: 13.7em;
float: left;
padding: 3em 0;
font-size: 0.8em;	
}
 
#sideNews img {
display: none;
}

.gallery {
width: 100%;
}				

.galleryLeft {
width: 230px;
height: 240px;
float: left; 
margin: 0 0 0 10px;
clear: none;
}				

.galleryRight {
width: 240px;
height: 240px;
margin: 0 0 0 10px;
float: left;
clear: none;
}

.galleryThumb {
width: 70px;
height: 70px; 
background-color: #f3f2b9;
margin: 0 0 5px 5px; 
clear: none;
float: left;
}

form label {
display: block;
width: 100px;
float: left; 
clear: left;
margin-right: 10px
}						

form p {
clear: both;
margin: 10px 0;
}				

form input, form textarea {
float: left;
width: 250px;
clear: right;
}	 

form textarea {
height: 100px;
}