/*   
Theme Name: Meed
License: Located in the 'Licensing' folder
License URI: Located in the 'Licensing' folder
Description: Premium Blogging Theme.
Author: Promola
Author URI: http://themeforest.net/user/promola
Theme URI: http://themeforest.net/user/promola
Version: 1
Tags: light, responsive-layout, three-columns, threaded-comments, right-sidebar, left-sidebar
*/

/*

[Table of contents]

1. Import Google Fonts
2. Reset
3. HTML5 Tags Declaration
4. WordPress Classes Styling
5. Generic Styling
6. Main Header Styling
7. Main Nav Styling
8. Content Styling
9. Featured Slider Styling
10. Featured Post Styling
11. Posts Wrap Styling
12. Main Sidebar Styling
13. Widgets Styling
14. Single Page Styling
15. Page Template Styling
16. Main Footer Styling

*/

/*-------------------------------------------*\
	1. Import Google Fonts
\*-------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Oswald|Open+Sans:400,400italic,700,700italic);

/*-------------------------------------------*\
	2. Reset
\*-------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

a img,
iframe,
fieldset {
	border: none;	
}

li {
	list-style: none;
}

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

/*-------------------------------------------*\
	3. HTML5 Tags Declaration
\*-------------------------------------------*/

article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section { 
    display: block; 
}

/*-------------------------------------------*\
	4. WordPress Classes Styling
\*-------------------------------------------*/

.screen-reader-text{}

.sticky{}

.gallery-caption a {
	display: inline;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	margin: 12px 0 6px 12px;
}

img.alignleft {
	margin: 12px 12px 6px 0;
}

img.aligncenter {
	margin-top: 12px;
	margin-bottom: 12px;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignnone {
	margin: 12px 0 6px 0;
	text-align: center;
}

.wp-caption {
	max-width: 100%;
	margin: 12px 0;
}

.entry
.wp-caption-text {
	margin-bottom: 0;
  	font-size: 13px;
	font-style: italic;
	color: #ccc;
}

/*-------------------------------------------*\
	5. Generic Styling
\*-------------------------------------------*/

h1, h2, h3, h4, h5 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #333;
}

h1 {
	font-size: 25px;
	line-height: 35px;
}

h2 {
	font-size: 23px;
	line-height: 31px;
}

h3 {
	font-size: 19px;
	line-height: 27px;
}

h4 {
	font-size: 15px;
	line-height: 23px;
}

h5 {
	font-size: 13px;
	line-height: 21px;
}

p {
	line-height: 22px;
}

.wrapper {
	position: relative;
	width: 1020px;
	margin: 0 auto;
}

body {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #666;
	background-color: #F3F3F3;
	-webkit-font-smoothing: antialiased;
}

a {
	color: #F34E4E;
	text-decoration: none;
	transition: color .3s; 
}

a:hover {
	color: #bbb;
	text-decoration: none;
}

/*** Default Text Styling ***/

.entry {
	overflow: hidden;
	word-wrap: break-word;
}

.entry h1,
.entry h2 {
	margin-bottom: 10px; 
}

.entry h3,
.entry h4 {
	margin-bottom: 8px; 
}

.entry ol,
.entry ul {
	margin-bottom: 20px;
	margin-left: 20px;
}

.entry
blockquote p {
	color: #BABABA;
	padding-left: 12px;
	clear: both;
	border-left: 3px solid #E1E1E1;
	line-height: 26px;
}

.entry p,
.widget p {
	margin-bottom: 12px;
}

.entry iframe,
.entry img {
	max-width: 100%;
}

select {
	max-width: 100%;
}

/*** Lists Styling ***/

.entry
ul li,
.comment-text
ul li {
	list-style: disc;
}

.entry
ol li,
.comment-text
ol li {
	list-style: decimal;
}

.entry
li,
.comment-text
li {
	list-style-position: inside;
	line-height: 24px;
}

.entry
dt,
.comment-text
dt {
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 2px;
}

.entry
dd,
.comment-text
dd {
	margin: 0;
	padding: 0 0 0.5em 0;
}

