/*
Theme Name: Expositio Theme
Author URI: http://www.wpshower.com
Description: Expositio is a free portfolio-type WordPress theme for photographers and designers. Expositio theme allows you in several clicks to showcase your works to the whole world.
Author: Wpshower
Version: 1.0.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Copyright: (c) 2011 Wpshower
*/

@charset "UTF-8";
/* CSS Document */

/* Global reset of paddings and margins for all HTML elements */
* { margin:0; padding: 0;}
/* Correction: margin/padding reset caused too small select boxes. */
option { padding-left: 0 0.4em; } 
select { padding: 1px; }
/* Global fix of the Italics bugs in IE 5.x and IE 6  */
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }
html { height: 100%; }
/* default for body */
body { font-size:12px; color: #000;font-family: Arial, Verdana, Tahoma, Geneva, sans-serif; background: white; text-align: left; }
/* 	Lists	*/
ul li { margin:0; padding:0;}
ul.cls-menu li, ul.menu li { list-style:none;}
/*	Images	*/
img, img a, a, a img { border: none; outline: none;}
/* 	Border background	*/
.Frame, .Ft, .Ftl, .Ftr, .Fb, .Fbl, .Fbr, .Fc  { height:1%;}
.Frame { background-repeat:repeat-y;  background-position:center; }
.Frame * { background-position:center; }
.Ft { background-position:top; background-repeat:no-repeat;}
.Fb { background-position:bottom; background-repeat:no-repeat}
.Ftl { background-position:top left; background-repeat:no-repeat;}
.Ftr { background-position:top right; background-repeat:no-repeat;}
.Fbl { background-position:bottom left; background-repeat:no-repeat;}
.Fbr { background-position:bottom right; background-repeat:no-repeat;}


p{ 
	font-family: "Times New Roman", "Garamond", times, serif;
	width:720px;
	line-height: 1.4em;
	font-size: 16px;
	margin: 12px 0;
}

.wp-caption, .alignnone{
	width: 720px !important;
}

.noemievaalaposte{
	margin-bottom:30px;
	border-bottom: 1px solid #000;
	padding:0 0 30px 0;
}

.storytitle{
	font-size:35px;
	line-height:38px;
}

.size-full{
	width:720px !important;
	height:auto;
}
	
/*	Common styles	*/
/*	default for link */
a { color:#000; background:transparent; text-decoration:none; }
a:focus, a:hover { color:#000;  text-decoration: underline;}
.f-left { float: left;}
.f-right { float: right;}
.clr { clear: both; }
.notext-left { text-indent: -9999px;}
.notext-right { text-indent: 9999px;}

/*	Website styles lie beneath	*/
body { 
	background: white; 
	color: #000; 
	font-size: 13px; 
	margin-top: 0; 
	font-family: "Helvetica Neue", Helvetica, Arial;
}

.newsletter{
	width:180px;
	padding:20px 0;
	margin-left: 6px;
}

.newsletter h1{
	font-size:14px !important;
	margin:5px 0 !important;
	padding:0 !important;
}

.newsletter label{
	display:block;
}

.newsletter hr{
	height: 1px solid #000;
}

.newsletter input{
	display:block;
	margin:3px 0;
	font-size:14px;
	width:100%;
}

.newsletter .submit {
	margin:10px 0;
	width:50%;
}




#wps-site-wrapper header{
   position: relative;
	width:960px;,
	text-align:left;
	height:50px;
	padding-bottom: 50px;
}

#wps-site-wrapper header h1{
	float: left;
	padding-top:10px;
}
#wps-site-wrapper header .bar{
	position: absolute;
	top: 56px;
	left: 300px;
	display: block;
	height: 1px;
	width: 740px;
	border-bottom: 1px solid #c5c5c5;

}

.citation-box{
	position: absolute;
	top: 80px;
	left: 300px;
	width: 720px;
	text-align:right;
	padding-bottom: 12px;
	border-bottom: 1px solid #c5c5c5;
}

.citation-box .citation{
	font-family: "Times New Roman", times, serif;
	font-weight: bold;
	font-size:14px;
	text-align:left;
}

