/*
Theme Name:     Maxim Magazin Theme
Theme URI:      http://dreamproduction.com/projects/maxim-magazin.ch
Description:    Child theme customized for Maxim Magazin. Based on magPress v2.1.7 by Obox.
Author:         Dream Production
Author URI:     http://dreamproduction.com/
Template:       magpress-clean
Version:        2.0.3
*/

@font-face {
	font-family: 'Austin Web';
	src: url('fonts/Austin-Medium-Web.eot');
	src: url('fonts/Austin-Medium-Web.eot?#iefix') format('embedded-opentype'),
	url('fonts/Austin-Medium-Web.woff') format('woff'),
	url('fonts/Austin-Medium-Web.ttf') format('truetype'),
	url('fonts/Austin-Medium-Web.svg#Austin-Medium') format('svg');
	font-weight:  400;
	font-style:   normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Austin Web';
	src: url('fonts/Austin-MediumItalic-Web.eot');
	src: url('fonts/Austin-MediumItalic-Web.eot?#iefix') format('embedded-opentype'),
	url('fonts/Austin-MediumItalic-Web.woff') format('woff'),
	url('fonts/Austin-MediumItalic-Web.ttf') format('truetype'),
	url('fonts/Austin-MediumItalic-Web.svg#Austin-MediumItalic') format('svg');
	font-weight:  400;
	font-style:   italic;
	font-stretch: normal;
}

/* Fonts */
body {
	font-family: "Nobel", Arial, sans-serif;
}
h1, h2, h3, h4 {
	font-family: "Nobel", Arial, sans-serif;
}

/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:focus {
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

h1, h2, h3, h4 {
	letter-spacing: -0.03em;
	line-height: 1.2;
}

.search_toggle {
	display: none;
}

ul#footer-nav li {
	font-family: "Nobel", Arial, sans-serif;
	line-height: normal;
}

#header-container {
	margin: 0;
	padding: 20px 0 0 0;
	width: 100%;
	max-width: none;
	border: none;
	position: relative;
}
#header { position: static; max-width: 940px; margin: 0 auto; padding: 0 10px; }
#header .searchform { position: absolute; right: 10px; top: 0px; }

#navigation-container {
	position: static;
}

ul#nav {
	font-family: "Nobel Book", Arial, sans-serif;
	display: inline-block;
	margin-left: 10px;
	padding: 0;
	font-size: 15px;
	font-weight: 300;
	margin-top: 10px;
	border: 0;
}
ul#nav li { margin-right: 5px;}
ul#nav li a {
	border-top: none;
	margin: 0;
	padding: 7px 8px 7px 8px;
	box-shadow: none !important;
}
ul#nav li a:hover {
	padding-top: 0;
	color: #fff;
	margin: 0;
	border-top: none;
}
ul#nav li:last-child { margin-right: 0; }

ul.social { width: 310px; }
ul.tags { width: 100%; font-size: 16px; }
ul.social li { height: 28px; float: left; margin: 0; padding: 0;}

.social {
	margin-bottom: 20px;
	width: 100%;
}
.social a {
	width: 36px;
	height: 36px;
	display: block;
	float: left;
	margin-right: 20px;
	background: url('images/social.png') 0 0 no-repeat transparent;
	text-indent: -1000em;
}
.social a.twitter {
	background-position: -36px 0;
}
.social a.facebook {
	background-position: -72px 0;
}
.social a.googleplus {
	background-position: -108px 0;
}


#nav-copy li { float: left; margin-right: 10px; }

.related-posts { margin-top: 20px; }
.related-posts div.fb-comments { margin-left: 0; }

.related-posts .yarpp-related-widget {
	padding-top: 20px;
	margin-top: 30px;
	border-top: 1px solid #000;
}

#site-wrapper { position: relative; padding: 96px 0 0 0; max-width: none; }
#leaderboard { width: 100%; background-color: #000; border-bottom: 5px solid #fff; padding-bottom: 10px;  }
#leaderboard .wrapper {
	max-width: 960px;
	margin: 0 auto;
}
#leaderboard img { width: auto; height: auto; }
#skyscraper { position: absolute; top: 220px; left: 50%; margin-left: 483px; }

.post-thumbnail { margin: 0 0 10px 0; padding: 5px 5px 2px 5px; border-bottom: 2px solid; text-align: center; }

.post-thumbnail.three-column { max-width: 190px; padding: 4px; }
.post-thumbnail.full-column { max-width: 608px; }
.post-thumbnail.medium { max-width: 300px; }
.post-thumbnail a { line-height: 0; }
.post-thumbnail span { display: none; }
.post-thumbnail .image-wrapper { display: block; }
.single .post-thumbnail span { display: block; text-align: right; font-size: 11px; margin: 3px 2px 0 0; }

