/*
Theme Name: Nano2
Theme URI: http://www.yootheme.com
Description: Nano2 is the July 2012 theme of the YOOtheme club. It is based on YOOtheme's Warp theme framework. NOTE: It is not free or public. This theme is for members of the YOOtheme club only.
Version: 1.0.1
Author: YOOtheme
Author URI: http://www.yootheme.com
*/

/* mobile style 
----------------------------------------------------------------------------------------------------*/

@media (max-width: 767px){
	#header-responsive .logo {
		width: 100%!important;
	}
}

select {
	width: 100%;
}

/* Body Font 
----------------------------------------------------------------------------------------------------*/

body {
	font: normal 13px/20px Arial, Helvetica, sans-serif;
	color: #444;
}

/* Site Background 
----------------------------------------------------------------------------------------------------*/

#page {
	background-color: #ffffff;
	background-image: url(http://betweenillnessandmigration.com/wp-content/uploads/images/lights_were_in_bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center top;
}

/* Main Content 
----------------------------------------------------------------------------------------------------*/

#content {
	margin: 5px 5px 10px;
	padding: 15px;
	background-color: white;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.31);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.31);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.31);
	
}

#system .title {
	background-color: #FFC41E;
	color: #000000;
	padding: 15px;
	margin: -10px;
	text-transform: uppercase;
	font: normal 28px/28px futura;
}

#system .items .item {
	border-top: none;
}

#system .title a {
	color: #000000;
}

#system .item > header .meta{
	color: #000000;
	letter-spacing: 1px;
	font-size: 12px;
	margin: 5px 0 0 0;
}

#top-a:after, #top-b:after, #innertop:after {
	border-bottom: none;
}


#innertop .module {
	border-top: none;
	padding: 1em 1em 0.5em;
}

#lang_sel_list.lang_sel_list_vertical li, #lang_sel_list.lang_sel_list_vertical {
	width: 100%!important;
}

.box-note {
	background: #ffc41e!important;
	border-top: 0px!important;
	border-bottom: 0px!important;
	text-transform: uppercase;
}

#system .item > .edit {
	display: none;
}

/* Sidebar 
----------------------------------------------------------------------------------------------------*/

.module {
	padding: 15px;
	background-color: white;
	border-top: 4px solid #FFC41E;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.31);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.31);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.31);
	margin: 5px 5px 10px;
}

#sidebar-a::before, #sidebar-b::before {
	border: none;
}

.grid-v .mod-line::before{
	border: none;
}

.module .module-title {
	text-transform: uppercase;
	font: 25px futura;
}

/* Navigation Bar 
----------------------------------------------------------------------------------------------------*/

.menu-dropdown {
	margin-bottom: -8px;
	margin-left: 10px;
}

.menu-dropdown .dropdown {
	top: 50px;
}

.menu-dropdown li.level1 {
margin-right: 0px;
}

#header {
	border-bottom: none;
	margin: 40px 5px 0;
}

#menubar {
	background-color: white;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.31);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.31);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.31);
}

.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
	height: 24.92px;
	padding: 10px;
	text-transform: uppercase;
}

.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1,
.menu-dropdown li.active .level1 { color: #f45c35; }

#header {
	padding-bottom: 0.7em;
}

/* Link Colors 
----------------------------------------------------------------------------------------------------*/

a {
	color: #000000;
}

#comments a {
	color: #f45c35;
}

#comments a:hover {
	color: #000000;
}

a:hover,
em,
code,
.menu-dropdown a.level2:hover,
.menu-dropdown a.level3:hover,
.menu-sidebar a:hover > span,
.menu-sidebar span:hover > span { color: #f45c35; }

menu-dropdown li.level1:hover .level1, .menu-dropdown li.remain .level1, .menu-dropdown li.active .level1 {
	color: #f45c35;
}

/* Buttons 
----------------------------------------------------------------------------------------------------*/
.omsc-button {
	display: inline-block;
	position: relative;
	color: #fff;
	background: #777;
	padding: 0.5em 1.3em 0.5em;
	margin: 0;
	-webkit-transition: color 0.2s, background 0.2s, border-color 0.2s;
	-moz-transition: color 0.2s, background 0.2s, border-color 0.2s;
	-ms-transition: color 0.2s, background 0.2s, border-color 0.2s;
	-o-transition: color 0.2s, background 0.2s, border-color 0.2s;
	transition: color 0.2s, background 0.2s, border-color 0.2s;
	font-size: 20px;
	font-family: futura;
	text-shadow: none;
	text-decoration: none;
	text-align: center;
	border: 1px solid #777;
	border-bottom: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 2px;
	border-radius: 0px;
	box-shadow: none!important;
	background-image: none!important;
	-moz-box-shadow: none!important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Click Here To Comment 
----------------------------------------------------------------------------------------------------*/

#system .item > .links {
	margin: 10px 0 0 0;
	background-color: #f7f7f7;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
}

#system .item > .links a::after {
	content: none;
}