.citation-box .author{
   font-family: Arial, "MS Trebuchet", sans-serif;
   font-weight: normal;
	float:right;
	font-size:12px;
	margin-top:4px;
	font-style:italic;
}


	#wps-site-wrapper header h1, #wps-site-wrapper header h2 {
		margin: 20px 0 0 30px;
	}


	}
		#wps-site-inner {
			width:960px;
			position:relative;
		 }
			
			h1 { font-size: 30px !important; font-weight: bold; margin-bottom: 20px; line-height: 20px;}
			h2 { font-size: 20px !important; font-weight: bold; margin-bottom: 20px; line-height: 20px;}
			h4 { font-size: 13px; font-weight: bold; line-height: 20px;}
			h5 { font-size: 13px;}
		
			#wps-sidebar {
				float: left; 
				padding: 0 10px 0 25px;
				width: 220px;
				z-index: 10; background: white; line-height: 20px; height: 100%; 
			}

				#wps-sidebar h1 { padding: 0 6px;}
				#wps-sidebar h2 { padding: 0 6px;}
				#wps-sidebar h4 { padding: 0 6px;}
			
				.wpscls-menu-main {margin-bottom: 20px;}
					.wpscls-menu-main li { list-style: none;}
					.wpscls-menu-main li a { padding: 1px 6px; display: block;}
					.wpscls-menu-main li a:hover {}
					.wpscls-menu-main li.current-menu-item > a {font-weight: bold;}

					.wpscls-menu-main ul.sub-menu { display: none; margin-left: 20px; }
					.wpscls-menu-main li.current-menu-item ul.sub-menu, .wpscls-menu-main li.current-menu-parent ul.sub-menu { display: block; }

				.wpscls-cate-post {margin-bottom: 20px;}
					.wpscls-cate-post ul  { margin-bottom: 20px;}
					.wpscls-cate-post ul li { list-style: none;}
					.wpscls-cate-post ul li a  { padding: 1px 6px; display: block;}
					.wpscls-cate-post ul li a:hover { }
					.wpscls-cate-post ul li a.current  { font-weight: bold;}

			#wps-content {
				width: 740px;
				margin-left:300px;
			}
			
			#wps-content .pagination {
			   padding-bottom: 50px;
			}
			
			#wps-content .pagination a {
			   margin-left: 10px;
			}
			
			table.cls-table-gallery { margin: 60px 0 0 300px;}
			table.wpscls-with-content { }
				table.cls-table-gallery td { vertical-align: top; padding-right: 28px;}
				table.cls-table-gallery td.wpscls-post-content { }
				table.cls-table-gallery td.wpscls-post-content h2 { width: 450px; padding: 0 3px; margin-top: -2px;}
				table.cls-table-gallery td.wpscls-post-content .wpscls-field-content { width: 450px; padding: 0 3px 16px 3px; line-height: 20px;}
				table.cls-table-gallery td.wpscls-post-content .wpscls-field-content p { margin-bottom: 20px; }
				table.cls-table-gallery td.wpscls-post-content .wpscls-field-content h1 { padding: 21px 0 21px 0; margin-bottom: 0; font-size: 21px; line-height: 26px;}
				table.cls-table-gallery td.wpscls-post-content .wpscls-field-content h2 { padding: 18px 0 18px 0; margin-bottom: 0; font-size: 18px; line-height: 23px;}
				table.cls-table-gallery td.wpscls-post-content .wpscls-field-content h3 { padding: 16px 0 16px 0; margin-bottom: 0; font-size: 16px; line-height: 21px;}
				table.cls-table-gallery td.wpscls-post-content .wpscls-field-content img { margin: 6px 0;}
				table.cls-table-gallery td.wpscls-post-content .wpscls-field-content img.alignright { margin-left: 8px; float: right;}
				table.cls-table-gallery td.wpscls-post-content .wpscls-field-content img.alignleft { margin-right: 8px; float: left;}
				table.cls-table-gallery td img {}
				table.cls-table-gallery td h5 { font-weight: normal; line-height: 20px; margin: 10px 0 4px 0;}
			
			.wpscls-copyright {padding: 0px 6px;}
			.wpscls-copyright a {}
			.wpscls-copyright a:hover {}


/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(theme/bg_direction_nav.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}