/*** Tables Styling ***/

.entry
table,
.comment-text
table {
	margin: 20px 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

.entry
table
thead th,
.comment-text
table
thead th {
	font-weight: 700;
}

.entry
table th,
.comment-text
table th {
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
}

.entry
table td,
.comment-text
table td {
	padding: 2%;;
}

.entry
tbody tr:nth-child(odd),
.comment-text
tbody tr:nth-child(odd) {
	background: #F7F7F7; 
}

/*-------------------------------------------*\
	6. Main Header Styling
\*-------------------------------------------*/

#main-header {
	height: 60px;
	margin-bottom: 30px;
	border-bottom: 1px solid #EFEFEF;
	background-color: #fff;
}

/*** Logo Styling ***/

#logo {
	float: left;
	text-transform: uppercase;
	line-height: 60px;
}

#logo-img {
	display: inline-block;
    height: 100%;
    vertical-align: middle;
	float: left;
}

#logo-img img {
	max-height: 60px;
	vertical-align: middle;
}

#logo-img,
#logo h1 {
	height: 60px;
	padding: 0 15px;
	float: left;
	background-color: #F34E4E;
	line-height: 60px;
}

#logo h1 a {
	color: #fff;
}

#tagline {
	margin-left: 14px;
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

#tagline a {
	color: #CACACA;
}

#header-elements {
	float: right;
}

/*** Header Social Media Icons Styling ***/

#header-social {
	float: left;
}

#header-social li {
	float: left;
	margin-left: 20px;
	line-height: 60px;
}

#header-social a {
	display: block;
	height: 60px;
	background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/header-social.png) no-repeat;
	text-indent: -9999px;
	opacity: .2;
	transition: opacity .3s;
}

#header-social a:hover {
	opacity: 1;
}

#header-social
.twitter a {
	width: 17px;
}

#header-social
.facebook a {
	width: 7px;
	background-position: -37px 0;
}

#header-social
.instagram a {
	width: 14px;
	background-position: -64px 0;
}

#header-social
.vimeo a {
	width: 16px;
	background-position: -98px 0;
}

#header-social
.youtube a {
	width: 19px;
	background-position: -209px 0;
}

#header-social
.soundcloud a {
	width: 21px;
	background-position: -168px 0;
}

#header-social
.google a {
	width: 14px;
	background-position: -134px 0;
}

/*** Header Search Form Styling ***/

#header-search {
	position: relative;
	width: 227px;
	height: 60px;
	float: right;
}

#header-search #s {
	position: absolute;
	right: 46px;
	top: 0;
	width: 120px;
	height: 60px;
	padding: 0 20px;
	border: none;
	color: #C3C3C3;
	border-left: 1px solid #F3F3F3;
	background-color: #F8F8F8;
	font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

#header-search #s:focus {
	color: #666;
	outline: none;
	text-transform: none;
}

#header-search 
#searchsubmit {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 46px;
	height: 60px;
	border: none;
	background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/header-search.png) no-repeat #F34E4E;
	text-indent: -9999px;
	cursor: pointer;
	transition: background .3s;
}

#header-search 
#searchsubmit:hover {
	background-color: #3f3f3f;
}

/*-------------------------------------------*\
	7. Main Nav Styling
\*-------------------------------------------*/

#main-nav {
	position: relative;
	width: 1020px;
	height: 50px;
	margin: 0 auto 30px auto;
	background-color: #2F2F2F;
}

/*** Sticky Header Styling ***/

.stick-it {
	animation-name: slideInDown;
  	animation-duration: .6s;
  	animation-fill-mode: both;
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

#main-nav.stick-it {
	position: fixed;
	top: 0;
	z-index: 2000;
	opacity: .96;
}

/*** Home Icon Styling ***/

#home-icon {
	display: block;
	width: 46px;
	height: 48px;
	float: left;
	border-bottom: 2px solid #F34E4E;
	background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/home-icon.png) no-repeat rgba(255,255,255,0.05);
	transition: background .3s;
}

#home-icon:hover {
	background-color: rgba(255,255,255,0.03);
}

/*** Random Post Icon Styling ***/

#random-icon {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	display: block;
	width: 46px;
	height: 48px;
	float: left;
	border-bottom: 2px solid #F34E4E;
	background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/random-icon.png) no-repeat rgba(255,255,255,0.05);
	transition: background .3s;
}

#random-icon:hover {
	background-color: rgba(255,255,255,0.03);
}

/*** Menu Styling ***/

#main-nav ul {
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
}

#main-nav li {
	position: relative;
	float: left;
	line-height: 50px;
}

#main-nav li a {
	display: inline-block;
	padding: 0 12px;
	color: #fff;
	transition: background .3s;
}

#main-nav li a:hover {
	background-color: rgba(255,255,255,0.05);
}

/*** Drop Menu Styling ***/

.drop-sign {
	display: block;
	width: 9px;
	height: 50px;
	float: right;
	margin-left: 6px;
	background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/drop-sign.png) no-repeat 0 23px;
}

#main-nav ul li ul {
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 100;
	display: none;
	float: none;
	background-color: #2F2F2F;
}

#main-nav ul li ul
.drop-sign {
	display: inline-block;
	height: 37px;
	float: right;
	margin: 0;
	background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/sec-drop-sign.png) no-repeat center center;
}

#main-nav ul li:hover > ul {
   display: block;
}

#main-nav ul li ul li {
	height: auto;
	clear: both;
	margin-left: 0;
	line-height: normal;
	border-right: none;
	border-bottom: 1px dotted #3A3A3A;
}

#main-nav ul li 
ul li:last-child {
	border-bottom: none;
}

#main-nav ul li ul li::after {
    content: '';
    display: none;
}

#main-nav ul li ul a {
	min-width: 208px;
	padding: 0 16px;
	margin-top: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 39px;
	transition: all .3s;
	border: none;
}

#main-nav 
ul li ul 
.current-menu-item 
a::after {
	content: '';
	display: none;
}

#main-nav 
ul li ul 
.current-menu-item a {
	background-color: transparent;
}

#main-nav 
ul li ul 
.current-menu-item a:hover {
	background-color: rgba(255,255,255,0.05);
}

/*** Second Level Styling ***/

#main-nav ul li ul ul {
	left: 100%;
	top: 0;
}

/*-------------------------------------------*\
	8. Content Styling
\*-------------------------------------------*/

#content {
	width: 690px;
	float: left;
}

.post-title {
	text-transform: uppercase;
}

/*-------------------------------------------*\
	9. Featured Slider Styling
\*-------------------------------------------*/

#featured-slider {
	margin-bottom: 10px;
}

#featured-slider,
#featured-slider
.slides > li {
	position: relative;
	width: 690px;
	height: 410px;
	overflow: hidden;
}

#featured-slider img {
	width: 100%;
	height: auto;
}

#feat-star-bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 15;
	border-top: 50px solid #F34E4E;
    border-right: 50px solid transparent;
    border-left: 0 solid transparent;
}

#feat-star {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	display: block;
	width: 50px;
	height: 50px;
	background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/feat-star.png) no-repeat;
}

/*** Slider Nav Styling ***/

#slider-nav a {
	position: absolute;
	top: 187px;
	z-index: 10;
	display: block;
	width: 36px;
	height: 36px;
	background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/slider-nav.png) no-repeat #F34E4E;
	transition: background .3s;
}

#slider-nav a:hover {
	background-color: #333;
}

#slider-nav
.flex-prev {
	left: 20px;
}

#slider-nav
.flex-next {
	right: 20px;
	background-position: -72px 0;
}

/*** Slider Caption Styling ***/

.slide-cap {
	position: absolute;
	left: 10%;
	bottom: 20px;
	z-index: 8;
	display: inline-block;
	width: 80%;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.slide-cap
.post-title a {
	color: #fff;
}

.slide-cap
.post-title a:hover {
	color: #ccc;
}

.feat-divider {
	display: block;
	width: 18px;
	height: 1px;
	margin: 12px auto 13px auto;
	background-color: #fff;
}

.slide-cap
.post-date {
	font-size: 12px;
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

.slide-cap-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	width: 100%;
	height: 200px;
	background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/slide-cap-bg.png) repeat-x;
}

