/*
Theme Name:     Jawbone
Theme URI:      http: //jawbone.tv
Description:    Child theme for the Twenty Eleven theme 
Author:         Alex Minev
Author URI:     http: //minev.ca
Template:       twentyeleven
Version:        0.1.0
*/

@import url("../twentyeleven/style.css");

#site-title a {
    color: #009900;
}


/* List of divs in the Whiteboard framework */

body {
	background:url(images/bg2.jpg);
	color:#eee;
	font-family:Arial, Helvetica, sans-serif;
	
}

/*********************************************/
/*
/*
/*				 JAWBONE CONTENT 
/*          
/*
/*********************************************/

a {
color:#19DEFF;}

article a {
	color:#19DEFF;
}

#content {
	position: relative;
}

#page {
    background: none;
    margin:0 0;
}

#branding {
	width:100%;
	float:right;
	margin:0;
}

#primary {
	float:left;
	margin: 0 ;
	width:690px;
	position: relative;
	z-index: 1;
	left:4%;
	
	}
	
#primary.fixated {
	left:34%;
}

#secondary {
	float:left;
	margin-left: 0;
	margin-right:0px;
	
	width: 200px;
	
	z-index: 2;
}



#secondary.fixed {
	position:fixed;
	top:0;
	left:2em;
	margin-top:0!important;
	
}

#content, .singular #content {
	margin: 0;
	width:100%;
}

#page {
max-width:100%;
min-width: 1050px;

}

#main {
	position: relative;
	height:100%;
	
}

body.home .hentry {
	background:rgba(0,0,0,0.5);
}

body.home .hentry a {
	text-decoration: none;
	
}

body.home .hentry a h3, body.home .hentry a h3.no-img{
	font-size: 2em;
	color:#fff;
	line-height: 0.7em;
	padding:5px 10px 5px 20px;
	vertical-align:middle;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 2px 2px #333;
	font-style:italic;
	vertical-align:middle;
	display:table-cell;
	width:70%;
	
	}

.mosaic-overlay .details {
	display:table;
	height:100%;
	width:100%;
}

body.home .hentry a:hover h3.no-img{
	color:#FA59C1;
}


body.home article#nav-link {
position: relative;
right:10px;
bottom:0;
display:none;
}

body.home nav#nav-below {
	position: absolute;
	top:1070px;
	right:-15px;
}

body.home nav#nav-below .nav-previous {
	width: 50px;
	
	}

body.home nav#nav-below .nav-previous a{
	display: block;
	text-indent: -99999px;
	background: url(images/next_btn.png) no-repeat center;
	
	height:155px;
	padding:40px 20px;
	border:1px solid #2cbeec;	
}

body.home nav#nav-below .nav-previous a:hover{
	border-color: #FFF566;
}

body.home nav#nav-below .nav-next {
	display: none;
}

.col2 { width: 260px; overflow: hidden; }
.col3 { width: 260px; overflow: hidden;}
.col4 { width: 260px; overflow: hidden;}

.col2 img { max-width: 260px; display: block }
.col3 img { max-width: 260px; display: block}
.col4 img { max-width: 260px; display: block}

#infscr-loading {
	width:360px;
	height:200px;
	margin:20px auto;
	
	display:block;
}

#infscr-loading img{
	padding:80px 0;
}