.req-gallery-image { position: relative; width: 590px; min-height: 590px; padding: 2px 14px 14px 14px; margin-bottom: 20px; display: table-cell; vertical-align: top; }
.req-gallery-box { position: relative; width: 590px; }
.req-gallery-ad { text-align: center; }
.req-gallery-image span { display: block; text-align: right; font-size: 11px; margin: 3px 2px 0 0; }
.req-gallery-image img { display: block; margin: 0 auto; }
.req-gallery-image .prev-img,
.req-gallery-image .next-img {
	display: block;
	width: 295px;
	height: 100%;
	position: absolute;
	top: 0;
	text-indent: -999px;
	z-index: 10;
	overflow: hidden;
}
#required-gallery-anchor {
	font-family: "Austin Web",Arial,sans-serif;
	font-size: 42px;
	padding: 5px 14px;
}
#required-gallery-anchor a {
	color: #000;
}
.req-gallery-image .prev-img a,
.req-gallery-image .next-img a {display: block; height: 100%;}
.req-gallery-image .prev-img a:hover { background: url(images/gallery-prev.png) 0 center no-repeat; }
.req-gallery-image .next-img a:hover { background: url(images/gallery-next.png) 268px center no-repeat; }
.req-gallery-image .next-img {
	left: 295px;
}
.req-gallery-image .prev-img {
	left: 0px;
}
.req-gallery-image .req-lightbox { }
.req-gallery-image .req-lightbox-link { display: inline-block; background: url(images/magnify.png) left 5px no-repeat; float: right; padding: 2px 0 0px 14px;}

.req-gallery-image .req-ad { width: 145px; }
.req-gallery-image .req-ad.next-img { left: 445px; }
.req-gallery-image .next-img.req-ad a:hover { background: url(images/gallery-next.png) 119px center no-repeat; }

.req-gallery-image .image-meta { display: block; }
.req-gallery-image .image-copyright { float: left; }
.req-gallery-image .image-number { float: right; }
.req-gallery-icon { float: left; margin-left: 2px; }

#lightbox-image-details-caption { font-weight: normal !important;  font-size: 11px; }
#lightbox-secNav-btnClose { width: 16px !important; }
h2.post-title { font-weight: normal; line-height: 1.2em; }
.post-date {
	padding: 0 0 5px 0;
	border-top: none;
}
.next-prev-post-nav {
	border:  1px solid;
	border-radius: 3px;
}
.next-prev-post-nav { margin: 0 0 30px 0; border-width: 0 1px 1px 1px; border-radius: 0 0 3px 3px; }
.next-prev-post-nav li { width:  288px; padding: 10px 10px 5px 10px; }
.next-prev-post-nav li a { font-size:  14px; font-weight: normal; text-transform: none; line-height: 18px; }
.next-prev-post-nav img { width:  80px; }
.next-prev-post-nav .next img { float: right; margin: 0 0 10px 10px; }
.next-prev-post-nav .prev img { float: left; margin: 0 10px 10px 0; }

.post:last-child { padding-bottom: 20px; }
.post:last-child,
.three-column li { width: 32.258%; margin-right: 1.612% }
.three-column li.last { margin-right: 0; }
.four-column li { float: left; width: 23.5%; margin-right: 2% }
.four-column li.last { margin-right: 0; }
.post-image img {
	display: block;
}
.three-column .post-image { padding: 4px; border: 1px solid; text-align: center; }
.one-column {
	margin: 0;
}
.one-column .post-image {
	text-align: center;
	width: auto;
	max-width: 35.4839%;
}
.single .one-column .post-image {
	margin: 0px 3.225806% 20px 0px;
}

#left-column .one-column .post-image {
	padding: 3px;
	border: 1px solid;
}
#left-column .blog-main-post-container .post-image {
	padding: 5px;
	border: 1px solid;
	max-width: 48.3871%;
	text-align: center;
	width: auto;
}

#left-column .one-column .date {
	border: none;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}

.continue-reading {
	margin-bottom: 10px;
}

.gallery-container li { text-align: center; width: 100%; }

#right-column { margin-top: 0; }
.archive .widget-list li:first-child h4,
.single .widget-list li:first-child h4 {
	border-top: 4px solid;
}

.pagination {
	clear: both;
}

/* Social Icons by http://paulrobertlloyd.com/2009/06/social_media_icons/ */

ul.social-icons li a { width: 48px; height: 48px; }
ul.social-icons li a.twitter,
ul.social-icons li a.twitter:hover { background: url(images/twitter-48x48.png) 0 0 no-repeat; }
ul.social-icons li a.facebook,
ul.social-icons li a.facebook:hover { background: url(images/facebook-48x48.png) 0 0 no-repeat; }
ul.social-icons li a.rss,
ul.social-icons li a.rss:hover { background: url(images/feed-48x48.png) 0 0 no-repeat; }
ul.social-icons li { margin: 10px 25px !important; }


.social-area {
	float: right;
	margin-top: 25px;
}

.social-area ul.social-icons li {
	margin: 0 0 0 20px !important;
}

.social-area ul.social-icons li a {
	width: 21px;
	height: 21px;
}

.social-area ul.social-icons li a.facebook {
	background: url('images/header-social.png') 6px 0 no-repeat transparent;
}
.social-area ul.social-icons li a.twitter {
	background: url('images/header-social.png') -34px 0 no-repeat transparent;
}
.social-area ul.social-icons li a.youtube {
	background: url('images/header-social.png') -76px 0 no-repeat transparent;
}

/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php



/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */

#req-orbit-container {
	margin-bottom: 10px;
}

#req-orbit-slider {
	width: 100%;
	height: auto;
	max-height: 340px;
	background-image: url('images/orbit/loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden; }
#req-orbit-slider>img,
#req-orbit-slider>div,
#req-orbit-slider>a { display: none; }
#req-orbit-slider .content {
	width: 100%;
}

.orbit-wrapper {
	width: 100%;
}


/* CONTAINER
   ================================================== */

div.orbit-wrapper {
	width: 100%;
	height: auto !important;
	position: relative; }

div.orbit {
	width: 1px;
	height: 1px;
	position: relative;
	overflow: hidden }

div.orbit>img {
	position: absolute;
	top: 0;
	left: 0;
	display: none; }

div.orbit>a {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 0;
	display: none; }

.orbit>div {
	position: absolute;
	top: 0;
	left: 0;
	width: 620px;
	height: 340px;
	text-align: center;
}

/* Patched by Silvan Hagen 2012-02-16 @ 16:53: Added fixed width to support links and content around the image before it was height: 100%; width: 100%; */
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
   ================================================== */

div.timer {
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: .6;
	cursor: pointer;
	z-index: 1001; }

span.rotator {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: -20px;
	background: url(images/orbit/rotator-black.png) no-repeat;
	z-index: 3; }

span.mask {
	display: block;
	width: 20px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	overflow: hidden; }

span.rotator.move {
	left: 0 }

span.mask.move {
	width: 40px;
	left: 0;
	background: url(images/orbit/timer-black.png) repeat 0 0; }

span.pause {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/orbit/pause-black.png) no-repeat;
	z-index: 4;
	opacity: 0; }

span.pause.active {
	background: url(images/orbit/pause-black.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
	opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
	display: none;
}

.orbit-wrapper .orbit-caption {
	z-index: 1000;
	text-align: center;
	padding: 7px 0;
	font-size: 13px;
	right: 0;
	bottom: 0;
	width: 100%;
}


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
	display: block }

div.slider-nav span {
	width: 78px;
	height: 100px;
	text-indent: -9999px;
	position: absolute;
	z-index: 1000;
	top: 50%;
	margin-top: -50px;
	cursor: pointer; }

div.slider-nav span.right {
	background: url(images/orbit/right-arrow.png);
	right: 0; }

div.slider-nav span.left {
	background: url(images/orbit/left-arrow.png);
	left: 0; }

/* BULLET NAV
   ================================================== */

.orbit-bullets {
	position: absolute;
	z-index: 1000;
	list-style: none;
	bottom: -40px;
	left: 50%;
	margin-left: -50px;
	padding: 0; }

.orbit-bullets li {
	float: left;
	margin-left: 5px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(images/orbit/bullets.jpg) no-repeat 4px 0;
	width: 13px;
	height: 12px;
	overflow: hidden; }

.orbit-bullets li.active {
	background-position: -8px 0; }

.orbit-bullets li.has-thumb {
	background: none;
	width: 100px;
	height: 75px; }

.orbit-bullets li.active.has-thumb {
	background-position: 0 0;
	border-top: 2px solid;
}

.orbit-wrapper .orbit-caption {
	text-align: left;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
}

.orbit-wrapper .orbit-caption .inner {
	display: block;
	border-bottom: 2px solid #D71920;
	padding: 20px 15px;
	background: #000;
}

.orbit-wrapper .orbit-caption h3 {
	font-family: "Nobel Book", Arial, sans-serif;
	margin: 0;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	padding: 0;
	margin: 0;
}
.orbit-wrapper .orbit-caption .category {
	position: absolute;
	left: 15px;
	top: -10px;
	padding: 0 5px;
	line-height: 20px;
	background-color: #D71920;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
}

.orbit-wrapper .orbit-caption .date {
	color: RGBa(255,255,255,0.6);
}
div.slider-nav span {
	width: 40px;
	height: 50px;
}

/* Use  for special stuff for that blog */

#site-wrapper { padding-top: 0; }
#skyscraper { top: 232px; }

body {
	font-size: 14px;
	background-image: none;
}