/*-------------------------------------------*\
	10. Featured Post Styling
\*-------------------------------------------*/

#featured-post {
	margin-bottom: 10px;
	background-color: #fff;
}

#featured-post 
.post-thumb {
	position: relative;
}

#featured-post 
#feat-star {
    background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/feat-post.png) no-repeat;
}

#featured-post 
.post-title {
    margin-bottom: 8px;
}

#featured-post 
.post-date {
	display: inline-block;
    margin-bottom: 9px;
    color: #ccc;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
}

/*-------------------------------------------*\
	11. Posts Wrap Styling
\*-------------------------------------------*/

#posts-wrap {
	position: relative;
	width: 690px;
	margin-bottom: 10px;
}

#posts-wrap
.post {
	width: 340px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #fff;
}

#posts-wrap
.post:nth-child(2n) {
	margin-right: 0;
}

#posts-wrap
.post-thumb {
	width: 100%;
	overflow: hidden;
	line-height: 0;
}

.post-thumb img {
	width: 100%;
	height: auto;
}

#posts-wrap
.post-thumb img {
	line-height: 0;
}

.post-media {
	height: 191px;
}

.post-content {
	float: left;
	margin: 12px 11px;
}

.post-cat {
	display: inline-block;
	margin-bottom: 9px;
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 11px;
	text-transform: uppercase;
}

.post-cat:hover {
	color: #333;
}

#posts-wrap
.post-title {
	margin-bottom: 8px;
}

.post-title a {
	color: #333;
}

.post-title a:hover {
	color: #555;
}

#posts-wrap
.post-date {
	display: inline-block;
	margin-bottom: 9px;
	color: #ccc;
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 11px;
	text-transform: uppercase;
}

.excerpt {
	margin-bottom: 16px;
}

.content-divider {
	position: relative;
	display: block;
	height: 1px;
	margin-bottom: 11px;
	background-color: #F3F3F3;
}

.content-divider
span {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	width: 30px;
	height: 1px;
	background-color: #F34E4E;
}

.continue-reading {
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 11px;
	text-transform: uppercase;
}

.continue-reading:hover {
	color: #333;
}

/*** Pagination Styling ***/

.pagination {
	width: 100%;
	float: left;
	color: #666;
	margin-bottom: 20px;
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
	text-transform: uppercase;
}

.pagination a {
	display: block;
	margin-right: 5px;
	float: left;
	color: #666;
	background-color: #fff;
	text-decoration: none;
	padding: 8px 16px;
	transition: all .3s;
}

.pagination
.current,
.pagination a:hover {
	color: #fff;
	background-color: #F34E4E;
}

.pagination
.current {
	display: block;
	float: left;
	padding: 8px 16px;
	margin-right: 5px;
}

.pagination .dots {
	margin: 12px 16px 0 8px;
	float: left;
}

/*** No Posts Found Styling ***/

.nothing-found h1 {
	margin-top: 10px;
	text-transform: uppercase;
}

.nothing-found p {
	color: #bbb;
	margin: 8px 0 16px 0;
	font-size: 17px;
	font-weight: 400;
}

.nothing-found 
.widget {
	width: 100%;
	margin-bottom: 10px;
}

.nothing-found 
.widgettitle {
	margin-bottom: 14px;
	font-size: 17px;
	line-height: 20px;
	text-transform: uppercase;
}

.nothing-found 
.widget_recent_entries li a {
    font-size: 14px;
    text-transform: none;
}

/*-------------------------------------------*\
	12. Main Sidebar Styling
\*-------------------------------------------*/

#main-sidebar {
	width: 320px;
	float: right;
}

#main-sidebar
.widget {
	position: relative;
	width: 300px;
	padding: 10px;
	margin-bottom: 20px;
	float: left;
	background-color: #fff;
}