/*body.home.paged .postcontainer-1 {
	display: block;
	width:225px;
	height:300px;
	overflow: hidden;
	position: absolute;
	top:20px;
	left:225px;
}

body.home .postcontainer-1 {
	display: block;
	width:450px;
	height:300px;
	overflow: hidden;
	position: absolute;
	top:470px;
	left:0;
}

body.home .postcontainer-1 .mosaic-backdrop{
	display: block;
	width:450px;
	height:300px;
	background-position: 50% 50%;
}

body.home .postcontainer-2 {
	display: block;
	width:330px;
	height:180px;
	overflow: hidden;
	position: absolute;
	top:470px;
	left:470px;
}

body.home.paged .postcontainer-2 {
	display: block;
	width:330px;
	height:180px;
	overflow: hidden;
	position: absolute;
	top:20px;
	left:470px;
}


body.home .postcontainer-2 .mosaic-backdrop{
	display: block;
	width:330px;
	height:180px;
	background-position: 50% 50%;
}

body.home .postcontainer-3 {
	display: block;
	width:330px;
	height:260px;
	overflow: hidden;
	position: absolute;
	top:670px;
	left:470px;

}

body.home.paged .postcontainer-3 {
	display: block;
	width:330px;
	height:260px;
	overflow: hidden;
	position: absolute;
	top:220px;
	left:470px;

}

body.home .postcontainer-3 .mosaic-backdrop{
	display: block;
	width:330px;
	height:260px;
	background-position: 50% 50%;
}

body.home .postcontainer-4 {
	display: block;
	width:280px;
	height:220px;
	overflow: hidden;
	position: absolute;
	top:790px;
	left:0px;

}

body.home.paged .postcontainer-4 {
	display: block;
	width:280px;
	height:220px;
	overflow: hidden;
	position: absolute;
	top:340px;
	left:0px;

}

body.home .postcontainer-4 .mosaic-backdrop{
	display: block;
	width:280px;
	height:220px;
	background-position: 50% 50%;
}

body.home .postcontainer-5 {
	display: block;
	width:150px;
	height:140px;
	overflow: hidden;
	position: absolute;
	top:790px;
	left:300px;
}

body.home.paged .postcontainer-5 {
	display: block;
	width:150px;
	height:140px;
	overflow: hidden;
	position: absolute;
	top:340px;
	left:300px;
}

body.home .postcontainer-5 .mosaic-backdrop{
	display: block;
	width:150px;
	height:140px;
	background-position: 50% 50%;
}

body.home .postcontainer-6 {
	display: block;
	width:500px;
	height:120px;
	overflow: hidden;
	position: absolute;
	top:950px;
	left:300px;
}

body.home.paged .postcontainer-6 {
	display: block;
	width:500px;
	height:120px;
	overflow: hidden;
	position: absolute;
	top:500px;
	left:300px;
}

body.home .postcontainer-6 .mosaic-backdrop{
	display: block;
	width:500px;
	height:120px;
	background-position: 50% 50%;
}


body.home .postcontainer-7 {
	display: block;
	width:280px;
	height:120px;
	overflow: hidden;
	position: absolute;
	top:1030px;
	left:0px;
}

body.home.paged .postcontainer-7 {
	display: block;
	width:280px;
	height:120px;
	overflow: hidden;
	position: absolute;
	top:580px;
	left:0px;
}

body.home .postcontainer-7 .mosaic-backdrop{
	display: block;
	width:280px;
	height:120px;
	background-position: 50% 50%;
}

body.home .postcontainer-8 {
	display: block;
	width:300px;
	height:250px;
	overflow: hidden;
	position: absolute;
	top:1100px;
	left:300px;
}

body.home.paged .postcontainer-8 {
	display: block;
	width:300px;
	height:250px;
	overflow: hidden;
	position: absolute;
	top:640px;
	left:300px;
}

body.home .postcontainer-8 .mosaic-backdrop{
	display: block;
	width:300px;
	height:250px;
	background-position: 50% 50%;
}

body.home .postcontainer-9 {
	display: block;
	width:180px;
	height:400px;
	overflow: hidden;
	position: absolute;
	top:1100px;
	left:620px;
}

body.home.paged .postcontainer-9 {
	display: block;
	width:180px;
	height:400px;
	overflow: hidden;
	position: absolute;
	top:640px;
	left:620px;
}


body.home .postcontainer-9 .mosaic-backdrop{
	display: block;
	width:180px;
	height:400px;
	background-position: 50% 50%;
}

body.home .postcontainer-10 {
	display: block;
	width:280px;
	height:270px;
	overflow: hidden;
	position: absolute;
	top:1170px;
	left:0px;
}

body.home.paged .postcontainer-10 {
	display: block;
	width:280px;
	height:270px;
	overflow: hidden;
	position: absolute;
	top:720px;
	left:0px;
}

body.home .postcontainer-10 .mosaic-backdrop{
	display: block;
	width:280px;
	height:270px;
	background-position: 50% 50%;
}

body.home .postcontainer-11 {
	display: block;
	width:300px;
	height:130px;
	overflow: hidden;
	position: absolute;
	top:1370px;
	left:300px;
}

body.home.paged .postcontainer-11 {
	display: block;
	width:300px;
	height:130px;
	overflow: hidden;
	position: absolute;
	top:910px;
	left:300px;
}


body.home .postcontainer-11 .mosaic-backdrop{
	display: block;
	width:300px;
	height:130px;
	background-position: 50% 50%;
}

body.home .postcontainer-12 {
	display: block;
	width:140px;
	height:100px;
	overflow: hidden;
	position: absolute;
	top:1460px;
	left:0px;
}

body.home.paged .postcontainer-12 {
	display: block;
	width:140px;
	height:100px;
	overflow: hidden;
	position: absolute;
	top:1010px;
	left:0px;
}

body.home .postcontainer-12 .mosaic-backdrop{
	display: block;
	width:140px;
	height:100px;
	background-position: 50% 50%;
}


body.home .postcontainer-13 {
	display: block;
	width:120px;
	height:300px;
	overflow: hidden;
	position: absolute;
	top:1460px;
	left:160px;
}

body.home.paged .postcontainer-13 {
	display: block;
	width:120px;
	height:300px;
	overflow: hidden;
	position: absolute;
	top:1010px;
	left:160px;
}


body.home .postcontainer-13 .mosaic-backdrop{
	display: block;
	width:120px;
	height:300px;
	background-position: 50% 50%;
}

body.home .postcontainer-14 {
	display: block;
	width:140px;
	height:180px;
	overflow: hidden;
	position: absolute;
	top:1580px;
	left:0px;
}

body.home.paged .postcontainer-14 {
	display: block;
	width:140px;
	height:180px;
	overflow: hidden;
	position: absolute;
	top:1130px;
	left:0px;
}

body.home .postcontainer-14 .mosaic-backdrop{
	display: block;
	width:140px;
	height:180px;
	background-position: 50% 50%;
}

body.home .postcontainer-15 {
	display: block;
	width:430px;
	height:240px;
	overflow: hidden;
	position: absolute;
	top:1520px;
	left:300px;
}

body.home.paged .postcontainer-15 {
	display: block;
	width:430px;
	height:240px;
	overflow: hidden;
	position: absolute;
	top:1070px;
	left:300px;
}

body.home .postcontainer-15 .mosaic-backdrop{
	display: block;
	width:430px;
	height:280px;
	background-position: 50% 50%;
}*/

