/*
Theme Name: GoT Tumblr Custom
Description: Custom tumblr theme built for HBO GoT.
Author: Let's Build
Author URI: http://www.letsbuild.la
Version: 2.2
*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

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

img,
object,
embed {max-width: 100%;}

html {overflow-y: scroll;}

ul { list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea { font: 99% sans-serif; -webkit-appearance: none; border-radius: 0; }

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

button, input, select, textarea {margin: 0;}

button {width: auto; overflow: visible;}

.ie7 img {-ms-interpolation-mode: bicubic;}

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Layout Copy Here
-------------------------------------------------------------------------------*/


body {
	
	background-color: #202020;
	font-family: sans-serif;
	font-size: 10px;
	
}

div#wrapper {
	
	max-width: 1398px;
	margin: 0px auto;
	
}

.left {
	
	float: left;
	
}

.right {
	
	float: right;
	
}

a {
	
	color: #000;
	text-decoration: none;
	
}

header {
	
	padding-top: 90px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	
}

header h1 {
	
	font-size: 12.0em;
	line-height: 1.0em;
/* 	font-weight: 300; */
	/*padding: 20px 0px;*/
	margin-top: 35px;
	letter-spacing: 0.1em;
/* 	font-family: 'Oswald', sans-serif; */
	margin: 0;
	
	font-family: 'Tungsten A', 'Tungsten B';
	font-weight: 300;
	font-style: normal;
	
}

header h1 a {
    
    color: #fff;
}

header hr {
	
	background-color: #656565;
	width: 425px;
	margin: 25px auto;
	
}

header h2 {
	
	letter-spacing: 0.32em;
	font-size: 2.0em;
	padding: 0px;
	margin: 0px;
	line-height: 1.4em;
	font-family: xwct-n4;
	font-weight: normal;
	font-style: normal;
	
}

header nav {
	
	margin-top: 45px;
	padding: 0px 0px;
/* 	background-color: #000; */
	font-family: 'Tungsten A', 'Tungsten B';
	position: relative;
	z-index: 500;
	
}

header nav ul {
	
	margin: 0;
	padding: 0;
}


header nav ul li.nav-link:first-child {
	
	padding-left: 35px;
	
}

header nav ul li.nav-link {
	
	float: left;
	padding: 0px 20px;
	/*line-height:60px;*/
	font-size: 1.65em;
	font-weight: bold;
	letter-spacing: 0.125em;
	font-weight: 300;
	position: relative;
    font-family: 'Tungsten A', 'Tungsten B';
	
}

header nav div.site-nav li.nav-link {
    
    line-height: 60px;
    
}

header nav ul li.nav-link a {
	
	display: block;
	color: #fff;
	text-decoration: none;
	
}

header nav ul li.nav-link span a {
	
	display: inline-block;
}

header nav ul div.site-nav {
	
	background-color: #070707;
	margin-top: 15px;
	
}

header nav ul li#submit, header nav ul li#submit-tablet {
	
	font-family: 'Tungsten A', 'Tungsten B';
	font-weight: 300;
	font-style: normal;
	margin: 0px;
	background-color: #c72500;
	padding: 20px 30px;
	font-size: 2.0em;
	letter-spacing: 0.1em;
	
}

header nav ul li#submit > span {
	
	margin: 0px 0px 0px 15px;
	position: relative;
	top: -8px;
	
	
}

header nav ul li#search {
	
	padding: 10px 10px;
	float: right;
	line-height: 38px;
	
}

header nav ul li#search input[type=search] {

	background-color: #222222;
	padding: 0px 5px;
	height: 38px;
	border: none;
	outline: none;
	color: #fff;
	font-size: 1.7em;
	width: 260px;
/* 	width: 40%; */
	
}

header nav ul li#search-tablet input[type=search] {
	
	background-color: #808080;
	padding: 7px 5px;
	border: none;
	outline: none;
	color: #fff;
	font-size: 2.3em;
	width: 70%;
	float: left;
	padding: 20px 1%;
	-webkit-appearance: none;
	
}

