/*

Theme Name: Osage

Description: Osage is a versatile, user-friendly magazine theme that can be used for any genre of news, in addition to sports teams or leagues. This feature-rich, modern theme is highlighted by an optional custom-built scoreboard as well as many different social sharing options. The theme comes retina-ready, fully-responsive and comes with three different ad units, including a custom wallpaper ad. Osage is also compatible with WooCommerce and bbPress, is translation-ready, fully-responsive, comes with over 600 Google Fonts, a Featured Slider on each category page, Infinite Scrolling, a “sticky” menu bar and sidebar, post/page slideshows, and so much more!

Author: MVP Themes

Author URI: http://themeforest.net/user/mvpthemes

Theme URI: http://themeforest.net/user/mvpthemes

Version: 1.8

License: GNU General Public License v3 or later

License URI: http://www.gnu.org/licenses/gpl-3.0.html

*/



html {

	overflow-x: hidden;

 	}



body {

	color: #444;

	font: normal 100% helvetica, arial, sans-serif;

	line-height: 100%;

	margin: 0px auto;

	padding: 0px;

	height: 100%;

	}



div

	{

	-webkit-backface-visibility:hidden; /* Chrome, Safari, Opera */

	}



h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	-webkit-backface-visibility: hidden;

	color: #222;

	}



img {

	max-width: 100%;

	height: auto;

	}



iframe,

embed,

object,

video {

	max-width: 100%;

	}



/************************************************

	Hyperlinks

************************************************/



a, a:visited {

	text-decoration: none;

	}



a:hover {

	text-decoration: underline;

	}



a:active,

a:focus {

	outline: none;

	}



/************************************************

	Layout

************************************************/



#site {

	float: left;

	position: relative;

	width: 100%;

	z-index: 5;

	}



#boxed-wrapper {

	float: left;

	width: 100%;

	}



#wallpaper {

	display: block;

	position: fixed;

	width: 100%;

	height: 100%;

	z-index: 1;

	}



.wallpaper-link {

	margin: 0 auto;

	position: absolute;

		top: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

	}



#social-sites-wrapper {

	overflow: hidden;

	position: fixed;

		top: 30%;

		right: 10px;

	width: 30px;

	z-index: 5000;

	}



#social-sites-wrapper ul li {

		-moz-border-radius: 3px;

		-ms-border-radius: 3px;

		-o-border-radius: 3px;

		-webkit-border-radius: 3px;

	border-radius: 3px;

		-moz-box-shadow: 4px 4px 20px -10px #000;

		-ms-box-shadow: 4px 4px 20px -10px #000;

		-o-box-shadow: 4px 4px 20px -10px #000;

		-webkit-box-shadow: 4px 4px 20px -10px #000;

	box-shadow: 2px 2px 10px -6px #000;

	float: left;

	margin-bottom: 3px;

	overflow: hidden;

	width: 30px;

	height: 30px;

	}



#social-sites-wrapper ul li:first-child {

	border-top: none;

	}



.fb-but3,

.twitter-but3,

.pinterest-but3,

.youtube-but3,

.instagram-but3,

.google-but3,

.tumblr-but3,

.linkedin-but3,

.rss-but3 {

	float: left;

		-moz-transition: all .1s;

		-ms-transition: all .1s;

		-o-transition: all .1s;

		-webkit-transition: all .1s;

	transition: all .1s;

	width: 30px;

	height: 30px;

	}



.fb-but3 {

	background: url(images/social-buttons.png) 0 -30px;

	}



.fb-but3:hover {

	background: #3b5997 url(images/social-buttons.png) 0 -30px;

	}



.twitter-but3 {

	background: url(images/social-buttons.png) -30px -30px;

	}



.twitter-but3:hover {

	background: #00aced url(images/social-buttons.png) -30px -30px;

	}



.pinterest-but3 {

	background: url(images/social-buttons.png) -60px -30px;

	}



.pinterest-but3:hover {

	background: #cb2027 url(images/social-buttons.png) -60px -30px;

	}



.instagram-but3 {

	background: url(images/social-buttons.png) -210px -30px;

	}



.instagram-but3:hover {

	background: #36658c url(images/social-buttons.png) -210px -30px;

	}



.google-but3 {

	background: url(images/social-buttons.png) -90px -30px;

	}



.google-but3:hover {

	background: #000 url(images/social-buttons.png) -90px -30px;

	}



.tumblr-but3 {

	background: url(images/social-buttons.png) -240px -30px;

	}



.tumblr-but3:hover {

	background: #304e6c url(images/social-buttons.png) -240px -30px;

	}



.youtube-but3 {

	background: url(images/social-buttons.png) -120px -30px;

	}



.youtube-but3:hover {

	background: #f00 url(images/social-buttons.png) -120px -30px;

	}



.linkedin-but3 {

	background: url(images/social-buttons.png) -150px -30px;

	}



.linkedin-but3:hover {

	background: #069 url(images/social-buttons.png) -150px -30px;

	}



.rss-but3 {

	background: url(images/social-buttons.png) -180px -30px;

	}



.rss-but3:hover {

	background: #f60 url(images/social-buttons.png) -180px -30px;

	}



#body-wrapper {

	float: left;

	position: relative;

	width: 100%;

	}



.right, .alignright {

	float: right;

	}



.left, .alignleft {

	float: left;

	}



.aligncenter {

	display: block;

	margin: 0 auto;

	}



.section-div {

	border-bottom: 1px dotted #ccc;

	float: left;

	margin: 20px 0;

	width: 100%;

	}



.section {

	clear: both;

	overflow: hidden;

	}



.lazy {

	display: none;

	}



/************************************************

	Leaderboard

************************************************/



#header-top-wrapper {

	float: left;

	overflow: hidden;

	position: relative;

	width: 100%;	

	}



#leaderboard,

#logo-leader-wrapper {

	line-height: 0;

	margin: 0 auto;

	overflow: hidden;

	padding: 15px 0;

	position: relative;

	width: 1000px;

	}



#leader-small {

	float: right;

	text-align: center;

	width: 72.8%; /* 728px / 1000px */

	}



#logo-leader {

	float: left;

	line-height: 0;

	margin-right: 2%; /* 20px / 1000px */

	overflow: hidden;

	width: 25.2%; /* 252px / 1000px */

	height: 90px;

	}



#leaderboard {

	text-align: center;	

	}



#leader img,

#large-logo img {

	line-height: 0;

	}



/************************************************

	Large Logo

************************************************/



#large-logo-wrapper {

	float: left;

	overflow: hidden;

	position: relative;

	width: 100%;

	}



#large-logo {

	line-height: 0;

	margin: 0 auto;

	overflow: hidden;

	padding-bottom: 15px;

	position: relative;

	text-align: center;

	width: 1000px;

	}



/************************************************

	Navigation

************************************************/



#nav-wrapper {

	float: left;

	position: relative;

	width: 100%;

	height: 50px;

	z-index: 5000;

	}



#nav-container {

	margin: 0 auto !important;

	position: relative;

	width: 1000px;

	height: 50px;

	}



#nav-logo {

	float: left;

	line-height: 0;

	margin: 0 2%; /* 20px / 1000px */

	overflow: hidden;

	max-width: 200px;

	height: 50px;

	}



nav {

	display: inline;

	float: left;

	max-width: 71%; /* 710px / 1000px */

	position: relative;

	}



nav .menu {

	float: left;

	line-height: 0;

	width: 100%;

	}



nav .menu li {

	float: left;

	position: relative;

	}



nav .menu li:hover a {

	color: #fff;

	}



nav .menu li a {

	display: inline;

	float: left;

	font-weight: 700;

	font-size: 14px;

	line-height: 100%;

	padding: 18px 20px;

	position: relative;

	text-transform: uppercase;

	}



nav .menu li a:hover,

nav .menu li:hover a {

	background: #fff;

	text-decoration: none;

	}



nav .menu li a:hover {

	color: #555;

	}



nav .menu li ul {

	background: #f5f5f5;

		-moz-box-shadow: 0 0 20px -10px #000;

		-ms-box-shadow: 0 0 20px -10px #000;

		-o-box-shadow: 0 0 20px -10px #000;

		-webkit-box-shadow: 0 0 20px -10px #000;

	box-shadow: 0 4px 20px -10px #000;

	display: none;

	position: absolute;

		top: 50px;

		left: 0;

	max-width: 186px;

	}



nav .menu li:hover ul {

	display: block;

	}



nav .menu li:hover ul li {

	border-top: 1px dotted #ccc;

	display: block;

	float: left;

	position: relative;

	}



nav .menu li ul li:first-child {

	border-top: none;

	}



nav .menu li:hover ul li a {

	background: #fff;

	color: #555;

	float: left;

	font: 700 12px/100% 'Open Sans', sans-serif;

	padding: 12px 18px;

	text-transform: none;

	width: 150px;

	}



nav .menu li:hover ul li a:hover {

	color: #fff;

	}



nav .menu li:hover ul li ul {

	display: none;

	position: absolute;

		top: 0;

		left: 186px;

	}



nav .menu li:hover ul li:hover ul {

	display: block;

	}



nav .menu li:hover ul li:hover ul li {

	display: inline;

	}



nav .menu li:hover ul li:hover ul li ul {

	display: none;

	}



.fixed {

		-moz-box-shadow: 0 9px 20px -15px #000;

		-ms-box-shadow: 0 9px 20px -15px #000;

		-o-box-shadow: 0 9px 20px -15px #000;

		-webkit-box-shadow: 0 9px 20px -15px #000;

	box-shadow: 0 9px 20px -15px #000;

	position: fixed !important;

	}



#search-button {

	background: url(images/search-icon.png) no-repeat 50% 50%;

	float: right;

	padding: 15px 1.92307692308%; /* 20px / 1040px */

	position: relative;

	width: 20px;

	height: 20px;

	}



#search-button:hover {

	cursor: pointer;

	}



