/*
Theme Name: Flex
Theme URI: http://wordpress.org/extend/themes/flex
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Flex comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, 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 {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {line-height: 1;}

ol, ul {list-style: none;}

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* =Structure
----------------------------------------------- */

body {}

#printer{display:none;}

#wrapper {margin: 2%; }

#page { margin: 0 auto; max-width: 1080px;}



#primary, .error404 #primary {
	float: left;
	margin: 0;
	width: 73%;
	
}
#secondary, .error404 #secondary{
	float: right;
	margin-right: 0px;
	width: 25%;

}
#secondary-content, .error404 #secondary-content{
	padding:4%;
    background-color: #fff;
    
     -webkit-border-radius: 3px;
border-radius: 3px;
}

	
.fb-like-box{margin-left: -10px ; margin-top: -10px;}

/* Singular */
.singular #primary {

}
.singular #content,
.left-sidebar.singular #content {
	margin: 0 ;
	position: relative;
	width: auto;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	
}

.singular #content {
	
	
}



/* Attachments */
.singular .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	margin: 0 auto;
	
}

/* Showcase */
.page-template-showcase-php #primary,
.left-sidebar.page-template-showcase-php #primary {
	margin: 0;
}
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
	margin: 0 ;
	width: auto;
}
.page-template-showcase-php section.recent-posts {
	float: right;
	margin: 0 0 0 31%;
	width: 69%;
}
.page-template-showcase-php #main .widget-area {
	float: left;
	margin: 0 -22.15% 0 0;
	width: 22.15%;
}

/* error404 */




/* Alignment */
.alignleft {
	display: inline;
	
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 ;
	width: 100%;
	
}
.left-sidebar #content {
	margin: 0 ;
	width: 65%;
}
.left-sidebar #secondary {
	float: left;
	margin-left: 0;
	margin-right: 0;
	width: 34%;
}



/* =Global
----------------------------------------------- */