header nav ul li#search-tablet input[type=submit] {
	
	background-color: #4e4e4e;
	border: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.5em;
	padding: 23px 15px;
	width: 28%;
	float: right;
	font-family: 'Tungsten A', 'Tungsten B';
	-webkit-appearance: none;
	
}

header nav ul li#search input[type=submit] {
	
	background-color: #4e4e4e;
	border: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.8em;
	/*padding: 0px 15px;*/
	width: 80px;
	text-align: center;
	height: 38px;
	font-family: 'Tungsten A', 'Tungsten B';
	-webkit-appearance: none;
	outline: none;

}


div.tablet {
	
	position: relative;	
	display: none;
	
}

div.social-tablet {
	
	display: none;
}


header nav ul li#search-tablet {

	width: 100%;
		
}

header nav ul li#submit-tablet {
	
/* 	width: 91.7%; */
	width: 100%;
	padding: 20px 0px;
	float: none;

}

header nav ul li#submit-tablet span {
	
	vertical-align: middle;
	margin-left: 30px;
	
}



header nav div.site-nav li > ul.sub-nav {
	
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: #000;
	padding: 10px 35px 10px 10px;
	
}

header nav div.site-nav li > ul.sub-nav li {
	
	display: block;
	text-align: left;
	white-space: nowrap;
/* 	margin-bottom: 8px; */
	font-size: 0.85em;
	margin: 6px 0px 8px 0px;
	line-height: 1.0em;
	
}

header nav div.site-nav li > ul.sub-nav li a {
	
	transition: 250ms;	
	
}

header nav div.site-nav li > ul.sub-nav li:hover a {
	
	color: #d1d1d1;
	
}


header nav div.site-nav li.nav-link:hover {
	
	background-color: #6e6e6e;
	
}

header nav div.site-nav li:hover > ul.sub-nav {
	
	display: block;
	
}

header div.social {
	
	  position: fixed;
      top: 0px;
      left: 0px;
      z-index: 1000;
      margin: 0px;
      height: 1px;
      width: 100%;
      
}

header div.social ul {
    
    padding: 0px;
    max-width: 1360px;
    margin: 20px auto 0px auto;
    text-align: left;
    
}

header div.social ul li {
    
    margin-right: 5px;
    
}

header a.social-button {
	
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 45px;
	height: 45px;
	padding: 0px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 25px;
	font-weight: normal;
	line-height: 2em;
	border-radius: 25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	
}

header div.circle {
	
	border-radius: 50%;
	width: 15px;
	height: 15px; 
	margin-right: 5px;

}

header ul li {
	
	display: inline-block;
	margin-right: 5px;
		
}

header div.social-tablet ul {
	
	padding: 0;
	
}

footer {
	
	padding-top: 40px;
	min-height: 54px;
	margin-top: -3px;
	background-color: #000;
	
}

footer div.inner {
	
	text-align: center;
	height: 100%;
	
}

footer span {
	
	line-height: 54px;
	color: #767676;
	
}

div#hero-header {
	
	top: 0px;
	left: 0px;
	height: 0px;
	width: 100%;
	z-index: 999;
	text-align: center;
	
}

div#hero-header div.inner {
	
	background-color: rgba( 78, 78, 78, 0.8 );
	display: inline-block;
	transition: 190ms;
	
}

div#hero-header div.inner:hover {
	
	background-color: rgba( 78, 78, 78, 1 );
}


div#hero-header div.inner img {
	
	margin: 20px 25px;
	
}

div.loader-wrap {
	
	width: 150px;
	margin: 0px auto;
	display: none;
	
}

div.loader {
	
	height: 100px;
	/* display: none; */
	position: relative;
	top: 80px;
	background: url('http://awseb-e-g-awsebloa-1dkpwnyz1huca-885699373.us-west-1.elb.amazonaws.com/images/loader-text.png') no-repeat top center;
	
}

div.loader div.spinner {
	
	height: 46px;
	width: 46px;
	bottom: 0;
	position: relative;
	top: 50px;
	left: 50px;
	background: url('http://awseb-e-g-awsebloa-1dkpwnyz1huca-885699373.us-west-1.elb.amazonaws.com/images/loader-spinner.png') no-repeat;
	-webkit-animation: rot 2s infinite cubic-bezier(0.455,.03,.515,.955);
	-moz-animation: rot 2s infinite cubic-bezier(0.455,.03,.515,.955);
	-o-animation: rot 2s infinite cubic-bezier(0.455,.03,.515,.955);
	-ms-animation: rot 2s infinite cubic-bezier(0.455,.03,.515,.955);
	animation: rot 2s infinite cubic-bezier(0.455,.03,.515,.955);
	
}

div#main {
	
/* 	background-color: #000 */;
	text-align: left;
	position: relative;
		
}

div#main img.next-arrow {
	
	float: left;
	margin: 15px 10px;
	position: relative;
	z-index: 500;
	
}

div#main img.previous-arrow {
	
	float: right;
	margin: 15px 10px;
	position: relative;
	z-index: 501;
	
}

nav.pagination {
	
	text-align: center;
	color: #fff;
	padding: 20px 0px;
	font-size: 1.9em;
	
	font-family: 'Tungsten A', 'Tungsten B';
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	
}

nav.pagination a,
nav.pagination span {
	
	color: inherit;
	display: inline-block;
	margin: 0px 5px;
	
}

body.post-detail div#main,
body.post-detail div.articles,
body#submit-page div#main,
body#ask-page div#main {
	
	background-color: #fff;
	
}

body.post-detail div.articles {
    
    min-height: 0px !important;
    
}

body.post-detail article.post {
	
	background-image: none;
	opacity: 1.0;
	padding: 0px 0px;
	font-family: 'Tungsten A', 'Tungsten B';
	
}




body.post-detail div#social-bar {
	
	padding: 40px 0px;
	
}

body.post-detail div#social-bar > div {
	
	float: left;
	margin-right: 20px;
	
}

div#main > div.inner {
	
	padding: 40px;
	
}

body#submit-page div#main > div.inner,
body#ask-page div#main > div.inner{

	padding: 40px 90px;

}

.fa {
	
	font-size: 5em;
	color: #afafaf;
	position: absolute;
	z-index: 999;
	
}

.fa-angle-left {

	left: 50px;
	top: 25px;

}

.fa-angle-right {
	
	right: 50px;
	top: 25px;

}

div.articles {
	
	background-color: #000;
	width: 100% !important;
	top: 0px;
	position: relative;
	min-height: 1200px;
	
}

article.post {
	
	padding: 0;
	/*margin-bottom: 1px;*/
	margin: 0px;
	width: calc( ( 100% / 3 ) - 1px );
	opacity: 0;
	background-color: #fff;
	float: left;
	background-image: url('http://www.hbo.com/custom-assets/social/tmblr/game-of-thrones/s5/ui-post-bottom-line.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	overflow: hidden;
	
}

article.post p {
	
	font-size: 1.3em;
	color: #4c4c4c;
	
}

article.post figure {
	
	position: relative;
	padding: 28px;
	text-align: center;



}

article.post figcaption {
	
	font-family: 'Roboto';
	text-align: left;
	font-size: 1.2em;
	
}

article.post div.info {
	
	margin: 10px 0px 25px 0px;
	
}

article.post div.info time {
	
	font-size: 1.5em;
	
}

article.post div.info {
	
	color: #767676;
	
}


article.post div.info a {
	
	color: #767676;
	
}

div.articles {
	
	position: relative;
	
}

div.share a {
	
	margin: 0px 10px;
	
}

div.share span {
	
	position: relative;
	top: -5px;
	font-size: 1.3em;
	margin-right: 10px;
	
}

div.share div.like_button {
	
	display: inline-block;
}

a.reblog_button {
	
	display: inline-block !important;
}

/* Single Post Page */

body.post-detail div.articles {
    
    width: 100%;
}

body.post-detail article.post {
	
	width: auto;
	display: block;
	margin: 0 auto;
	float: none;
	border: none;
	
}

body.post-detail article.post figure div.content {
	
	max-width: 800px;
	display: inline-block;
	
}

body.post-detail article.post img {
	
	margin: 0 auto;
	display: block;

}

/* Submit Page */

#submit-page div.inner h2, #ask-page div.inner h2 {
	
	color: #c72500;
	font-size: 3em;
	margin-bottom: 20px;
	font-family: 'Tungsten A', 'Tungsten B';
	font-weight: 100;
	letter-spacing: 2px;
}