.logo {
	float: left;
	margin: 0;
	padding: 0;
}

.logo img {
	margin: 0;
}

#header .search-form {
	float: right;
	position: relative;
}

.logo h1 {
	margin: 0;
	line-height: 0;
}
.search-form input.search-field,
.search-form input.search-submit {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.search-form input.search-field {
	font-family: "Nobel Book", Arial, sans-serif;
	float: left;
	margin: 0;
	padding: 7px 15px;
	border-radius: 0;
	width: 280px;
	height: 30px;
	border: 1px solid;
	-webkit-appearance: none;
	font-weight: 300;
}
.search-form input.search-submit {
	border: none;
	width: 23px;
	height: 21px;
	float: none;
	background: url('images/search.png') no-repeat 0 0 #fff;
	text-indent: -1000em;
	position: absolute;
	right: 5px;
	top: 4px;
}
.search-form input.search-submit:hover {
	background: url('images/search.png') no-repeat 0 0 #fff;
}

ul#nav {
	float: left;
	margin: 25px 0 0 0;
}
ul#nav li {
	margin: 0;
	padding: 6px 0 10px 0;
	position: static;
}
ul#nav li > a:after {
	content: '';
	width: 100%;
	height: 8px;
	background-color: #D71920;
	bottom: -18px;
	left: 0px;
	position: absolute;
	display: none;
	z-index: 9999999;
	border: 1px solid #D71920;
	border-width: 0 1px 0 0;
}
ul#nav li:first-child > a:after {
	left: -1px;
	border-width: 0 1px;
}
ul#nav li:hover {
	background-color: #D71920;
}
ul#nav li:hover > a:after {
	display: block;
}
ul#nav li:hover > a {
	border-color: transparent !important;
}
ul#nav li a {
	position: relative;
	float: left;
	font-size: 15px;
	line-height: 15px;
	padding: 0 15px;
	text-transform: uppercase;
	border-right: 1px solid #4C4C4C;
	color: #fff;
	z-index: 1101;
}
ul#nav li:first-child > a {
	border-left: 1px solid #4C4C4C;
}
ul#nav li.current-menu-parent,
ul#nav li.current-menu-item {
	background-color: #D71920;
}
ul#nav li.current-menu-parent a,
ul#nav li.current-menu-item a {
	border-color: transparent;
}
ul#nav li.current-menu-parent a:after,
ul#nav li.current-menu-item a:after {
	display: block;
}

ul#nav li a:hover {
	background: transparent;
	border-radius: 0;
}

ul#nav .custom-sub {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 1100;
	left: 0;
	top: 116px;
	border: 8px solid #000;
	border-width: 8px 0 0 0;
	background-color: #202020;
}

ul#nav ul.sub-menu {
	display: block !important;
	visibility: visible !important;
	position: static;
	border: 0;
	max-width: 940px;
	padding: 0 10px;
	margin: 0 auto;
}
ul#nav > li:hover > .custom-sub {
	display: block;
}
ul#nav ul.sub-menu li {
	width: auto;
	padding: 13px 0;
	border-bottom: none;
	margin-left: 0;
}
ul#nav ul.sub-menu li a {
	font-size: 15px;
	color: #fff;
	text-transform: none;
	margin: 0;
	padding: 0 15px;
	line-height: 15px;
	font-family: 'Nobel Book', Arial, sans-serif;
	font-weight: 300;
}

ul#nav ul.sub-menu li a:after {
	display: none !important;
}

#header .searchform {
	top: 20px;
}

#content-container {
	padding: 10px;
	box-shadow: 0 0 5px RGBa(0,0,0,0.4);
}

.three-column .post-title, .one-column .post-title {
	font-size: 20px;
}

.blog-main-post-container .post-title, .blog-main-post-container .one-column .post-title {
	font-size: 34px;
}

h1.post-title {
	font-size: 42px;
	text-transform: none;
	color: #000;
	font-family: 'Austin Web', Arial, sans-serif;
	font-weight: 500;
	margin: 40px 0 15px 0;
}
h3.post-subtitle {
	font-family: 'Austin Web', Arial, sans-serif;
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 30px;
	color: #000;
}

.article-meta {
	padding: 5px 0;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 30px;
}

.article-meta .cat {
	text-transform: uppercase;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 13px;
}

.article-meta .cat:first-child {
	margin-left: 0;
}

.article-meta .date {
	font-size: 13px;
	color: #999;
	margin: 0 5px;
}

.article-meta .author {
	float: right;
	font-size: 13px;
	color: #999;
	margin: 0;
}

h5.date {
	font-size: 13px;
}

h4.section-title {
	display: block;
	margin: 20px 0 15px 0;
	padding: 0;
	border: 1px solid #000;
	border-width: 1px 1px 0 1px;
	height: 9px;
	position: relative;
}