#search-bar {

		-moz-border-bottom-left-radius: 10px;

		-ms-border-bottom-left-radius: 10px;

		-o-border-bottom-left-radius: 10px;

		-webkit-border-bottom-left-radius: 10px;

	border-bottom-left-radius: 10px;

		-moz-border-bottom-right-radius: 10px;

		-ms-border-bottom-right-radius: 10px;

		-o-border-bottom-right-radius: 10px;

		-webkit-border-bottom-right-radius: 10px;

	border-bottom-right-radius: 10px;

		-moz-box-shadow: 0 4px 20px -11px #000;

		-ms-box-shadow: 0 4px 20px -11px #000;

		-o-box-shadow: 0 4px 20px -11px #000;

		-webkit-box-shadow: 0 4px 20px -11px #000;

	box-shadow: 0 4px 20px -11px #000;

	cursor: default;

	display: none;

	position: absolute;

		top: 50px;

		right: 0;

	width: 320px;

	}



#searchform {

	float: left;

	margin: 10px;

	}



#searchform input {

	background: #f5f5f5;

	border: 0;

		-moz-box-shadow: 0 2px 10px -2px #000 inset;

		-ms-box-shadow: 0 2px 10px -2px #000 inset;

		-o-box-shadow: 0 2px 10px -2px #000 inset;

		-webkit-box-shadow: 0 2px 10px -2px #000 inset;

	box-shadow: 2px 2px 6px 0 #ddd inset;

	color: #555;

	float: left;

	font: 400 12px/12px 'Open Sans', sans-serif;

	margin: 0;

	padding: 10px;

	width: 280px;

	height: 12px;

	}



#searchform #searchsubmit {

	border: none;

	float: left;

	}



#searchform #s:focus {

	outline: none;

	}



#mobi-nav {

	display: none;

	float: left;

	margin-right: 20px;

	overflow: hidden;

	width: 74px;

	height: 50px;

	}



#mobi-nav:hover,

#mobi-nav select {

	cursor: pointer;

	}



#mobi-nav select {

	background: url(images/menu-but.png) no-repeat 50% 50%;

	border: none;

	color: #111;

	float: left;

	padding-right: 74px;

	width: 0;

	height: 50px;

	-webkit-appearance: none !important;

	}



/************************************************

	Scoreboard

************************************************/



#info-wrapper {

		-moz-box-shadow: 0 10px 40px -18px #000;

		-ms-box-shadow: 0 10px 40px -18px #000;

		-o-box-shadow: 0 10px 40px -18px #000;

		-webkit-box-shadow: 0 10px 40px -18px #000;

	box-shadow: 0 10px 40px -18px #000;

	float: left;

	position: relative;

	width: 100%;

	}



#scoreboard-main-wrapper {

	float: left;

	margin-bottom: 15px;

	overflow: hidden;

	position: relative;

	width: 100%;

	}



#scoreboard-main-inner {

	margin: 0 auto;

	overflow: hidden;

	width: 1000px;

	}



.tabber-container {

	width: 100%;

	}



#score-nav-wrapper {

	float: left;

	overflow: hidden;

	margin: 10px 1% 10px 0; /* 10px / 1000px */

	position: relative;

	width: 12%; /* 120px / 1000px */

	height: 26px;

	}



#score-nav-wrapper:before {

	content: '';

	cursor: pointer;

	width: 0; 

	height: 0; 

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;

	border-top: 5px solid #fff;

	position: absolute;

		top: 10px;

		right: 10px;

	}



#score-nav-wrapper .tabs {

	width: 100%;

	}



#score-nav-wrapper select {

	background: #111;

	border: none;

		-moz-border-radius: 5px;

		-ms-border-radius: 5px;

		-o-border-radius: 5px;

		-webkit-border-radius: 5px;

	border-radius: 5px;

	color: #fff;

	cursor: pointer;

	float: left;

	font: 800 12px/100% 'Open Sans', sans-serif;

	outline: none;

	padding: 7px 8.33333333333%; /* 10px / 120px */

		-webkit-transition: background 0.2s;

	transition: background 0.2s;

	-webkit-appearance: none !important;

	width: 83.33333333333%; /* 100px / 120px */

	height: 26px;

	}



#score-nav-wrapper select:hover {

	background: rgba(0,0,0,0.5);

	}



#score-nav-wrapper select option {

	background: #111;

	color: #fff;

	font: 800 12px/100% 'Open Sans', sans-serif;

	}



#scoreboard-contain {

	margin: 0 auto;

	overflow: hidden;

	position: relative;

	width: 87%; /* 870px / 1000px */

	height: 46px;

	}



.scoreboard-wrapper {

	margin-right: 55px; /* 55px / 870px */

	overflow: hidden;

	position: absolute;

		top: 0;

	width: 815px; /* 815px / 870px */

	}



.scoreboard-wrapper ul.slides {

	display: inline;

	float: left;

	width: 100%;

	}



.scoreboard-wrapper ul.slides li {

	background: rgba(0,0,0,0.6);

		-moz-border-radius: 5px;

		-ms-border-radius: 5px;

		-o-border-radius: 5px;

		-webkit-border-radius: 5px;

	border-radius: 5px;

	display: inline;

	float: left;

	margin-right: 3px;

	overflow: hidden;

	width: 160px;

	height: 46px;

	}



.score-item-wrapper {

	border: 1px solid rgba(255,255,255,0.4);

	float: left;

	margin: 4px;

		-moz-transition: background 0.2s;

		-ms-transition: background 0.2s;

		-o-transition: background 0.2s;

		-webkit-transition: background 0.2s;

	transition: background 0.2s;

	width: 150px;

	height: 36px;

	}



a:hover .score-item-wrapper {

	background: rgba(255,255,255, 0.2);

	}



.score-teams-wrapper {

	border-right: 1px solid rgba(255,255,255,0.4);

	float: left;

	padding: 5px;

	width: 90px;

	}



.score-teams {

	color: #fff;

	float: left;

	font: bold 10px/130% verdana, arial, sans-serif;

	max-width: 70px;

	}



.score-right {

	color: #fff;

	float: right;

	font: bold 10px/130% verdana, arial, sans-serif;

	text-align: right;

	max-width: 20px;

	}



.score-status-wrapper {

	float: left;

	padding: 5px;

	width: 39px;

	height: 26px;

	}



span.score-status {

	clear: both;

	color: #fff;

	float: left;

	font: 9px/150% verdana, helvetica, arial, sans-serif;

	text-align: center;

	width: 100%;

	}



.es-carousel {

	float: left;

	position: relative;

	width: 100%;

	height: 46px;

	}



.es-nav {

	position: absolute;

	top: 0;

	right: 0;

	width: 51px; /* 49px / 860px */

	}



.es-nav span {

	cursor: pointer;

	position: absolute;

	width: 20px;

	height: 46px;

	}



.es-nav span a {

	color: #fff;

	font: 400 40px/100% 'Acme', sans-serif;

	padding-bottom: 6px;

	}



.es-nav span a:hover {

	text-decoration: none;

	}



.es-nav span.es-nav-prev a {

	float: left;

	}



.es-nav span.es-nav-next a {

	float: right;

	}



.es-nav span.es-nav-prev,

.es-nav span.es-nav-next {

	background: #111;

	border-radius: 5px;

	opacity: 0.6;

		-moz-transition: opacity 0.2s linear;

		-ms-transition: opacity 0.2s linear;

		-o-transition: opacity 0.2s linear;

		-webkit-transition: opacity 0.2s linear;

	transition: opacity 0.2s linear;

	}



.es-nav span.es-nav-prev:hover,

.es-nav span.es-nav-next:hover {

	opacity: 1.0;

	}



.es-nav span.es-nav-prev {

	padding-left: 3px;

	text-align: left;

	left: 0;

	}



.es-nav span.es-nav-next {

	padding-right: 3px;

	text-align: right;

	right: 0;

	}



/************************************************

	Social Buttons

************************************************/



#social-buttons {

	background: url(images/social-buttons.png) 0 -30px;

	float: right;

	width: 234px;

	height: 30px;

	}



/************************************************

	Featured Section

************************************************/



#featured-wrapper {

	overflow: hidden;

	position: relative;

	width: 100%;

	height: 400px;

	}



.iosslider {

	position: relative;

		top: 0;

		left: 0;

	overflow: hidden;

	width: 100%;

	height: 100%;

	}



.iosslider .slider {

	width: 100%;

	height: 100%;

	}



.iosslider .slider .slide {

	float: left;

	width: 1000px;

	height: 100%;

	}



ul.featured-items {

	display: block;

	float: left;

	width: 100%;

	}



ul.featured-items li {

	background: #000;

	display: inline;

	float: left;

	overflow: hidden;

	position: relative;

	width: 1000px;

	height: 400px;

	}



ul.featured-items li img {

	float: left;

	margin-top: -5%;

	max-width: 1000px;

		-moz-transition: opacity 0.5s;

		-ms-transition: opacity 0.5s;

		-o-transition: opacity 0.5s;

		-webkit-transition: opacity 0.5s;

	transition: opacity 0.5s;

	width: 1000px;

	}



ul.featured-items li:hover img {

	opacity: 0.7;

	}



.featured-small-img {

	float: right;

	overflow: hidden;

	position: relative;

	width: 60%; /* 600px / 1000px */

	}



ul.featured-items li .featured-small-img img {

	margin: 0 0 0 -5%;

	max-width: 670px;

	width: 670px;

	}



.featured-small-shade {

	background: linear-gradient(to left,rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,1.0) 100%);

	position: absolute;

		top: 0;

		left: 0;

	width: 100%;

	height: 400px;

	}



.featured-text {

	background: linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.75) 100%);

	overflow: hidden;

	padding: 60px 80px 20px 20px;

	position: absolute;

		left: 0;

		top: 0;

	width: 350px;

	height: 320px;

	}



.featured-small .featured-text {

	background: #000;

	padding: 60px 2% 20px; /* 20px / 1000px */

	width: 36%; /* 360px / 1000px */

	}



span.featured-cat-contain {

	float: left;

	margin-bottom: 10px;

	overflow: hidden;

	text-align: center;

	width: 100%;

	}



.featured-text h3 {

	color: #eee;

	display: inline-block;

	font: 400 12px/100% 'Open Sans', sans-serif;

		-moz-text-shadow: 1px 1px 2px #000;

		-ms-text-shadow: 1px 1px 2px #000;

		-o-text-shadow: 1px 1px 2px #000;

		-webkit-text-shadow: 1px 1px 2px #000;

	text-shadow: 1px 1px 2px #000;

	text-transform: uppercase;

	}