#submit-page div.inner div.left {
            
            width: 47%;
            
        }
        
#submit-page div.inner div.right {
	
	background-color: #4e4e4e;
	width: 47%;
	color: #fff;
	padding: 30px 0px;
	
}

#submit-page div.inner div.right div.content {
    
    padding: 30px 55px;
    
}

#submit-page div.top, #ask-page div.top {
	
	border-bottom: 1px solid #949494;
	margin-bottom: 45px;
	
}

#submit-page div.inner div.right ul {
	
	list-style: disc;
	
} 

#submit-page div.inner div.right ul li {
	
	margin-bottom: 20px;
	
}

#submit-page div.inner div.right ul li span {

	font-size: 1.3em;
	font-weight: 100;
}

#submit-page div.inner div.right h3 {
	
	font-size: 2em;
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-family: 'Tungsten A', 'Tungsten B';
	font-weight: 100;
	letter-spacing: 2px;
}


ol.notes {
	
    padding: 20px 20px 20px 20px;
    margin-top: 60px;
    max-width: 1100px;
    margin: 0px auto;
	list-style: none;

}

ol.notes li {
	
	margin-bottom: 15px;
	
}

ol.notes li span {
	
	font-size: 1.2em;
	
}

ol.notes li span.action {
    
    margin-left: 5px;
    
}

div.comments-wrap {
	
	padding: 20px 20px 20px 20px;
	margin-top: 60px;
	max-width: 1100px;
	margin: 0px auto;
	
}

/* Disqus */

div#layout {
	
	width: 39%;
	margin: 0 auto;
	
}

@media screen and (max-width: 1200px) {
	
	#main div.inner div.right,
	#main div.inner div.left {
		
		padding: 25px 0px;
		float: none;
		width: 100%;
		min-width: 540px;
		
	}
	
}

@media screen and (max-width: 1150px) {

	header nav ul li#search input[type=search] {
		
		width: 180px;
		
	}
	
	header nav ul li.nav-link {
		
		padding: 16px 10px;
		
	}

}

/* Media Queries */

@media screen and (max-width: 932px) {
	
	header nav ul li#submit-tablet span {
		
		position: relative;
		top: -10px;
		
	}
	
	div.social {
		
		display: none;
		
	}
		
	div.tablet {
		
		display: block;
		
	}

	div.social-tablet {
	
		display: block;

	}
	
	header nav ul li#submit {
		
		display: none;
		
	}
	
	header nav ul li#search {
		
		display: none;
	}
	
	header nav ul div.site-nav {
		
		margin-top: 0;
	}
	
	header nav ul li.nav-link {
		
		float: none; 
		display: inline-block;
	}
	
	header ul li {
		
		margin-right: 0px;
		
	}

}


@media screen and (max-width: 768px) {
	
	header h1 {
		
		font-size: 8.0em;
		
	}
	
	article.post {
		
		width: calc( 50% - 1px );
		
	}

}

@media screen and (max-width: 520px) {
	
	article.post {
		
		width: 100%;
		
	}	
	
}