.mosaic-backdrop{
	background-size:cover;
}

body.home.paged .postcontainer-0,body.home .postcontainer-0 {
	height:200px;
	float:left;
	position:relative;
	width:680px;
	
}

body.home article{
	margin:5px;
}

.container-details {
	width:100%;
	height:100%;
}

.postcontainer-0 .mosaic-backdrop{
	display: block;
	width:680px;
	height:200px;
	background-position: 50% 50%;
}


body.home .sticky.postcontainer-0{
	float:none;
	width: 680px;
	height:530px;
	}

body.home .sticky.postcontainer-0 .mosaic-backdrop, #top-image img{
	width: 680px;
	width:100%;
	height:530px;
	display: block;
	background-size:cover;
}

body.home .sticky.postcontainer-0 .sticky-content {
	position: absolute;
	bottom:0;
	left:0;
	padding:0px 20px 10px;
	background:rgba(0,63,96,0.8);
	margin:0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.2em;	
}

body.home .sticky.postcontainer-0 .sticky-content h3{
	font-size:2em;
	margin-bottom:0;
}

body.home .sticky.postcontainer-0 .sticky-content p {
	font-size:0.9em;
	line-height:1.2em;
	margin-bottom:0;
	margin-top:-10px;
}

body.home .sticky.postcontainer-0 .sticky-content p a{
	font-size:0.8em;
	color:#19DEFF;
}

body.home .sticky.postcontainer-0 a h3 {
	font-size: 3.5em;
	position: absolute;
	left:0%;
	top:5%;
}

body.home.paged .postcontainer-1 {
	display:block;
	width:275px;
	height:200px;
	float:left;
	position:relative;
	
}

body.home .postcontainer-1 {
	float:left;
	width:275px;
	height:200px;
	position:relative;
   display:block;
 
}

body.home .postcontainer-1 .mosaic-backdrop{
	display: block;
	width:275px;
	height:200px;
	background-position: 50% 50%;
	
}



body.home .postcontainer-2 {
	float:left;
	width:145px;
	height:200px;
	position:relative;display:block;
	font-size:0.8em;
	
}

body.home.paged .postcontainer-2 {
	float:left;
	width:145px;
	height:200px;
	position:relative;
	display:block;
	  
}

body.home .postcontainer-2 .mosaic-backdrop{
	display: block;
	width:145px;
	height:200px;
	background-position: 50% 50%;
	
}



body.home .postcontainer-3 {
	float:left;
	width:240px;
	height:200px;
	position:relative;
	display:block;

}

body.home.paged .postcontainer-3 {
float:left;
	width:240px;
	height:200px;
position:relative;
display:block;
}

body.home .postcontainer-3 .mosaic-backdrop{
	display: block;
	width:240px;
	height:200px;
	background-position: 50% 50%;
	
}


body.home .postcontainer-4 {
float:left;
	width:185px;
	height:200px;
	position:relative;
	display:block;
	font-size:0.9em;

}

body.home.paged .postcontainer-4 {
	float:left;
	width:185px;
	height:200px;
	display:block;
position:relative;
}

body.home .postcontainer-4 .mosaic-backdrop{
	display: block;
	width:185px;
	height:200px;
	background-position: 50% 50%;
	
}


body.home .postcontainer-5 {
	float:left;
	width:145px;
	height:200px;
	position:relative;
	display:block;
	font-size:0.75em;
}

body.home.paged .postcontainer-5 {
	float:left;
	width:145px;
	height:200px;
	position:relative;
	display:block;
}

body.home .postcontainer-5 .mosaic-backdrop{
	display: block;
	width:145px;
	height:200px;
	background-position: 50% 50%;
	
}