#main-sidebar
.widget-title {
	width: 320px;
	height: 31px;
	margin-top: -10px;
	margin-bottom: 10px;
	margin-left: -10px;
	background-color: #F3F3F3;
}

#main-sidebar
.widget-title h5 {
	height: 31px;
	padding: 0 12px;
	float: left;
	background-color: #F34E4E;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	line-height: 31px;
}

/*-------------------------------------------*\
	13. Widgets Styling
\*-------------------------------------------*/

.widget iframe,
.widget img {
	max-width: 100%;
}

/*** Video Widget Styling ***/

.video-widget-wrap {
	height: 169px;
}

.widget_molavid iframe {
	width: 100%;
	height: 169px;
}

/*** Facebook Widget ***/

.pu_facebook_widget {
	min-height: 245px;
}

/*** About Me Widget ***/

.widget_molabout {
	color: #aaa;
}

.widget_molabout img {
	margin-bottom: 8px;
}

.widget_molabout h4 {
	margin-bottom: 5px;
	text-transform: uppercase;
}

.about-widget-wrap {
	margin-bottom: 3px;
}

/*** Tag Cloud Styling ***/

.widget
.tagcloud {
	margin-bottom: -4px;
	overflow: hidden;
}

.tagcloud a {
	position: relative;
	display: block;
	height: 27px;
	padding: 0 10px;
	margin: 0 4px 4px 0;
	color: #fff;
	float: left;
	background-color: #404040;
	font-size: 12px !important;
	text-transform: uppercase;
	line-height: 28px;
	transition: background .3s;
}

.tagcloud a:hover {
	background-color: #F34E4E;
}

/*** Search Form Styling ***/

.widget
#searchform {
	position: relative;
	width: 100%;
	height: 36px;
}

.widget
#s {
	width: 208px;
	height: 36px;
	padding: 0 80px 0 10px;
	color: #bbb;
	border: 1px solid #F2F2F2;
    background-color: #FBFBFB;
	font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.widget
#s:focus {
	outline: none;
	color: #777;
	border-color: #F34E4E;
	background-color: #fff;
}

.widget
#searchsubmit {
	position: absolute;
	right: 2px;
	top: 2px;
	height: 34px;
	padding: 0 12px;
	color: #fff;
	background-color: #F34E4E;
	border: none;
	font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
   	line-height: 35px;
   	text-transform: uppercase;
	cursor: pointer;
	transition: background .3s;
}

.widget
#searchsubmit:hover {
	background-color: #404040;
}

/*** Small Posts Styling ***/

.small-post {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #F3F3F3;
}

#main-footer
.small-post {
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.small-post:last-child,
#main-footer
.small-post:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.small-post
.post-thumb {
	width: 120px;
	height: 80px;
	float: left;
	margin-right: 9px;
	overflow: hidden;
	line-height: 0;
}

.small-content {
	overflow: hidden;
}

.small-post
.post-title {
	margin-bottom: 5px;
}

.small-post
.post-date {
    color: #ccc;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
}

/*** Calendar Widget ***/

#wp-calendar {
	width: 100%;
	color: #777;
}

#wp-calendar caption {
	text-align: left;
	margin-bottom: 7px;
	margin-left: 5px;
}

#wp-calendar thead {
	font-size: 10px;
}

#wp-calendar thead th {
	padding-bottom: 10px;
}

#wp-calendar tbody td,
#wp-calendar .pad {
	background-color: #F9F9F9;
	text-align: center;
	padding: 8px;
	transition: all .3s;
}

#wp-calendar tfoot #next {
	background-color: #F9F9F9;
	text-transform: uppercase;
	text-align: right;
	padding: 10px;
}

#wp-calendar tfoot #prev {
	background-color: #F9F9F9;
	text-transform: uppercase;
	padding: 10px;
}

/*** List Widgets Styling ***/

.widget .menu li,
.widget_pages li,
.widget_recent_entries li,
.widget_recent_comments li,
.widget_archive li,
.widget_categories li,
.widget_meta li {
	margin-bottom: 9px;
	padding-bottom: 9px;
	border-bottom: 1px solid #F5F5F5;
	list-style: none;
	line-height: 21px;
	color: #ccc;
	font-size: 12px;
	text-transform: uppercase;
}

