/*
 Theme Name:   Twenty Fourteen Le Soir Child
 Theme URI:    http://oulmane.com/lesoir/wp-content/themes/twentyfourteen-lesoir-child/
 Description:  Child theme, based on Twenty Fourteen pour le soir
 Author:       Djalil Oulmane
 Author URI:   http://oulmane.com
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         Le Soir
 Text Domain:  twenty-fourteen-lesoir-child
*/ 

body{text-align:center; line-height:1.2}
.site{text-align:left; margin:auto;}
.interettags{ margin-top:10px;} 
.interettags .hentry{margin-bottom:10px;}
.interettags .entry-title{margin-bottom:0px; padding-bottom:0; font-size:16px;}
.interettags .entry-content{padding-top:0;}
.interettags .entry-header{padding-top:0;}


#slider1_container .post-thumbnail {
    max-height: 300px;
}
.portraitGrand{float:right; margin:3px; border: 1px solid #eee; padding: 3px; padding-bottom: 5px; }

/*h1.widget-title{color: #fff; background:#b5341d; font-weight: bold; font-size: 15px; padding-left:3px; margin-top: 30px;}*/


/* widget auteurs */
.portraits{ width:53px;  border: 1px solid #eee; box-shadow: none; margin: 2px 8px 2px 0; float:left;

  margin-top: -7px;
    height: auto;
      display: inline;
  float: left;
    border: 1px solid #eee !important;
  box-shadow: none !important;
  margin: 2px 10px 2px 0;
  padding: 3px !important;
    vertical-align: middle;

}
.author-diali{font-weight:bold; color:#000; /* margin-left:60px; */ }
.author-diali a{text-decoration:none; color:#000;}
/*#actudivtitre{height:70px;} */
.messtats{text-align:right;}
#content{margin-top: 50px;}

/* #rpwe_widget-3 h1, */

#rpwe_widget-4 h1, #rpwe_widget-5 h1, #rpwe_widget-6 h1, #rpwe_widget-7 h1, #rpwe_widget-8 h1, #rpwe_widget-9 h1, #rpwe_widget-10 h1, #rpwe_widget-11 h1{margin-left:62px; height:22px; margin-bottom:-5px;}
/* #rpwe_widget-3 img, */

#rpwe_widget-4 img, #rpwe_widget-5 img, #rpwe_widget-6 img, #rpwe_widget-7 img, #rpwe_widget-8 img, #rpwe_widget-9 img, #rpwe_widget-10 img, #rpwe_widget-11 img{margin-top:-7px;}
/* #rpwe_widget-3 .rpwe-block li, */

#rpwe_widget-4 .rpwe-block li, #rpwe_widget-5 .rpwe-block li, #rpwe_widget-6 .rpwe-block li, #rpwe_widget-7 .rpwe-block li, #rpwe_widget-8 .rpwe-block li, #rpwe_widget-9 .rpwe-block li, #rpwe_widget-10 .rpwe-block li, #rpwe_widget-11 .rpwe-block li{border:none; padding:0; margin:0;}
#rpwe_widget-13 .rpwe-summary, #rpwe_widget-14 .rpwe-summary{color:#000;}
.wgauteur{color:#222; font-weight:900;}
#rpwe_widget-13 .widget-title, #rpwe_widget-14 .widget-title{color: #fff; background: #b5341d; font-weight: bold; font-size: 15px; padding-left: 3px; margin-top: 30px; height:22px;}
/* #media-widget-2 h1{color: #fff; background: #b5341d; font-weight: bold; font-size: 15px; padding-left: 3px; margin-top: 30px; height:22px;}*/
/* oeil du sid */
#rpwe_widget-19 h1{background:url('images/oeil.png') #b5341d no-repeat; background-position-x: -3px; background-position-y: -4px; padding-left: 33px;}

.wp-polls{overflow:hidden;}
.wp-polls img{float:left; margin-right:5px;}
.widget h1{height:22px !important;}
.entry-title{font-size:23px;}
.site-content .has-post-thumbnail .entry-header{/*opacity:.7;  height:26px; */}
.entry-content p{/* margin-top: -10px; margin-bottom: 5px; */ margin:0;}
.blockdarticles{height:90px;}
.titrerubriques{color: #777; margin-left: 32px; margin-top: 15px;  text-transform :capitalize;}
.postnum0{/* max-height: 450px; */
overflow: hidden;
margin-bottom: 10px;}
.postnum0 .entry-content p{line-height: 1.2; font-size:14px;}
.postnum1:first-child{margin-left:0}
.postnum1{margin-left:8px; width:136px; float: left;}
	.postnum1 .post-thumbnail {
		background: none;
		width: auto;
		z-index: 2;
	}
	.postnum1 .post-thumbnail img {
		float: left;
		margin: -7px 10px 3px 0;
		width: 140px;
	}
	.postnum1  .entry-header {
		background-color: transparent;
		padding: 0;
	}
.site-content .entry-header{margin-right:0; }
	.postnum1 .content-area {
		padding: 0 10px;
	}
	.postnum1 .hentry {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin: 0;
		min-height: 60px;
		padding: 12px 0 9px;
	}
	.postnum1 .cat-links,
	.postnum1 .type-post .entry-content,
	.postnum1 .type-page .entry-content,
	.postnum1 .type-post .entry-summary,
	.postnum1 .type-page .entry-summary,
	.postnum1 .site-content footer.entry-meta {
		display: none;
	}
.postnum1 .entry-title {
	clear: none;
	font-size: 11px;
	font-weight: 900;
	line-height: 1.2;
	margin-bottom: 6px;
	text-transform: none;
	height: 40px; 
	overflow: hidden;
}
	.postnum1 .format-aside .entry-title,
	.postnum1 .format-link .entry-title,
	.postnum1 .format-quote .entry-title {
		display: block;
	}
	.postnum1 .entry-meta {
		background-color: transparent;
		clear: none;
		margin: 0;
		text-transform: none;
	}
.postnum2:first-child{clear:both;}
	.postnum2 .post-thumbnail {
		background: none;
		width: auto;
		z-index: 2;
	}
	.postnum2 .post-thumbnail img {
		float: left;
		margin: 0 10px 3px 0;
		width: 84px;
	}
	.postnum2  .entry-header {
		background-color: transparent;
		padding: 0;
	}
	.postnum2 .content-area {
		padding: 0 10px;
	}
	.postnum2 .hentry {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin: 0;
		min-height: 60px;
		padding: 12px 0 9px;
	}
	.postnum2 .entry-title {
		clear: none;
		font-size: 15px;
		font-weight: 900;
		line-height: 1.2;
		margin-bottom: 6px;
		text-transform: none;
margin-top: 10px;
	}
	.postnum2 .format-aside .entry-title,
	.postnum2 .format-link .entry-title,
	.postnum2 .format-quote .entry-title {
		display: block;
	}
	.postnum2 .entry-meta {
		background-color: transparent;
		clear: none;
		margin: 0;
		text-transform: none;
	}
@media screen and (min-width: 1040px){
.postnum2 .entry-header{margin-top:0 !important;}
.postnum2 .post-thumbnail {background: none; width: auto; z-index: 2; max-width: 90px; float: left; margin-top: 23px; margin-right: 10px; height: 53px;}
.postnum2 .post-thumbnail img{width:100%; height:100%;}
#actudivtitre{/*height:22px;*/}
.site-content .has-post-thumbnail .entry-header {   margin-top: 0; }
}

/* social */
#shareContainer li {display: inline-block; margin-left: 8px;}
#shareContainer li a {display: block; width: 32px; height: 32px; background-image: url('images/spritesheet-share-icons.png'); background-repeat: no-repeat; text-indent: -9999px;
}
#shareContainer li a.facebook {background-position: left top;}
#shareContainer li a.twitter {background-position: -40px top;}
#shareContainer li a.pinterest {background-position: -80px top;}
#shareContainer li a.googleplus {background-position: -120px top;}
#shareContainer li a.instagram {background-position: -160px top;}
#shareContainer li a.youtube {background-position: -200px top;}
#shareContainer li a.linkedin {background-position: -240px top;}
#shareContainer li a.rss {background-position: left -112px;} 
#shareContainer li a.facebook:hover {background-position: left  -40px;}
#shareContainer li a.twitter:hover {background-position: -40px -40px;}
#shareContainer li a.pinterest:hover {background-position: -80px -40px;}
#shareContainer li a.googleplus:hover {background-position: -120px  -40px;}
#shareContainer li a.instagram:hover {background-position: -160px  -40px;}
#shareContainer li a.youtube:hover {background-position: -200px -40px;}
#shareContainer li a.linkedin:hover {background-position: -240px -40px;}
#shareContainer li a.rss:hover {background-position: left -152px;}
/*
<div id="shareContainer" style="left:0 !important"><ul>
<li><a href="http://www.facebook.com/" class="facebook">&nbsp;</a></li>
<li><a href="http://twitter.com/" class="twitter">&nbsp;</a></li>
<li><a href="http://pinterest.com//" class="pinterest">&nbsp;</a></li>
<li><a href="http://youtube.com/" class="youtube">&nbsp;</a></li>
<li><a href="https://plus.google.com/" class="googleplus">&nbsp;</a></li>
<li><a href="http://instagram.com/" class="instagram">&nbsp;</a></li>
<li><a href="http://www.linkedin.com//sharethis" class="linkedin">&nbsp;</a></li>
<li><a href="http://www.oulmane.com/feed/" class="rss">&nbsp;</a></li>
</ul></div>
*/
#post-663 .entry-header{margin-bottom: 12px;}
/* mobile */
.menu-toggle {position:relative; float:right; }
.primary-navigation {padding-top:0}
.search-toggle{margin-right:0}

/* periscoop > recent post extended */
#rpwe_widget-15 .rpwe-block li{border-bottom : none; margin-bottom : 0; padding-bottom:0;}





@media screen and (min-width: 783px) {.menu-toggle {display: none;} }








.site-description{color:#333; margin-top:20px !important;}
#primary{padding-top:20px}
#secondary{background:#fff; color:#000;}
h5{font-size: 11px;font-weight: 900;line-height: 1.6363636363;margin-bottom: 1px;color: #000;/*b5341d;*/ margin:0 !important;}
/** 1.0 Reset **/
a {color: #b5341d; transition: 0.2s; text-decoration: none;}
a:active, a:hover {color: #a00000; transition: 0.2s;}
::selection {background: #b5341d; color: #fff; text-shadow: none;}
::-moz-selection {
	background: #b5341d;
	color: #fff;
	text-shadow: none;
}
/** 2.0 Repeatable Patterns */ /* Input fields */ /* Buttons */
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #b5341d; transition: 0.2s;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #a00000; transition: 0.2s;
	color: #fff;
}
button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #d60303; transition: 0.2s;
}
/** 3.0 Basic Structure **/
.main-content {width: 100%;
margin-top:10px;}
/** 4.0 Header **/
.site-header {
	background-color: #f5f5f5;
	max-width: 1260px;
	position: relative;
	width: 100%;
	z-index: 4;
}
.site-title a,
.site-title a:hover {
	color: #b5341d;
}
/* Search in the header   */
.search-toggle {
	background-color: #a00000;
		transition: 0.2s;
	cursor: pointer;
	float: right;
	height: 48px;
	margin-right: 38px;
	text-align: center;
	width: 48px;
}
.search-toggle:hover, .search-toggle.active {background-color: #b5341d; transition: 0.2s;}
.search-box {background-color: #a00000; transition: 0.2s; padding: 12px;}
/** 5.0 Navigation **/
.site-navigation ul ul a {color:#fff; }
.site-navigation a {
	color: #b5341d;
	display: block;
	text-transform: uppercase;
}
.site-navigation a:hover {
	color: #a00000; transition: 0.2s;
}
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #d60303; transition: 0.2s;
	font-weight: 900;
}
/** 6.0 Content **/
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
	max-width: 532px;
}
/** 6.1 Post Thumbnail **/ /** 6.2 Entry Header **/
.entry-title a {
	color: #b5341d; /*#2b2b2b;*/
}
.entry-title a:hover {
	color: #a00000; transition: 0.2s;
}
/** 6.3 Entry Meta **/
.entry-meta a:hover {
	color: #a00000; transition: 0.2s;
}
.cat-links a:hover {
	color: #a00000; transition: 0.2s;
}
.entry-meta .tag-links a:hover {
	background-color: #a00000; transition: 0.2s;
	color: #fff;
}
.entry-meta .tag-links a:hover:before {
	border-right-color: #a00000; transition: 0.2s;
}
.entry-meta .tag-links a:after {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	height: 4px;
	position: absolute;
	top: 8px;
	left: -2px;
	width: 4px;
}
/** 6.4 Entry Content **/
.entry-content .edit-link a:hover {
	color: #a00000; transition: 0.2s;
}
/* Mediaelements */
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #b5341d; transition: 0.2s;
}
/* Page links */
.page-links a:hover {
	background: #a00000; transition: 0.2s;
	border: 1px solid #a00000; transition: 0.2s;
	color: #fff;
}
/** 6.5 Gallery **/ /** 6.6 Post Formats **/ /** 6.7 Post/Image/Paging Navigation **/
.post-navigation a:hover, .image-navigation a:hover {color: #a00000; transition: 0.2s;}
/* Paging Navigation */
.paging-navigation .page-numbers.current {border-top: 5px solid #b5341d; transition: 0.2s;}
.paging-navigation a:hover {border-top: 5px solid #a00000; transition: 0.2s; color: #2b2b2b;}
/** 6.8 Attachments **/ /** 6.9 Archives **/ /** 6.10 Contributor Page **/
/** 6.11 404 Page **/ /** 6.12 Full-width **/ /** 6.13 Singular **/ /** 6.14 Comments **/
.comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover {color: #a00000; transition: 0.2s;}
.comment-reply-title small a:hover{color: #a00000; transition: 0.2s;}
/** 7.0 Sidebars **/ /* Secondary */
#secondary {
	background-color: #fff ;
	border-top: 1px solid #000;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	clear: both;
	color: rgba(255, 255, 255, 0.7);
	margin-top: 10px !important; /*djalil*/
	padding: 0 10px;
	position: relative;
	z-index: 2;
}
/* Primary Sidebar */
.secondary-navigation + .primary-sidebar {padding-top: 18px;}
/* Content Sidebar */ /** 7.1 Widgets **/ /* Primary Sidebar, Footer Sidebar */
.widget {
	font-size: 14px;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	line-height: 1.2857142857;
	margin-bottom: 15px; /* widget{margin-bottom */
	width: 100%;
	word-wrap: break-word;
}
.widget a {color: #000;}
.widget a:hover {color: #a00000; transition: 0.2s; }
.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	background-color: #b5341d; transition: 0.2s;
	border: 0;
	font-size: 12px;
	padding: 5px 15px 4px;
}
.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
	background-color: #a00000; transition: 0.2s;
}
.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active {
	background-color: #d60303; transition: 0.2s;
}
.widget-title,
.widget-title a {color: #b5341d;}
.widget-title a:hover {color: #a00000; transition: 0.2s;}
/* Calendar Widget*/
.widget_calendar tbody a {background-color: #b5341d; transition: 0.2s; color: #fff; display: block;}
.widget_calendar tbody a:hover {background-color: #a00000; transition: 0.2s;}
/* Ephemera Widget*/
.widget_twentyfourteen_ephemera .entry-meta a:hover {color: #a00000; transition: 0.2s;}
/* List Style Widgets*/ /* Recent Posts Widget */ /* RSS Widget */ /* Text Widget */ /** 7.2 Content Sidebar Widgets **/
.content-sidebar .widget a {color: #b5341d; transition: 0.2s;}
.content-sidebar .widget a:hover {color: #a00000; transition: 0.2s;}
.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
	background-color: #b5341d; transition: 0.2s;
	border: 0;
	color: #fff;
}
.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus {
	background-color: #a00000; transition: 0.2s;
}
.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active,
.content-sidebar .widget input[type="submit"]:active {
	background-color: #d60303; transition: 0.2s;
}
.content-sidebar .widget .widget-title {
	border-top: none;
	color: #fff; 
        padding-top:0;
        background:#b5341d;
	font-size: 14px;
	font-weight: 900;
	margin: 0 0 18px;
	margin-top: 7px;
padding-left:3px;
	text-transform: uppercase;
}
.content-sidebar .widget .widget-title a:hover {color: #a00000; transition: 0.2s;}
.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {color: #a00000; transition: 0.2s;}
/** 8.0 Footer **/
.site-info a:hover {color: #a00000; transition: 0.2s;}
/** 9.0 Featured Content **/
.featured-content a:hover {color: #a00000; transition: 0.2s;}
/* Slider */
.slider-control-paging a:hover:before {background-color: #a00000; transition: 0.2s;}
.slider-control-paging .slider-active:before, .slider-control-paging .slider-active:hover:before {background-color: #b5341d; transition: 0.2s;}
.slider-direction-nav a:hover {background-color: #b5341d; transition: 0.2s;}

                    /* jssor slider arrow navigator skin 07 css */
                    /*
                    .jssora07l              (normal)
                    .jssora07r              (normal)
                    .jssora07l:hover        (normal mouseover)
                    .jssora07r:hover        (normal mouseover)
                    .jssora07ldn            (mousedown)
                    .jssora07rdn            (mousedown)
                    */

#slider1_container .entry-content{display:none;}
#slider1_container .dateHeader{display:none;}
.jssora07l, .jssora07r, .jssora07ldn, .jssora07rdn {position: absolute; cursor: pointer; display: block; background: url(a07.png) no-repeat; overflow: hidden;}
                    .jssora07l {background-position: -5px -35px;}
                    .jssora07r {background-position: -65px -35px;}
                    .jssora07l:hover {background-position: -125px -35px;}
                    .jssora07r:hover {background-position: -185px -35px;}
                    .jssora07ldn {background-position: -245px -35px;}
                    .jssora07rdn {background-position: -305px -35px;}
                        /* jssor slider thumbnail navigator skin 04 css */
                        /*
                        .jssort04 .p            (normal)
                        .jssort04 .p:hover      (normal mouseover)
                        .jssort04 .pav          (active)
                        .jssort04 .pav:hover    (active mouseover)
                        .jssort04 .pdn          (mousedown)
                        */
.jssort04 .w, .jssort04 .pav:hover .w { position: absolute; width: 60px; height: 30px; border: #0099FF 1px solid; }
* html .jssort04 .w {  width: /**/ 62px; height: /**/ 32px; }
.jssort04 .pdn .w, .jssort04 .pav .w { border-style: solid; }
.jssort04 .c { width: 62px; height: 32px; filter: alpha(opacity=45); opacity: .45; transition: opacity .6s; -moz-transition: opacity .6s; -webkit-transition: opacity .6s; -o-transition: opacity .6s;}
.jssort04 .p:hover .c, .jssort04 .pav .c { filter: alpha(opacity=0); opacity: 0; }
.jssort04 .p:hover .c { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }




/** 10.0 Multisite **/
/** 11.0 Media Queries **/
@media screen and (max-width: 400px) {
 .postnum1{width:340px;}
}
@media screen and (min-width: 401px) {
.postnum1:first-child{margin-left:10px;}
}
@media screen and (min-width: 594px) {
	.site-content .entry-header {
		padding-right: 14px;
		padding-left: 14px;
	}
}
@media screen and (min-width: 673px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-right: 14px;
		padding-left: 14px;
	}
}
@media screen and (min-width: 783px) {
	.primary-navigation ul ul {
		background-color: #b5341d; transition: 0.2s;
		float: left;
		margin: 0;
		position: absolute;
		top: 48px;
		left: -999em;
		z-index: 99999;
	}
	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #b5341d; transition: 0.2s;
		/* b5341d a00000 transition: 0.2s;  */
		color: #fff;
	}
	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #a00000; transition: 0.2s;
	}
.site-title{/*margin-top:-17px; height:81px; margin-bottom:-17px;*/ 
 margin-top:-95px; height:91px; margin-bottom:-17px; /* padding-top:64px; */ background:#ed3829;}
}
@media screen and (min-width: 810px) { }
@media screen and (min-width: 846px) {
	.content-area,
	.content-sidebar {
		/*padding-top: 72px;*/
padding-top: 8px; /*djalil*/
	}
}
@media screen and (min-width: 1008px) {
.site-header {height:128px;}
#rpwe_widget-15, #rpwe_widget-8{margin-top:74px;}


	.site:before {
		background-color: #fff; /*djalil*/
		content: "";
		display: block;
		height: 100%;
		min-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 182px;
		z-index: 2;
	}
	#secondary {
		background-color: #fff;
		border: 0;
		clear: none;
		float: left;
		margin: 0 0 0 -100%;
		min-height: 100vh;
		width: 122px;
	}
	.primary-sidebar {
		padding-top: 18px;
	}
	.secondary-navigation ul ul {
		background-color: #b5341d; transition: 0.2s;
		position: absolute;
		top: 0;
		left: -999em;
		width: 182px;
		z-index: 99999;
	}
	.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		background-color: #b5341d; transition: 0.2s;
		color: #fff;
	}
	.secondary-navigation ul ul a:hover,
	.secondary-navigation ul ul li.focus > a {
		background-color: #a00000; transition: 0.2s;
	}
	.footer-sidebar .widget .widget-title,
	.primary-sidebar .widget .widget-title {
		font-size: 11px;
		font-weight: 900;
		line-height: 1.6363636363;
		margin-bottom: 1px; /* .widget-title{margin */
	}
}
@media screen and (min-width: 1040px) {
	.full-width .archive-header,
	.full-width .comments-area,
	.full-width .image-navigation,
	.full-width .page-header,
	.full-width .page-content,
	.full-width .post-navigation,
	.full-width .site-content .entry-header,
	.full-width .site-content .entry-content,
	.full-width .site-content .entry-summary,
	.full-width .site-content footer.entry-meta {
		padding-right: 14px;
		padding-left: 14px;
	}
}
@media screen and (min-width: 1080px) {
	.site-content,
	.site-main .widecolumn {
		margin-left: 300px;
	}
	#secondary {
		width: 240px;
	}
	.site:before {
		width: 270px; /* 222 */
	}
}
@media screen and (min-width: 1110px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-right: 14px;
		padding-left: 14px;
	}
}
@media screen and (min-width: 1218px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		margin-right: 17px;
	}
}
@media screen and (min-width: 1260px) { }







/* colorbox */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}





/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    Default theme

    copyright (c) 2011 - 2014 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }

.Zebra_DatePicker           { position: absolute; background: #666; border: 3px solid #666; z-index: 1200; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; top: 0 }

.Zebra_DatePicker *         { margin: 0; padding: 0; color: #000; background: transparent; border: none }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0; width: auto; table-layout: auto; }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { background: #E8E8E8; width: 30px; border: 1px solid #7BACD2 }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }

/* = VISIBLE/HIDDEN STATES (USE TRANSITIONS FOR EFFECTS)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker.dp_visible               { visibility: visible; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; transition: opacity 0.2s ease-in-out }
.Zebra_DatePicker.dp_hidden                { visibility: hidden; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #FFF }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th              { background: #FFCC33 }
.Zebra_DatePicker td.dp_not_in_month            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_not_in_month_selectable { background: #F3F3F3; color: #CDCDCD; cursor: pointer }
.Zebra_DatePicker td.dp_weekend                 { background: #D8D8D8 }
.Zebra_DatePicker td.dp_weekend_disabled        { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected                { background: #5A4B4B; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number             { background: #FFCC33; color: #555; cursor: text; font-style: italic }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td    { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td     { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer            { margin-top: 3px }
.Zebra_DatePicker .dp_footer .dp_hover  { background: #222; color: #FFF }

/* = SELECT CURRENT DAY
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_today { color: #FFF; padding: 3px }

/* = CLEAR DATE
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_clear { color: #FFF; padding: 3px }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #C40000 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #482424; color: #FFF }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { display: block; position: absolute; width: 16px; height: 16px; background: url('calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('calendar-disabled.png') }

/* don't set vertical margins! */
button.Zebra_DatePicker_Icon                { margin: 0 0 0 3px }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 3px 0 0 }


ins {
background: transparent;
text-decoration: none;
}