/* Copyright Kevin Finlayson 2008
------------------------------------------------------------------*/

/* reset reloaded 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
------------------------------------------------------------------*/          

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none; 
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}       

hr {
	border: none;
	color: #fff;
	background-color: #fff;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}      

strong {
	font-weight: bold;    
	color: #555;
}     

em {
	font-style: italic;
}
/* basic styles
------------------------------------------------------------------*/

body {               
	font:100%/1.18em "helvetica neue", "helvetica", arial, sans-serif;
	background-color: #f1f1f1;
	color: #777;             
}   
                          
.clear {
	clear: both;
}

.centered {
	text-align:center;
}

.right {
	text-align:right;           
}		

h1, h2, h3, h4, h5, h6 {      
	margin-bottom: 18px;                                                
	line-height: 1.5em;
	color: #444;
}

h1 {
	font-size: 1.45em;
	letter-spacing: 0.3em;
	font-weight: bold;
}

h2 {
	font-size: 1.64em;   
}

h3 {
	font-size: 1.45em;
	border-bottom: 1px dotted #ccc;    
}

h4 {                    
	font-size: 1.18em;   
}

h5 {
	font-size: 1em;
	border-bottom: 1px dotted #ccc;            
}

h6 {
	font-size: 0.9em;        
}


p, ul {
	margin-bottom: 18px;
	line-height: 1.5em;  
	
}

a, a:visited {    
	font-weight: bold;
	color: #444;      
	text-decoration: none;
         
}       
                
a:hover {                      
	color: #444;                     
	text-decoration: underline;
}    

img {
	margin-bottom: 10px; 
	padding: 4px;
	border: 1px solid #ddd;
	background-color: #fff;
}      
                              

/*page structure
------------------------------------------------------------------*/

#wrapper {
	font-size: 0.75em;
	width: 800px;
	margin: 0px auto;         
	height: auto;
	min-height: 540px; 
	padding-top: 54px;     
}

#header {             
	height: 108px;
	padding-top: 18px;
	width: 800px;                          
    text-align: center;
    background-color: #fff;           
    padding-top: 36px;     
    border:1px solid #ccc;
    border-bottom: none;
}       

#content { 
	width: 800px;
	float: left;
	height: auto;
	min-height: 500px;
    position: relative;      
    background-color: #fff;   
    border-left:1px solid #ccc;
    border-right: 1px solid #ccc;  
    padding-bottom: 36px;
}      
                   
#footer {                             
	height: 36px;              
	padding-top: 1.5em; 
	width: 800px;  
	clear:both;                     
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.3em;     
	position:relative;        
	border-top: 1px solid #ccc;
	margin-bottom: 36px;
}    
                       
/* logo ir
------------------------------------------------------------------*/

a#logo {   
	width: 300px;
	height: 36px;	
	background: transparent url("/graphics/logo.gif") no-repeat left center;
	text-indent: -19999px;

}                     
                                                      
/* nav
------------------------------------------------------------------*/

ul#nav {                 
	height: 54px;      
	position:relative;               
}                

ul#nav li {    
	float: left;       
	display: block; 
    padding: 9px 10px 9px 10px; 
	height: 36px;
	width: 80px;
	text-align: center;
}          

ul#nav li a, ul#nav li a:visited {
	color: #444;      
	line-height: 1.5em;   
	letter-spacing: 1px;                      	
	width: 80px;     
	float: left;
	height: 36px;        
}               

#calendrier li#calendrier_nav a, #peinture li#peinture_nav a, #estampe_dessin li#estampe_dessin_nav a, #danse li#danse_nav a, #installation li#installation_nav a, #texte li#texte_nav a, #info li#info_nav a {
	text-decoration: underline;
}

/* splash
------------------------------------------------------------------*/

#splash #content {
	text-align: center;
	border-top: 1px solid #ccc;
	padding-top: 50px;
	min-height: 400px;
}       

/* content
------------------------------------------------------------------*/

#sidebar {
	width: 190px;
	padding: 18px 0px 10px 10px;
	height: auto;
	min-height: 500px;
	float: left;       
	background-color: #fff;
}                

#main {        
	float: left;
	width: 580px;
	padding: 10px;
	height: auto;
	min-height: 500px;     
}         

#calendrier #sidebar, #danse #sidebar, #info #sidebar, #texte #sidebar, #presse #sidebar {
	width: 180px;
	padding: 10px;
	padding-top: 18px;              
}      

/* works
------------------------------------------------------------------*/

img.thumb {
	margin: 0px 10px 10px 0px;      
	float: left;            
}       

img.thumb:hover {
	border: 1px solid #bbb;
}          
                 
#prevnext {
	float: left;       
	height: 30px;     
	width: 100%;    
}                      

#prevnext a {
	margin-right: 10px;
}



/* global
------------------------------------------------------------------*/

.left {
	float: left;
}      

img.left {
	margin: 0px 10px 10px 0px;
}          

.permlink {
	margin-top:0px;
	clear: left;
}             

.divider {
	width: 100%;                       
	margin-bottom: 18px;
}                    

#oldernewer {
	width: 100%;
	clear: both;
}

/* calendar
------------------------------------------------------------------*/

#sidebar h4 {
	margin: 18px 0px 5px 0px;
}            

#calendrier #main h3 {
	margin-bottom: 5px;
}        

.active {
	background-color: #eee;
}   

/* danse
------------------------------------------------------------------*/

ul.video_clips li a {
	padding-left: 20px;
	background: transparent url('/graphics/film.png') no-repeat top left;
}      

ul.video_clips li {
	line-height: 24px;
}

#photos_danse_info {
	clear:left;
}       

/* text
------------------------------------------------------------------*/

ul#text_list li {
	margin-bottom: 1em;
}