h2.featured-headline,

h2.standard-headline {

	color: #fff;

	float: left;

	margin-bottom: 15px;

	text-align: center;

		-moz-text-shadow: 1px 1px 2px #000;

		-ms-text-shadow: 1px 1px 2px #000;

		-o-text-shadow: 1px 1px 2px #000;

		-webkit-text-shadow: 1px 1px 2px #000;

	text-shadow: 1px 1px 2px #000;

	text-transform: uppercase;

		-moz-transition: color 0.3s;

		-ms-transition: color 0.3s;

		-o-transition: color 0.3s;

		-webkit-transition: color 0.3s;

	transition: color 0.3s;

	width: 100%;

	}



h2.featured-headline {

	font-weight: 800;

	font-size: 60px;

	letter-spacing: -3px;

	line-height: 90%;

	}



h2.standard-headline {

	font-weight: 800;

	font-size: 38px;

	line-height: 100%;

	}



.featured-text p {

	color: #eee;

	float: left;

	font: 16px/140% helvetica, arial, sans-serif;

	text-align: center;

		-moz-text-shadow: 1px 1px 2px #000;

		-ms-text-shadow: 1px 1px 2px #000;

		-o-text-shadow: 1px 1px 2px #000;

		-webkit-text-shadow: 1px 1px 2px #000;

	text-shadow: 1px 1px 2px #000;

	width: 100%;

	}



.featured-shade {

	margin: 0 auto;

	position: relative;

	width: 0;

	height: 400px;	

	}



.left-shade,

.right-shade {

	background: #111;

	opacity: 0.9;

	position: absolute;

		top: 0;

	width: 1000px;

	height: 400px;

	}



.left-shade,

.right-shade {

	position: absolute;

		top: 0;

	}



.left-shade {

	left: -1500px;

	}



.right-shade {

	left: 499px;

	}



.prev,

.next {

	color: #fff;

	font: 400 140px/100% 'Acme', sans-serif;

	margin-top: -70px;

	opacity: 0;

	padding: 0 20px;

	position: absolute;

	top: 50%;

		-moz-text-shadow: 1px 1px 2px #000;

		-ms-text-shadow: 1px 1px 2px #000;

		-o-text-shadow: 1px 1px 2px #000;

		-webkit-text-shadow: 1px 1px 2px #000;

	text-shadow: 2px 2px 3px #000;

		-moz-transition: opacity 0.2s linear;

		-ms-transition: opacity 0.2s linear;

		-o-transition: opacity 0.2s linear;

		-webkit-transition: opacity 0.2s linear;

	transition: opacity 0.2s linear;

	}



#featured-wrapper:hover .prev,

#featured-wrapper:hover .next {

	opacity: 0.8;

	}



.prev:hover,

.next:hover {

	opacity: 1.0 !important;

	}



.prev {

	left: 30px;

	}



.next {

	right: 30px;

	}



/************************************************

	Homepage

************************************************/



#content-wrapper {

	float: left;

	margin-top: 20px;

	position: relative;

	width: 100%;

	}



#content,

#content-wrapper article {

	background: #fff;

		-moz-box-shadow: 0 10px 40px -18px #000;

		-ms-box-shadow: 0 10px 40px -18px #000;

		-o-box-shadow: 0 10px 40px -18px #000;

		-webkit-box-shadow: 0 10px 40px -18px #000;

	box-shadow: 0 10px 40px -18px #000;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

	width: 1000px;

	}



#featured-posts {

	background: #222;

	float: left;

	overflow: hidden;

	position: relative;

	width: 100%;

	}



#featured-posts ul li {

	float: left;

	overflow: hidden;

	width: 25%;

	}



#featured-posts ul li:hover .featured-posts-img img {

	opacity: 0.7;

	}



.featured-posts-img {

	float: left;

	line-height: 0;

	position: relative;

	width: 100%;

	}



.featured-posts-img img {

	opacity: 1.0;

		-moz-transition: opacity 0.3s;

		-ms-transition: opacity 0.3s;

		-o-transition: opacity 0.3s;

		-webkit-transition: opacity 0.3s;

	transition: opacity 0.3s;

	}



.featured-posts-text {

	background: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.8) 100%);

	padding: 20px 8%; /* 20px / 250px */

	position: absolute;

		bottom: 0;

		left: 0;

	width: 84.1%; /* 210px / 250px */

	}



span.feat-posts-cat-contain {

	float: left;

	margin-bottom: 5px;

	position: relative;

	width: 100%;

	}



span.feat-posts-cat-contain h3 {

	color: #eee;

	display: inline-block;

	font: 400 10px/100% 'Open Sans', sans-serif;

		-moz-text-shadow: 1px 1px 2px #000;

		-ms-text-shadow: 1px 1px 2px #000;

		-o-text-shadow: 1px 1px 2px #000;

		-webkit-text-shadow: 1px 1px 2px #000;

	text-shadow: 1px 1px 2px #000;

	text-transform: uppercase;

	}



.featured-posts-text h2 a {

	color: #fff;

	float: left;

	font: 700 14px/120% 'Bitter', sans-serif;

		-moz-text-shadow: 1px 1px 2px #000;

		-ms-text-shadow: 1px 1px 2px #000;

		-o-text-shadow: 1px 1px 2px #000;

		-webkit-text-shadow: 1px 1px 2px #000;

	text-shadow: 1px 1px 2px #000;

	width: 100%;

	}



.featured-posts-text h2 a:hover {

	color: #fff;

	}



#content-main {

	float: left;

	position: relative;

	width: 66%; /* 660px / 1000px */

	z-index: 10;

	}



.content-full {

	margin-right: 0 !important;

	width: 100% !important;

	}



.widget-home-wrapper {

	float: left;

	margin-top: 20px;

	padding-left: 3.03030303030303%; /* 20px / 660px */

	position: relative;

	width: 96.969696969696%; /* 640px / 660px */

	}



span.home-header-wrap,

span.sidebar-header-wrap {

	float: left;

	position: relative;

	width: 100%;

	z-index: 2;

	margin-bottom: 20px;

	}



span.home-header-wrap h4.widget-header:after,

span.sidebar-header-wrap h4.sidebar-header:after {

	content: '';

	position: absolute;

	top: 0;

	bottom: 0;

	border-style: solid;

	}



span.home-header-wrap h4.widget-header:after,

span.sidebar-header-wrap h4.sidebar-header:after {

	right: -14.5px;

	border-width: 22px 0 0 15px;

	}



h4.widget-header,

h4.sidebar-header {

	color: #fff;

	display: inline-block;

	padding: 5px 20px 5px 8px;

	position: relative;

	text-transform: uppercase;

	}



h4.widget-header {

	font: 800 italic 12px/100% 'Open Sans', sans-serif;

	}



h4.sidebar-header {

	font: 800 italic 12px/100% 'Open Sans', sans-serif;

	}



span.widget-cat-contain {

	margin-bottom: 15px;

	position: absolute;

		top: 0;

		left: 0;

	}



span.widget-cat-contain h3 {

	background: #fff;

	color: #555;

	display: inline-block;

	font: 400 10px/100% 'Open Sans', sans-serif;

	padding: 5px 8px 8px 5px;

	text-transform: uppercase;

	}



ul.blog-layout1 li,

ul.blog-layout2 li {

	background: #fff;

	border-top: 1px dotted #ccc;

	float: left;

	overflow: hidden;

	padding: 20px 0;

	width: 100%;

	}



ul.blog-layout1 li:first-child,

ul.blog-layout2 li:first-child {

	border-top: none;

	padding-top: 0;

	}



ul.blog-layout1 li:last-child,

ul.blog-layout2 li:last-child {

	padding-bottom: 0;

	}



.widget-home-wrapper .blog-layout1-img {

	float: left;

	line-height: 0;

	overflow: hidden;

	position: relative;

	width: 39.0625%; /* 250px / 640px */

	}



.sidebar-widget .blog-layout1-img {

	float: left;

	line-height: 0;

	overflow: hidden;

	position: relative;

	width: 100%;

	}



.blog-layout1-img img {

	width: 100%;

	}



.blog-layout1-text h3,

.blog-layout2-text h3,

.widget-featured-text h3 {

	color: #888;

	float: left;

	font: 700 11px/100% 'Open Sans', sans-serif;

	margin-bottom: 7px;

	text-transform: uppercase;

	}



.widget-home-wrapper .blog-layout1-text {

	float: left;

	margin-left: 3.125%; /* 20px / 640px */

	width: 57.8125%; /* 370px / 640px */

	}



.sidebar-widget .blog-layout1-text {

	float: left;

	margin-top: 15px;

	width: 100%;

	}



.blog-layout1-text h3,

.blog-layout2-text h3,

.widget-featured-text h3 {

	float: left;

	font: 700 10px/100% 'Open Sans', sans-serif;

	margin-bottom: 8px;

	text-transform: uppercase;

	width: 100%;

	}



.blog-layout1-text h2 a {

	color: #333;

	float: left;

	font-size: 20px;

	font-weight: 700;

	letter-spacing: -1px;

	line-height: 120%;

	margin-bottom: 8px;

	width: 100%;

	}



.blog-layout1-text h2 a:hover,

.blog-layout2-text h2 a:hover {

	text-decoration: none;

	}



.widget-byline {

	float: left;

	margin-bottom: 10px;

	width: 100%;

	}



.widget-author {

	margin-right: 5px;

	}



.blog-layout1-text p {

	color: #555;

	float: left;

	font: 13px/140% helvetica, arial, sans-serif;

	margin-bottom: 15px;

	width: 100%;

	}



ul.blog-layout2 {

	float: left;

	}



ul.blog-layout2 li:first-child {

	margin-top: 0;

	}



.blog-layout2-img {

	float: left;

	line-height: 0;

	overflow: hidden;

	position: relative;

	width: 100%;

	height: 250px;

	}



.blog-layout2-img img {

	float: left;

	margin-top: -5%;

	width: 100%;

	}



.blog-layout2-text {

	float: left;

	margin-top: 15px;

	width: 100%;

	}



