body {font-family: verdana, arial sans serif; font-size:100%; height: 100%; margin: 0; padding: 0;line-height: 1.6; text-align: center; color: #333;}

#page.fr .lang_en {display: none;}
#page.en .lang_fr {display: none;}


a {color: #000; text-decoration: none;}
a:hover {color: #999;}
*:focus {outline: none;}
#page {width: 660px; margin: 0 auto; position: relative; text-align: left; font-size: 80%;}

#header h1 a {font-weight: normal; letter-spacing: 0.1em; text-decoration: none;}
h2 {font-weight: normal; letter-spacing: 0.1em;}
h3 {font-weight: normal; letter-spacing: 0.1em; margin-top: 0;}
ul.nav {padding: 0; margin: 0; overflow: hidden; float: left; font-size: 90%;}
ul.nav li	{ display: inline; margin: 0 1.5em 0 0 ; padding: 0; list-style: none; letter-spacing: 0.1em;}
ul.nav li a {color: #555; text-decoration: none; padding: 0;}
ul.nav li a:hover {color: #999;}
ul.nav li.selected a {color: #333; border-bottom: 1px solid #333;}
p.lang_select {float: right; margin: 0; padding: 0; font-size: 90%;}	
p.lang_select:hover {cursor: pointer; color: #999;}
#footer {text-align: right;	color: #999;}
.content {margin: 5em 0;}
.nowrap {white-space: nowrap;}
.clearfloats {clear: both;}


#more_info, #images {font-size: 85%;}

/*
#slideshow {background-color: #f8f8f8; width: 400px; padding: 20px 130px;}
#slideshow p.caption {color: #444; font-size: 0.875em; margin-top: 10px;width: 400px; padding: 0;}
#slideshow img {border: none; display: block;}
#slideshow_menu {font-size: 0.9em;}
*/

#more_info {width: 180px; float: right; background: #f6f6f6; padding: 10px;}
ul.commission_details li {margin-bottom: 0.2em; padding-bottom: 0.2em; border-bottom: 1px solid #999;}
#images {width: 400px; float: left; margin: 0;}
#images li {margin-bottom: 5em;}
#slideshow_menu {display: none;}
#commissions_thumbs {padding: 0; margin: 0;}
#commissions_thumbs li.col {float: left; width: 300px; margin: 0 0 45px 0; padding: 0;}
#commissions_thumbs li.col.left {margin-right: 30px;}
#commissions_thumbs li.col.right {margin-left: 30px;}
a.block_link {display: block; text-decoration: none; position: relative;}
a.block_link:hover .caption {opacity: 1; color: #f00;}
a.block_link img {border: none;}
a.block_link .caption {padding: 5px 10px; display: block; position: absolute; bottom: 0; left: 0; opacity: 0.6; background: #000; color: #fff; width: 280px;}
.txt_lc {text-transform: lowercase;}
.float.left {float: left;}
.pad.left {padding-left: 2em;}
.small {font-size: 0.8em;}
.nowhite {white-space: nowrap;}
.inline {display: inline;}
h2.inline {clear: both;}
ul {padding-left: 0;}
ul li {list-style-type: none; margin-bottom: 1em;}


/* MOBILE STYLING */

@media all and (max-width:800px) {

	#header {padding-top: 1em;}
	#page {width: 80%; margin: 0 auto; font-size: 110%;}
	ul.nav {margin-bottom: 2em; float: none;}
	ul.nav li {display: block; margin-bottom: 0.2em;}
	img {max-width: 100%;}
	#commissions_thumbs li.col.left, #commissions_thumbs li.col.right  {margin: 0 0 2em 0; float: none; width: 100%;}
	#more_info, #images {float: none; width: 100%; background: transparent; margin-bottom: 2em; padding: 0;}
	a.block_link .caption {width: inherit;}
	p.lang_select {position: absolute; top: 0; right: 0;}

}



/* FLOAT CLEARING */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */