/*
Theme Name: MiddleEarth
Theme URI: http://smthemes.com/middleearth/
Author: The Smart Magazine Themes
Author URI: http://smthemes.com/
Description: Template by SMThemes.com
Version: 2.0
License: Creative Commons 3.0
Theme date: 10/24/2012
License URI: license.txt
Tags: white, red, light, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
*/


/*	-==========================- GENERAL -==========================-  */
/*------------------------------ PAGE ------------------------------*/
/*@import url(http://fonts.googleapis.com/css?family=Oswald);  */
@import url(http://fonts.googleapis.com/css?family=Merienda+One);
@import url(http://fonts.googleapis.com/css?family=Overlock);
/*  @import url(http://fonts.googleapis.com/css?family=Uncial+Antiqua);  */
@import url(http://fonts.googleapis.com/css?family=Cantora+One);
@import url(http://fonts.googleapis.com/css?family=Amarante);

.widget_rewardtiers div.ppbox
{ 
	padding: 0px;
	border: 1px solid gray; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	background-color: white;
}

.widget_rewardtiers div.ppbox:hover
{
  box-shadow: 0px 0px 5px #fff;
}
.widget_rewardtiers p.ppamount
{ 
	font-family: 'Overlock'; 
	font-weight: bold; 
	font-size: 1.3em; 
	background: url(images/headerbar.png) left top repeat-x #555;
	padding: 0.5rem; 
	color: #fff;
}

.widget_rewardtiers p.ppdesc
{ 
	padding: 0.5rem; 
	color: #000;
}

.widget_rewardtiers a:hover
{
	text-decoration: none;
}
.widget_rewardtiers form.ppbutton
{ 
	text-align: center; 
}

h2.pledgewidget
{
  margin-top: 0em;
  margin-bottom: 0.2em;
}

h3.pledgewidget
{
  padding-bottom: 0;
  padding-top: 0.3;
}

h1.pledgewidget
{
  margin-top: 0em;
  margin-bottom: 0em;
}

h1.spaced
{
  margin-top: 0.7em;
  margin-bottom: 0em;
}

input.tier
{
  max-width:100%; 
  max-height:100%;
}

input.tier:hover
{
  box-shadow: 0px 0px 5px #fff;
}

#pledgeitemdesc td
{
  border: 1px solid #98765e;
  padding: 8px;
  background-color: #261916;
  vertical-align:text-top;
}

ul.bullet
{
	margin: 1rem;
	padding: 1rem;
	list-style-type: square;
}
div.countdown
{
	z-index: 1000;
	position: relative;
	float: right;
	margin-top: -390px;
/*	left: 600px; */
	width:342px;
}

ul.wpulogininfo li
{
	padding: 5px;
}

div.imgblock
{
  padding-bottom: 1em;
  font-size: 0.8em;
  text-align: center;
  vertical-align: text-top;
}

div.imgblock.left
{
  float: left;
  padding-right: 1.5em;
}
	
div.imgblock.right
{
  float: right;
  padding-left: 1.5em;
}

.post-body p
{
	text-align: justify;
}
.post-body img.left
{
	float: left !important;
	margin: 5px 15px 5px 0px;
}

.post-body img.right
{
	float: right !important;
	margin: 5px 0px 5px 15px;
}


.post-body img.center
{
	text-align: center !important;
	margin: 5px 0px 5px 15px;
}

div.focusquote
{
	padding: 1em;
	font-size: 1.5em;
	color: #DFA923;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	font-family: 'Cantora One';
	line-height: 1.2em;
}

div.w30
{
  width: 30%;
}

div.w50
{
  width: 50%;
}
	
div.focusquote.left
{
  float: left;
}
	
div.focusquote.right
{
  float: right;
}

html 
{
	background:#000;
}

body 
{
	background:url(images/background.jpg) 50% top no-repeat;
	color:#ffffff;
	position: relative;			/* I added this to make sure the site displays correctly with the admin bar activated */
}


a {
	color:#efb525;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1, h2, h3, h4, h5, h6, a.post_ttl {
	color:#fff;
	text-decoration:none;
}

a.post_ttl {
	font-size:20px;
	
}
/*------------------------------ HEADER ------------------------------*/
#header {
}

#headerbar {
	background:url(images/headerbar.png) left top repeat-x;
	z-index: 1000;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100px;
}
#secondarymenu-container {
	position:relative;
}

/*------------------------------ SEARCH ------------------------------*/
#s {
	border:none;
	background:none;
	float:right;
	height:25px;
	line-height:25px;
	color:#fff;
}
.searchbtn {
	height:25px;
	width:14px;
	margin:0 10px;
}
.searchform {
	background:#000;
	border:1px solid #a0773d;
	border-radius:3px;
}
/*------------------------------ CONTENT ------------------------------*/

.articles .one-post {
	-webkit-border-image:url(images/article-box.png) 38 26 stretch; /* Safari 5 */
	-o-border-image:url(images/article-box.png) 38 26 stretch; /* Opera */
	border-image:url(images/article-box.png) fill 38 26 stretch;	
	border-image-slice: fill;
	border-color: #000000;	
	margin: 4px;
	border-style: solid;
	border-width: 30px;	
}


.articles .post-meta a {
	color:#fff;
}
.articles .post-caption h1, .articles .post-caption h2 {
	font-family:'Cantora One';
}
.articles .post-meta {
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	font-family:'Merienda One';
}
.articles .post-date{
	color:#dfa923;
	float:right;
	
}
#commentform #submit, input.readmore, a.readmore {
    background: url("images/button1.png") repeat scroll left 50% rgba(0, 0, 0, 0);
	border:1px solid #a0773d;
	color:#ad711f;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-family:'Merienda One';
}
#commentform #submit, input.readmore, a.readmore:hover {
    background: url("images/button1-hi.png") repeat scroll left 50% rgba(0, 0, 0, 0);
	color:#dfa923;
	text-decoration: none;
}
.featured_image {
	padding: 2px;
	margin-top: 12px;
	margin-bottom: 6px;
	background: none;
    border: none;
}
.googlemap {
	background:#ad711f;
    border: none;
}
.widget_posts ul li img,.widget_flickr a {
	padding:2px;
	background:#ad711f;
}

.pagination{
	margin:30px 0;
}
.page-numbers {
	font-size:20px;
	padding:5px 10px;
	
}
a.page-numbers {
	color:#fff;
	text-decoration:none;
}
a.page-numbers:hover,span.page-numbers{
	color:#ad711f;
}
 

/*------------------------------ FOOTER ------------------------------*/
#footer {
	background:url(images/footer.jpg) 50% bottom no-repeat;
}
#footer .container {

}
#footer a, #footer h3 {

}
#footer .footer_txt {
	padding:14px 0;
	padding-left:50px;
	border-top:1px solid #363636;
}

/*------------------------------ WIDGETS AND SLIDER ------------------------------*/

#content
{
	margin-top: -400px;
}
#content .widget .caption h3 {
	background:url(images/widget.png) left top no-repeat;
	color:#fff;
	font-family:'Amarante', serif;
	margin:0 -15px;
	padding:0 15px;
	font-size:16px;
	height:46px;
	line-height:46px;
	text-shadow: 0px 0px 10px black;
	text-transform: uppercase;
}
/*	-==========================- DESKTOP -==========================-  */
@media only screen and (min-width:1024px) {
	#content-top 
	{
/*		height:5px;
		background:url(images/content/bottom-n.png) left top no-repeat !important;
*/
		background: url("images/footerbar.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
		margin-top: -30px;
	    padding-top: 440px;
	    position: relative;
	    z-index: 10;
	}

	#content-bottom 
	{
		height:5px;
		background:url(images/content/bottom-n.png) left top no-repeat !important;
	}
	#content .container {
/*		background:url(images/content/main-n.png) left top repeat-y !important;  */
/*		background-color: #000000; */
	}
	#logo {
		position:absolute;
		left:50%;
	}
	#logo img {
		margin-left:-50%;
	}
	.menusearch {
		float:left;
		margin-top:44px;
		margin-left:20px;
	}
	/*------------------------------ MENU ------------------------------*/
	#secondarymenu-container {
		padding-top:42px;
		height:0px;
		position:relative;
		z-index:100;
	}
	#secondarymenu {
		float:right;
		margin-top:50px;
	}
	#secondarymenu li {
		
	}
	#secondarymenu a {
		text-decoration:none;
		padding:8px 10px;
		display:block;
		color:#fff;
		font-family:'Overlock';
		font-size:15px;
	}
	#secondarymenu a:hover{
		color:#efb525;
	}
	
	#mainmenu-container {
		height:54px;
		width:1000px;
		margin-left: auto;
		margin-right: auto;
		top:0;
		z-index: 999;
	}
	
	#mainmenu li a {
		text-align:center;
		color:#fff;
		display:block;
		text-decoration:none;
		font-family:'Amarante', serif;
		padding:0px 20px;
		font-size:16px;
		text-transform: uppercase;
	
	}
	#mainmenu li {
		padding-left:7px;
		position:relative;
	}
	#mainmenu li a:hover{
		color:#efb525;
	}
	
	#mainmenu div.menu-main-menu-container,
	#mainmenu div.menu-topmenu-container,
	#mainmenu div.menu-primary-container
	{
		padding-left: 300px;
		padding-top: 25px;
	}
	
	#headerbar a.logo
	{
		background-image: url("images/deathfireheaderlogo.png");
	    -moz-box-sizing: content-box;
	    background-position: 100% 0;
	    background-repeat: no-repeat;
	    width: 300px;
	    height: 154px;
	    left: 0;
	    outline: medium none;
	    padding-left: 1.5em;
	    position: absolute;
	    text-indent: -999em;
	    z-index: 1000;
	}
	
	#header li ul {
		top:38px;
	}
	#header #mainmenu li ul {
		top:52px;	
	}

	
	#header li ul .transparent {
		background:#000;
		-moz-opacity: 0.30;
		opacity: 0.30;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30);
		border:1px solid #977039;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	}
	#header li ul .inner {
		background:none;
		padding:0;
	}
	#header ul.children li, #header .sub-menu li {
		padding:0 !important;
		margin:0 !important;
		height:25px;
		line-height:25px;
	}
	#header ul.children li a, .sub-menu li a {
		color:#fff !important;
		padding:0 !important;
		background:none;
		height:25px;
		line-height:25px;
	}
	#header ul.children li a:hover, .sub-menu li a:hover {
		color:#fff !important;
	}
	
	#header .sub-menu .sub-menu {
		top:0 !important;
	}

	#article-box
	{
		-webkit-border-image:url(images/article-box.png) 38 26 stretch; /* Safari 5 */
		-o-border-image:url(images/article-box.png) 38 26 stretch; /* Opera */
		border-image:url(images/article-box.png) fill 38 26 stretch;	
		border-image-slice: fill;
		margin: 4px;
		border-style: solid;
		border-width: 30px;	
	}

	/*------------------------------ SLIDER ------------------------------*/
	.slider-container {
		padding:70px 0 0 0;
/*		background:url(images/slider.png) left top no-repeat;  */
		margin:0px;
		width:100%;
/*		height:400px; */
	}
	.fp-next {
		width:18px;
		height:60px;
		margin-right: 10px;
	}

	.fp-prev {
		width:18px;
		height:60px;
		margin-left: 10px;
	}

	.slider {
		position:relative;
		background:none;
		padding:0px;
		border:none;
		margin-top: 0px;
	}
	.fp-prev-next-wrap {
		margin:0;
	}
	.fp-prev,.fp-next {
		margin-top: -20px;
	}
	
	.slider-nothumb .fp-slides, .slider-nothumb .fp-thumbnail, .slider-nothumb .fp-slides-items {
		height:188px;
	}
	.fp-slides,.fp-thumbnail,.fp-slides-items  {
		height:400px;
		width:1000px;
		max-width: 100%;
		max-height: 100%;
	}
	.fp-content-fon {
		border-bottom:none;
		border-left:none;
		border-right:none;
	}
	.fp-content-fon, .fp-content {	
		left:0px;
		right:0px;
		bottom:0;
	}
	.slider-nothumb .fp-content-fon {
		background:#fff;
	}
	.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{
		color:#000;
	}
	.fp-nav {
		display:none;
	}

}


/*	-==========================- TABLET -==========================-  */
@media only screen and (min-width:640px) and (max-width:1023px) {
	#header {
		background:none;
	}
	
	#logo {
		float:left;
		margin-left:0px;
	}
	#header-banner {
		margin-top:25px;
		float:right;
	}
	/*------------------------------ MENU ------------------------------*/
	.menusearch {
		float:right;
		margin-top:20px;
		margin-right:25px;
		clear:right;
	}
	#secondarymenu-container {
		height:25px;
		padding-top:0px;
	}
	#secondarymenu {
		float:right;
		clear:right;
		margin-top:0px;
		margin-right:7px;
	}
	#secondarymenu li {
		padding:18px;
	}
	#secondarymenu li a{
		color:#fff;
	}
	#mainmenu-container {
		height:50px;
		clear:left;
		margin-bottom:15px;
		background:url(images/headerbar.png) left top repeat-x;
	}
	#mainmenu {
		margin:0 10px;
	}
	#mainmenu li {
		padding:0;
		float:left;
		position:relative;
	}
	#mainmenu li a {
		text-align:center;
		color:#fff;
		display:block;
		text-decoration:none;
		font-family:'Amarante', serif;
		padding:0px 20px;
		font-size:16px;
		text-transform: uppercase;
	}


	#mainmenu a {
		color:#fff;
		text-decoration:none;
		font-size:16px;
		padding:16px 15px;
		display:block;
	}
	#mainmenu li ul {
		top:65px;
		left:0;
	}


	#header li ul  .transparent {
		
	}
	#header li ul .inner {
		margin:1px;
		background:#000;
	}
	#header ul.children li a, .sub-menu li a {
		color:#686868;
		padding:0 !important;
		background:none;
	}
	#header ul.children li a:hover, .sub-menu li a:hover {
		color:#fff;
	}
	
	#mainmenu div.menu-main-menu-container,
	#mainmenu div.menu-topmenu-container,
	#mainmenu div.menu-primary-container
	{
		padding-left: 220px;
		padding-top: 25px;
	}
	
	#headerbar a.logo
	{
		background-size: 70%;

		background-image: url("images/deathfireheaderlogo.png");
	    -moz-box-sizing: content-box;
	    background-position: 0 0;
	    background-repeat: no-repeat;
	    width: 300px;
	    height: 154px;
	    left: 0;
	    outline: medium none;
//	    padding-left: 1.5em;
	    position: absolute;
	    text-indent: -999em;
	    z-index: 1000;
	}
	/*------------------------------ SLIDER ------------------------------*/
	.slider-container {
		padding:70px 0 0 0;
/*		background:url(images/slider.png) left top no-repeat;  */
		margin:0px;
		width:100%;
/*		height:400px;  */
		max-width: 100%;
		max-height: 100%;
	}
	.fp-next {
		width:18px;
		height:60px;
		margin-right: 10px;
	}

	.fp-prev {
		width:18px;
		height:60px;
		margin-left: 10px;
	}

	.slider {
		position:relative;
		background:none;
		padding:0px;
		border:none;
		margin-top: 0px;
	}
	.fp-prev-next-wrap {
		margin:0;
	}
	.fp-prev,.fp-next {
		margin-top: -20px;
	}
	.fp-slides,.fp-thumbnail,.fp-slides-items  {
/*		height:400px; */
		width:1000px;
		max-width: 100%;
		max-height: 100%;
		min-height: 280px;
	}
	#content-top 
	{
		background: url("images/footerbar.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
		margin-top: -30px;
	    padding-top: 440px;
	    position: relative;
	    z-index: 10;
	}
	.fp-nav {
		display:none;
	}
	
}

/*	-==========================- MOBILE -==========================-  */
@media only screen and (min-width:240px) and (max-width:639px) {
	.menusearch {padding:3px 0;}
	#header {
		background:none;
	}
	#logo {
		
	}
	
	#secondarymenu, #mainmenu {
		margin:0 -2%;
		padding:0 2%;
	}
	#secondarymenu li, #mainmenu li {
		border-top:1px solid #eee;
	}
	#secondarymenu li a, #mainmenu li a{
		color:#ffffff;
	}
	.fp-next, .fp-prev {
		margin:0 -5px;
	}
	.footer-widgets .widgetf:first-child {
		border:none;
	}
	
	#footer {
		width:100%;
	}
	.widgetf {
		border-top:1px solid #d3d3d3;
	}
	.articles .post-date {
		float:none;
	}
	.articles dt p img {
		display:none;
	}
	.fp-nav {
		display:none;
	}
	#s {
		width:70%;
	
	}
	
	.slider-container {
		visibility: hidden;
	}
	#content-top { 
		position: relative; 
		padding-top: 220px;
	}
}


/*	-==========================- INTERNET EXPLORER!!! -==========================-  */
@media screen and (min-width:0\0) 
{
	.articles .one-post {
		border-color: #333333;	
		margin: 4px;
		margin-bottom: 10px;
		border-style: solid;
		border-width: 1px;	
		padding: 10px;
	}

	#article-box {
		border-color: #333333;	
		margin: 4px;
		margin-bottom: 10px;
		border-style: solid;
		border-width: 1px;	
		padding: 10px;
	}
}