body.home .postcontainer-6 {
	float:left;
	width:330px;
	height:200px;
	position:relative;display:block;
}

body.home.paged .postcontainer-6 {
	float:left;
	width:330px;
	height:200px;
	position:relative;display:block;
}

body.home .postcontainer-6 .mosaic-backdrop{
	display: block;
	width:330px;
	height:200px;
	background-position: 50% 50%;
	
}


body.home .postcontainer-7 {
	float:left;
	width:225px;
	height:270px;
	position:relative;display:block;
	font-size:0.9em;
}

body.home.paged .postcontainer-7 {
	float:left;
	width:225px;
	height:270px;
	position:relative;display:block;
}

body.home .postcontainer-7 .mosaic-backdrop{
	display: block;
	width:225px;
	height:270px;
	background-position: 50% 50%;
	
}

body.home .postcontainer-8 {
	float:left;
	width:220px;
	height:270px;
position:relative;display:block;
font-size:0.9em;
	}

body.home.paged .postcontainer-8 {
	float:left;
	width:220px;
	height:270px;
	position:relative;display:block;
	
}

body.home .postcontainer-8 .mosaic-backdrop{
	display: block;
	width:220px;
	height:270px;
	background-position: 50% 50%;
	
}


body.home .postcontainer-9 {
	float:left;
	width:215px;
	height:270px;
	position:relative;display:block;
	font-size:0.9em;
}

body.home.paged .postcontainer-9 {
	float:left;
	width:215px;
	height:270px;
	position:relative;display:block;
}

body.home .postcontainer-9 .mosaic-backdrop{
	display: block;
	width:215px;
	height:270px;
	background-position: 50% 50%;
	
}


body.home .postcontainer-10 {
	float:left;
	width:285px;
	height:200px;
	position:relative;display:block;
	font-size:0.95em;
}

body.home.paged .postcontainer-10 {
	float:left;
	width:285px;
height:200px;
position:relative;display:block;
}

 body.home .postcontainer-10 .mosaic-backdrop{
	display: block;
	width:285px;
	height:200px;
	background-position: 50% 50%;
	
}

body.home .postcontainer-11 {
	float:left;
	width:225px;
	height:200px;
	position:relative;display:block;
}

body.home.paged .postcontainer-11 {
	float:left;
	width:225px;
height:200px;
position:relative;display:block;
}

body.home .postcontainer-11 .mosaic-backdrop{
	display: block;
	width:225px;
	height:200px;
	background-position: 50% 50%;
	
}

body.home .postcontainer-12 {
	font-size:0.7em;
	float:left;
	width:150px;
	height:200px;
	position:relative;display:block;
}

body.home.paged .postcontainer-12 {
	float:left;
	width:150px;
height:200px;
position:relative;display:block;
}

body.home .postcontainer-12 .mosaic-backdrop{
	display: block;
	width:150px;
	height:200px;
	background-position: 50% 50%;
	
}


.one_fourth {
	width: 25%;
	float: left;

}

.one_third {
	width: 33%;
	float: left;
}

.one_half{
	width:50%;
	float:left;
}

.fl_left {
	float:left;
}

.fl_right {
	float:left;
}

/* Single */

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
	width:85%;
	margin:0;
}

.singular .hentry {
	padding-top:20px;
}

 #top-image img{

 }

body.single #top-image {
	position:relative;
	background-size:cover;
	display:block;
	width:100%;
	height:530px;

}

body.single #top-image h1{
	position:absolute;
	bottom:0;
	left:20px;
}

body.page #primary, body.archive #primary, body.single #primary, body.search #primary{
	
	width: 800px;
}



body.archive article, body.page article, body.search article {
	padding:30px;
	background:#f8f8f8;
	margin-bottom: 40px;
	 border-color: #193E54 #2A6D93 #358CBF #0C2635;
    border-style: solid;
    border-width: 30px;
    box-shadow: 0 0 7px 7px #999999 inset;
    color:#333;
	width:660px;
	
}

body.archive article h3.post-title a, body.page article h3.post-title a, body.search article h3.post-title a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color:#19DEFF;
	font-size: 2.5em;
}

body.archive article img, body.page article img,body.search article img {
	max-width: 220px;
	float:left;
	display: block;
	height: auto;
	padding:5px;
	margin-right:20px;
	background:#fff;
	border:1px solid #eee;
	
}

body.archive article p, body.page p , body.search article p{
	padding-right: 50px;
	display: block;	
}

body.single h1.entry-title, body.page h1.entry-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color:#fff;
	font-size: 3.5em;
	
	margin-bottom: 0;
}

body.single .entry-content, #wpu-profile {
	background: #F9F9F9;;
	padding:4%;
	color:#333;
	border-top:30px solid #193E54;
	border-right:30px solid #2A6D93;
	border-left:30px solid #0C2635;
	border-bottom:30px solid #358CBF;
	-moz-box-shadow: inset 0 0 7px 7px #999;
	-webkit-box-shadow: inset 0 0 7px 7px #999;
	box-shadow: inset 0 0 7px 7px #999;
	-moz-box-shadow: 0px 0px 20px #26495f;
	-webkit-box-shadow: 0px 0px 20px #1a3745;
	box-shadow: 0px 0px 20px #26495f;
}

body.single .entry-content a { 

	color:#fa59c1
	}

body.single .entry-content h3 {
	font-size: 1.4em;
	line-height: 1.2em;
}

body.single nav#nav-single, #archive-nav {
	width:100%;
	position:relative;
	height:50px;
	margin-top:20px;
	
}

body.single nav#nav-single span.nav-previous{
	position:absolute;
	top:0;
	left:0;
}

body.single nav#nav-single span.nav-previous a, #archive-nav .prev a{
	display:block;
	text-indent:-9999px;
	width:100px;
	height:70px;
	
	background:url(images/back.png) no-repeat;
	background-size:contain;
}

body.single nav#nav-single span.nav-next a, #archive-nav .next a{
	position:absolute;
	top:0;
	right:0;
	display:block;
	text-indent:-9999px;
	width:100px;
	height:70px;
	
	background:url(images/next.png) no-repeat;
	background-size:contain;
}

body.single nav#nav-single p {
	position:absolute;
	top:0;
	left:40%;
}
.singular .entry-header .entry-meta {
	position: relative;
	display: inline;
}

.singular #author-info {
	display: block;
	width: 95%;
	padding:10px 0;
	margin:0px auto ;
	
}

.singular #author-info #author_mets{
	width:75%;
	padding:10px;
}

.singular #author-info #author_mets h2{
	font-size:2em;
}

.singular #author-info #author-description{ 
	margin-left:20px;
	width: 60%;
}

.singular #author-info #author-avatar {
	margin-right: 0;
	
}

.singular #author-info #author-avatar h2{
	font-size:1.8em;
}

.entry-content, .entry-summary {
	padding:0;
}

/************************************************************************************
VIDEO
*************************************************************************************/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* Page */

.singular.page .hentry {
	padding:0;
}

h1.page-title, h1.entry-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 3.5em;
	color:#33bceb;
	margin-bottom: 20px;
	line-height: 1.2em;
}

/* Users */

body.page-template-page-authors-php #content, body.page-id-402 .hentry {
	margin-left:15%;
	width:85%;
}

body.page-template-archives-php article, body.category article{
	margin-top:23%;
	
}

body.search #primary {
	margin-top:20%;
}

.wpu-user {
	border-bottom: none!important;
	width:100px;
	float:left;
	margin:10px;
	margin-top:10px!important;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color:#FFF566;
	font-size: 2em;
	margin-bottom: -10px;

}

.wpu-user a.mosaic-overlay {
	color: #17DBFF;
    height: 97px;
    line-height: 1em;
    padding-top: 20px;
    text-align: center;
    vertical-align: middle;
    width: 97px;
	
}

.wpu-user .wpu-avatar img {
	height:120px;
	width:100px;
}

#wpu-profile {
	color:#333;
}

#wpu-profile h2 {
	color:#333;
	font-size: 2.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
	}

#wpu-profile .photo {
	float:left;
}

#wpu-profile #profile-info p{
	padding-left:125px;
}

.wpu-user a.mosaic-overlay:hover{

border:2px solid #17DBFF;
}
.wpu-id {
	margin:0!important;
	line-height: 1em;
}

iframe {
	
}

/* =Sidebar
----------------------------------------------- */
#secondary li {
	list-style:none;
}

#secondary #logo {
	position: relative;
	z-index: 100;
	width:100%;
}

#secondary.fixed #logo {
padding-left: 5px;
    width: 96%
}
#secondary #logo img{
	height: auto;
    max-width: 700px;
    width: 157%;
	display: block;
}

#secondary h2 {
	margin-bottom:20px;
	font-weight: 400;
	color:#33bceb;
	font-size: 3.5em;
	text-transform: uppercase;
	text-indent:-999999px;
	background:url(images/newsfeed.png) no-repeat;
	background-size:contain;
	width:90%;
	

}

#secondary nav.main-nav ul{
	list-style: none;
	margin-bottom:30px;
	
}

#secondary ul {
	margin-left:0;
}

#secondary ul.twitter {
	margin-right: 40px;
	background: rgba(0,0,0,0.5);
}

#secondary nav.main-nav ul li a{
	text-transform: uppercase;
	
	display: block;
	padding-bottom:12%;
	color:#333;
	text-decoration: none;
	position: relative;	
	font-weight:bold;
	/*text-align:right;*/
	text-indent:-99999px;
	width:100%;
	margin-top:-5%;

	
	
}

