/* @override 
	http://mots.lab/css/mots.css
	http://dev.motsenligne.fr/wp-content/themes/motsenligne/mots.css
*/

/* @group Grid Overrides */
body		{ margin: 0; text-align: left;}
.showgrid	{ background:url(images/grid.png); }
.container { margin: 0 20px 2em 0; width: 100%; }
/* @end */

/* @group Typography */

/* Default font settings. 
  The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	/*font-size:75%;*/
	color:#333;
	background:#fff;
	font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

/* @group Headers */

h1, h2, h3, h4 { font-family: "Helvetica Neue Light", Helvetica-Neue-Light, Helvetica, Arial, sans-serif; height: auto; }

h1 {
	font-weight: 200;
	text-transform: uppercase;
	
	color: #FF7740;
	margin: 0; padding: 0 0 0 80px;
	
	height: 108px;

	background-color: #94141e;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	background-position: 80px 100%;
}

h1 a { display: block; height: 100%; width: 100%; }
h1 span { display: none; }

h2 {
	font-weight: 700;
	font-size: 20px;
	line-height: 36px;
	color: #94141e;
	margin: 0 0 36px 0;
}

h3 {
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	color: #94141e;	
	margin: 36px 0 18px 0;
}

h4 {
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	color: #e66b2e;	
	margin: 18px 0 0 0;

}

/* @end */

p {
	font-size: 12px;
	line-height: 18px;
	margin: 18px 0 0 0;
}

label, legend { font-size: 12px;
	font-weight: 300;
	color: #e66b2e;	
}

/* @group Links */

a, a:link, a:visited { color: #94141e; text-decoration: none; }
a:active { color: #dc1d2c; }
a:hover { color: #94141e; text-decoration: underline; }

/* @end */

/* @group Lists */

ul {
	list-style-type: square;
	list-style-position: inside;
	text-indent: 0;
	margin: 0;
}

li {
	border-bottom: 1px solid #fcc35f;
	margin-bottom: -1px;
}

/* @end */

/* @end */

/* @group  Intro Block */

div.intro { 
	padding: 18px 0 18px 80px;
	margin: 0;
	
	background-color: #fcc35f;
}

div.intro p {
	font-size: 18px;
	line-height: 36px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
	
	width: 620px;
	margin-bottom: 0;
}

/* @end */

/* @group Post DIV */

div.post {
	margin: 18px 0 0 0;
}

/* @end */

/* @group Menu */

ul.menu {
	list-style: none;

	font-size: 16px;
	line-height: 18px;
	
	margin: 0; padding: 0 0 0 80px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	text-align: left;
	
	background-color: #e66b2e;
}

ul.menu li { 
	float: left;
	width: 140px;
	margin-right: 20px;
	border: none;
}

ul.menu li a, ul.menu li a:link {
	color: #fcb333;
	padding: 18px 0 36px 0;
	display: block;
	height: 100%; width: 100%;
}

ul.menu li a:hover { color: #fcb333; text-decoration: none; background-color: #94141e; border: none; }
ul.menu li a:visited { color: #fcb333; text-decoration: none; }

/* @end */

/* @group Footer */

div.footer {
	margin: 36px 0 0 80px;
	padding: 8px 0 9px 0;
	border-top: 1px solid #e66b2e;
}

div.footer p {
	margin: 0;
	font-size: 10px;
	line-height: 18px;
}

div.footer p a, div.footer p a:hover {
	color: #999; text-decoration: none;
}

/* @end */

/* @group Gallery */

div.ngg-imagebrowser {
	 clear: both;
	 margin: 36px 0 0 0;
}
div.ngg-imagebrowser h3 { display: none; }
div.ngg-imagebrowser div.counter { display: none; }
div.ngg-imagebrowser div.ngg-imagebrowser-nav { margin: 0 0 18px 0; padding: 0; }

a.thickbox img { border: 0; padding: 0; margin: 0; width:auto; }

/* @end */



/* @group Column Sizes */

/* span rules - saves wrapping elements in DIVS */
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12 {float:left;margin-right:20px;}
.last { margin-right: 0; }

/* reset widths to counter padding */
input.span-1 {width:60px;}
input.span-2 {width:140px;}
input.span-3 {width:220px;}
input.span-4 {width:300px;}
input.span-5 {width:380px;}
input.span-6 {width:460px;}
input.span-7 {width:540px;}
input.span-8 {width:620px;}
input.span-9 {width:700px;}
input.span-10 {width:780px;}
input.span-11 {width:860px;}
input.span-12 {width:950px;margin:0;}

/* @end */