/***************************************************/
/* CLASSIC.CSS by Pierre-Emmanuel Leveque
****************************************************/

/************************************************/
/* TOOLS
/************************************************/
/*
#DF7887	- pink		#333333 - dark grey
#99CC33	- lime		#666666 - medium grey
#000000 - white 	#999999 - pale grey	
#333111 - marroon	#444000 - armygreen		
#444515 - armygreen	#FFFEDD - cream			 
						
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;	
						
/************************************************/
/* GENERAL PRESENTATION
/************************************************/

a:link 	  { color: #50740A; text-decoration: none; }   
a:visited { color: #50740A; text-decoration: none; }
a:hover   { color: #000000; text-decoration: underline; } 
a:active  { color: #000000; text-decoration: none; }	

h3, h5, p, table, ul, #email_link, .review_links {
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

h3#page_header {
font-size: 13px;
letter-spacing: 2px;
color: #000000;
margin-top: 0;
margin-bottom: 20px; 
padding: 0;
}

p { 
font-size: 12px;
color: #000000;
padding: 0;
text-align: justify;
line-height: 1.8em;
}
    		   			   
/* img { 
padding: 0px;
margin: 0px;
border: none;
}		 
				 
img.floatleft { 
float: left;
padding: 0; /* top right bottom left */
/* } */


ul {
list-style-type: none;
}

/* classes */

.italic { 
font-style: italic;
}

.center {
text-align: center;
}

.prev_next { /* previous and next buttons */
font: 18px Times New Roman, Times, Serif;
margin-left: 7px;
}

.smalltext {
font-size: 9px;
font-weight: normal;
}

.hide { /* used for no css pages */
display: none;
}

/************************************************/
/* PHD_Thesis
/************************************************/

p#PHD_description {
font-size: 11px;
}

/************************************************/
/* HEADER
/************************************************/

#email_link {
font-size: 10px;
letter-spacing: 2px;
text-align: right;
margin-right: -1px;
padding-bottom: 15px;
margin-top: -25px;
}

#site_header h1 {
padding: 0;
margin: 0;
font-weight: normal;
text-align: left;
letter-spacing: 2px;
font: 32px Times New Roman, Times, Serif;
}

/************************************************/
/* RESUME
/************************************************/

#cont_resume {
position: relative;
width: 615px;
}

ul#menu_cv {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-transform: capitalize;
line-height: 1.9em;
list-style-type: none;
margin: 0;
letter-spacing: 2px;
text-align: right;
} 	

h3.cv_header { 
font-weight: bold;
font-size: 12px;
color: #000000;
letter-spacing: 2px;
text-align: left;
}

p.cv {
font-size: 10px;
margin-left: 12px;
margin-right: 12px;
line-height: 1.6em;
color: #666666;
}

.cv_year { 
letter-spacing: 2px;
font-size: 9px;
margin-left: -12px; 
color: #666666;
}

.cv_title { 
color: #000000;
font-size: 11px;
font-weight: bold;
}
		
/************************************************/
/* ARTWORKS MAIN PAGE
/************************************************/		
			
table#artworks {
width: 100%;
padding: 0; 	
margin: 0;
text-align: left;
text-transform: capitalize;
border-collapse: collapse;
margin-top: 15px;
border: 1px solid #FFFFFF;		 
}		 
				
table#artworks th.artworkstitle { 
font-weight: bold;
font-size: 11px;
color: #000000;
letter-spacing: 2px;
text-align: left;
}

table#artworks td {
width: 20%;
vertical-align: top;
border: 1px solid #FFFFFF;
}

table#artworks tr.text {
display: none;
}

table#artworks tr.image td {
padding-top: 15px;
}

/* FOR BOTH MAIN ARTWORK PAGE AND INDIVIDUAL PAGES */

form#art_ddmenu {
padding: 0;
margin: 0;
text-align: right;
}
  
/************************************************/
/* ARTWORK PAGES INDIVIDUAL
/************************************************/			

ul#art_rcolmenu {
margin: 0;
padding: 0;
text-align: right;
}

/* img.art {
float: right;
margin: 15px 15px 0px 0px; /* top right bottom left */
/* } */			
p#art_details {
font-size: 10px;
color: #000000;
padding: 0px;
text-transform: capitalize;
margin-bottom:20px;
}	

.ds { /* detail seperator */
color: #666666; 
}	

#art_cont_desc {
padding-top: 1px;
width: 450px;
clear: both;
}

#art_cont_desc p { 
font-size: 11px;
}

/************************************************/
/* REVIEWS
/************************************************/	

/* main page */

.rewiew_title {
color:#000000;
font-weight: bold;
font-size: 11px;
}

p.reviews { 
font-size: 10px;
color: #666666;
}	

/* Individual review pages */

.review_links { 
font-size: 11px ;
text-transform: lowercase; 
}

img#review {}

/************************************************/
/* FOOTER
/************************************************/

#ftr h5 {
margin: 0px;
font-size: 9px;
font-weight: normal; /* cancel default bold */
color: #000000;
line-height: 1.5;
text-align: center;
letter-spacing: 2px;	
}

.ftr_seperator { 
font-weight: bold;
color: #666666;
}
 
/************************************************/
/* NAVIGATION MENU
/************************************************/
	