h4.section-title span {
	font-family: 'Nobel Book', Arial, sans-serif;
	font-size: 22px;
	font-weight: 400;
	color: #000;
	position: absolute;
	top: -15px;
	left: 25px;
	padding: 0 5px;
	background-color: #fff;
}

h4.section-title span a {
	color: #000;
}

h4.widgettitle {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

ul.widget-list li.widget ul li {
	padding: 0;
	border: none;
}
ul.widget-list li.widget {
	padding: 0;
}
#right-column h4.section-title {
	background: none;
	font-size: 20px;
	font-weight: normal;
	text-transform: none;
	border: none;
	border-top: 4px solid;
	box-shadow: none;
}

a.action-link,
.widget .button {
	padding: 4px 9px 3px;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

a.action-link:hover,
.widget .button:hover {
	border: none;
}

ul.widget-list li.widget ul li a.action-link {
	display: inline;
}

.next-prev-post-nav {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.post-meta {
	margin: 50px 0 20px 0;
	border: none;
	background: transparent;
	padding: 0;
}
.next-prev-post-nav {
}
.next-prev-post-nav li {
	width: 50%;
	min-height: 20px;
	padding: 0;
	border: none;
	display: table;
}
.next-prev-post-nav li:first-child {
	border-right: none;
	background: url(images/gallery-prev.png) no-repeat left center;
}
.next-prev-post-nav li:last-child {
	border-left: none;
	background: url(images/gallery-next.png) no-repeat right center;
}
.next-prev-post-nav li a {
	display: table-cell;
	vertical-align: middle;
	height: 36px;
}
.next-prev-post-nav li:first-child a {
	padding: 0 0 0 30px;
}
.next-prev-post-nav li:last-child a {
	padding: 0 30px 0 0;
	text-align: right;
}
.next-prev-post-nav li a:hover {
	color: #000;
}

.girls-archive .post-image {
	float: left;
	margin: 0 10px 10px 0;
}

.req-gallery-image .prev-img a:hover { background: url(images/gallery-prev.png) 0 center no-repeat; }
.req-gallery-image .next-img a:hover { background: url(images/gallery-next.png) 255px center no-repeat; }
.req-gallery-image .next-img.req-ad a:hover { background-position: 105px center; }
.req-gallery-image .next-img {
	border-radius: 4px 0 0 4px;
	left: 295px;
}
.req-gallery-image .prev-img {
	left: 0px;
	border-radius: 0 4px 4px 0;
}

#footer {
	border-top-width: 5px;
	border-top-style: solid;
}

#footer-container { width:  100%; }
#footer { padding: 0; max-width: none; }

.footer-text {
	margin: 0;
	padding: 10px 10px 8px;
	font-size: 11px;
	line-height: 1;
	border: none;
}
.footer-text p { margin-bottom: 0; }

.footer-content {
	padding: 20px 10px 40px;
}

#footer-navigation-container, .footer-content {
	max-width: 940px;
	margin: 0 auto;
}

#footer ul li.column { width: 160px; margin-right: 20px; margin-bottom: 15px; }
#footer h4 { margin: 0 0 20px; font-size: 20px; font-weight: normal; text-transform: uppercase; color: #fff; }
#footer .text-widget { line-height: 1.4; }
#footer ul li.column ul li { padding: 0 0 3px 0; border: none; line-height: 16px; font-size: 13px; }
#footer ul { width:  100%; margin: auto; font-size: 13px }
#footer ul ul { width:  auto; }
#footer ul li.column:first-child { width: 380px; margin-bottom: 20px; }
#footer ul li.column:nth-child(2) {  max-width: 160px; }
#footer ul li.column:nth-child(2) li { float: none; clear: none; width: auto; }

/*- Top 100 --- */

.top-100-list .top-100 {
	width: 22.58%;
	float: left;
	margin-right: 3.225%;
	padding-bottom: 0;
	min-height: 16em;
	word-wrap: break-word;
}

.top-100-list .top-100:last-child {
	border-bottom: 1px dotted;
}

.top-100-list .top-100.last {
	margin-right: 0;
}

.top-100-list .top-100 .post-title {
	font-size: 18px;
	word-wrap: break-word;
}

#right-column .widget_dp_home_recent_posts .one-column,
#right-column .widget_dp_home_recent_posts .one-column li {
	margin-bottom: 0;
	padding: 0;
}

.two-column {
	margin: 0;
}