.widget .menu li:last-child,
.widget_pages li:last-child,
.widget_recent_entries li:last-child,
.widget_recent_comments li:last-child,
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_meta li:last-child {
	margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget .children,
.widget .sub-menu {
	padding-top: 10px;
	margin-left: 10px;
}

.widget
.children li:first-child,
.widget
.sub-menu li:first-child {
	padding-top: 10px;
	border-top: 1px solid #F5F5F5;
}

.widget_recent_entries
.post-date {
	display: block;
	background: none;
	float: none;
	font-size: 12px;
}

.widget .menu li a,
.widget_pages li a,
.widget_recent_entries li a,
.widget_recent_comments li a,
.widget_archive li a,
.widget_categories li a,
.widget_meta li a {
	color: #666;
	margin-right: 2px;
	text-decoration: none;
}

.widget .menu li a:hover,
.widget_pages li a:hover,
.widget_recent_entries li a:hover,
.widget_recent_comments li a:hover,
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_meta li a:hover {
	color: #F34E4E;
	text-decoration: none;
}

/*-------------------------------------------*\
	14. Single Page Styling
\*-------------------------------------------*/

#page-wrap {
	padding: 10px;
	margin-bottom: 35px;
	background-color: #fff;
}

.single-thumb {
	width: 690px;
	height: 400px;
	margin-top: -10px;
	margin-bottom: 16px;
	margin-left: -10px;
	overflow: hidden;
}

#page-wrap
.post-media {
	width: 690px;
	height: 398px;
	margin-top: -10px;
	margin-bottom: 18px;
	margin-left: -10px;
}

#page-wrap
.post-media
iframe {
	width: 100%;
	height: inherit;
}

#page-wrap
.single-categories {
	display: inline-block;
	margin-bottom: 10px;
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
}

.single-post-title {
	margin-bottom: 10px;
}

.single-post-date {
	display: inline-block;
	margin-bottom: 10px;
	color: #ccc;
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
}

#page-wrap
.entry {
	margin-bottom: 16px;
}

.single-elements {
	margin: 12px 0 24px 0;
	padding: 20px 0;
	clear: both;
	border-top: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
}

/*** Single Post Tags Styling ***/

.post-tags {
	float: left;
}

.post-tags a {
	display: inline-block;
	height: 24px;
	margin-right: 1px;
	padding: 0 8px;
	color: #fff;
	background-color: #F34E4E;
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
	line-height: 25px;
	transition: background .3s;
}

.post-tags a:hover {
	background-color: #404040;
}

/*** Single Post Share Styling ***/

#single-share {
	float: right;
}

#single-share li {
	float: left;
}

#single-share a {
	display: inline-block;
	width: 24px;
    height: 24px;
    margin-left: 1px;
    background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/single-share.png) no-repeat #F34E4E;
    text-indent: -9999px;
    transition: background .3s;
}

#single-share a:hover {
	background-color: #404040;
}

#single-share
.facebook a {
	background-position: -25px 0;
}

#single-share
.google a {
	background-position: -50px 0;
}

#single-share
.pinterest a {
	background-position: -75px 0;
}

/*** Related Posts Styling ***/

#related-posts {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #F3F3F3;
}

#related-posts
.small-post {
	width: 320px;
	float: left;
	clear: none;
	padding-bottom: 0;
	margin-right: 30px;
	margin-bottom: 0;
	border-bottom: none;
}

#related-posts
.small-post:last-child {
	margin-right: 0;
}

/*** About Author DIV Styling ***/

#about-author {
	position: relative;
    width: 100%;
    float: left;
    margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #F3F3F3;
}

#about-author
.avatar {
	float: left;
	margin-right: 10px;
}