.blog-layout2-text h2 a {

	color: #222;

	float: left;

	font-size: 26px;

	font-weight: 700;

	letter-spacing: -1px;

	line-height: 120%;

	margin-bottom: 10px;

	width: 100%;

	}



.blog-layout2-text p {

	color: #555;

	float: left;

	font: 14px/150% helvetica, arial, sans-serif;

	margin-bottom: 20px;

	width: 100%;

	}



.widget-headlines {

	float: left;

	overflow: hidden;

	width: 100%;

	}



.widget-home-wrapper .headlines-main {

	float: left;

	width: 40.9090909090909%; /*270px / 660px */

	}



.sidebar-widget .headlines-main {

	float: left;

	margin-bottom: 10px;

	width: 100%;

	}



.headlines-main-img {

	float: left;

	line-height: 0;

	overflow: hidden;

	position: relative;

	width: 100%;

	}



.headlines-main-img img {

	width: 100%;

	}



.headlines-main-text {

	background: #222;

	float: left;

	overflow: hidden;

	padding: 10px 7.407407407407407% 20px; /* 20px / 270px */

	width: 85.185185185185185%; /* 230px / 270px */

	}



.headlines-main-text h2 a {

	color: #fff;

	float: left;

	font-size: 20px;

	font-weight: 700;

	letter-spacing: -1px;

	line-height: 120%;

	margin-bottom: 10px;

	width: 100%;

	}



.headlines-main-text h2 a:hover {

	color: #fff;

	}



.headlines-main-text p {

	color: #ddd;

	float: left;

	font: 13px/140% helvetica, arial, sans-serif;

	width: 100%;

	}



.headlines-list h3 {

	float: left;

	font: 800 14px/100% 'Open Sans', sans-serif;

	margin-bottom: 10px;

	text-transform: uppercase;

	width: 100%;

	}



.widget-home-wrapper .headlines-list {

	float: left;

	padding-left: 3.030303030303%; /* 20px / 660px */

	width: 56.06060606006%; /* 370px / 660px */

	}



.sidebar-widget .headlines-list {

	float: left;

	width: 100%;

	}



.headlines-list ul {

	float: left;

	width: 100%;

	}



.headlines-list ul li {

	border-top: 1px dotted #777;

	float: left;

	margin-top: 4px;

	padding-top: 4px;

	width: 100%;

	}



.headlines-list ul li:first-child {

	border-top: none;

	margin-top: 0;

	padding-top: 0;

	}



.headlines-list ul li p a {

	font: bold 12px/150% helvetica, arial, sans-serif;

	}



.widget-home-wrapper .headlines-full {

	padding: 20px 3.125%; /*350px / 660px */

	width: 93.75%; /*370px / 660px */

	}



.widget-gallery-wrapper {

	background: #fff;

	float: left;

	margin-top: -20px;

	overflow: hidden;

	width: 100%;

	}



.gallery-slider {

	margin-bottom: 10px;

	overflow: hidden;

	position: relative;

	width: 100%;

	max-height: 400px;

	}



.gallery-slider ul.slides {

	width: 100%;

	}



.gallery-slider ul.slides li {

	display: inline;

	float: left;

	line-height: 0;

	overflow: hidden;

	position: relative;

	width: 100%;

	}



.gallery-slider ul.slides li img {

	width: 100%;

	max-height: 400px;

	}



.gallery-text {

	background: rgba(0,0,0,0.5);

	padding: 10px 3%;

	position: absolute;

		bottom: 0;

		left: 0;

	text-align: center;

	width: 94%;

	}



.gallery-text p {

	color: #fff;

	font: 500 14px/100% 'Open Sans', sans-serif;

	}



.gallery-slider .flex-direction-nav a {

	font: 400 100px/100% 'Acme', sans-serif;

	color: #fff;

	margin-top: -50px;

	opacity: 0;

	position: absolute;

		top: 50%;

		-moz-text-shadow: 1px 1px 2px #000;

		-ms-text-shadow: 1px 1px 2px #000;

		-o-text-shadow: 1px 1px 2px #000;

		-webkit-text-shadow: 1px 1px 2px #000;

	text-shadow: 1px 1px 3px #000;

		-moz-transition: opacity 0.3s;

		-ms-transition: opacity 0.3s;

		-o-transition: opacity 0.3s;

		-webkit-transition: opacity 0.3s;

	transition: opacity 0.3s;

	}



.gallery-slider .flex-direction-nav .flex-prev {

	left: 0;

	margin-left: 10px;

	}



.gallery-slider .flex-direction-nav .flex-next {

	right: 0;

	margin-right: 10px;

	}



.gallery-slider:hover .flex-direction-nav a {

	opacity: 0.7;

	}





.gallery-slider .flex-direction-nav a:hover {

	opacity: 1.0;

	text-decoration: none;

	}



.gallery-thumbs {

	float:left;

	position: relative;

	width: 100%;

	height: 45px;

	}



.gallery-thumbs ul.slides li {

	cursor: pointer;

	display: inline;

	float: left;

	margin-right: 10px;

	line-height: 0;

	overflow: hidden;

	width: 75px;

	}



.gallery-thumbs ul.slides li img {

	opacity: 0.4;

		-moz-transition: opacity 0.3s;

		-ms-transition: opacity 0.3s;

		-o-transition: opacity 0.3s;

		-webkit-transition: opacity 0.3s;

	transition: opacity 0.3s;

	width: 100%;

	}



.gallery-thumbs ul.slides li.flex-active-slide img,

.gallery-thumbs ul.slides li:hover img {

	opacity: 1.0;

	}



.article-sharing {

	float: left;

	opacity: 0;

		-moz-transition: opacity 0.2s;

		-ms-transition: opacity 0.2s;

		-o-transition: opacity 0.2s;

		-webkit-transition: opacity 0.2s;

	transition: opacity 0.2s;

	width: 100%;

	height: 25px;

	}



ul.blog-layout1 li:hover .article-sharing ,

ul.blog-layout2 li:hover .article-sharing {

	opacity: 1.0;

	}



.article-sharing .facebook-share,

.article-sharing .twitter-share,

.article-sharing .pinterest-share,

.article-sharing .google-share {

	margin: 0 5px 5px 0;

	width: 50px;

	}



.article-sharing span.social-count-num {

	font: 700 15px/100% 'Oswald', sans-serif;

	}



.article-sharing .share-count {

	margin-top: 0;

	}



.widget-featured-wrapper {

	float: left;

	position: relative;

	width: 100%;

	}



.widget-featured-image {

	float: left;

	line-height: 0;

	overflow: hidden;

	position: relative;

	width: 100%;

	height: 300px;

	}



.widget-featured-image img {

	margin-top: -5%;

	width: 100%;

	}



.widget-featured-text {

	background: #222;

	float: left;

	padding: 10px 3.030303030303% 20px; /* 20px / 660px */

	width: 93.939393939393%; /* 620px / 660px */

	}



h2.widget-feat-headline,

h2.widget-stand-headline {

	color: #fff;

	margin-bottom: 10px;

	}



.widget-featured-text h3 {

	color: #ddd;

	}



h2.widget-feat-headline {

	font-weight: 800;

	font-size: 38px;

	letter-spacing: -1px;

	line-height: 120%;

	}



h2.widget-stand-headline {

	font-weight: 800;

	font-size: 32px;

	letter-spacing: -1px;

	line-height: 120%;

	}



h2.widget-feat-headline a,

h2.widget-stand-headline a {

	color: #fff;

	}



h2.widget-feat-headline a:hover,

h2.widget-stand-headline a:hover {

	color: #fff;

	}



.widget-featured-text p {

	color: #ddd;

	font: 14px/150% helvetica, arial, sans-serif;

	}



.widget-home-wrapper .ad-header {

	margin-top: 20px;

	}



/************************************************

	Posts

************************************************/



.post-margin-top {

	margin-top: 0 !important;

	}



#post-header {

	background: #fff;

	border-bottom: 1px solid #ddd;

	float: left;

	padding: 20px 2%; /* 20px / 1000px */

	width: 96%; /* 960px / 1000px */

	}



#post-area {

	float: left;

	width: 100%;

	}



.post-section,

#disqus_thread {

	float: left;

	margin: 0 0 20px 3.0303030303%; /* 20px / 660px */

	width: 96.9696969696%; /* 640px / 660px */

	}



.post-section-full {

	float: left;

	margin: 0 2% 20px 2%; /* 20px / 1000px */

	width: 96%; /* 960px / 1000px */

	}



h3.post-cat {

	color: #fff;

	display: inline-block;

	font: 800 10px/100% 'Open Sans', sans-serif;

	margin-bottom:5px;

	padding: 6px 10px;

	text-transform: uppercase;

	}



h3.post-cat a,

h3.post-cat a:hover {

	color: #fff;

	}



h1.story-title {

	color: #444;

	float: left;

	font-size: 46px;

	font-weight: 700;

	letter-spacing: -2px;

	line-height: 120%;

	width: 100%;

	}



#post-byline {

	float: left;

	margin-top: 15px;

	width: 100%;

	}



.author-contain {

	float: left;

	display: inline-block;	

	}



.author-contain p,

span.post-author,

.date-contain p,

time.post-date {

	display: inline-block;

	float: left;

	font: italic 14px/100% helvetica, arial, sans-serif;

	margin-right: 5px;

	}



.author-contain p,

.date-contain p,

time.post-date {

	color: #999;

	}



.social-sharing-top {

	float: left;

	margin-bottom: -5px;

	padding: 20px 2%; /* 20px / 1000px */

	width: 96%; /* 960px / 1000px */

	}



.social-sharing-bottom {	

	border-bottom: 1px solid #ddd;

	margin-bottom: 20px;

	padding-bottom: 10px;

	}



.share-count {

	float: left;

	margin: -10px 0 10px;

	overflow: hidden;

	padding-right: 10px;

	text-align: center;

	}



span.social-count-num,

span.social-count-text {

	float: left;

	text-transform: uppercase;

	width: 100%;

	}



span.social-count-num {

	color: #444;

	font: 700 25px/100% 'Oswald', sans-serif;

	width: 100%;

	}



span.social-count-text {

	color: #999;

	font: 400 10px/100% 'Open Sans', sans-serif;

	width: 100%;

	}