body, input, textarea { color: #666;  font-family: 'Josefin Sans', sans-serif; line-height: 1.3em; }

/* Headings */
h1,h2,h3,h4,h5,h6 { clear: both; }

h1{font-family: 'Josefin Slab', serif; font-size: 1.4em; line-height: 1.6em;}
h2{font-family: 'Josefin Slab', serif; font-size: 1.4em; line-height: 1.6em;}
h3{font-family: 'Josefin Slab', serif; font-size: 1.2em; line-height: 1.4em;}

/* Text elements */
p { margin-bottom: 2em; font-size: 1.2em;
line-height: 1.6em; }

ul, ol { }

ul { list-style: none; }

ol { list-style-type: decimal; }

ol ol { list-style: upper-alpha; }

ol ol ol { list-style: lower-roman; }

ol ol ol ol { list-style: lower-alpha; }

ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

dl { margin: 0 1.625em; }

dt { }

dd { margin-bottom: 1.625em; }

strong { font-weight: bold; }

cite, em, i { font-style: italic; }

blockquote { font-family: 'Josefin Slab', serif; font-style: italic; font-weight: normal; margin: 0 3em; }

blockquote em, blockquote i, blockquote cite { font-style: normal; }

blockquote cite { color: #666; font-family: 'Josefin Slab', serif;  }

pre {
	background: #f4f4f4;
	font-size: 1.3em; "Courier 10 Pitch", Courier, monospace;
	line-height: 1.3;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font-size: 1.3em; Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #3339c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 1em;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Forms */


input[type=submit]{-webkit-appearance: none; padding:8px 9px 5px 9px;
background-color: #e83b51;
color:#fff;
font-size: 1.2em;
-webkit-border-radius: 3px;
border-radius: 3px;  border: 1px solid #e83b51; cursor: pointer;}

input[type=submit]:hover{-webkit-appearance: none; padding:8px 9px 5px 9px;
background-color: #fff;
color:#e83b51;
-webkit-border-radius: 3px;
border-radius: 3px;  border: 1px solid #e83b51; }




input[type=text],
input[type=email],
input[type=password],
textarea { background: #fff;  moz-border-radius: 2px; border-radius: 2px; border: 1px solid #ddd; color: #666;  font-size: 1.2em;}

input[type=text]:focus,
textarea:focus { color: #666; }

textarea { padding: 6px 10px 3px 10px; width: 97%;  font-size: 1.2em;}

input[type=text] { padding: 10px 10px 4px 10px; width: 97%; font-size: 1.2em; }
input[type=email] { padding: 10px 10px 4px 10px; width: 97%; font-size: 1.2em; }

input#s { background: url(images/search.png) no-repeat 7px 9px ; -moz-border-radius: 2px; border-radius: 2px;  height: 22px; line-height: 1.6; padding: 10px 10px 4px 	30px; }

	
input#searchsubmit { display: none; }

/* Links */
a { color: #e83b51; text-decoration: none; }

a:focus,
a:active,
a:hover { text-decoration: underline; }

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #c00;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* Header
----------------------------------------------- */

#branding { padding-bottom: 0px; position: relative; z-index: 2;  }

#site-title {  }

#site-title a { }

#site-title a:hover,
#site-title a:focus,
#site-title a:active { }

#site-description { color: #666; }

#branding img { height: auto; margin-bottom: 10px; width: 100%; }


/* Menu
-------------------------------------------------------------- */

#language-selecta{float: right;}
.qtranxs_language_chooser li.active { display : none; }

.menu{position: relative; }

#access { color: #333; clear: both; display: block; float: left; margin: 0 auto ; width: 100%; background-color: #fff;  -webkit-border-radius: 3px;
border-radius: 3px; padding-top:5px;
}

#access ul {
	font-size: 1.4em;
	list-style: none;
	margin: 0 0 0 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #333;
	display: block;
	line-height: 2.5em;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	
}
#access li:hover > a,
#access a:focus {
	
	color: #e83b51;;
}
#access ul li:hover > ul {
	display: block;
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
	
}

/* Search Form */

/* =Content
----------------------------------------------- */

.attribution {margin-bottom: 20px;}
.at_PinItButton{display: none;}
#main {
	clear: both;
	padding: 1.5% 0 0 0;
}

.entry-content p,.singular .entry-content p{margin: 20px 0px 20px 0px; font-size: 1.2em; line-height: 1.6em;}

.entry-content ol, .entry-content ul {
margin: 0 25px 0 25px;
}
.entry-content li{margin: 0 5px 0 0;}
.page-title {
	color: #333;
	
	margin: 0 0 5px 2px;
	text-transform: uppercase;
}
.page-title a {
	font-size: 12px;
	
	letter-spacing: 0;
	text-transform: none;
}
#post-footer{width: 80%;}

.hentry,
.no-results  {
	
	margin: 0 0 2%;
	padding: 1.0em ;
	position: relative;
	background: #fff;
	
     -webkit-border-radius: 3px;
border-radius: 3px;
}

.error-page  {
	
		padding: 4% ;
	
	background: #fff;
	
     -webkit-border-radius: 3px;
border-radius: 3px;
}
.hentry:last-child,
.no-results {
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-title,
.entry-header .entry-meta {
	padding-right: 0px;
}
.entry-title {
	clear: both;
	color: #666;
	
	padding-top: 15px;
}
.entry-title,
.entry-title a {
	color: #666;
	font-family: 'Josefin Slab', serif; 
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	
}

.entry-meta{margin-top: 0px; }

#entry-meta {
	margin-top: 30px;
	padding-top:20px;
	clear: both;
	
	border-top: 1px solid #666;
}
.entry-meta a {
	
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {  }

.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 { margin: 0 0 .8125em; }

.entry-content table,
.comment-content table { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%; }

.entry-content th,
.comment-content th { letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; }

.entry-content td,
.comment-content td { border-top: 1px solid #ddd; padding: 6px 10px 6px 0; }

.entry-content #s { width: 97%; }

.comment-content ul,
.comment-content ol { margin-bottom: 1.625em; }

.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul { margin-bottom: 0; }

dl.gallery-item { margin: 0; }

.page-link { clear: both; display: block; margin: 0 0 1.625em; }

.page-link a { background: #eee; margin: 0; padding: 2px 3px; text-decoration: none; }
	
.page-link a:hover { background: #888; }

.page-link span { margin-right: 6px; }

.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	
	text-decoration: none;
	padding: 0 8px;
	display:none;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover { background: #888; color: #333; }

.entry-content .edit-link { clear: both; display: block; display:none;}

/* Images */
.entry-content img,
.comment-content img,
.widget img { max-width: 100%; }

img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
	
img.size-full { max-width: 100%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ }
	
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
	
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #f2f5f7;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 1.625em;
	font-style: normal;
	
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto ;
}


#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-3 .gallery-item {
	
	
}
#content .gallery-columns-3 .gallery-item img {
	width: 100%;
	margin: 10px;
	height: auto;
}

#content .gallery-columns-4 .gallery-item {
	width: 100%;
	padding-right: 0;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}


/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	

}
.wp-caption img {
	
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #333;
	border-color: #ddd;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}

/* Author Info */
#author-info { font-size: 12px; overflow: hidden; }

.singular #author-info { background: #f9f9f9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 2.2em -35.6% 0 -35.4%; padding: 20px 35.4%; }

.archive #author-info { border-bottom: 1px solid #ddd; margin: 0 0 2.2em; padding: 0 0 2.2em; }

#author-avatar { float: left; margin-right: -78px; }

#author-avatar img { background: #333; -moz-border-radius: 2px; border-radius: 2px;  padding: 3px; }

#author-description { float: left; margin-left: 108px; }

#author-description h2 { color: #666; font-size: 15px; margin: 5px 0 10px; }

/* Comments link */
 .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	bottom: 1em;
	right: 20px;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
 .comments-link a:hover,
 .comments-link a:focus,
 .comments-link a:active { background-color: #e83b51; color: #fff;  }

 .comments-link .leave-reply { visibility: hidden; }

/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: -0.5em;
}
.entry-header hgroup .entry-title {padding-top: 1em;}

article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {padding: 2em 0 0;}

.recent-posts .entry-header .entry-format {display: none;}

.recent-posts .entry-header hgroup .entry-title {}

/* Singular content styles for Posts and Pages */
.singular .hentry {
	
}
.singular.page .hentry {
	}
.singular .entry-title {
	clear: both;
	color: #666;
		padding-top: 15px;
}
#nextprev{padding: 2%;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	margin-bottom: 2%; font-size: 1.2em; display: block; height: 30px;}
#nextprevm{display: none;}	
	

.singular 
.singular .entry-header .entry-meta {
	font-size: 0.8em;}
.singular .entry-header .entry-meta {
font-size: 0.8em;	
}
blockquote.pull {
	font-size: 1.2em;
	
	line-height: 1.6em;
	margin: 0 0 1.6em;
	text-align: center;
}
.singular blockquote.pull {
	margin: 0 -22.25% 1.625em;
}
.pull.alignleft {
	margin: 0 1.625em 0 0;
	text-align: right;
	width: 33%;
}
.singular .pull.alignleft {
	margin: 0 1.625em 0 -22.25%;
}
.pull.alignright {
	margin: 0 0 0 1.625em;
	text-align: left;
	width: 33%;
}
.singular .pull.alignright {
	margin: 0 -22.25% 0 1.625em;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
	width: 33%;
}
.singular .entry-meta .edit-link a {
	bottom: auto;
	left: 50px;
	position: absolute;
	right: auto;
	top: 80px;
	display:none;
}


/* =Aside
----------------------------------------------- */

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
	display: none;
}
.singular .format-aside .entry-title {
	display: block;
}
.format-aside .entry-content {
	padding: 0;
}
.singular .format-aside .entry-content {
	padding: 1.625em 0 0;
}


/* =Link
----------------------------------------------- */

.format-link .entry-title,
.format-link .entry-header .comments-link {
	display: none;
}
.singular .format-link .entry-title {
	display: block;
}
.format-link .entry-content {
	padding: 0;
}
.singular .format-link .entry-content {
	padding: 1.625em 0 0;
}


/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: 10px;
}


/* =Status
----------------------------------------------- */

.format-status .entry-title,
.format-status .entry-header .comments-link {
	display: none;
}
.singular .format-status .entry-title {
	display: block;
}
.format-status .entry-content {
	padding: 0;
}
.singular .format-status .entry-content {
	padding: 1.625em 0 0;
}
.format-status img.avatar {
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	float: left;
	margin: 4px 10px 2px 0;
	padding: 0;
}


/* =Quote
----------------------------------------------- */

.format-quote blockquote {
	color: #555;
	font-size: 17px;
	margin: 0;
}


/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image p,
.indexed.format-image p img {
	margin-bottom: 0;
}
.indexed.format-image footer.entry-meta {
	background: #ddd;
	margin-top: -7px;
	padding: 20px 30px;
	overflow: hidden;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
	display: block;
}


.indexed.format-image footer.entry-meta a {
	color: #333;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #333;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 100%;
	padding: 11px;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}


/* =error404
----------------------------------------------- */



.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}


/* =Showcase
----------------------------------------------- */

h1.showcase-heading {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

/* Intro */
article.intro {
	background: #f9f9f9;
	border-bottom: none;
	margin: -1.855em -8.9% 1.625em;
	padding: 0 8.9%;
	 
	
}
article.intro .entry-title {
	display: none;
}
article.intro .entry-content {
	color: #111;
	font-size: 16px;
	padding: 1.625em 0 0.625em;
}
article.intro .edit-link a {
	background: #aaa;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #333;
	font-size: 12px;
	padding: 0 8px;
	position: absolute;
	top: 30px;
	right: 20px;
	text-decoration: none;
	display:none;
}
article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
	background: #777;
}

/* Featured post */
section.featured-post {
	float: left;
	margin: -1.625em -8.9% 1.625em;
	padding: 1.625em 8.9% 0;
	position: relative;
	width: 100%;
	
}
section.featured-post .hentry {
	border: none;
	color: #666;
	margin: 0;
}
section.featured-post .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Small featured post */
section.featured-post .attachment-small-feature {
	float: right;
	height: auto;
	margin: 0 -8.9% 1.625em 0;
	max-width: 59%;
	position: relative;
	right: -15px;
}
section.featured-post.small {
	padding-top: 0;
}
section.featured-post .attachment-small-feature:hover,
section.featured-post .attachment-small-feature:focus,
section.featured-post .attachment-small-feature:active {
	opacity: .8;
}
article.feature-image.small {
	float: left;
	margin: 0 0 1.625em;
	width: 45%;
}
article.feature-image.small .entry-title {
	line-height: 1.2em;
}
article.feature-image.small .entry-summary {
	color: #555;
	font-size: 13px;
}
article.feature-image.small .entry-summary p a {
	background: #666;
	color: #eee;
	display: block;
	left: -23.8%;
	padding: 9px 26px 9px 85px;
	position: relative;
	text-decoration: none;
	top: 20px;
	width: 180px;
	z-index: 1;
}
article.feature-image.small .entry-summary p a:hover {
	background: #c00;
	color: #eee;
	color: rgba(255,255,255,0.8);
}

/* Large featured post */
section.feature-image.large {
	border: none;
	max-height: 288px;
	padding: 0;
	width: 100%;
}
section.feature-image.large .showcase-heading {
	display: none;
}
section.feature-image.large .hentry {
	border-bottom: none;
	left: 9%;
	margin: 1.625em 9% 0 0;
	position: absolute;
	top: 0;
}
article.feature-image.large .entry-title a {
	background: #666;
	background: rgba(0,0,0,0.8);
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #333;
	display: inline-block;
	font-weight: 300;
	padding: .2em 20px;
}
section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
	background: #eee;
	background: rgba(255,255,255,0.8);
	color: #666;
}
article.feature-image.large .entry-summary {
	display: none;
}
section.feature-image.large img {
	display: block;
	height: auto;
	max-width: 117.9%;
	padding: 0 0 6px;
}

