@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

html{
	height:100%;
}
body {
	background-color:#cdd0d9;

} 

.hide-for-desktop{display:none;}

html[data-useragent*='MSIE 10.0'] #header-main{display:none !important;}
html[data-useragent*='MSIE 10.0'] #nav-main {top:0!important}
html[data-useragent*='MSIE 10.0'] #content {margin-top:4em !important}
		
		
.notes-list ol li {
	display: block;
	padding: 7px 0 7px 10px;
	font-size: 11px;
	line-height: 15px;
	color: #201d2b!important;
	border:0;
}
.notes-list ol li a {
	color: #851b40!important;
	text-decoration: none;
}
.notes-list, .post .footer .tags {
	display: none;
}
.post {
	background: #fff;
}
.permPage 
.post {
margin: 0 auto!important;
max-width: 600px!important;
width: 100%!important;
position: relative!important;
	background: white!important;

}
.permPage 
.post.card.video {
max-width: 700px!important;
	background: none!important;
	
} 
.permPage 
.post.card.video 
.media {
		margin: 0;

}
.permPage 
.post.card.video 
.share-icons {
	background: black!important;
	padding:2px 1%!important;
	width: 98%;	
}
.permPage 
.post.card.video 
.share-icons span {
	float: right;
	margin-top: 17px;
}
.permPage 
.post.card.video 
.share-icons #dookShare {
	float: left;
	height: 34px;
}
.permPage 
.post.card.video 
.share-icons #dookShare span {
	margin: 0;
}
.permPage 
.post.card.video 
.footer {display: none}
.permPage 
.post.photo  {
margin: 0 auto!important;
width: 600px!important;
position: relative!important;

}

.icons {
  margin: 0 auto;
  list-style-type: none;
  width:100%;
}
.icons li {
  display:block;
	margin:0 auto;
	text-align: center;
}

.icons li i{
	color:white;
	font-size:40px;
	width:40px;
}

.icons li i.fa-facebook{
	width:20px;
}

.icons li i.fa-twitter{
	width:35px;
}

.icons a,
.icons .like_button {
  -webkit-transition: all 0.14s ease-in-out;
  -moz-transition: all 0.14s ease-in-out;
  -o-transition: all 0.14s ease-in-out;
  transition: all 0.14s ease-in-out;
  opacity: 0.5;
  cursor: pointer;
	margin:0 auto;
	text-align: center;
	display:block;
}
.icons a:hover,
.icons .like_button:hover {
  opacity: 1;

}
.icons .permalink {
  margin-top: -1px;
  margin-right: 2px;
}
.icons .sharer {
  font-size: 17px;
  opacity: 0.5;
  -webkit-transition: all 0.14s ease-in-out;
  -moz-transition: all 0.14s ease-in-out;
  -o-transition: all 0.14s ease-in-out;
  transition: all 0.14s ease-in-out;
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.icons .sharer i,
.icons .sharer a {
  cursor: pointer;
  color: #fff;
  -webkit-backface-visibility: hidden;
	margin:0 auto;
	text-align: center;
	margin-left:0;
	
}
.icons .sharer i.social-export{
	box-sizing: border-box;	
	-moz-box-sizing: border-box;
	width:33px;
}

.icons .sharer.white i,
.icons .sharer.white a {
  color: #fff;
}
.icons .sharer a,
.icons .sharer .reblog-icon {
  font-size: 13px;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  margin-left: -16px;
}
.icons .sharer a.social-facebook {
  margin-top: -3px;
}
.icons .sharer a.social-twitter {
  margin-top: -2px;
}

.icons .sharer .reblog-icon {
  margin-left: -8px;
  -webkit-transition: all 0.14s ease-in-out;
  -moz-transition: all 0.14s ease-in-out;
  -o-transition: all 0.14s ease-in-out;
  transition: all 0.14s ease-in-out;
}
.icons .sharer .reblog-icon a {
  margin: 0 2px -2px 2px !important;
  opacity: 1 !important;
}
.icons .sharer:hover {
  opacity: 1;
}
.icons .sharer.on {
  opacity: 1;
}
.icons .sharer.on a,
.icons .sharer.on .reblog-icon {
  visibility: visible;
  opacity: 0.5;
  margin-left: 0px;
}
.icons .sharer.on a:hover, .icons .sharer.on .reblog-icon:hover{
	background:none;
}
.icons .sharer.on a.social-facebook,
.icons .sharer.on .reblog-icon.social-facebook {
  margin-left: 3px;
}
.icons .sharer.on a:hover,
.icons .sharer.on .reblog-icon:hover {
  opacity: 1;
}

.social-export:before{
	content:"\f045";
}

.permPage 
.post 
.content {color: #201d2b!important;}
.permPage .notes-list{
	display: block
}
.text img {
	width: 100%;
}
.permPage 
.post .title a{
	color: #851b40!important;
	font-weight: 400!important;
	letter-spacing: 2px!important;
	text-transform: uppercase!important;
}
.permPage 
.post .title {
	text-align: center!important
	
}
#header-main {
	overflow: hidden!important
}
           #nav-main{
               position:absolute;
               border-bottom: none!important;
               width: 100%;
               height: 60px;
               background: #201d2b;
               z-index: 99999;
               text-align: center;
           }
           .permPage #nav-main,
           #nav-main.sticky {position: fixed!important;top:0!important}
           #nav-main .navigation ul li a{
	           color: #fff!important;
	           line-height: 60px;
	           font-family: 'Open Sans', sans-serif;
	           letter-spacing: 2px;
	           text-transform: uppercase;
	           padding: 0 12px;
	           font-weight: 400;
	           text-decoration: none;
	           
           }
           #nav-main .navigation ul li a:hover{
	           color:#841b3f;
           }
           #nav-main{
	           margin: 0!important;
	           padding: 1em 0;
           }
           #nav-main .navigation {