.facebook-share,

.twitter-share,

.pinterest-share,

.google-share {

	float: left;

	margin: 0 5px 5px 0;

		-moz-transition: opacity 0.2s;

		-ms-transition: opacity 0.2s;

		-o-transition: opacity 0.2s;

		-webkit-transition: opacity 0.2s;

	transition: opacity 0.2s;

	width: 100px;

	height: 25px;

	}



.social-comments {

	float: left;

	margin: 0 5px 5px 0;

	height: 25px;

		-moz-transition: background 0.2s;

		-ms-transition: background 0.2s;

		-o-transition: background 0.2s;

		-webkit-transition: background 0.2s;

	transition: background 0.2s;

	}



.facebook-share p,

.twitter-share p,

.pinterest-share p,

.google-share p {

	color: #fff;

	display: inline-block;

	font: 800 13px/100% 'Open Sans', sans-serif;

	padding: 6px 0 6px 15px;

	text-transform: uppercase;

	}



.social-comments p {

	color: #fff;

	display: inline-block;

	font: 800 13px/100% 'Open Sans', sans-serif;

	padding: 6px 15px;

	text-transform: uppercase;

	}



.facebook-share {

	background: #3e64ad;

	}



.twitter-share {

	background: #6aadd1;

	}



.pinterest-share {

	background: #de010d;

	}



.google-share {

	background: #cd3627;

	}



.social-comments {

	background: #aaa;

	}



.facebook-share:hover,

.twitter-share:hover,

.pinterest-share:hover,

.google-share:hover,

.social-comments:hover {

	opacity: 0.8;

	}



.fb-but1,

.twitter-but1,

.pinterest-but1,

.google-but1 {

	float: left;

	width: 25px;

	height: 25px;

	}



.fb-but1 {

	background: url(images/social-sharing.png) 0 0;

	}



.twitter-but1 {

	background: url(images/social-sharing.png) -30px 0;

	}



.pinterest-but1 {

	background: url(images/social-sharing.png) -60px 0;

	}



.google-but1 {

	background: url(images/social-sharing.png) -90px 0;

	}



#video-embed {

	float: left;

	}



#featured-image {

	float: left;

	line-height: 0;

	overflow: hidden;

	position: relative;

	}



#featured-image img {

	width: 100%;

	}



#featured-caption {

	color: #aaa;

	float: left;

	font: italic 10px/100% helvetica, arial, sans-serif;

	margin-top: 5px;

	text-align: center;

	text-transform: uppercase;

	width: 100%;

	}



#content-area {

	margin-top: 20px;

	font: 16px/160% helvetica, arial, sans-serif;

	}



#content-area p {

	display: block;

	margin-bottom: 20px;

	}



#content-area ul {

	list-style: disc outside;

	margin: 10px 0;

	}



#content-area ol {

	list-style: decimal outside;

	margin: 10px 0;

	}



#content-area ul li,

#content-area ol li {

	margin-left: 50px;

	padding: 5px 0px;

	}



#content-area h1 {

	font-size: 28px;

	font-weight: 700;

	line-height: 120%;

	margin: 10px 0;

	text-transform: uppercase;

	width: 100%;

	}



#content-area h2 {

	font-size: 22px;

	font-weight: 700;

	line-height: 120%;

	margin: 10px 0;

	text-transform: uppercase;

	width: 100%;

	}



#content-area h3 {

	font-size: 18px;

	font-weight: 700;

	line-height: 120%;

	margin: 10px 0;

	text-transform: uppercase;

	width: 100%;

	}



#content-area h4 {

	font-size: 16px;

	font-weight: 700;

	line-height: 120%;

	margin: 10px 0;

	text-transform: uppercase;

	width: 100%;

	}



#content-area h5 {

	font-size: 14px;

	font-weight: 700;

	line-height: 120%;

	margin: 10px 0;

	text-transform: uppercase;

	width: 100%;

	}



#content-area h6 {

	font-size: 10px;

	font-weight: 700;

	line-height: 120%;

	margin: 10px 0;

	text-transform: uppercase;

	width: 100%;

	}



#content-area blockquote p {

	color: #aaa;

	font: bold italic 24px/120% helvetica, arial, sans-serif;

	margin: 30px 10%;

	width: 80%;

	}



.post-tags {

	float: left;

	font: 700 10px/100% 'Open Sans', sans-serif;

	margin-bottom: 20px;

	width: 100%;

	}



.post-tags a,

span.post-tags-header {

	color: #fff;

	display: inline-block;

	float: left;

	margin: 0 1px 1px;

	padding: 5px 7px;

	text-transform: uppercase;

	}



.post-tags a {

	background: #aaa;

	}



.post-tags a:visited {

	color: #fff;

	}



.post-tags a:hover {

	color: #fff;

	text-decoration: none;

	}



.prev-next-wrapper {

	border-bottom: 1px solid #ddd;

	float: left;

	margin-top: -20px;

	}



.prev-post,

.next-post {

	color: #222;

	font: 10px/100% helvetica, arial, sans-serif;

	overflow: hidden;

	padding: 20px 0;

	text-align: center;

	text-transform: uppercase;

	height: 70px;	

	}



.prev-post {

	float: left;

	width: 50%;

	}



.next-post {

	border-left: 1px solid #ddd;

	float: right;

	width: 49%;

	}



.prev-post a,

.next-post a {

	clear: both;

	color: #444 !important;

	float: left;

	font-size: 16px;

	font-weight: 700;

	line-height: 120%;

	margin: 10px 8% 0;

	text-transform: none;

	width: 84%;

	}



#author-info {

	background: #fff;

	float: left;

	position: relative;

	width: 100%;

	}



#author-info ul {

	display: inline-block;

	margin: 0;

	}



#author-info ul li {

	display: inline;

	float: left;

	overflow: hidden;

	margin: 0;

	padding: 0 5px;

	}



#author-info img {

		-moz-border-radius: 50px;

		-ms-border-radius: 50px;

		-o-border-radius: 50px;

		-webkit-border-radius: 50px;

	border-radius: 50px;

	float: left;

	margin-right: 2.98507462687%; /* 20px / 670px */

	overflow: hidden;

	width: 14.9253731343%; /* 100px / 670px */

	}



#author-text {

	float: left;

	font: 14px/150% helvetica, arial, sans-serif;

	width: 82.0895522388%; /* 550px / 670px */

	}



#author-text p {

	float: left;

	margin: 0 0 10px;

	width: 100%;

	}



.author-page {

	border-bottom: 1px solid #ddd;

	margin-top: 20px;

	margin-bottom: 0;

	padding-bottom: 20px;

	}



h4.post-header {

	float: left;

	position: relative;

	width: 100%;

	z-index: 2;

	margin-bottom: 20px;

	}



h4.post-header span.post-header:after {

	content: '';

	border-width: 22px 0 0 15px;

	position: absolute;

	top: 0;

	bottom: 0;

	right: -14.5px;

	border-style: solid;

	}



span.post-header {

	color: #fff;

	display: inline-block;

	font: 800 italic 12px/100% 'Open Sans', sans-serif;

	padding: 5px 20px 5px 8px;

	position: relative;

	text-transform: uppercase;

	}



#related-posts {

	float: left;

	line-height: 0;

	}



#related-posts ul {

	display: inline;

	float: left;

	width: 100%;

	}



#related-posts ul li {

	display: inline;

	float: left;

	margin-left: 2.98507462687%; /* 20px / 670px */

	width: 31.3432835821%; /* 210px / 670px */

	}



#related-posts ul li:first-child {

	margin-left: 0;

	}



.related-image {

	float: left;

	overflow: hidden;

	position: relative;

	width: 100%;

	height: 111px;

	}



.related-text {

	float: left;

	margin-top: 10px;

	}



.related-text a {

	color: #444;

	float: left;

	font-size: 16px;

	font-weight: 700;

	line-height: 120%;

	}



.related-text a:visited {

	color: #444;

	}



#post-404 {

	color: #aaa;

	font: 16px/100% helvetica, arial, serif;

	margin: 150px 0 200px;

	text-align: center;

	}



#post-404 h1 {

	font: 900 80px/100% 'Open Sans', sans-serif;

	margin-bottom: 20px;

	}



.wp-caption, .gallery-caption {

	margin-bottom: 20px;

	max-width: 100%;

	text-align: center;

	}



.wp-caption-text {

	margin-bottom: 2px;

	}



.sticky {

	}



.bypostauthor {

	}



/************************************************

	WooCommerce

************************************************/



.woocommerce,

.add_to_cart_button,

.woocommerce .woocommerce-result-count,

.woocommerce-page .woocommerce-result-count {

	font: 12px/normal helvetica, arial, sans-serif !important;

	}



.add_to_cart_button {

	font-weight: bold !important;

	}



.woocommerce a {

	font-weight: bold;

	}



#woo-content {

	float: left;

	margin-top: 20px;

	}



#woo-content h1.page-title {

	float: left;

	font-size: 50px;

	font-weight: 700;

	line-height: 100%;

	letter-spacing: -2px;

	margin-bottom: 20px;

	text-align: center;

	text-transform: uppercase;

	width: 100%;

	}



#woo-content h1 {

	font-size: 24px;

	font-weight: 700;

	line-height: 120%;

	margin: 10px 0;

	text-transform: uppercase;

	width: 100%;

	}



#woo-content h2 {

	font-size: 16px;

	font-weight: 700;

	line-height: 120%;

	margin: 10px 0;

	text-transform: uppercase;

	width: 100%;

	}



#woo-content h3 {

	font-size: 14px;

	font-weight: 700;

	line-height: 120%;

	margin: 10px 0;

	text-transform: uppercase;

	width: 100%;

	}



#woo-content h4 {

	font-size: 12px;

	font-weight: 700;

	line-height: 120%;

	margin: 10px 0;

	text-transform: uppercase;

	width: 100%;

	}



#woo-content h5 {

	font-size: 10px;

	font-weight: 700;

	line-height: 120%;

	margin: 10px 0;

	text-transform: uppercase;

	width: 100%;

	}



#woo-content h6 {

	font-size: 8px;

	font-weight: 700;

	line-height: 120%;

	margin: 10px 0;

	text-transform: uppercase;

	width: 100%;

	}



