/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/* YOUTUBE VIDEO RESPONSIVENESS */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 5px;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 640px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* STEAM WIDGET RESPONSIVENESS */
.store-widget-container {
	position: relative;
	padding-bottom: 30%;
	padding-top: 10px;
	height: 0;
	overflow: hidden;
}

.store-widget-container iframe, .store-widget-container object, .store-widget-container embed {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
}

.store-widget-wrapper {
	width: 650px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* HUMBLE WIDGET RESPONSIVENESS UNREST */
.humble-widget-wrapper-unrest {
	width: 650px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.humble-widget-container-unrest {
	position: relative;
	padding-bottom: 45%;
	padding-top: 30px;
	padding-left: 0;
	height: 0;
	overflow: visible;
}

.humble-widget-container-unrest iframe, .humble-widget-container-unrest object, .humble-widget-container-unrest embed {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
}

/* HUMBLE WIDGET RESPONSIVENESS WFFF */
.humble-widget-wrapper-wfff {
	width: 650px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.humble-widget-container-wfff {
	position: relative;
	padding-bottom: 60%;
	padding-top: 30px;
	padding-left: 0;
	height: 0;
	overflow: visible;
}

.humble-widget-container-wfff iframe, .humble-widget-container-wfff object, .humble-widget-container-wfff embed {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
}

/* UNREST, GAMES, LTTP PAGE CONTENT BACKGROUND TRANSPARENCY */
.page-id-1378 #main > .wrapper, .page-id-2961 #main > .wrapper, .page-id-2804 #main > .wrapper, .page-id-2797 #main > .wrapper, .page-id-847 #main > .wrapper,
.page-id-882 #main > .wrapper {
	background-color: transparent;
}

/* FONT FAMILY CHANGED TO SOMETHING THAT ISN'T DOWNLOADED, FASTER */
h1, h2, h3, blockquote, .more-link, #colophon, #featured-page .link, #wp-calendar caption, #respond label, #submit, .entry-meta, .entry-description, .event-date, .logged-in-as, .jp-artist, .pagenavi, .site-description, .widget_search input#s, .comment-header, .wp-caption-text, .caption-text, .page-link {
	font-family: Tahoma, serif;
}

body, select, input, textarea, button, blockquote cite, .pagenavi a, .pagenavi .current, .comment-author .post-author {
	font-family: Arial, Helvetica, sans-serif;
}

/* ALL GAME PAGES HYPERLINK COLOR CHANGED */
.page-id-1378 a, .page-id-2797 a, .page-id-882 a, .page-id-847 a, .page-id-2961 a {
	color: #DBC07D;
}

.page-id-1378 a:visited, .page-id-2797 a:visited, .page-id-882 a:visited, .page-id-847 a:visited, .page-id-2961 a:visited {
	color: #D8AB56;
}

.page-id-1378 a:hover, .page-id-2797 a:hover, .page-id-882 a:hover, .page-id-847 a:hover, .page-id-2961 a:hover {
	color: #C15151;
}

/* ALL GAME PAGES TEXT COLOR CHANGED */
.page-id-1378 p, .page-id-2797 p, .page-id-882 p, .page-id-847 p, .page-id-2961 p {
	color: #FFFFFF;
}

.page-id-1378 li, .page-id-2797 li, .page-id-882 li, .page-id-847 li, .page-id-2961 li {
	color: #FFFFFF;
}

.page-id-1378 h4, .page-id-2797 h4, .page-id-882 h4, .page-id-847 h4, .page-id-2961 h4 {
	color: #FFFFFF;
}

/* HEADING COLOR CHANGED FOR PAGES*/
.page-id-1378 h1, .page-id-2797 h1, .page-id-882 h1, .page-id-2804 h3, .page-id-2961 h1, .page-id-2961 h1 {
	color: #FFFFFF;
}

/* GENERAL HYPERLINK COLOR CHANGED */
a, a h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #C15151;
}

a:visited {
	color: #994040;
}

a:hover {
	color: #BF2F39;
}

.entry-content p iframe {
	display: block;
	margin: 0 auto;
}

.entry-title, .entry-meta {
	text-align: center;
}

.entry-meta a, .entry-utility, .entry-utility a {
	color: rgb(51,51,51);
}

#main > .wrapper {
	background: none repeat scroll 0 0 rgb(250,250,250);
}

#post-2 .entry-header, #post-2961 .entry-header, #post-882 .entry-header, #post-847 .entry-header, #post-840 .entry-header, #post-1378 .entry-header, #post-1516 .entry-header, #post-1784 .entry-header, #post-2230 .entry-header, #post-400 .entry-header, #post-2804 .entry-header, #post-2797 .entry-header {
	display: none;
}

.entry {
	padding: 1em;
}

/*WFFF PAGE BG */
body.page-id-882 {
	background: url('http://pyrodactyl.com/wp-content/uploads/2015/02/WFFFbackground.jpg') rgb(0,0,0);
	background-repeat: repeat-x;
	background-position: fixed center;
}

/*ATRPG PAGE BG*/
body.page-id-847 {
	background: url('http://arvindrajayadav.files.wordpress.com/2013/05/bg1.png') repeat-x rgb(0,0,0);
}

/*UNREST PAGE BG*/
body.page-id-1378 {
	background: url('http://pyrodactyl.com/wp-content/uploads/2014/07/bhimranight.jpg') fixed center top no-repeat rgb(0,0,0);
}

/*GOOD ROBOT PAGE BG*/
body.page-id-2961 {
	background: url('http://pyrodactyl.com/wp-content/uploads/2015/06/goodrobot_background_dark2.jpg') fixed center top no-repeat rgb(0,0,0);
}

/*LATE TO THE PARTY PAGE BG*/
body.page-id-2797 {
	background: url('http://pyrodactyl.com/wp-content/uploads/2014/11/lttpbackground2.jpg') fixed center top no-repeat rgb(0,0,0);
}

#site-info {
	padding: .1em 0;
}

#colophon li, #colophon a {
	color: rgb(220,220,220);
}

.no-skin #top-nav ul {
	background: rgb(220,220,220);
	text-shadow: none;
}

#top-nav {
	text-transform: none;
}

.no-skin #top-nav a {
	color: rgb(51,51,51);
	font-size: 1.15em;
	font-weight: bold;
	text-shadow: none;
}

.no-skin #top-nav .current-menu-item a, #top-nav .current_page_item a {
	color: rgb(220,220,220);
	background: rgb(51,51,51);
	font-weight: none;
	text-shadow: none;
}

.no-skin #top-nav li:hover a, .no-skin #top-nav li:hover ul a {
	background: rgb(250,250,250);
	color: rgb(51,51,51);
	text-shadow: none;
}

.no-skin #top-search {
	background: rgb(220,220,220);
	color: rgb(51,51,51);
	font-size: 1.15em;
	font-weight: bold;
	text-shadow: none;
}

.no-skin #top-search input#s, #top-search input#s:focus {
	color: rgb(51,51,51);
	text-shadow: none;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
}

.wp-caption-text {
	color: black;
}

/*Make action menu transparent for image plugin*/
#action-nav li {
	background-color: rgba(0,0,0,0);
}

#action-nav li:hover {
	background-color: rgba(0,0,0,0);
}

/*Remove a faint box from appearing on hovering over action button*/
#action-nav a:hover {
	box-shadow: none;
}

/*Make primary menu transparent for image plugin*/
.primary-nav .menu {
	background-color: rgba(0,0,0,0);
}

.primary-nav .menu li {
	border-left: 0;
	border-right: 0;
	background-color: rgba(0,0,0,0);
}

/*Reduce padding in menus to save vertical space*/
.primary-nav {
	padding: 0;
}

#action-nav ul {
	padding: 0;
}

/*Disable hover effect for menu buttons, instead use hover image as selected page image*/
.menu-item a.menu-image-hovered:hover .menu-image-hover-wrapper img.menu-image {
	opacity: 1;
}

.menu-item a.menu-image-hovered:hover .menu-image-hover-wrapper img.hovered-image {
	opacity: 0;
}

.menu-item.current-menu-item a.menu-image-hovered .menu-image-hover-wrapper img.menu-image {
	opacity: 0;
}

.menu-item.current-menu-item a.menu-image-hovered .menu-image-hover-wrapper img.hovered-image {
	opacity: 1;
}

/*Reduce padding for blog titles*/
.blog .section-content {
	padding-top: 1em;
}