/*
Theme Name: Thierry Schlegel - Portfolio version 3
Theme URI: http://wordpress.org/
Description: Portfolio de Thierry Schlegel.
Version: 1.0
Author: Thierry Schlegel
Author URI: http://thierryschlegel.com/ 
Tags: thierry schlegel , visual artist, multimedia studend, motion design, infographiste, webdesigner, canada
*/

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-family: inherit;
	vertical-align: baseline;
	list-style: none;
}
body { background: #f2efea url(assets/images/pattern.jpg) repeat; color: #666; font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 64%; }

/* Typo */
p, li { font-size: 1.2em; line-height: 2em; }
ul#last_projects { font-size: 0.8em; }

a, a:visited { border-bottom: 1px solid #cea699; color: #666; text-decoration: none; }
a:hover { border-color: #444; color: #444; }
div#flickr a { background: url(assets/images/bg_thumbs.jpg) repeat; border: 1px solid #d3d3d3; display: block; height: 75px; float: left; margin-right: 12px; padding: 4px; width:75px; }
a#spotlight { background: url(assets/images/bg_thumbs.jpg) repeat; border: 1px solid #d3d3d3; display: block;  padding: 4px; width: 860px;}	
div#footer2 a { border: none; color: #9a9a9a; }

h1, h2, h3 { color: #948684; font-family: "Georgia", serif; }
h1 { background: url(assets/images/row_x.jpg) repeat-x bottom; font-size: 1.6em; margin-bottom: 10px;  width: 570px; }
div.main2 h1 { width: 650px; }
div.second h1 { width: 240px; }
h2 {  background: url(assets/images/row_x.jpg) repeat-x bottom; font-size: 1.6em; font-style: italic; letter-spacing: 0.4px; margin-bottom: 10px; width: 570px;	}
div.second h2 { width: 241px;}
h3 { background: url(assets/images/row_x.jpg) repeat-x bottom; font-size: 1.4em; font-style: italic; margin-bottom: 10px; width: 240px; }
div#works_list h3 { width: 161px; }
h4 { color: #948684; font-size: 1em; line-height: 1.44em; width: 240px; }
h5 { color: #948684; font-size: 1.2em; font-style: italic; letter-spacing: 0.4px; line-height: 1.44em; margin-bottom: 20px; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.alt { font-size: 0.8em; }
.up { text-transform: uppercase; }
.last { margin-bottom: 15px;}

/* Structure */
div#pattern_band { background: #101010 url(assets/images/pattern_band.jpg) repeat; height: 85px; margin-top: 20px; width: 100%; z-index: -10; }

div#install_container { background: transparent url(assets/images/bg_container.jpg) repeat-y; height: auto; margin: 0 auto; margin-top: 30px; padding: 0; position: relative; width: 961px; z-index: 0; }
	div#header { background: transparent url(assets/images/header.jpg) no-repeat; height: 278px; padding: 40px 0 0 45px; width: 916px; }
	div#header2 { background: transparent url(assets/images/header2.jpg) no-repeat; height: 86px; padding: 40px 0 0 45px; width: 916px; }
		div#header ul#menu, div#header2 ul#menu { text-transform: uppercase; letter-spacing: 2px; font-weight: bold; width: 916px; }
			div#header ul#menu li, div#header2 ul#menu li { float: left; margin-right: 15px; }
			div#header ul#menu a, div#header2 ul#menu a { border-bottom: 1px solid #948684; }
			div#header ul#menu a:hover, div#header2 ul#menu a:hover  { border-color: #dc9077; }
			div#header ul#menu li#logo, div#header2 ul#menu li#logo { border:none; height: 25px; width: 620px; }
			div#header ul#menu li#logo a, div#header2 ul#menu li#logo a { border:none; }
			div#header ul#menu li#logo a:hover, div#header2 ul#menu li#logo a:hover { border-bottom: 1px solid #dc9077; }
			div#header ul#menu li#btn_projects a, div#header2 ul#menu li#btn_projects a, div#header ul#menu li#btn_projects2 a, div#header2 ul#menu li#btn_projects2 a  { background: url(assets/images/btn_projects.jpg) no-repeat top left; display: block; height: 12px; margin-top: 5px; width: 64px; text-indent: -999em; }
			div#header ul#menu li#btn_projects a:hover, div#header2 ul#menu li#btn_projects a:hover { background: url(assets/images/btn_projects.jpg) no-repeat bottom left; }		
			div#header ul#menu li#btn_projects2 a, div#header2 ul#menu li#btn_projects2 a { background: url(assets/images/btn_projects.jpg) no-repeat bottom left; border-bottom: 1px solid #dc9077; }	
			div#header ul#menu li#btn_infoscontact a, div#header2 ul#menu li#btn_infoscontact a, div#header ul#menu li#btn_infoscontact2 a, div#header2 ul#menu li#btn_infoscontact2 a { background: url(assets/images/btn_infoscontact.jpg) no-repeat top left; display: block; height: 12px; margin-top: 5px; width: 109px; text-indent: -999em; }
			div#header ul#menu li#btn_infoscontact a:hover, div#header2 ul#menu li#btn_infoscontact a:hover { background: url(assets/images/btn_infoscontact.jpg) no-repeat bottom left; }
			div#header ul#menu li#btn_infoscontact2 a, div#header2 ul#menu li#btn_infoscontact2 a { background: url(assets/images/btn_infoscontact.jpg) no-repeat bottom left; border-bottom: 1px solid #dc9077; }		
			div#header ul#menu li#menu_sep, div#header2 ul#menu li#menu_sep { background: url(assets/images/menu_sep.jpg) no-repeat top left; display: block; height: 10px; margin-top: 5px; width: 3px; }			
		div#intro { font-size: 1.1em; height: auto; margin-top: 80px; width: 570px; }
		
	div#content { padding: 25px 0 0 45px; width: 916px;	}
	div#content2 { padding: 0px 0 0 45px; width: 916px;	}
	div#content p,div#content2 p { margin-bottom: 10px; }
		div.full { height: auto; width: 871px;  }
		div.main { background: url(assets/images/row_y.jpg) repeat-y top right; float: left; height: auto; padding-right: 18px; width: 582px; }	
		div.main2 { background: url(assets/images/row_y.jpg) repeat-y top left; float: left; height: auto; padding-left: 30px; width: 650px; }	
		div.second { height: auto; float: left; margin-left: 30px; width: 241px; }	
			
		div#works_list { width: 161px; height: auto; float: left; margin: 4px 30px 0 0; }		
			div#works_list ul { margin-bottom: 30px; width: 161px;}
			div#works_list ul li p { margin: 0; }
				div#works_list ul li { padding: 0; display: block; }
				div#works_list ul li:last-child { background: none; margin-bottom: 30px;}
		
		ul#ttn li { float: left; margin-right: 15px;}
		div#flickr { height: 85px; margin-bottom: 20px;}	
											
		ul#social li { float: left; }
			ul#social li a { display: block; float: left; line-height: 1.3em; margin-right: 15px; padding-bottom: 0; }
											
		ul#works li { display: block; width: 570px; margin-top: 30px; }
		div#works_description { float: left; margin-right: 30px; min-height: 600px; width: 570px;  }		
		div#work_embed { height: 366px; margin-top: 30px; width: 650px; }
			
		ul#last_projects { height: 164px; margin-bottom: 20px; }
		ul#last_projects li { width: 270px; height: auto; float: left; margin-right: 30px; }
		ul#last_projects li a.thumb { display: block; float: left; height: 134px; margin-right: 30px; width: 260px; background: url(assets/images/bg_thumbs.jpg) repeat; padding: 4px; border: 1px solid #d3d3d3; }

	div#footer { background: transparent url(assets/images/footer.jpg) no-repeat; height: 37px; width: 961px; }
	div#footer2 { color: #9a9a9a; font-size: 0.8em; height: 40px; margin: 0 auto; padding: 10px 0 0 30px; width: 896px; }	

/* Other */	
div.clear { clear: both; }
div.hr { background: url(assets/images/row_x.jpg) repeat-x top; height: 1px; margin-top: 30px; width: 870px; }
div.spacer { height: 1px; margin-top: 20px; width: 870px; }
div#deco { background:#948684; height: 3px; }
#ttnd { margin-top: 10px;}
#fp { float: right; margin-top: 10px; }
/* Form */	
form { color: #777; margin-top: 10px; }
	input, textarea { background: #f5f5f5; border: 1px solid #e6e5e5; color: #777; padding: 5px; width: 230px; }
	input:focus, textarea:focus { border-color: #777; }
	input { height: 16px; }
	input[type=submit] { background: none; border: none; border-bottom: 1px solid #cea699; cursor: pointer; display: block; font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; padding: 0; padding-bottom: 3px; width: auto;}
	input[type=submit]:hover { border-color: #777; }
	form textarea { font-family: arial; font-size: 1em; width: 230px; }
	div.wpcf7-response-output wpcf7-mail-sent-ok { border: none; border-bottom: 1px solid #a2c94d; }