#nav ul { 
padding: 0; 
margin: 0; 
white-space: nowrap;
letter-spacing: 2px;
line-height: 20px; 
font-size: 11px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#nav li {
display: inline;
}

#nav ul li a { 
padding: 6px 16px 0px 0px ; /* top right bottom left */
}

#nav ul li.last a { /* used for proper alignement */
padding: 6px 0px 0px 4px ; /* top right bottom left */
}

/************************************************/
/* Layout (CSS 2-columns)
/************************************************/

html, body { /* html tag added for Opera support */
padding: 5px;
margin: 0px;
background-color: #333331;
}	

#outer {
margin: auto;
width: 720px;
background-color: #FFFFFF;
padding: 10px 15px 5px 15px; /* top right bottom left */
border: 1px solid #999999;
}

#hdr {}

#bodyblock {
position: relative;
width: 720px;
background-color: #FFFFFF;
padding-top: 20px;
}

#floatright {
float: right;
}

#cont {
position: relative;
width: 550px;
}

#r-col {
text-align: right;
float: right;
width: 150px;
}

#ftr {
padding-top: 10px;
width: 720px;
background-color: #FFFFFF;
}

/************************************************/
/* ICONS
/************************************************/

#cont_index {
width: 328px;
margin: auto;
}

#index_img_ear a, #index_img_estranged a, #index_img_exilic a, 
#index_img_flaneur a, #index_img_gravitational a, #index_img_speech a, #index_img_vision a {
position: absolute;
height: 328px;
width: 328px;
top: 100px;
}

#index_img_ear a { background: url(../../_images/index/ear.jpg) no-repeat top left; }
#index_img_ear a:hover { background: url(../../_images/index/ear_hover.jpg) no-repeat top left; }
#index_img_estranged a { background: url(../../_images/index/estranged.jpg) no-repeat top left; }
#index_img_estranged a:hover { background: url(../../_images/index/estranged_hover.jpg) no-repeat top left; }
#index_img_exilic a { background: url(../../_images/index/exilic.jpg) no-repeat top left; }
#index_img_exilic a:hover { background: url(../../_images/index/exilic_hover.jpg) no-repeat top left; }
#index_img_flaneur a { background: url(../../_images/index/flaneur.jpg) no-repeat top left; }
#index_img_flaneur a:hover { background: url(../../_images/index/flaneur_hover.jpg) no-repeat top left; }
#index_img_gravitational a { background: url(../../_images/index/gravitational.jpg) no-repeat top left; }
#index_img_gravitational a:hover { background: url(../../_images/index/gravitational_hover.jpg) no-repeat top left; }
#index_img_speech a { background: url(../../_images/index/speech.jpg) no-repeat top left; }
#index_img_speech a:hover { background: url(../../_images/index/speech_hover.jpg) no-repeat top left; }
#index_img_vision a { background: url(../../_images/index/vision.jpg) no-repeat top left; }
#index_img_vision a:hover { background: url(../../_images/index/vision_hover.jpg) no-repeat top left; }

#viewer_icons {
position: absolute;
width: 92px;
height: 13px;
left: 90px;
top: 0px;
}

#image_icon a, #sound_icon a, #video_icon a, #help_icon a, #art_image_icon a, #art_sound_icon a  {
float: left;
height: 13px;
width: 15px;
margin-left: 0px;
padding-right: 8px;
}

#art_image_icon a, #art_sound_icon a { padding-right: 0px;  }
#art_sound_icon a { margin-left: 7px; }

#image_icon a, #art_image_icon a { background:  url(images/buttons/icons/image_icon.gif) no-repeat bottom left; }
#image_icon a:hover, #art_image_icon a:hover { background:  url('images/buttons/icons/image_icon(hover).gif') no-repeat bottom left; }
#video_icon a { background:  url(images/buttons/icons/video_icon.gif) no-repeat bottom left; }
#video_icon a:hover { background:  url('images/buttons/icons/video_icon(hover).gif') no-repeat bottom left; }
#help_icon a { background:  url(images/buttons/icons/help_icon.gif) no-repeat bottom left; }
#help_icon a:hover { background:  url('images/buttons/icons/help_icon(hover).gif') no-repeat bottom left; }
#sound_icon a, #art_sound_icon a { background:  url(images/buttons/icons/sound_icon.gif) no-repeat bottom left; }
#sound_icon a:hover, #art_sound_icon a:hover { background:  url('images/buttons/icons/sound_icon(hover).gif') no-repeat bottom left; }

#french_flag a, #british_flag a {
position: absolute;
top: 22px;
right: 2px;
width: 16px;
height: 11px;
float: right;
}

#french_flag a { background:  url(images/buttons/flags/french_flag.jpg) no-repeat bottom left; }
#british_flag a { background:  url(images/buttons/flags/british_flag.jpg) no-repeat bottom left; }

.hbar { height: 7px;}

/************************************************/
/* DROPSHADOW
/************************************************/

.alpha-shadow {
float: left;
background: url(images/dropshadow/shadow1.gif) no-repeat bottom right;
margin: 0 5px 0 0 !important;
margin: 0 0 0 0;
}

.alpha-shadow div {
background: url(images/dropshadow/shadow2.png) no-repeat left top !important;
background: url(images/dropshadow/shadow2.gif) no-repeat left top;
padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
border: 1px solid #a9a9a9;
padding: 2px;
}
*/