/* Zillashare
----------------------------------------------------------------------------------------------------*/

span[style="vertical-align: bottom; width: 76px; height: 20px;"] {
	height:25px!important;
}

.zilla-share {
	background-color: #f7f7f7;
	padding: 12px 10px 10px;
}

.zilla-share p.zilla-text {
	display: none;
}

.zilla-share > div.fb_edge_widget_with_comment {
	top: 0px;
}

/* To Make The Videos Responsive 
----------------------------------------------------------------------------------------------------*/

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Comments 
----------------------------------------------------------------------------------------------------*/

#system #comments h3.comments-meta {
	background-color: #000000;
	color: #f45c35;
	padding: 15px;
	text-transform: uppercase;
	font: normal 23px/23px futura;
	margin: 10px 0;
}

#system #respond h3 {
	background-color: #000000;
	color: #f45c35;
	padding: 15px;
	text-transform: uppercase;
	font: normal 23px/23px futura;
	margin: 10px 0;
}

/* Language Widget 
----------------------------------------------------------------------------------------------------*/

#lang_sel_list {
	width: 100%;
}

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

#footer .module {
	margin: 0;
	background-color: transparent;
	color: white;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 5px;
	font-size: 12px;
}

.menu-line,
.menu-line li,
.menu-line li a { display: inline-block; color: white;}

.menu-line li a:hover {
	color: #f45c35;
}

/* Pour Régler le gap entre le main et le footer sur la page Blog 
----------------------------------------------------------------------------------------------------*/

#main {min-height: 100% !important}

#maininner {min-height: 100% !important}

#sidebar-a {min-height: 100% !important}

#headerbar{
	width: 100%;
	max-height: 107px;
}

/* Modules
----------------------------------------------------------------------------------------------------*/
#top-a .module {
	padding:10px 10px 4px 10px;
	border-top: 0px;
}

#emear-sidebar {
	padding: 0px;
}

/* Accordion
----------------------------------------------------------------------------------------------------*/
.omsc-toggle-title:hover, .omsc-toggle.omsc-expanded .omsc-toggle-title {
	background: none;
}

.omsc-toggle-inner {
	padding: 0.6em 0 0 0;
}

.omsc-toggle, .omsc-accordion, .omsc-toggle-title {
	border:0px;
}

.omsc-toggle-title {
	padding: 0 1em 0 2.4em;
}

.omsc-toggle-title:after {
	top:0;
}

/* YFE Nav Bar
----------------------------------------------------------------------------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)   { 

#header {
	margin-top:1.5em!important;
}

#yfenavbar{
	position: relative!important;
}

#navbar_wrapper {
	width: 100%!important;
}

}

#yfenavbar {
width: 100%;
position: fixed;
float: left;
border-bottom: 3px solid #FFC41E;
border-top: 2px solid #FFC41E;
background-color: #000000;
z-index: 999999;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.71);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.71);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.71);
}

#navbar_wrapper {
width: 976px;
margin: 0 auto;
	
}

#yfenavbar ul {
list-style: none;
margin: 0;
padding:0;
width: 120px;
float: left;
border-right: 2px solid #FFC41E;
}

#yfenavbar a, #yfenavbar h2 {
font: bold 11px/12px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}

#yfenavbar h2 {
color: #fff;
background: #000;
text-transform: uppercase;
text-align: center;
padding-top: 7px;
padding-bottom: 7px;
}

#yfenavbar h2:hover {
color: #000;
background: #FFC41E;
text-transform: uppercase;
text-align: center;
padding-top: 7px;
padding-bottom: 7px;
}

#yfenavbar a {
color: #fff;
background: #000;
text-decoration: none;
text-align: center;
text-transform: uppercase;
padding-top: 7px;
padding-bottom: 7px;
}

#yfenavbar a:hover{
color: #000;
background: #FFC41E;
padding-top: 7px;
padding-bottom: 7px;
}

#yfenavbar li {position: relative;}

#yfenavbar ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#yfenavbar ul ul {
position: absolute;
z-index: 500;
}

div#yfenavbar ul ul {
display: none;
}

div#yfenavbar ul li:hover ul
{display: block;}

div#yfenavbar ul ul,
div#yfenavbar ul li:hover ul ul,
div#yfenavbar ul ul li:hover ul ul
{display: none;}

div#yfenavbar ul li:hover ul,
div#yfenavbar ul ul li:hover ul,
div#yfenavbar ul ul ul li:hover ul
{display: block;}