.articles .article {
	float: left;
	width: 50%;
	margin-bottom: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.articles .article.first {
	padding-right: 5px;
}

.articles .article.last {
	padding-left: 5px;
}

.article .image {
	position: relative;
	border-bottom: 2px solid #D71920;
}

.articles .image .details {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #000;
	width: 100%;
	padding: 20px 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.articles .image .details h3,
.articles .image .details h3 a {
	font-family: 'Nobel Book', Arial, sans-serif;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

.articles .image .details .category {
	position: absolute;
	left: 15px;
	top: -10px;
	padding: 0 5px;
	line-height: 20px;
	background-color: #D71920;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
}

.widget_mm_home_recent_posts .two-column li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.widget_mm_home_recent_posts li.first {
	clear: both;
}

.widget_mm_home_recent_posts .two-column li.first {
	padding-right: 5px;
}

.widget_mm_home_recent_posts .two-column li.last {
	padding-left: 5px;
}

.widget_mm_home_recent_posts .big_block .image {
	position: relative;
	margin-bottom: 10px;
	border-bottom: 2px solid #D71920;
}

.widget_mm_home_recent_posts .big_block .image img {
	display: block;
}

.widget_mm_home_recent_posts .big_block .image .details {
	font-family: "Nobel Book", Arial, sans-serif;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #000;
	width: 100%;
	padding: 20px 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.widget_mm_home_recent_posts .big_block .image .details h3,
.widget_mm_home_recent_posts .big_block .image .details h3 a {
	font-family: "Nobel Book", Arial, sans-serif;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

.widget_mm_home_recent_posts .big_block .image .details .category {
	position: absolute;
	left: 15px;
	top: -10px;
	padding: 0 5px;
	line-height: 20px;
	background-color: #D71920;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
}

.widget_mm_home_recent_posts .normal_block .image {
	position: relative;
}

.widget_mm_home_recent_posts .normal_block .image img {
	display: block;
}

.widget_mm_home_recent_posts .normal_block .image .category {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 5px;
	line-height: 20px;
	background-color: #D71920;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
}

.widget_mm_home_recent_posts .normal_block .details h3,
.widget_mm_home_recent_posts .normal_block .details h3 a {
	font-family: "Nobel Book", Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #000;
	padding: 0;
	margin: 5px 0 0 0;
}

.widget_mm_home_recent_posts .normal_block li {
	margin-bottom: 10px;
}

.widget_mm_home_recent_posts .small_block .image {
	float: left;
	margin: 0 10px 10px 0;
}

.widget_mm_home_recent_posts .small_block .image img {
	display: block;
}

.widget_mm_home_recent_posts .small_block .details h3,
.widget_mm_home_recent_posts .small_block .details h3 a {
	font-family: "Nobel Book", Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	padding: 0;
	margin: 0;
}

.widget_ns_mailchimp .content {
	border: 1px solid #000;
	overflow: hidden;
}

.widget_ns_mailchimp .widgettitle {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	background-color: #000;
	padding: 35px 50px 35px 20px;
}

.widget_ns_mailchimp label {
	display: none !important;
}

.widget_ns_mailchimp input[type='text'] {
	float: left;
	height: 30px;
	padding: 5px;
	border: 1px solid #000 !important;
	margin: 20px 0 20px 7%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 60%;
}

.widget_ns_mailchimp .error {
	margin: 5px 7% 0;
}

.widget_ns_mailchimp .button {
	font-family: "Nobel", Arial, sans-serif;
	margin: 20px 7% 20px 0;
	float: left;
	height: 30px;
	line-height: 30px;
	background: #000 !important;
	color: #fff;
	padding: 0;
	border-radius: 0;
	width: 26%;
	font-size: 14px;
}

@media all and ( max-width: 1275px ) {
	#skyscraper {
		display: none;
	}
}
@media all and (max-width: 960px) {

	#site-wrapper {
		padding-top: 0;
	}
	#leaderboard {
		position: static;
		width: 100%;
		margin: 0;
		left: auto;
	}

	.req-gallery-image {
		width: 100%;
		display: block;
		min-height: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.req-gallery-box {
		width: 100%;
	}
	.req-gallery-image .prev-img, .req-gallery-image .next-img {
		width: 50%;
	}
	.req-gallery-image .next-img {
		left: auto;
		right: 0;
	}
	.req-gallery-image .next-img a:hover {
		background-position: right center;
	}

	#content-container .orbit-wrapper .orbit-caption {
		background-color: #000;
	}
}

@media all and ( max-width: 800px ) {
	.widget_ns_mailchimp input[type="text"] {
		margin-left: 3%;
		width: 64%;
	}
	.widget_ns_mailchimp .button {
		margin-right: 3%;
		width: 30%;
	}
	#req-orbit-slider {
		height: 280px !important;
	}
}

@media all and ( max-width: 768px ) {
	#req-orbit-slider {
		height: 270px !important;
	}
}

@media all and (max-width: 736px) {
	#req-orbit-slider {
		height: 258px !important;
	}
}

@media all and (max-width: 667px) {
	#req-orbit-slider {
		height: 234px !important;
	}
}