/*#secondary nav.main-nav ul li.submit a{
	background:#fa59c1;
}*/

#secondary nav.main-nav ul li#menu-item-406 a{
	background: url(images/search_menu.png) no-repeat;
	margin-left:-10%;
	background-size: contain;
		background-position:right center;
}

#secondary nav.main-nav ul li#menu-item-405 a{
	background: url(images/archives_menu.png) no-repeat;
	margin-left:-25%;

		background-position:right center;
	background-size: contain;
	
}

#secondary nav.main-nav ul li#menu-item-450 a{
	background: url(images/contributors_menu.png) no-repeat;
	margin-left:-25%;
	
		background-position:right center;
	background-size: contain;
}

#secondary nav.main-nav ul li#menu-item-404 a{
	background: url(images/submit_menu.png) no-repeat;
	background-size: contain;
	margin-left:-25%;
		background-position:right center;
	
	
	
}

/*#secondary nav.main-nav ul li a:before{
	position:absolute;
	display: block;
	width:67px;
	height:28px;
	background: url(images/link-blue.png) no-repeat;
	content: '';
	left:-66px;
	top:-4px;
	}

#secondary nav.main-nav ul li.current-menu-item a:before, body.single #secondary nav.main-nav ul li#menu-item-405 a:before{
	background: url(images/link-yellow.png) no-repeat;
	left:-66px;
	}

#secondary nav.main-nav ul li.submit a:before, #secondary nav.main-nav ul li.submit.current-menu-item a:before {
	background: url(images/link-magenta.png) no-repeat;
	}

#secondary nav.main-nav ul li.submit.current-menu-item a{
	background:#fa59c1;
	
	}

#secondary nav.main-nav ul li.current-menu-item a, body.single #secondary nav.main-nav ul li#menu-item-405 a{
	background:#fff566;
	margin-left: 20px;
    margin-right: 20px;
	}
*/

#secondary #search_container {

}

#secondary form#searchform {
	position:relative;
	padding:2% 10% 8% 0;
	border:none;
	
	background: url(images/search_menu.png) no-repeat;
	background-size: contain;
	margin-left:-26%;
	width:85;
	
	background-position:right center;
		
	width:90%;
    right:0;
	margin-top:20px;
	
	
	}

/*#secondary form#searchform:before{
	position:absolute;
	display: block;
	width:67px;
	height:28px;
	
	content: '';
	left:-66px;
	top:-5px;

	}*/

#secondary form#searchform input {
	padding-top:0;
	padding-bottom:0;
	text-align:right;
	border:none;
	text-transform:uppercase;
	color:#333;
	box-shadow:none;
	width:100%;
}

#secondary form#searchform input:-moz-placeholder {
  
	}



.widget-archive{padding: 0 0 40px 0; float: left; width: 235px; margin-top:40px;}
.widget-archive h3{font-family: Arial, Helvetica, sans-serif; font-size:2.8em; text-transform:uppercase;}
.widget-archive ul {margin: 0;}
.widget-archive li {margin: 0; padding: 0;}
.widget-archive li a{ border-left: 1px solid #d6d7d7; padding: 5px 0 3px 10px; margin: 0 0 0 55px; display: block; }

li.archive-year{float: left; font-family: Arial, Helvetica, sans-serif; padding: 5px 0 3px 10px;  font-size:1.8em;}
li.archive-year a{color:#fa59c1; margin: 0; border: 0px; padding: 0;}

#secondary #crp_related {width: 90%	; margin-top:40px;}
#secondary #crp_related h3{font-family: Arial, Helvetica, sans-serif; font-size:3.4em; text-transform:uppercase; text-align:center;}

#secondary #crp_related li {clear:both;margin:20px 0; position:relative;}
#secondary #crp_related li img { width:100%; height:auto; }
#secondary .crp_title {}
#secondary #crp_related li a { display:block; position:relative; height:inherit; color:#fff;}
 
 
#secondary #crp_related li a.crp_title {padding-left:10%;font-size:2em; text-transform:uppercase; line-height:1em;
 position:absolute;top:0; left:0; display:none; padding-top:20%;}
 #secondary #crp_related li:hover a.crp_title {
	 display:block!important;
	 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwM2Y2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,63,96,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,63,96,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,63,96,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,63,96,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,63,96,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,63,96,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f60', endColorstr='#007db9e8',GradientType=0 ); /* IE6-8 */
	
 }

/*Facebook Like and Tweet */

.pluginConnectButton .sx_like_fav {
	background-image:none!important;
}

/*General Mosaic Styles*/

a.mosaic-overlay {
	display:block;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	position: absolute;
	width:100%;
	height:100%;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwM2Y2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,63,96,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,63,96,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,63,96,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,63,96,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,63,96,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,63,96,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f60', endColorstr='#007db9e8',GradientType=0 ); /* IE6-8 */


	padding:0;
	text-decoration: none;
	color:#eee;
	}