.author-text h4 {
	margin-top: 1px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.author-text {
	overflow: hidden;
}

.author-text p {
	margin-bottom: 12px;
}

/*** Author Icons ***/

.author-icons a {
	display: inline-block;
	width: 26px;
	height: 26px;
	float: left;
	margin-right: 5px;
	background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/author-icons.png) no-repeat #333;
	text-indent: -9999px;
	transition: background .3s;
}

.author-icons a:hover {
	background-color: #F34E4E;
}

.author-icons
.facebook-link {
	background-position: -31px 0;
}

.author-icons
.google-link {
	background-position: -62px 0;
}

.author-icons
.instagram-link {
	background-position: -93px 0;
}

.author-icons
.author-link {
	background-position: -124px 0;
}

/*** Comments Styling ***/

.bypostauthor {}

.comments-head {
	clear: both;
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #F3F3F3;
	text-transform: uppercase;
}

.comment-body {
	position: relative;
	margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #F3F3F3;
}

.comment-body
.avatar {
	float: left;
	margin-right: 9px;
}

.comment
.children {
	margin-left: 20px;
}

.comment-contents {
	overflow: hidden;
}

.comment-date {
	display: inline-block;
	margin-bottom: 7px;
	color: #ccc;
	font-family: 'Oswald', sans-serif;
	font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
}

.comment-reply-link {
	display: inline-block;
    height: 24px;
    padding: 0 8px;
    margin-top: 10px;
    color: #fff;
    background-color: #F34E4E;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 25px;
    transition: background .3s;
}

.comment-reply-link:hover {
	color: #fff;
	background-color: #404040;
}

.comment-author {
	margin-bottom: 6px;
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
}

.comment-author a {
	color: #333;
}

.comment-author a:hover {
    color: #F34E4E;
}

.comment-text {
	clear: both;
}

.awaiting-mod-txt {
	display: block;
	color: #bbb;
	margin-top: 2px;
}

/*** Comment Form Stylng ***/

#reply-title {
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
}

#commentform {
	position: relative;
	margin-bottom: 20px;
}

#cancel-comment-reply-link {
	display: inline-block;
	height: 26px;
	margin-left: 10px;
    padding: 0 10px;
    color: #868686;
    background-color: #F2F2F2;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .3s;
}

#cancel-comment-reply-link:hover {
	color: #fff;
	background-color: #F34E4E;
}

#respond
.comment-notes,
.logged-in-as {
	margin-top: 12px;
    margin-bottom: 12px;
    color: #B8B8B8;
}

.logged-in-as {
	margin-top: 5px;
	margin-bottom: 15px;
}

#respond
.required {
	color: #FF223A;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-size: 12px;
	line-height: 0;
}

#respond
.comment-form-author,
#respond
.comment-form-email,
#respond
.comment-form-url {
	width: 209px;
	margin-right: 21px;
    float: left;
}

#respond
.comment-form-url {
	margin-right: 0;
}

#author,
#email,
#url,
#comment {
	padding-left: 10px;
	border: 1px solid #F2F2F2;
    background-color: #FBFBFB;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	color: #bbb;
	margin-bottom: 14px;
	transition: background .3s;
}

#author:focus,
#email:focus,
#url:focus,
#comment:focus {
	outline: none;
    color: #666;
    border-color: #ccc;
    background-color: #fff;
}

#author,
#email,
#url {
	width: 196px;
	height: 38px;
	float: left;
	clear: both;
}

#comment {
	width: 98%;
	height: 204px;
	padding: 10px 0 10px 10px;
	line-height: 23px;
}

#respond p label {
	font-family: 'Oswald', sans-serif;
	font-size: 11px;
    font-weight: 400;
    color: #333;
}

#respond p label,
#respond p label + .required {
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
	text-transform: uppercase;
}

.comment
.form-submit {
	clear: both;
	margin-bottom: 15px;
}

#submit {
    height: 32px;
    padding: 0 12px;
    margin-top: 16px;
    color: #fff;
    border: none;
    background-color: #F34E4E;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 33px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .3s;
}

#submit:hover {
	background-color: #404040;
}

/*-------------------------------------------*\
	15. Page Template Styling
\*-------------------------------------------*/

.page-temp-wrap
.single-thumb {
	margin-bottom: 19px;
}