@media all and (max-width: 640px) {
	html .search-form input[type="submit"] {
		width: 25px;
	}
	#header {
		position: relative;
	}
	#left-column {
		width: 100%;
	}
	#right-column {
		width: 300px !important;
		float: none;
		margin: 0 auto;
	}
	#right-column .widget {
		float: left;
		width: 100%;
		clear: none;
	}
	#right-column .hide-on-mobile {
		display: none;
	}
	.social-area {
		display: none;
	}
	.logo {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.logo img {
		display: inline-block !important;
		margin: 0 !important;
	}
	#header-container {
		padding-bottom: 20px;
	}
	#navigation-container #menu-toggle {
		display: block;
		width: 24px;
		height: 17px;
		background: url('images/hambugler.png') 0 0 no-repeat transparent;
		position: absolute;
		top: 6px;
	}
	.menu-active #navigation-container #menu-toggle {
		width: 22px;
		height: 22px;
		background: url('images/cross.jpg') 0 0 no-repeat transparent;
		top: 3px;
	}
	#leaderboard {
		display: none;
	}
	.overlay {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 99998;
		background: rgba( 0, 0, 0, 0.7 );
	}
	#header-container {
		z-index: 99999;
	}
	body.menu-active {
		overflow: hidden;
	}
	ul#nav {
		display: none;
		position: fixed;
		z-index: 99999;
		background-color: #000;
		top: 70px;
		left: 0;
		margin: 0;
		width: 200px;
		overflow: scroll;
		height: 290px;
	}
	ul#nav li {
		width: 100%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 0;
	}
	ul#nav li > a {
		font-weight: bold;
	}
	ul#nav li a,
	ul#nav li a:hover {
		border: none;
		width: 200px;
		padding-top: 15px;
		padding-bottom: 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	ul#nav li:first-child > a {
		border: none;
	}
	ul#nav li > a:after {
		display: none !important;
	}
	ul#nav > li:hover > .custom-sub {
		display: none;
	}
	ul#nav > li.current-menu-parent > .custom-sub,
	ul#nav > li.current-menu-item > .custom-sub {
		display: block;
		position: static;
		border: none;
		background-color: #000;
		overflow: hidden;
	}
	ul#nav ul.sub-menu {
		width: 100%;
		padding: 0;
	}
	ul#nav ul.sub-menu li {
		width: 100%;
	}
	#header .search-form {
		margin: 0;
		position: absolute;
		top: 0;
		right: 10px;
		width: 90%;
		display: none;
	}
	.search_toggle {
		display: block;
		position: absolute;
		right: 10px;
		top: 4px;
		width: 25px;
		height: 21px;
		background: url(images/search-icon.png) no-repeat 0 0 transparent;
		text-indent: -1000em;
		cursor: pointer;
	}
	.search-form input.search-field {
		width: 100%;
	}
}

@media all and ( max-width: 600px ) {
	html ul#nav {
		background-color: #000;
	}
	html ul#nav li {
		float: left;
		padding: 0;
		border: none;
	}
	html ul#nav li a,
	html ul#nav li a:hover,
	html ul#nav li .sub-menu li a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

@media all and ( max-width: 480px ) {
	#req-orbit-slider {
		height: 250px !important;
	}
	.widget_ns_mailchimp .widgettitle {
		font-size: 24px;
	}
	.widget_ns_mailchimp .button {
		font-size: 12px;
	}
	ul#nav {
		height: 250px;
	}
}

@media all and (max-width: 414px) {
	#req-orbit-slider {
		height: 215px !important;
	}
}

@media all and (max-width: 375px) {
	#req-orbit-slider {
		height: 195px !important;
	}
}

@media all and (max-width: 360px) {
	ul#nav {
		height: 570px;
	}
	#req-orbit-slider {
		height: 185px !important;
	}
	.articles .article,
	.widget_mm_home_recent_posts .two-column li {
		float: none;
		width: 300px;
		padding: 0 !important;
		margin: 10px auto !important;
	}
	.four-column li {
		width: 46%;
		float: left;
		margin: 2%;
	}
	.widget_mm_home_recent_posts li.first {
		clear: none;
	}
	.four-column li:nth-child(2n+1) {
		clear: both;
	}
	#right-column .widget {
		float: none;
		width: 300px;
		margin: 2% auto;
		clear: none;
	}
}

@media all and (max-width: 320px) {
	ul#nav {
		height: 410px;
	}
	#req-orbit-slider {
		height: 165px !important;
	}
}

@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {


	.blog-main-post-container .post-image img {
		width: 100%;

	}
	.one-column .post-image {
		padding: 0;
		border: none;
		max-width: none;
		width: auto !important;
	}
	.post-date {
		border: none;
		margin: 0 !important;
		padding: 0 !important;
	}

	.search-form {
		display: none;
	}

	#header-container {
		overflow: visible !important;
	}

	.post-thumbnail.full-column { width: 100%; }

	.post-thumbnail {
		float: none;
		margin: 0 0 10px 0;
	}

	#footer ul li.column,
	#footer ul li.column:first-child { width: 100% }

}