.woocommerce ul.cart_list li,

.woocommerce ul.product_list_widget li,

.woocommerce-page ul.cart_list li,

.woocommerce-page ul.product_list_widget li {

	margin-bottom: 20px !important;

	}



.woocommerce ul.cart_list li img,

.woocommerce ul.product_list_widget li img,

.woocommerce-page ul.cart_list li img,

.woocommerce-page ul.product_list_widget li img {

	float: left !important;

	margin-right: 15px !important;

	width: 60px !important;

	}



.woocommerce div.product .woocommerce-tabs,

.woocommerce #content div.product .woocommerce-tabs,

.woocommerce-page div.product .woocommerce-tabs,

.woocommerce-page #content div.product .woocommerce-tabs {

	border-bottom: 1px solid #dfdfdf;

	margin-bottom: 30px;

	}



.woocommerce-tabs ul.tabs {

	font-size: 14px;

	}



.woocommerce ul.cart_list li a,

.woocommerce ul.product_list_widget li a,

.woocommerce-page ul.cart_list li a,

.woocommerce-page ul.product_list_widget li a,

.woocommerce ul.cart_list li,

.woocommerce ul.product_list_widget li,

.woocommerce-page ul.cart_list li,

.woocommerce-page ul.product_list_widget li {

	color: #777;

	font-size: 14px;

	}



p.total {

	font-size: 14px;

	margin: 20px 0;

	padding-top: 10px;

	}



.woocommerce table.shop_table,

.woocommerce-page table.shop_table,

.woocommerce .cart-collaterals .cart_totals table,

.woocommerce-page .cart-collaterals .cart_totals table {

	background: #f9f9f9;

	border: 1px solid rgba(0,0,0,0.1);

	position: relative;

	z-index: 5;

	}



.woocommerce table.shop_table td,

.woocommerce-page table.shop_table td,

.woocommerce .cart-collaterals .cart_totals tr td,

.woocommerce .cart-collaterals .cart_totals tr th,

.woocommerce-page .cart-collaterals .cart_totals tr td,

.woocommerce-page .cart-collaterals .cart_totals tr th {

	border-top: 1px solid rgba(0,0,0,0.1) !important;

	}



.woocommerce .cart-collaterals .cart_totals table tr:first-child th,

.woocommerce .cart-collaterals .cart_totals table tr:first-child td,

.woocommerce-page .cart-collaterals .cart_totals table tr:first-child th,

.woocommerce-page .cart-collaterals .cart_totals table tr:first-child td {

	border-top: 0 !important;

	}



.price_label {

	float: right;

	text-align: right;

	}



#searchsubmit {

	display: none;

	}



.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,

.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {

	float: left;

	margin: 10px 0 20px;

	width: 100%;

	}



.woocommerce div.product form.cart .variations select,

.woocommerce-page div.product form.cart .variations select,

.woocommerce #content div.product form.cart .variations select,

.woocommerce-page #content div.product form.cart .variations select,

.woocommerce .woocommerce-ordering select,

.woocommerce-page .woocommerce-ordering select,

.woocommerce form .form-row select,

.woocommerce-page form .form-row select,

.widget_product_categories select#dropdown_product_cat {

	padding: 5px;

	background: #f2f2f2;

	border: 1px solid #DDD;

	color: #888;

	font-size: 10px;

	text-transform: uppercase;

	}



.woocommerce .woocommerce-ordering,

.woocommerce-page .woocommerce-ordering {

	margin: 0 0 2em !important;

	}



.woocommerce .cart-collaterals .shipping_calculator,

.woocommerce-page .cart-collaterals .shipping_calculator {

	text-align: right;

	}



.woocommerce .cart-collaterals .cart_totals table th,

.woocommerce-page .cart-collaterals .cart_totals table th,

.woocommerce .cart-collaterals .cart_totals table td,

.woocommerce-page .cart-collaterals .cart_totals table td {

	padding: 6px 6px !important;

	width: 40% !important;

	}



.coupon {

	width: 210px;

	}



#coupon_code {

	width: 100px !important;

	}



#woo-content .summary p {

	margin-bottom: 15px;

	}



.woocommerce a.button,

.woocommerce button.button,

.woocommerce input.button,

.woocommerce #respond input#submit,

.woocommerce #content input.button,

.woocommerce-page a.button,

.woocommerce-page button.button,

.woocommerce-page input.button,

.woocommerce-page #respond input#submit,

.woocommerce-page #content input.button,

.woocommerce div.product form.cart .button,

.woocommerce #content div.product form.cart .button,

.woocommerce-page div.product form.cart .button,

.woocommerce-page #content div.product form.cart .button,

.woocommerce a.button.alt,

.woocommerce button.button.alt,

.woocommerce input.button.alt,

.woocommerce #respond input#submit.alt,

.woocommerce #content input.button.alt,

.woocommerce-page a.button.alt,

.woocommerce-page button.button.alt,

.woocommerce-page input.button.alt,

.woocommerce-page #respond input#submit.alt,

.woocommerce-page #content input.button.alt {

	background: #999;

	border: none;

		-moz-border-radius: 3px;

		-ms-border-radius: 3px;

		-o-border-radius: 3px;

		-webkit-border-radius: 3px;

	border-radius: 3px;

	color: #fff;

	font: 700 12px/100% 'Open Sans', sans-serif;

	text-shadow: none;

	}



.woocommerce a.button:hover,

.woocommerce button.button:hover,

.woocommerce input.button:hover,

.woocommerce #respond input#submit:hover,

.woocommerce #content input.button:hover,

.woocommerce-page a.button:hover,

.woocommerce-page button.button:hover,

.woocommerce-page input.button:hover,

.woocommerce-page #respond input#submit:hover,

.woocommerce-page #content input.button:hover,

.woocommerce div.product form.cart .button:hover,

.woocommerce #content div.product form.cart .button:hover,

.woocommerce-page div.product form.cart .button:hover,

.woocommerce-page #content div.product form.cart .button:hover,

.woocommerce a.button.alt,

.woocommerce button.button.alt,

.woocommerce input.button.alt,

.woocommerce #respond input#submit.alt,

.woocommerce #content input.button.alt,

.woocommerce-page a.button.alt,

.woocommerce-page button.button.alt,

.woocommerce-page input.button.alt,

.woocommerce-page #respond input#submit.alt,

.woocommerce-page #content input.button.alt,

.woocommerce a.button.alt:hover,

.woocommerce button.button.alt:hover,

.woocommerce input.button.alt:hover,

.woocommerce #respond input#submit.alt:hover,

.woocommerce #content input.button.alt:hover,

.woocommerce-page a.button.alt:hover,

.woocommerce-page button.button.alt:hover,

.woocommerce-page input.button.alt:hover,

.woocommerce-page #respond input#submit.alt:hover,

.woocommerce-page #content input.button.alt:hover {

	background: #555;

	}



.woocommerce a.button.alt:hover,

.woocommerce button.button.alt:hover,

.woocommerce input.button.alt:hover,

.woocommerce #respond input#submit.alt:hover,

.woocommerce #content input.button.alt:hover,

.woocommerce-page a.button.alt:hover,

.woocommerce-page button.button.alt:hover,

.woocommerce-page input.button.alt:hover,

.woocommerce-page #respond input#submit.alt:hover,

.woocommerce-page #content input.button.alt:hover {

	color: #ccc;

	}



.woocommerce div.product div.summary p,

.woocommerce #content div.product div.summary p,

.woocommerce-page div.product div.summary p,

.woocommerce-page #content div.product div.summary p,

.woocommerce div.product .woocommerce-tabs .panel p,

.woocommerce #content div.product .woocommerce-tabs .panel p,

.woocommerce-page div.product .woocommerce-tabs .panel p,

.woocommerce-page #content div.product .woocommerce-tabs .panel p {

	color: #555;

	font: 12px/150% helvetica, arial, sans-serif;

	}



.woocommerce span.onsale,

.woocommerce-page span.onsale {

	color: #fff;

	text-shadow: none;

	}



.woocommerce div.product .woocommerce-tabs ul.tabs li,

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,

.woocommerce-page div.product .woocommerce-tabs ul.tabs li,

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {

	background: #f5f5f5;

	}



.woocommerce .woocommerce-ordering,

.woocommerce-page .woocommerce-ordering {

	margin: 0 0 2em !important;

	}



.woocommerce .cart-collaterals,

.woocommerce-page .cart-collaterals {

	float: right;

	}



.woocommerce .cart-collaterals .shipping_calculator,

.woocommerce-page .cart-collaterals .shipping_calculator {

	text-align: right;

	}



.woocommerce .cart-collaterals .cart_totals table th,

.woocommerce-page .cart-collaterals .cart_totals table th,

.woocommerce .cart-collaterals .cart_totals table td,

.woocommerce-page .cart-collaterals .cart_totals table td {

	padding: 6px 6px !important;

	width: 40% !important;

	}



.coupon {

	width: 210px;

	}



#coupon_code {

	width: 100px !important;

	}



/************************************************

	Comments

************************************************/



h3.comment-header {

	color: #fff;

	float: left;

	font: 400 12px/12px 'Oswald', sans-serif;

	margin: 0 0 20px 20px;

	padding: 5px 7px;

	position: relative;

	text-transform: uppercase;

	}



#comments {

	display: block;

	float: left;

	font: 12px/120% helvetica, arial, sans-serif;

	margin: 0 0 20px 3.0303030303%; /* 20px / 660px */

	overflow: hidden;

	width: 96.9696969696%; /* 640px / 660px */

	}



.comment-inner {

	border-bottom: 1px dotted #ddd;

	margin-bottom: 10px;

	padding: 10px 0 0;

	}



#comments .comment-inner:after {

	content: '';

	display: block;

	clear: both;

	}



#comments .comment-avatar,

#tab3 .comment-avatar {

	float: left;

	width: 46px;

	}

	

#comments .avatar {

	display: block;

	background-color: #fff;

	}



.comment-avatar img {

		--border-radius: 23px;

		--border-radius: 23px;

		--border-radius: 23px;

		--border-radius: 23px;

	border-radius: 23px;

	overflow: hidden;

	}