/* Featured Slider */
.featured-posts {
	border-bottom: 1px solid #ddd;
	display: block;
	height: 328px;
	margin: 1.625em -8.9% 20px;
	max-width: 1000px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.featured-posts .showcase-heading {
	padding-left: 8.9%;
}
.featured-posts section.featured-post {
	background: #fff;
	height: 288px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 30px;
	width: auto;
	
}
.featured-posts section.featured-post.large {
	max-width: 100%;
	overflow: hidden;
}
.featured-posts section.featured-post {
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: opacity, visibility;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 200ms;
	-moz-transition-property: opacity, visibility;
	-moz-transition-timing-function: ease;
}
.featured-posts section.featured-post {
	opacity: 0;
	visibility: hidden;
}
.featured-posts #featured-post-1 {
	opacity: 1;
	visibility: visible;
}
.featured-post .feature-text:after,
.featured-post .feature-image.small:after {
	content: ' ';
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	width: 100%;
	height: 45px;
	position: absolute;
	top: 230px;
}
.featured-post .feature-image.small:after {
	top: 253px;
}
#content .feature-slider {
	top: 5px;
	right: 0;
	overflow: visible;
	position: absolute;
}
.feature-slider ul {
	list-style-type: none;
	margin: 0;
}
.feature-slider li {
	float: left;
	margin: 0 6px;
}
.feature-slider a {
	background: #3c3c3c;
	background: rgba(60,60,60,0.9);
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	display: block;
	width: 14px;
	height: 14px;
}
.feature-slider a.active {
	background: #c00;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	cursor: default;
	opacity: 0.5;
}