padding: 0px 25px!important;
display: block;
        text-align: left;
		width: 65%;
		margin: 0 auto;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
}

logo {
	background: url(http://static.tumblr.com/igqjndv/gmongumra/logo.png) no-repeat center center;
	background-size: 100%;
	width: 200px;
	height: 60px;
	display: block;
	float: left;
	margin-left: 30px;
}


.social-media {position: relative;top: 0;float:right;width:10%;}
.social-media a i {
	font-size: 20px;
	background: transparent!important;
	color: #fff;
	padding: 0 14px;
	line-height: 60px
}
.social-media a {
	background: transparent!important;
}


#content, .post {border: none!important}
#content{margin-top:4em;position:relative;width:100%;background-color:#cdd0d9;z-index:12;}
.post .footer {display: none}
.post .footer .tags a {color: #fff!important}



.bottom-arrow, .cast-arrow {
position: absolute;
bottom: 30px;
left: 50%;
margin-left: -120px;
width: 240px;
padding-bottom: 20px;
text-align: center;
font-size: 60%;	
z-index: 11;
cursor: pointer;

}

#CastArrow {
	bottom: 20px;
}


.bottom-arrow:after, .cast-arrow:after{
display: block;
position: absolute;
margin: 1em auto 0;
bottom: 0px;
left: 50%;
margin-left: -10px;
height: 20px;
width: 20px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
  -webkit-animation: downdown 4s infinite; /* Safari 4+ */
  -moz-animation:    downdown 4s infinite; /* Fx 5+ */
  -o-animation:      downdown 4s infinite; /* Opera 12+ */
  animation:         downdown 4s infinite; /* IE 10+ */
}

@-webkit-keyframes downdown {
  0%   { opacity: .5;bottom: 50px; }
  40% { opacity: 1; bottom: 0px;}
  70% { opacity: 1; bottom: 0px;}
  100% { opacity: 0; bottom: -50px;}
}
@-moz-keyframes downdown {
  0%   { opacity: .5;bottom: 50px; }
  40% { opacity: 1; bottom: 0px;}
  70% { opacity: 1; bottom: 0px;}
  100% { opacity: 0; bottom: -50px;}
}
@-o-keyframes downdown {
  0%   { opacity: .5;bottom: 50px; }
  40% { opacity: 1; bottom: 0px;}
  70% { opacity: 1; bottom: 0px;}
  100% { opacity: 0; bottom: -50px;}
}
@keyframes downdown {
  0%   { opacity: .5;bottom: 50px; }
  40% { opacity: 1; bottom: 0px;}
  70% { opacity: 1; bottom: 0px;}
  100% { opacity: 0; bottom: -50px;}
}

/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(122,27,64,0.9);
	z-index:1;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(http://static.tumblr.com/igqjndv/tLYnguskz/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}

/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
}

.overlay ul li a {
	font-weight: 300;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-decoration:none;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #e3fcb1;
}

/* Effects */
.overlay-hugeinc {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc nav {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.overlay-hugeinc nav ul {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}

.fanart-page .fanart{display:block;}
.permalink .fanart{display:block;
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
            and (min-device-width : 768px) 
            and (max-device-width : 1024px) 
             { 
				#header-main {
					-webkit-background-size: cover;
					  -moz-background-size: cover;
					  -o-background-size: cover;
					  background-size: cover;
					  display:none;
					   background-size:100%;
				}


				#nav-main{
                    position:fixed !important;
					top:0 !important;
					background:#000;
                }
                 #nav-main .navigation ul li a{
                     background:transparent;
                     padding:0 10px;
                     width:10%;
                }
                logo{
                    width:155px;
                    margin-left:2em;
                }
                
                #nav-main .navigation, logo, .social-media{
					display:block !important;
				}
				
				.header-main{
					margin-top:5em;
				}
				.bottom-arrow, .cast-arrow{
					bottom:143px;
				}
				
				.permPage #content{
					margin-top:6em;
				}
				#content{
					margin-top:0em;
				}
				
				.social-media{
					right:2em;
				}
				#nav-main .navigation ul li{
					padding:0 40px;
				}


            }
            
        				