@media all and (min-width: 641px) {
	ul#nav {
		display: block !important;
	}
}

/*******************
 * Colors
 *******************/
body,
a:hover,
.orbit-bullets li.active,
.post-title a:hover,
.three-column .post-title a:hover,
h4.widgettitle,
#right-column h4.section-title,
h4.widgettitle a,
#right-column h4.section-title a,
.section-title a:hover {
	color: #222;
}

#nav-copy a:hover,
#right-column .widget input.button,
.orbit-wrapper .orbit-caption,
.widget .button:hover,
a.action-link,
a.action-link:hover,
#nav-copy a,
#footer a:hover,
.footer-text {
	color: #fff;
}

#footer ul li.column ul li a:hover {
	color: #428BCA;
	background: #000 !important;
}
#footer ul li.column ul li a {
	color: #999;
}

.single .post-thumbnail span,
.req-gallery-image span,
#lightbox-image-details-caption,
.orbit-bullets li {
	color: #999;
}

#footer ul.footer-one-column a,
#footer .text-widget,
#nav-copy a {
	color: #bbb;
}

#footer,
.search-form input.search-field {
	color: #999;
}

.section-title a,
a,
.post-title a,
.three-column .post-title a {
	color: #428BCA;
}

.orbit-wrapper .orbit-caption h3 a,
.orbit-wrapper .orbit-caption h3 {
	color: #fff;
}

/*******************
 * Background Colors
 *******************/

#content-container,
.orbit>div {
	background-color: #fff;
}
body {
	background-color: #eee;
}
#header-container {
	background-color: #000;
}
#req-orbit-slider {
	background-color: #222;
}
#footer {
	background-color: #000;
}
.orbit-wrapper .orbit-caption {
	background-color: #000;
	font-family: "Nobel Book", Arial, sans-serif !important;
}

.orbit-wrapper .orbit-caption .inner {
	font-family: "Nobel Book", Arial, sans-serif;
}
.screen-reader-text:focus {
	background-color: #666;
}
.search-form input.search-field {
	background-color: #fff;
}

.footer-text {
	background-color: #202020;
}

a.action-link,
.widget .button {
	background: #D71920; /* Old browsers */
	background: -moz-linear-gradient(top, #D71920 0%, #A60005 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D71920), color-stop(100%,#A60005)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #D71920 0%,#A60005 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #D71920 0%,#A60005 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #D71920 0%,#A60005 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D71920', endColorstr='#A60005',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #D71920 0%,#A60005 100%); /* W3C */
}

a.action-link:hover {
	background: #444;
	background: -moz-linear-gradient(top, #444 0%, #111 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#111)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #444 0%,#111 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #444 0%,#111 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #444 0%,#111 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#111',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #444 0%,#111 100%); /* W3C */
}

/*******************
 * Borders
 *******************/
.req-gallery-image,
.post-thumbnail,
.three-column,
.three-column .post-image,
#left-column .one-column .post-image,
#left-column .blog-main-post-container .post-image,
.top-100-list .top-100:last-child {
	border-color: #ddd;
}

.next-prev-post-nav,
#right-column .widget input {
	border-color: #ccc;
}

#right-column .widget {
	margin-bottom: 15px;
}

.archive .widget-list li:first-child h4,
.single .widget-list li:first-child h4,
h4.widgettitle,
#right-column h4.section-title {
	border-color: #666;
}

.orbit-bullets li.active.has-thumb {
	border-color: #000;
}

.search-form input.search-field {
	border-color: #fff;
}

.next-prev-post-nav {
	border-color: #D71920;
}

#footer {
	border-color: #202020;
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 2) {
	#right-column {
		width: 300px !important;
		margin: 0 auto;
	}
	html ul#nav {
		background-color: #000;
	}
	html ul#nav li {
		float: left;
		padding: 0;
		border: none;
	}
	html ul#nav li a,
	html ul#nav li a:hover,
	html ul#nav li .sub-menu li a {
		padding-top: 10px;
	  	padding-bottom: 10px;
		border: none !important;
	}
	ul#nav li > a:after {
		display: none !important;
	}
}

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 3) {
	#right-column {
		width: 300px !important;
		margin: 0 auto;
	}
	html ul#nav {
		background-color: #000;
	}
	html ul#nav li {
		float: left;
		padding: 0;
		border: none;
	}
	html ul#nav li a,
	html ul#nav li a:hover,
	html ul#nav li .sub-menu li a {
		padding-top: 10px;
		padding-bottom: 10px;
		border: none !important;
	}
	ul#nav li > a:after {
		display: none !important;
	}
}