/* Recent Posts */
section.recent-posts {
	padding: 0 0 1.625em;
}
section.recent-posts .hentry {
	border: none;
	margin: 0;
}
section.recent-posts .other-recent-posts {
	border-bottom: 1px solid #ddd;
	list-style: none;
	margin: 0;
}
section.recent-posts .other-recent-posts li {
	padding: 0.3125em 0;
	position: relative;
}
section.recent-posts .other-recent-posts .entry-title {
	border-top: 1px solid #ddd;
	font-size: 17px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"] {
	color: #373737;
	float: left;
	max-width: 84%;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
	content: '-';
	color: transparent;
	font-size: 11px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
}
section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link > span {
	border-bottom: 2px solid #999;
	bottom: -2px;
	color: #444;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	padding: 0.3125em 0 0.3125em 1em;
	position: absolute;
	right: 0;
	text-align: right;
	text-transform: uppercase;
	z-index: 1;
}
section.recent-posts .other-recent-posts .comments-link > span {
	border-color: #bbb;
	color: #888;
}
section.recent-posts .other-recent-posts .comments-link a:hover {
	color: #c00;
	border-color: #c00;
}
section.recent-posts .other-recent-posts li:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}


/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
	
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}


/* =Navigation
-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content nav a {
	font-size: 12px;
	
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}

/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	width: 100%;
	z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	float: none;
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}


/* =Widgets
----------------------------------------------- */
.widget select{width:100%;}
.widget-area {
	font-size: 1.2em;
	line-height: 1.6em;
}
.widget {
	clear: both;
	margin: 0 0 2.2em;
}
.widget-title {
	color: #333;
	margin-bottom: 0.5em;
	
}
.widget ul {
	
	margin: 0;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li {
	color: #777;
	
}
.widget a {
	
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}

/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
	
}
.widget_search #s {
width: 83%;
font-size: 1.2em;	
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 1.2em;
	
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #c00;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}