#comments .commentmeta {

	display: block;

	float: left;

	margin: 0 10px 10px;

	}



.comment-reply a,

#cancel-comment-reply-link {

	clear: both;

	color: #fff;

	font: 700 12px/100% 'Open Sans', sans-serif;

	padding: 5px 10px;

	}



.comment-reply a {

	background: #555;

	float: right;

	}



#cancel-comment-reply-link {

	background: #ccc;

	float: left;

	margin: 0 0 10px 20px;

	}



.comment-reply a:hover,

#cancel-comment-reply-link:hover {

	background: #333;

	color: #fff;

	text-decoration: none;

	}



ol.commentlist {

	float: left;

	width: 100%;

	}



ol.commentlist h3.comment-header {

	display: none;

	}



ol.commentlist #respond {

	border-top: none;

	}



#comments .comment-meta-1 {

	display: block;

	float: left;

	font: bold 14px/normal helvetica, arial, sans-serif;

	margin-bottom: 5px;

	width: 100%;

	}

		

#comments .comment-meta-1 .fn {

	font-weight: bold;

	float:left;

	width:auto;

	}

		

#comments .comment-meta-1 .reply {

	display: inline-block;

	float: right;

	font-size: 11px;

	line-height: 11px;

	padding-top: 2px;

	}

		

#comments .comment-meta-1 .reply a {

	color: #555;

	}

		

#comments .comment-meta-2  {

	float: left;

	font: 12px/normal helvetica, arial, sans-serif;

	display: block;

	margin: 0;

	}



#comments .text {

	clear: both;

	display: block;

	float: left;

	margin-top: 10px;

	}



#comments .text .waiting_approval {

	font-size: 14px;

	font-style: italic;

	font-weight: bold;

	}



#comments .c {

	line-height: 20px;

	}



#comments .c p,

#comments .c code,

#comments .c blockquote,

#comments .c ul,

#comments .c ol {

	display: block;

	margin: 5px 0;

	}



#comments .c a {

	text-decoration: underline;

	}



#comments .c a:hover {

	text-decoration: none;

	}

	

#comments .depth-2 .comment-wrapper {

	padding-left: 40px;

	}



#comments .depth-2 .commentmeta {

	width: auto;

	}

	

#comments .depth-3 .comment-wrapper {

	padding-left: 80px;

	}



#comments .depth-3 .commentmeta {

	width: auto;

	}

	

#comments .depth-4 .comment-wrapper {

	padding-left: 120px;

	}



#comments .depth-4 .commentmeta {

	width: auto;

	}



#comments .depth-5 .comment-wrapper {

	padding-left: 160px;

	}



#comments .depth-5 .commentmeta {

	width: auto;

	}



#respond {

	clear: both;

	position: relative;

	}



#respond form {

	float: left;

	padding-bottom: 20px;

	width: 100%;

	}



#respond p {

	font: 12px/normal helvetica, arial, sans-serif;

	margin: 0;

	}



#respond .logged-in-as {

	margin-bottom: 10px;

	}



#respond .comment-notes {

	margin-bottom: 1em;

	}



.children #respond {

	margin: 0 48px 0 0;

	}



#comments-list #respond {

	margin: 0 0 18px 0;

	}



#comments-list ul #respond {

	margin: 0;

	}



#respond .required {

	color: #ff4b33;

	font-weight: bold;

	}



#respond label {

	color: #888;

	font-size: 12px;

	}

	

#respond input {

	background: #f6f6f6;

	border: 1px solid #ddd;

		-ms-box-shadow: 2px 2px 5px 0px #eee inset;

		-moz-box-shadow: 2px 2px 5px 0px #eee inset;

		-webkit-box-shadow: 2px 2px 5px 0px #eee inset;

		-o-box-shadow: 2px 2px 5px 0px #eee inset;

	box-shadow: 2px 2px 5px 0px #eee inset;

	display:block;

	margin: 0 0 9px;

	padding:5px;

	width: auto;

	}



#respond textarea {

	background: #f6f6f6;

	border: 1px solid #ddd;

		-ms-box-shadow: 2px 2px 5px 0px #eee inset;

		-moz-box-shadow: 2px 2px 5px 0px #eee inset;

		-webkit-box-shadow: 2px 2px 5px 0px #eee inset;

		-o-box-shadow: 2px 2px 5px 0px #eee inset;

	box-shadow: 2px 2px 5px 0px #eee inset;

	width: 95%;

	}

	

#respond #submit {

	background: #555;

	border: 0;

	box-shadow: none;

	color: #fff;

	cursor:pointer;

	font: 700 12px/100% 'Open Sans', sans-serif;

	margin-top:10px;

	padding: 5px 10px;

	width: 120px;

	}



#respond #submit:hover {

	background: #333;

	}



h3#reply-title,

h2.comments {

	color: #fff;

	font: 700 14px/100% 'Oswald', sans-serif;

	margin-bottom: 10px;

	padding: 5px 10px;

	text-shadow: 1px 1px 0 #000;

	text-transform: uppercase;

	}



h3#reply-title {

	display: none;

	}



span.comments {

	background: #fff;

	color: #aaa;

	float: left;

	font: 400 20px/100% 'Open Sans', sans-serif;

	padding-right: 15px;

	text-transform: uppercase;

	}



span.comments a {

	color: #666;

	}



span.comments a:hover {

	color: #f00;

	text-decoration: none;

	}



#comment-input label {

	margin-bottom: 10px;

	}



p.cancel-comment-reply {

	clear: both;

	}



p.form-allowed-tags {

	display: none;

	}



.fb-comments,

.fb-comments span {

	width: 100% !important;

	}



/************************************************

	Category/Archives

************************************************/



h1.cat-heading {

	font: 800 34px/120% 'Open Sans', sans-serif;

	padding-top: 20px;

	text-align: center;

	text-transform: uppercase;

	width: 100%;

	}



span.cat-title-contain {

	float: left;

	position: relative;

	width: 100%;

	z-index: 2;

	margin-top: 20px;

	z-index: 200;

	}



span.cat-title-contain h1.cat-title:after {

	content: '';

	border-width: 40px 0 0 30px;

	position: absolute;

	top: 0;

	bottom: 0;

	right: -29.5px;

	border-style: solid;

	}



h1.cat-title {

	color: #fff;

	display: inline-block;

	font: 800 italic 24px/100% 'Open Sans', sans-serif;

	padding: 5px 20px 5px 8px;

	position: relative;

	text-transform: uppercase;

	}



.archive-section {

	padding-top: 20px !important;

	}



.home-list-content p {

	color: #444;

	float: left;

	font: 400 14px/120% 'Open Sans', sans-serif;

	width: 100%;

	}



#bbpress-forums ol,

#bbpress-forums ul {

	list-style: none;

	margin: 0;

	}



#bbpress-forums ul li,

#bbpress-forums ol li {

	margin-left: 0;

	padding: 0;

	}



/************************************************

	Sidebar

************************************************/



#sidebar-wrapper {

	float: right;

	padding: 20px;

	width: 300px;

	z-index: 2000;

	}



.sidebar-widget {

	background: #fff;

	float: left;

	margin-top: 20px;

	width: 100%;

	}



#sidebar-wrapper div:first-child {

	margin-top: 0;

	}



h4.ad-header {

	clear: both;

	color: #ccc;

	float: left;

	font: 400 8px/100% 'Open Sans', sans-serif;

	letter-spacing: 2px;

	margin: -10px 0 2px 0;

	text-align: center;

	text-transform: uppercase;

	width: 100%;

	}



.widget-ad {

	float: left;

	line-height: 0;

	text-align: center;

	width: 100%

	}



ul.sidebar-list {

	float: left;

	position: relative;

	width: 100%;

	}



.widget-home-wrapper ul.sidebar-list li,

#sidebar-wrapper ul.sidebar-list li,

#footer-widget-wrapper ul.sidebar-list li {

	float: left;

	margin-top: 15px;

	overflow: hidden;

	padding-top: 15px;

	width: 100%;

	}



.widget-home-wrapper ul.sidebar-list li,

#sidebar-wrapper ul.sidebar-list li {

	border-top: 1px dotted #ccc;

	}



#footer-widget-wrapper ul.sidebar-list li {

	border-top: 1px solid #444;

	}



.widget-home-wrapper ul.sidebar-list li:first-child,

#sidebar-wrapper ul.sidebar-list li:first-child,

#footer-widget-wrapper ul.sidebar-list li:first-child {

	border-top: none;

	margin-top: 0;

	padding-top: 0;

	}



.sidebar-list-img {

	float: left;

	line-height: 0;

	margin-right: 5%; /* 15px / 300px */

	overflow: hidden;

	position: relative;

	width: 26.66666666666%; /* 80px / 300px */

	}



.sidebar-list-img img {

	width: 100%;

	}



.sidebar-list-text {

	float: left;

	width: 68.33333333333%; /* 200px / 300px */

	}



.widget-home-wrapper .sidebar-list-text p a,

#sidebar-wrapper .sidebar-list-text p a,

#footer-widget-wrapper .sidebar-list-text p a {

	float: left;

	font-size: 14px;

	line-height: 120%;

	width: 100%;

	}



.widget-home-wrapper .sidebar-list-text p a,

#sidebar-wrapper .sidebar-list-text p a {

	color: #333;

	font-weight: 700;

	}



#footer-widget-wrapper .sidebar-list-text p a {

	color: #fff;

	font-weight: 700;

	}



.sidebar-list-text p a:hover {

	text-decoration: none;

	}



#content-social {

	float: left;

	text-align: center;

	width: 100%;

	}



#content-social ul {

	display: inline-block;

	}



#content-social ul li {

	display: inline;

	float: left;

	overflow: hidden;

	padding: 0 5px;

	}



.fb-but,

.twitter-but,

.pinterest-but,

.instagram-but,

.google-but,

.youtube-but,

.linkedin-but,

.rss-but {

	float: left;

	width: 25px;

	height: 25px;

	}



.fb-but {

	background: url(images/social-sprite.png) 0 0;

	}



.fb-but:hover {

	background: url(images/social-sprite.png) 0 -25px;

	}



.twitter-but {

	background: url(images/social-sprite.png) -25px 0;

	}