.sticky a.mosaic-overlay {
	background:none;
}


a.mosaic-overlay h3{
	text-decoration: none;
	line-height: 1em;
	padding:10px;
}



/*form */

#jigowatt_form fieldset, #jigowatt_form fieldset legend{
	border:none!important;
	color:#fff;
	}

/*category icons */

.cat_icons_container {
	position:absolute;
	right:10px;
	top:10px;
	width:100%;
	z-index:10000;
	
}

.cat_icons_container a {
	width:100%;
	display:block;
	position:relative;
	text-align:right;
	margin-bottom:5px;
	
}

.cat_icons_container img{
	position:relative;
	left:100%;
	top:0;
	display:block;
	width:20px;
	height:auto;
	margin-left:-20px;
	
}

/* =Responsive Structure
----------------------------------------------- */
@media (min-width: 1150px) {




#main {
	width:100%;
	
}

#primary, body.page #primary, body.archive #primary, body.single #primary, body.search #primary {
	width:65%;
	
	
	}

body.archive article, body.page article, body.search article {
	width:90%;
	position:relative;
}

body.search article .entry-header{
	position:relative;
	}

#secondary.fixed {
	
}
	
#primary.fixated {
	left:23%;
}



#secondary {
	width:19%;
}



body.home article {
	overflow:hidden;
	margin:0.625%;
}

body.home .hentry a h3, body.home .hentry a h3.no-img {
		font-size:2.4em;
	}

body.home .postcontainer-0, body.home .sticky.postcontainer-0, #top-image  {
	
	width:98.75%;
	padding-bottom: 10%
	
}

body.home .postcontainer-0 .mosaic-backdrop{
	display: block;
	width:100%;
	height:100%;
	background-position: 50% 50%;
	padding-bottom: 11%
	
}


body.home .postcontainer-1 {
	
	width:38.75%;
	padding-bottom: 5%
	
}

body.home .postcontainer-1 .mosaic-backdrop{
	display: block;
	width:100%;
	height:100%;
	background-position: 50% 50%;
	padding-bottom: 15%
	
}



body.home .postcontainer-2 {
	width:22.5%;
	padding-bottom: 5%
	
}

body.home .postcontainer-2 .mosaic-backdrop{
	display: block;
	width:100%;
	height:100%;
	background-position:  50% 50%;
	padding-bottom: 23%;
}



body.home .postcontainer-3 {

	width:35%;
    padding-bottom:5%;

}


body.home .postcontainer-3 .mosaic-backdrop{
	display: block;
	width:100%;
	padding-bottom: 15%;
	background-position: 50% 50%;
	
}

body.home .postcontainer-4 {

	width:27.5%;
    padding-bottom:5%;

}


body.home .postcontainer-4 .mosaic-backdrop{
	display: block;
	width:100%;
	padding-bottom:18%;
	background-position: 50% 50%;
	
}

body.home .postcontainer-5 {

	width:22.5%;
    padding-bottom:5%;

}


body.home .postcontainer-5 .mosaic-backdrop{
	display: block;
	width:100%;
	padding-bottom: 22%;
	background-position: 50% 50%;
	
}

body.home .postcontainer-6 {

	width:46.25%;
    padding-bottom:5%;

}


body.home .postcontainer-6 .mosaic-backdrop{
	display: block;
	width:100%;
	padding-bottom: 12%;
	background-position: 50% 50%;
	
}

body.home .postcontainer-7{

	width:32.5%;
    padding-bottom:5%;

}


body.home .postcontainer-7 .mosaic-backdrop{
	display: block;
	width:100%;
	padding-bottom: 18%;
	background-position: 50% 50%;
	
}

body.home .postcontainer-8{

	width:31.875%;
    padding-bottom:5%;

}


body.home .postcontainer-8 .mosaic-backdrop{
	display: block;
	width:100%;
	padding-bottom: 18%;
	background-position: 50% 50%;
	
}


body.home .postcontainer-9{

	width:31.875%;
    padding-bottom:5%;

}


body.home .postcontainer-9 .mosaic-backdrop{
	display: block;
	width:100%;
	padding-bottom: 18%;
	background-position: 50% 50%;
	
}


body.home .postcontainer-10{

	width:35%;
    padding-bottom:5%;

}


body.home .postcontainer-10 .mosaic-backdrop{
	display: block;
	width:100%;
	padding-bottom: 14%;
	background-position: 50% 50%;
	
}


body.home .postcontainer-11{

	width:40%;
    padding-bottom:5%;

}


body.home .postcontainer-11 .mosaic-backdrop{
	display: block;
	width:100%;
	padding-bottom: 13%;
	background-position: 50% 50%;
	
}

body.home .postcontainer-12{

	width:21.25%;
    padding-bottom:5%;

}