/* Twitter */
.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}

/* Widget Image */
.widget_image img {
	height: auto;
	max-width: 100%;
}

/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 12px;
	
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}

#comments {
	background: #fff;
	padding: 2%;
	
	
     -webkit-border-radius: 3px;
border-radius: 3px;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0px 20px 0px 0px;
	width: 100%;
	
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #fff;
	border: 0px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0;
	padding: 0;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 1em;
	line-height: 1.2;
}
.commentlist .children li.comment .comment-meta {
	
	
}
.commentlist .children li.comment .comment-content {
	margin:  0;
}
.comment-meta a {
	
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	margin-right: 2%;
	padding: 0;
	position: relative;
	top: 0;
}
.commentlist > li:before {
	
	
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	
	left: -4.2em;
	padding: 0;
	top: 3.5em;
}
a.comment-reply-link {
	background: #e83b51;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #d5253b;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #fff;
	border-color: #fff;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #666;
	margin-bottom: 20px;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #fff;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 0px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	background: #fff;
	border: 1px solid #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	
	position: relative;
	margin: ;
	width: 100%;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 1.5em;
	position: relative;
	padding: 10px;
	
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	
	
	color: #666;
	display: inline-block;
	font-size: 1.3em;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	
	z-index: 1;
	
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 97%;
	
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #e83b51;
	font-size: 1.3em;
	
	
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 0.8em;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #e83b51;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 20px 5px 20px;
	position: relative;
	
	
}
#respond input#submit:hover {
	background: #d5253b;
	color: #fff;
}
#respond input#submit:active {
	background: #d5253b;
	color: #fff;
}
#respond #cancel-comment-reply-link {
	color: #fff;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.2em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}