.page-title {
	text-transform: uppercase;
}

/*** Full Page Styling ***/

#full-wrap {
	width: 100%;
	margin-bottom: 30px;
	background-color: #fff;
}

.full-content-wrap {
	margin: 10px;
}

/*** Contact Form 7 Styling ***/

.wpcf7 p {
	float: left;
	clear: both;
}

.wpcf7 p:last-child {
	margin-bottom: 0;
}

.wpcf7-form
label {
	display: inline-block;
	margin-bottom: 5px;
	color: #333;
	font-family: 'Oswald', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.wpcf7-text {
	width: 300px;
	height: 38px;
}

.wpcf7-textarea {
	width: 648px;
	height: 240px;
	padding-top: 10px;
}

.wpcf7-text,
.wpcf7-textarea {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #F2F2F2;
	background-color: #FBFBFB;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	color: #bbb;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus {
	outline: none;
	color: #666;
	border-color: #ccc;
	background-color: #fff;
}

.wpcf7-response-output {
	float: left;
}

.wpcf7-submit {
	height: 32px;
	padding: 0 12px;
	margin-bottom: 6px;
	color: #fff;
	border: none;
    background-color: #F34E4E;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 33px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .3s;
}

.wpcf7-submit:hover {
	background-color: #404040;
}

input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
	margin-top:-2px; 
	margin-bottom: -2px; 
}

/*** Error Page ***/

#error-wrap {
	width: 100%;
	margin-bottom: 30px;
	background-color: #fff;
}

.error-content-wrap {
	margin: 40px 10px;
}

#error-wrap h1 {
	font-size: 44px;
	line-height: 54px;
	text-align: center;
	margin-bottom: 15px;
}

.error-icon {
	display: block;
	width: 58px;
	height: 58px;
	margin: 0 auto 12px auto;
	background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/error-icon.png) no-repeat;
}

#error-wrap p {
	color: #bbb;
	margin-bottom: 10px;
	font-size: 16px;
	text-align: center;
}

#error-wrap
#searchform {
	position: relative;
	width: 340px;
	margin: 25px auto 30px auto;
}

#error-wrap
#s {
	width: 242px;
	height: 34px;
	padding: 0 82px 0 14px;
	color: #bbb;
	background-color: #fff;
	border: 1px solid #EFEFEF;
	font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

#error-wrap
#s:focus {
	color: #777;
}

#error-wrap
#searchsubmit {
	position: absolute;
  	right: 2px;
  	top: 2px;
  	height: 32px;
  	padding: 0 10px;
  	border: none;
  	color: #fff;
  	background-color: #F34E4E;
  	font-size: 13px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .3s;
}

#error-wrap
#searchsubmit:hover {
	background-color: #404040;
}

/*-------------------------------------------*\
	16. Main Footer Styling
\*-------------------------------------------*/

#main-footer {
	padding: 30px 0 40px 0;
	border-top: 1px solid #EFEFEF;
	background-color: #fff;
}

.widget-divider {
	display: block;
	width: 1px;
	float: left;
	background-color: #F3F3F3;
}

#main-footer
.widget {
	width: 300px;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 29px;
}

#main-footer
.widget:first-child {
	margin-left: 0;
}

#main-footer
.widget:last-child {
	margin-right: 0;
}

#main-footer
.widget-title {
	margin-bottom: 25px;
	font-size: 14px;
	text-transform: uppercase;
}

/*** Copyright DIV Styling ***/

#copyright {
	height: 54px;
	color: #aaa;
	border-top: 1px solid #EFEFEF;
	background-color: #F3F3F3;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
}

#copyright p {
	line-height: 54px;
}

/*** Back To Top Styling ***/

#back-to-top {
	position: fixed;
	right: 32px;
	bottom: 7%;
	display: none;
	width: 38px;
	height: 38px;
	background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/back-to-top.png) #F34E4E no-repeat;
	z-index: 600;
	cursor: pointer;
	transition: background .3s;
}

#back-to-top:hover {
	background-color: #404040;
}