body.home .postcontainer-12 .mosaic-backdrop{
	display: block;
	width:100%;
	padding-bottom: 23%;
	background-position: 50% 50%;
	
}



}

@media (min-width: 1600px) {
	body.home .hentry a h3, body.home .hentry a h3.no-img {
		font-size:2.8em;
	}
	
body.home .postcontainer-0, body.home .sticky.postcontainer-0, #top-image  {
	
	width:98.75%;
	padding-bottom: 20%
	
}

body.home .postcontainer-0 .mosaic-backdrop{
	
	padding-bottom: 20%
	
}

#secondary ul.twitter {
		font-size:1.2em;
	}
	
	
}

@media (min-width: 2000px) {
	
	body.single nav#nav-single, #archive-nav {
	width:96%;
	
	}
	
	#secondary ul.twitter {
		font-size:1.4em;
	}
	
	body {
		font-size:1.2em;
	}
	
	body.home .hentry a h3, body.home .hentry a h3.no-img {
		font-size:3em;
	}
	
	body.single #top-image {
		width:95%;
	}
	
	#secondary {
		width:19%;
	}
	
	#primary {
		left:2%;
	}
	
	body.single #primary {
		left:2.8%;
	}
	
	#primary.fixated {
		left:21%
	}
	#secondary form#searchform input {
		font-size:1.7em;
	}

body.home .postcontainer-0, body.home .sticky.postcontainer-0, #top-image  {
	
	width:98.75%;
	padding-bottom: 25%
	
}

body.home .postcontainer-0 .mosaic-backdrop{
	
	padding-bottom: 25%
	
}

body.home .postcontainer-1 {
	
	
	padding-bottom: 9%
	
}

body.home .postcontainer-1 .mosaic-backdrop{
	
	padding-bottom: 24%
	
}



body.home .postcontainer-2 {
	padding-bottom: 9%	
}

body.home .postcontainer-2 .mosaic-backdrop{
	padding-bottom: 40%;
}

body.home .postcontainer-3 {
    padding-bottom:9%;
}


body.home .postcontainer-3 .mosaic-backdrop{
	padding-bottom: 25%;
}

body.home .postcontainer-4 {
    padding-bottom:9%;
}
body.home .postcontainer-4 .mosaic-backdrop{
	padding-bottom:33%;
}

body.home .postcontainer-5 {
    padding-bottom:9%;
}

body.home .postcontainer-5 .mosaic-backdrop{
	padding-bottom: 40%;
}

body.home .postcontainer-6 {
    padding-bottom:9%;
}

body.home .postcontainer-6 .mosaic-backdrop{
	padding-bottom: 22%;
}

body.home .postcontainer-7{
    padding-bottom:9%;
}


body.home .postcontainer-7 .mosaic-backdrop{
	padding-bottom: 30%;
}

body.home .postcontainer-8{
    padding-bottom:9%;
}


body.home .postcontainer-8 .mosaic-backdrop{
	display: block;
	width:100%;
	padding-bottom: 30%;
	background-position: 50% 50%;
	
}

body.home .postcontainer-9{
    padding-bottom:9%;
}


body.home .postcontainer-9 .mosaic-backdrop{
	padding-bottom: 30%;	
}


body.home .postcontainer-10{
    padding-bottom:9%;
}


body.home .postcontainer-10 .mosaic-backdrop{
	padding-bottom: 28%;
}


body.home .postcontainer-11{
    padding-bottom:9%;
}


body.home .postcontainer-11 .mosaic-backdrop{
	padding-bottom: 23%;
}

body.home .postcontainer-12{
    padding-bottom:9%;
}


body.home .postcontainer-12 .mosaic-backdrop{
	padding-bottom: 42%;
}

#secondary nav.main-nav ul li#menu-item-405 a{
	margin-left:-35%;

}

#secondary nav.main-nav ul li#menu-item-450 a{
	margin-left:-35%;
}

#secondary nav.main-nav ul li#menu-item-404 a{
	margin-left:-35%;
}
#secondary form#searchform {
	margin-left:-35%;
}
#secondary #logo img{
	
    width: 147%;
	
}
}

@media (min-width: 2500px) {
	/* Simplify the basic layout */
	
	body {
		font-size:1.35em;
	}
body.home .postcontainer-0, body.home .sticky.postcontainer-0, #top-image  {
	
	width:98.75%;
	padding-bottom: 28%
	
}

body.home .postcontainer-0 .mosaic-backdrop{
	
	padding-bottom: 28%
	
}

#secondary form#searchform input {
		font-size:1.8em;
	}
	

}
@media (max-width: 650px) {

}
@media (max-width: 450px) {


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


}


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

@media print {
	
	
	
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 800px;
		
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before,
	.commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}

	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}

	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > article,
	.commentlist .children > li.bypostauthor > article .comment-meta {
		color: #666;
	}

}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}