/* =Footer
----------------------------------------------- */





#colophon { clear: both;  width: 100%; height: 200px;  }

#footer-infos{max-width: 1080px; margin: 0 auto; text-align: center; padding-top: 50px;}

#pagination{clear: both; max-width: 1080px; margin:0 auto; text-align: left; }

#pages-links{ max-width: 1080px; margin-left: 2%;}
/* pagination stylin */
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:1.2;
line-height:1.4em;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:8px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#666;
background: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
}
 
.pagination a:hover{
color:#fff;
background: #e83b51;
-webkit-border-radius: 3px;
border-radius: 3px;
}
 
.pagination .current{
padding:8px 9px 5px 9px;
background: #e83b51;
color:#fff;
-webkit-border-radius: 3px;
border-radius: 3px;
}


/* Two Footer Widget Areas */
#supplementary.two .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 48.1%;
}
#supplementary.two .widget-area + .widget-area {
	margin-right: 0;
}

/* Three Footer Widget Areas */
#supplementary.three .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}

/* Site Generator Line */
#site-generator {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
	padding: 2.2em 0.5em;
	text-align: center;
}
#site-generator a {
	color: #555;
	
}
#site-generator .sep {
	background: url(images/wordpress.png) center left no-repeat;
	color: transparent;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	margin: 0 7px;
	width: 16px;
}


/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
	/* Simplify the basic layout */
	
	
	 #wrapper {margin: 0 auto; width: 96%;}
	#pages-links{ max-width: 1080px; margin: 4%;}
	
	
	.widget_search #s {
	width: 86%;
}


	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.625em;
	}
	#main  {
		float: none;
		margin: 0;
		width: 100%;
		
	}
	#primary, .error404 #primary {
		
		width: 100%; margin-bottom: 20px;
	}
	#secondary, .error404 #secondary {
	clear: both;
	float: none; width: 100%; margin-top: 20px;	
	}
	.nabigation{width: 50%;}
	/* Simplify the showcase template */
	.page-template-showcase-php .featured-posts {
		min-height: 280px;
	}
	.featured-posts section.featured-post {
		height: auto;
	}
	.page-template-showcase-php section.recent-posts {
		float: none;
		margin: 0;
		width: 100%;
	}
	.page-template-showcase-php #main .widget-area {
		float: none;
		margin: 0;
		width: auto;
	}
	.page-template-showcase-php .other-recent-posts {
		
	}
	/* Simplify the showcase template when small feature */
	section.featured-post .attachment-small-feature,
	.one-column section.featured-post .attachment-small-feature {
		border: none;
		display: block;
		float: left;
		height: auto;
		margin: 0.625em auto 1.025em;
		max-width: 30%;
		position: static;
	}
	article.feature-image.small {
		float: right;
		margin: 4;
		width: 64%;
	}
	.one-column article.feature-image.small .entry-summary {
		height: auto;
	}
	article.feature-image.small .entry-summary p a {
		left: 0;
		
		width: auto;
	}
	/* Remove the margin on singular articles */
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		width: 100%;
		
	}
	/* Simplify the pullquotes and pull styles */
	.singular blockquote.pull {
		margin: 0 0 1.625em;
	}
	.singular .pull.alignleft {
		margin: 0 1.625em 0 0;
	}
	.singular .pull.alignright {
		margin: 0 0 0 1.625em;
	}
	.singular  .edit-link a {
		left: 0;
		position: absolute;
		top: 40px;
		display:none;
	}
	.singular #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	/* Make sure we have room for our comment avatars */
	
	
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,
	.commentlist .pingback {
		margin-left: 0;
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}
	
		/* Make sure embeds fit their containers */
	embed,
	object {
		max-width: 100%;
	}
	

}
@media (max-width: 650px) {
	
	textarea { padding: 6px 10px 3px 10px; width: 93%;  font-size: 1.2em;}

input[type=text] { padding: 10px 10px 4px 10px; width: 93%; font-size: 1.2em; }
input[type=email] { padding: 10px 10px 4px 10px; width: 93%; font-size: 1.2em; }	
	}
	@media (max-width: 450px) {
	
	#content .gallery-columns-2 .gallery-item {
		width: 100%;
		padding-right: 0;
	}
	.singular .hentry {
	
	}
	
	.widget_search #s {
	width: 85%;
}
	#wrapper {margin: 0 auto; width:96%;}
	
	
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
	#nextprev{display:none;}
	#nextprevm{display:block;padding: 2%;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	;margin-bottom: 2%; font-size: 1.2; display: block; height: 30px;}
	#footer-infos{font-size: 0.8em;}
	
	#respond textarea {
	resize: vertical;
	width: 95%;
	
		
}


}
@media (max-device-width: 320px) {
	
 #wrapper {margin: 0 auto; width: 96%;}
		

}