@media (max-width: 1024px){
	body.story.permPage #content, body.film.permPage #content{
		width:57%;
	}
}
@media (max-width: 960px){
	#nav-main .navigation ul li a{
		background:transparent;
		width: auto;
		float: left;
		padding: 0 15px;
		line-height:50px;
		font-size: 10px;
	}
	logo{
		width:155px;
		margin-left:2em;
	}
	#header-main, .header-main{
		display:none;
	}
	#tease{
		width:100%;
		height:600px;
	}
	#nav-main{
		position:fixed !important;
		top:0 !important;
		background:#000;
	}
	.permPage .post{
		width:100% !important;
		min-height: 100% !important;
		max-width: 100% !important;
	}
	.permPage .post.photo{
		width:100% !important;
	}
	
	.permPage #posts{
		padding:40px 0;
	}
	.hide-for-mobile{display:none !important;}

	
	.permPage #content{
		margin-top:6em;
	}
	.social-media{
		float:right;
		width:20%;
		text-align: right;
				}
	.mobile-menu{
		float:left;
		margin:3em 0 0 3em;
	}
	.overlay ul li{
		font-size:25px;
	}
	.mobile-menu{
		margin:1.5em 0 0 1em;
	}

		.hide-for-desktop{display:block;}
}

@media (max-width: 1280px){
		#nav-main .navigation ul li{padding:0 8px !important;}	        
    }

/* iPads (portrait and landscape) ----------- */
@media only screen 
            and (min-device-width : 768px) 
            and (max-device-width : 1024px) 
            and (orientation : portrait){
	
	#nav-main .navigation.hide-for-mobile{display:none !important;}  
	.hide-for-desktop{display:block;}   
	.overlay ul li{
		font-size:inherit;
	}
	.header-main{display: block !important;}  
	body.film{
		background:url('http://static.tumblr.com/igqjndv/XJ2ni3e4w/d02cl5y_0622.jpg') no-repeat top left;
		background-size: cover;
	}     
	body.story{background:url('http://static.tumblr.com/igqjndv/5HPni3cms/d02cl5y_0635.jpg') no-repeat top right;background-size: cover;}
	.permPage #content{
		margin-top:2em;
	}
}

@media (max-width: 736px){
	#content{
		margin-top:3.5em;
	}
	.social-media a i{
		padding:0 10px;
	}
	body.story, body.film{
		background:transparent;
	}
	.permPage #posts{padding:0 1em;}
}

@media (max-width: 320px){
.overlay .overlay-close{height:40px;width:40px;}
.social-media{width:25%;}
}