.twitter-but:hover {

	background: url(images/social-sprite.png) -25px -25px;

	}



.pinterest-but {

	background: url(images/social-sprite.png) -50px 0;

	}



.pinterest-but:hover {

	background: url(images/social-sprite.png) -50px -25px;

	}



.google-but {

	background: url(images/social-sprite.png) -75px 0;

	}



.google-but:hover {

	background: url(images/social-sprite.png) -75px -25px;

	}



.instagram-but {

	background: url(images/social-sprite.png) -100px 0;

	}



.instagram-but:hover {

	background: url(images/social-sprite.png) -100px -25px;

	}



.youtube-but {

	background: url(images/social-sprite.png) -125px 0;

	}



.youtube-but:hover {

	background: url(images/social-sprite.png) -125px -25px;

	}



.linkedin-but {

	background: url(images/social-sprite.png) -150px 0;

	}



.linkedin-but:hover {

	background: url(images/social-sprite.png) -150px -25px;

	}



.rss-but {

	background: url(images/social-sprite.png) -175px 0;

	}



.rss-but:hover {

	background: url(images/social-sprite.png) -175px -25px;

	}



li.recentcomments,

li cite {

	float: left;

	margin-bottom: 10px;

	width: 100%;

	}



li cite.fn {

	margin-bottom: 0;

	}



.rss-date {

	float: left;

	width: 100%;

	}



table {

	float: left;

	width: 100%;

	}



.home-widget-wrapper #searchform,

.sidebar-widget #searchform,

.footer-widget #searchform {

	margin: 10px 3%;

	width: 94%;

	}



.home-widget-wrapper #searchform input,

.sidebar-widget #searchform input,

.footer-widget #searchform input {

	padding: 10px 3%;

	width: 94%;

	}



.home-widget-wrapper select,

.sidebar-widget select,

.footer-widget select {

	width: 100%;

	}

#moreon {
	margin: 0px;
float:left;
}

#moreon p.undrln {
	font-size: 12px;
	border-bottom: 1px solid #DDDDDD;
}

/************************************************

	Footer

************************************************/



#footer-wrapper {

	background: #222 url(images/footer-bg.png);

	color: #ddd;

	float: left;

	font: 13px/150% helvetica, arial, sans-serif;

	overflow: hidden;

	padding-top: 20px;

	width: 100%;

	}



#footer {

	margin: 0 auto;

	padding: 0 20px;

	position: relative;

	width: 1000px;

	}



#footer-nav {

	border-bottom: 1px solid #444;

	float: left;

	width: 100%;

	}



#footer-nav .menu {

	float: left;

	position: relative;

	text-align: center;

	width: 100%;

	}



#footer-nav .menu li {

	display: inline-block;

	padding: 10px 20px;

	}



#footer-nav .menu li a {

	color: #fff;

	float: left;

	font: 600 10px/100% 'Open Sans', sans-serif;

	text-transform: uppercase;

	}



#footer-nav .menu li a:hover {

	text-decoration: none;

	}



#footer-nav .menu li ul {

	display: none;

	}



#footer-leaderboard {

	border-bottom: 1px solid #444;

	float: left;

	line-height: 0;

	padding-bottom: 20px;

	position: relative;

	text-align: center;

	width: 100%;

	}



#footer-widget-wrapper {

	float: left;

	margin: 40px 0;

	width: 100%;

	}



h4.footer-widget-header {

	color: #777;

	float: left;

	font: 800 16px/100% 'Open Sans', sans-serif;

	margin-bottom: 15px;

	text-transform: uppercase;

	width: 100%;

	}



.footer-widget {

	border-left: 1px solid #444;

	float: left;

	margin: 0 0 20px 2%; /* 20px / 1000px */

	padding-left: 1.9%; /* 19px / 1000px */

	width: 30%; /* 300px / 1000px */

	}



.footer-widget:first-child {

	border-left: none;

	margin-left: 0;

	}



.footer-widget p {

	float: left;

	margin-bottom: 15px;

	width: 100%;

	}



#logo-footer {

	float: left;

	line-height: 0;

	margin-bottom: 20px;

	overflow: hidden;

	text-align: center;

	max-width: 100%;

	}



#footer-info-text {

	float: left;

	margin-bottom: 10px;

	width: 100%;

	}



#footer-social {

	float: left;

	margin: 10px 0;

	width: 100%;

	}



#footer-social ul {

	display: inline-block;

	}



#footer-social ul li {

	display: inline;

	float: left;

	overflow: hidden;

	padding: 0 5px;

	}



.fb-but2,

.twitter-but2,

.pinterest-but2,

.instagram-but2,

.google-but2,

.youtube-but2,

.linkedin-but2,

.rss-but2 {

	float: left;

	width: 25px;

	height: 25px;

	}



.fb-but2 {

	background: url(images/social-sprite.png) 0 0;

	}



.fb-but2:hover {

	background: url(images/social-sprite.png) 0 -50px;

	}



.twitter-but2 {

	background: url(images/social-sprite.png) -25px 0;

	}



.twitter-but2:hover {

	background: url(images/social-sprite.png) -25px -50px;

	}



.pinterest-but2 {

	background: url(images/social-sprite.png) -50px 0;

	}



.pinterest-but2:hover {

	background: url(images/social-sprite.png) -50px -50px;

	}



.google-but2 {

	background: url(images/social-sprite.png) -75px 0;

	}



.google-but2:hover {

	background: url(images/social-sprite.png) -75px -50px;

	}



.instagram-but2 {

	background: url(images/social-sprite.png) -100px 0;

	}



.instagram-but2:hover {

	background: url(images/social-sprite.png) -100px -50px;

	}



.youtube-but2 {

	background: url(images/social-sprite.png) -125px 0;

	}



.youtube-but2:hover {

	background: url(images/social-sprite.png) -125px -50px;

	}



.linkedin-but2 {

	background: url(images/social-sprite.png) -150px 0;

	}



.linkedin-but2:hover {

	background: url(images/social-sprite.png) -150px -50px;

	}



.rss-but2 {

	background: url(images/social-sprite.png) -175px 0;

	}



.rss-but2:hover {

	background: url(images/social-sprite.png) -175px -50px;

	}



#copyright {

	float: left;

	font: italic 11px/17px helvetica, arial, sans-serif;

	margin-top: 5px;

	width: 100%;

	}



.tag-cloud {

	float: left;

	width: 100%;

	}



.tag-cloud a {

	background: #555;

	color: #ddd;

	float: left;

	font: 700 8px/100% 'Open Sans', sans-serif;

	margin: 0 5px 5px 0;

	padding: 5px 7px;

	text-transform: uppercase;

	}



.tag-cloud a:hover {

	color: #fff;

	text-decoration: none;

	}



.tag-cloud a:visited {

	color: #ddd;

	}



/************************************************

	Pagination

************************************************/



.nav-links {

	float: left;

	padding: 20px 0;

	position: relative;

	width: 100%;

	}



.pagination {

	clear: both;

	position: relative;

	font: bold 12px/12px helvetica, arial, sans-serif;

	}

 

.pagination span, .pagination a {

	background: #555;

	border: 1px solid #333;

		-moz-border-radius: 3px;

		-ms-border-radius: 3px;

		-o-border-radius: 3px;

		-webkit-border-radius: 3px;

	border-radius: 3px;

		-ms-box-shadow: 0 3px 5px -1px #aaa;

		-moz-box-shadow: 0 3px 5px -1px #aaa;

		-o-box-shadow: 0 3px 5px -1px #aaa;

		-webkit-box-shadow: 0 2px 3px -1px #aaa;

	box-shadow: 0 3px 5px -1px #ccc;

	color: #fff;

	display:block;

	float:left;

	margin: 2px 5px 2px 0;

	padding: 9px 12px 8px 12px;

	text-decoration: none;

	width: auto;

	}

 

.pagination .current, .pagination a:hover {

	background: #999;

	border: 1px solid #777;

	color: #fff;

	}



.pagination a,

.pagination a:visited {

	color: #fff

	}



#infscr-loading {

	background: #f5f5f5;

	color: #aaa;

	float: left;

	font: 18px/100% helvetica, arial, sans-serif;

	margin: 20px 0;

	padding: 10px 0;

	text-align: center;

	width: 100%;

	}



#infscr-loading img {

	display: none;

	}



#infscr-loading em {

	float: left;

	font: 400 16px/100% 'Open Sans', sans-serif;

	width: 100%;

	}



.paginate-links {

	display: none;

	}



/************************************************

	Media Queries

************************************************/



@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),

only screen and (-moz-min-device-pixel-ratio: 1.5),

only screen and (-o-min-device-pixel-ratio: 3/2),

only screen and (min-device-pixel-ratio: 1.5) {

	.fb-but,

	.fb-but:hover,

	.twitter-but,

	.twitter-but:hover,

	.pinterest-but,

	.pinterest-but:hover,

	.instagram-but,

	.instagram-but:hover,

	.google-but,

	.google-but:hover,

	.youtube-but,

	.youtube-but:hover,

	.linkedin-but,

	.linkedin-but:hover,

	.rss-but,

	.rss-but:hover,

	.fb-but2,

	.fb-but2:hover,

	.twitter-but2,

	.twitter-but2:hover,

	.pinterest-but2,

	.pinterest-but2:hover,

	.instagram-but2,

	.instagram-but2:hover,

	.google-but2,

	.google-but2:hover,

	.youtube-but2,

	.youtube-but2:hover,

	.linkedin-but2,

	.linkedin-but2:hover,

	.rss-but2,

	.rss-but2:hover {

		background-image: url(images/social-sprite@2x.png);

		background-size: 200px 75px;

  		}



	.fb-but1,

	.twitter-but1,

	.pinterest-but1,

	.google-but1 {

		background-image: url(images/social-sharing@2x.png);

		background-size: 120px 25px;

		}



	.ticker-controls li.jnt-play-pause,

	.ticker-controls li.jnt-play-pause.paused,

	.ticker-controls li.jnt-prev,

	.ticker-controls li.jnt-next {

		background-image: url(images/controls@2x.png);

		background-size: 60px 15px;

		}



	#search-button {

		background-image: url(images/search-icon@2x.png);

		background-size: 20px 20px;

		}



	}