/* =IE7
----------------------------------------------- */

#ie7 article.intro { margin-left: -7.6%; margin-right: -7.6%; padding-left: -7.6%; padding-right: -7.6%; max-width: 1000px; }

#ie7 section.featured-post { margin-left: -7.6%; margin-right: -7.6%; max-width: 850px; }

#ie7 section.recent-posts { margin-right: 7.6%; }
 20px 8.8%;
	}
	/* Make sure we have room for our comment avatars */
	
	#comments{padding: 4%; width: 90%;}
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,
	.commentlist .pingback {
		margin-left: 0;
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}
	
		/* Make sure embeds fit their containers */
	embed,
	object {
		max-width: 100%;
	}
	

}
@media (max-width: 650px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	
	
	}
	@media (max-width: 450px) {
	#content .gallery-columns-2 .gallery-item {
		width: 100%;
		padding-right: 0;
	}
	.singular .hentry {
	}
	
	.widget_search #s {
	width: 85%;
}
	#wrapper {margin: 0 auto; width:96%;}
	#primary {
		
		
	}
	
	
	.singular .entry-content p{ }
	.entry-title, .entry-title a { }
	
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
	#nextprev{display:none;}
	#nextprevm{display:block;padding: 2%;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	margin-bottom: 2%; font-size: 1.2; display: block; height: 25px;}
	#footer-infos{font-size: 0.8em;}
	
	#respond textarea {
	resize: vertical;
	width: 95%;}
	
	.singular.page .hentry {
	}
#access { color: #333; clear: both; display: block; float: left; margin: 0 auto ; width: 100%; background-color: #fff;  -webkit-border-radius: 3px;
border-radius: 3px; padding-top:5px;
}

#access ul {
	font-size: 1em;
	list-style: none;
	
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #333;
	display: block;
	line-height: 2.5em;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	
}
#access li:hover > a,
#access a:focus {
	
	color: #e83b51;;
}
#access ul li:hover > ul {
	display: block;
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
	
}



}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	
		

}


/* =Print
----------------------------------------------- */

@media print {
	#wrapper, #colophon {
		display: none;
	}
	
#printer{display:block; width: 100%; text-align:center; margin-top:30%; font-size: 32pt; line-height: 32pt;}
}



/* =IE7
----------------------------------------------- */

#ie7 article.intro { margin-left: -7.6%; margin-right: -7.6%; padding-left: -7.6%; padding-right: -7.6%; max-width: 1000px; }

#ie7 section.featured-post { margin-left: -7.6%; margin-right: -7.6%; max-width: 850px; }

#ie7 section.recent-posts { margin-right: 7.6%; }