@font-face {
font-family: font;
src: url('fonts/font.ttf'); /* Safari, Android, iOS */
}

#loading {
	position: fixed;
	top: 48%;
	left: 50%;
	margin-left: -20px;
}

html, body {
padding: 0;
margin: 0;
background: #f3f3f3;
overflow-x: hidden;
				color: #fff;

font-family: 'helvetica neue', helvetica;
font-weight: 900;
}



			#js {
				position: absolute;
				top: 50%;
				margin-top: -110px;
				width: 100%;
				font-size: 22px;
				left: 0;
				z-index: 99999999;
				text-align: center;
				color: #fff;
							text-transform: uppercase;
							

			}
			#tt {
				position: absolute;
				top: 45px;
				width: 480px;
				left: 50%;
				margin-left: -240px;
				z-index: 99999999;
				text-align: center;
				font-size: 22px;
				text-transform: uppercase;

			}	
			#sd {
				position: fixed;
				height: 100px;
				width: 130px;
				left: 44px;
				z-index: 99999999;		
				top: 5px;
				background: url(http://dev.digitalmediamanagement.com/obvi-c/assets/sd.png) no-repeat center center;
			}
header {
background: #ff326f;
height: 110px;
width: 100%;
position: fixed;
z-index: -999;
top: 0;
opacity: 0;
}
header.stuck {
	top: 0;
	opacity: 1;
z-index: 9999999;


}
header
logo {
	width: 880px;
	height: 90px;
	position: absolute;
	left: 50%;
	margin-left: -440px;
	top: 12px;
	background: url(assets/logo.png) no-repeat;
	opacity: 0;
transition: opacity .3s ease-in-out .2s;
-webkit-transition: opacity .3s ease-in-out .2s;
-moz-transition: opacity .3s ease-in-out .2s;
}

header.stuck
logo {
	opacity: 1;

}


nav.stuck {
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	height: 40px!important;
transition: height .3s ease-in-out .4s;
-webkit-transition: height .3s ease-in-out .4s;
-moz-transition: height .3s ease-in-out .4s;
}
nav.stuck a, nav.stuck span{
	line-height: 40px!important;

}
nav {

	text-align: center;
background: #fff;
height: 60px;
width: 100%;
position: absolute;
z-index: 999;
	box-shadow: 0px -2px 2px rgba(0,0,0,0.1);
	z-index: 9999999999;
transition: height .3s ease-in-out;
-webkit-transition: height .3s ease-in-out;
-moz-transition: height .3s ease-in-out;
}

nav a, nav span {
	font-size: 16px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #ff326f;
	padding: 0 30px;
	line-height: 60px;
transition: .3s ease-in-out .4s;
-webkit-transition: .3s ease-in-out .4s;
-moz-transition: .3s ease-in-out .4s;
cursor: pointer;
}
nav a:hover, nav a.active, nav span:hover {
	color: #2f3a59;
}
#synopsis_page {
background: #ff326f;
overflow: hidden;
}
#d_page li {
list-style: none;
}
#d_page.tumblin-page {
background: #9ac8c8;
  -webkit-animation: dbg 12s infinite; /* Safari 4+ */
  -moz-animation:    dbg 12s infinite; /* Fx 5+ */
  -o-animation:      dbg 12s infinite; /* Opera 12+ */
  animation:         dbg 12s infinite; /* IE 10+ */
}
#d_page.reviews-page {
background: #ff326f!important;
}
#cast.all-things {
	display: none;
}
#d_page .post {
position: relative;
}

@-webkit-keyframes dbg {
  0%   {background: #92cdd6;}
  40% {background: #92c4c4;}
  80% {background: #92c4c4;}
  100%   {background: #92cdd6;}
}
@-moz-keyframes downdown {
  0%   {background: #92cdd6;}
  40% {background: #92c4c4;}
  80% {background: #92c4c4;}
  100%   {background: #92cdd6;}
}
@-o-keyframes downdown {
  0%   {background: #9ac8c8;}
  40% {background: #92c4c4;}
  80% {background: #92c4c4;}
  100%   {background: #92cdd6;}
}
@keyframes downdown {
  0%   {background: #92cdd6;}
  40% {background: #92c4c4;}
  80% {background: #92c4c4;}
  100%   {background: #92cdd6;}
}

			#socials {
				position: fixed;
				top: 35px;
				width: 107px;
				right: 50px;	
				z-index: 99999999;		
			}	
			#socials .social {
				width: 28px;
				height: 28px;
				display: inline-block;
				margin: 0 2px;
			}
			#socials .social:hover {
				opacity: .8;
			}
			#socials #tw {
				background: url(http://dev.digitalmediamanagement.com/obvi-c/assets/tw.png) no-repeat;
			}
			#socials #ig {
				background: url(http://dev.digitalmediamanagement.com/obvi-c/assets/ig.png) no-repeat;
			}
			#socials #fb {
				background: url(http://dev.digitalmediamanagement.com/obvi-c/assets/fb.png) no-repeat;
			}
			#socials .contact-link {
				font-size: 11px;
				color: #fff;
				z-index: 99999999;
				letter-spacing: 2px;
				text-decoration: none;	
				text-align: center;
				display: block;		
			}

#trailer_wrap {
max-width: 1600px;
min-width: 400px;
margin: 143px auto -10px auto;

}


#ticketbox_wrap {
  height: 800px;
  overflow: scroll;
  position: relative;
  width: 100%;
}

#ticketbox_wrap #ticketbox.zipsearchbox {
  left: 41%;
  margin-left: 70px;
  margin-top: 80px;
  position: absolute;
  top: 10%;
  width: 300px;
  
}

#ticketbox_wrap #showingdates {
  color: #FFFFFF;
/*   height: 100%; */
	height: 64%;
  left: 41%;
  margin-left: 70px;
  overflow: scroll;
  padding: 0;
  position: absolute;
  text-transform: uppercase;
  top: 42%;
  transition: all 0.5s ease 0s;
  z-index: 1;
}



/*


#ticketbox_wrap #showingdates{
	text-transform: uppercase;
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(0,0,0,.85);
	color: #FFF;
	z-index: 3147483647;
	padding: 0 20px; 
	margin: 0;
	overflow: scroll;
	-webkit-transition: .5s; 
	-moz-transition: .5s; 
	transition: .5s; 
}
*/

#content-wrapperInsertSix .post.featured:nth-child(6),#content-wrapperInsertSix .post.featured:nth-child(7),#content-wrapperInsertSix .post.featured:nth-child(8),#content-wrapperInsertSix .post.featured:nth-child(9)  {
	margin-left: 550px!important
}


#playlist-close { font-size: 14px; padding-top: 20px; font-weight: normal; cursor: pointer; }

/*
#ticketbox_wrap #showingdates table {
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
}
*/

#ticketbox_wrap #showingdates table {
  font-size: 12px;
  margin: 0;
  overflow: scroll;
  top: 300px;
}



#ticketbox_wrap #showingdates table th {
	font-size: 13px;
  border-bottom: 1px solid #FFFFFF;
  text-align: left;
}
#ticketbox_wrap #showingdates table td:first-child { font-weight: bold;  }
#ticketbox_wrap #showingdates table td { padding-right: 40px; padding-bottom: 12px; }
#ticketbox_wrap #showingdates table tr:nth-child(2) {
  height: 40px !important;
  vertical-align: bottom;
}
#ticketbox_wrap #showingdates table td:nth-child(2), #ticketbox_wrap #showingdates table td:last-child { padding-right: 12px; }

#ticketbox_wrap #showingdates table a { color: #FFF; text-decoration: none; cursor: pointer; }
#ticketbox_wrap #showingdates table a:hover { color: #FF326F; }

#playlist-container {
  border-top: 1px solid #FFFFFF;
  margin-top: 50px;
  padding-top: 36px;
  text-transform: uppercase;
  width: 22px;
}

#playlist {
	cursor: pointer;
  background: #FF326F;
  color: #FFF;
  font-size: 11px;
  letter-spacing: 2px;
  padding: 8px 12px;
  text-decoration: none;
  width: 143px;
  -webkit-animation: inf 8s infinite; /* Safari 4+ */
	-moz-animation:    inf 12s infinite; /* Fx 5+ */
	-o-animation:      inf 12s infinite; /* Opera 12+ */
	animation:         inf 12s infinite; /* IE 10+ */
}

#synopsis_page header {
}
#cast_page {
background: #f3f3f3;
}
#trailer_page {
	background: #000;
}
#tickets_page {
	background: #8099b8;
}

#TbJenny {
	background: url(jenny-blue4.png) no-repeat;
	height: 800px;
	width: 700px;
	position: absolute;
	left: 0;
	top: 130px;
}

#tickets_page h3 {
font-size: 13px;
margin: 10px 0;
padding: 0;
text-align: left;
text-transform: uppercase;
}
#tickets_page input {
	border: 2px solid #fff;
	background: transparent;
width: 300px;
color: #fff;
font-weight: 900;
text-align: left;
line-height: 22px;
font-size: 14px;
letter-spacing: 1px;
padding: 10px;	
}

#tickets_page input:focus {
	border: 2px solid #ff326f;
	outline: none;
}



.pink { color: #ff326f; }
.tgsecond { margin-top: 3em !important; }

.net1 {
	background: #ff326f;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: 2px;
	color: #fff;
	padding: 8px 12px;
	-webkit-animation: inf 8s infinite; /* Safari 4+ */
	-moz-animation:    inf 12s infinite; /* Fx 5+ */
	-o-animation:      inf 12s infinite; /* Opera 12+ */
	animation:         inf 12s infinite; /* IE 10+ */
}

@-webkit-keyframes inf {
  0%   {background: #ff326f;color: #fff;}
  50%   {background: #ff326f;color: #fff;}
  60% {background: #fff;color: #ff326f;}
  90% {background: #fff;color: #ff326f;}
  100%   {background: #ff326f;color: #fff;}
}
.net1:hover {
box-shadow: 0px 0px 1px rgba(-1,-1,0,0.61)
}

#tickets_page header logo, #trailer_page header logo, #cast_page header logo, #synopsis_page header logo, #d_page header logo, #permalink_page header logo{
	opacity: 1;	
}
#tickets_page header, #cast_page header, #synopsis_page header, #d_page header, #trailer_page header, #permalink_page header{
	top: 0;
	opacity: 1;
z-index: 9999999999;
}
#tickets_page nav,
#cast_page nav,
#permalink_page nav,
#trailer_page nav,
#d_page nav,
#synopsis_page
nav {
	position:fixed!important;
	top:110px!important;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.0);
	height: 40px!important;
}
#tickets_page nav a,
#cast_page nav a,
#permalink_page nav a,
#trailer_page
nav a,
#d_page nav a,
#synopsis_page
nav a{
	line-height: 40px!important;
}
#synopsis_copy {
	max-width: 850px;
	min-width: 400px;
	margin-left: 100px;
	margin-right: 250px;
	position: relative;
	top: 250px;
	line-height: 27px;
	font-size: 13px;
	letter-spacing: 1px;
	z-index: 9999;
}

#synopsis {
	background: url(syn.jpg) no-repeat;
	width: 611px;
	height: 700px;
	position: absolute;
	bottom: 2px;
	right: 0;
	z-index: 1;
}


#tease{
	position: fixed;
	top: -120px;
	width: 147%;
left: -22%;
}
#home {
	
	background: #ff326f;
	overflow: hidden!important;
	position: relative;	
}
#home
#mask {
	width: 2000px;
	height: 1416px;
	top: 50%;
	margin-top: -708px;
	left: 50%;
	margin-left: -1000px;
	position: absolute;
	background-image: url(mask.png);
	overflow: hidden!important;
	z-index: 1;
}

.bottom-arrow, .cast-arrow {
position: absolute;
bottom: 90px;
left: 50%;
margin-left: -120px;
width: 240px;
padding-bottom: 20px;
text-align: center;
font-size: 60%;	
z-index: 999999;
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;
border-bottom: 1px solid;
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;}
}



#content-wrapper {
	padding-top: 120px;
	position: relative;
	width: 1050px;
	margin: 0 auto;
}

.home_page
#content-wrapper {
	padding-top: 160px;
}
#content-wrapperInsert .post, #content-wrapperInsertTwo .post, #content-wrapperInsertThree .post, #content-wrapperInsertFour .post, #content-wrapperInsertFive .post,
#content-wrapperInsertSix .post,
#content-wrapper 
.post {
list-style: none;
margin-bottom: 100px;
position: relative;
}
#content-wrapper 
.post.cooltags {
}



.righttext {
width: 400px;
color: #fff;
font-weight: 900;
text-align: center;
line-height: 32px;
font-size: 28px;
letter-spacing: 1px;
text-shadow: 3px 2px 0px #3d4a6c;
position: fixed!important;
padding: 20px;
right: 50%;
margin-right: -500px;
list-style: none;

}

.lefttext {
width: 400px;
color: #fff;
font-weight: 900;
text-align: center;
line-height: 32px;
font-size: 28px;
letter-spacing: 1px;
text-shadow: 3px 2px 0px #3d4a6c;
position: fixed!important;
padding: 20px;
left: 50%;margin-left: -500px;
list-style: none;
}

#content-wrapperInsert .post, #content-wrapperInsertTwo .post, #content-wrapperInsertThree .post, #content-wrapperInsertFour .post, #content-wrapperInsertFive .post,
#content-wrapperInsertSix .post
 {
	display: none; 
}
#content-wrapperInsert .post.featured, #content-wrapperInsertTwo .post.featured , #content-wrapperInsertThree .post.featured
,#content-wrapperInsertFour .post.featured, #content-wrapperInsertFive .post.featured, #content-wrapperInsertSix .post.featured
  {display: block!important}

#content-wrapperInsert, #content-wrapperInsertTwo, #content-wrapperInsertThree, #content-wrapperInsertFour, #content-wrapperInsertFive,
#content-wrapperInsertSix{
padding-top: 120px;
position: relative;
width: 1050px;
margin: 0 auto;
}
.righttext:before, .lefttext:before {
	content: none!important
}
.lefttext span, .righttext span {
font-size: 15px;
display: block;
}

.bordertop {
display: block;
height: 2px;
position: absolute;
background: #fff;
top: 0;
left:  0;

}
.borderbottom{
display: block;
height: 2px;
position: absolute;
background: #fff;
bottom: 0;
right:  0;
}
.borderleft {
display: block;
width: 2px;
background: #fff;
float: left;
position: absolute;
left: 0;
bottom: 0px;
}
.borderright {
display: block;
width: 2px;
background: #fff;
float: right;
position: absolute;
right: 0;
top: 0px;
}

.post .like_btn {
	content: ' ';
	width: 50px;
	height: 50px;
	position: absolute;
	left: -16px;
	bottom: 85px;
	border: solid 4px #fff;
	background: #ff326f;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);

}

.post .reblog_btn {
	content: ' ';
	width: 50px;
	height: 50px;
	position: absolute;
	left: -16px;
	bottom: 165px;
	border: solid 4px #fff;
	background: #ff326f;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);

}
.post .reblog_btn .turnturnturn, .post .like_btn .turnturnturn {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;

}

.post img, .html_photoset {
width: 440px;
height: auto;
box-shadow: 0px 0px 7px rgba(0,0,0,0.8);
border: 18px solid rgba(255,255,255,0.9);
}

#perm_wrap .html_photoset {
width: 500px;
height: 860px;	
}
#perm_wrap .html_photoset iframe{
	height: 860px;
}
.html_photoset {
	background: #fff;
}
#FullContent
.fullpost
.html_photoset,
#FullContent
.fullpost img {
width: 316px;
height: auto;
box-shadow: 0px 0px 7px rgba(0,0,0,0);
border: 12px solid rgba(255,255,255,0.2);
transition: .6s ease-in-out .2s;
-webkit-transition: .6s ease-in-out .2s;
-moz-transition: .6s ease-in-out .2s;
}
#FullContent
.fullpost:hover img {
box-shadow: 0px 0px 7px rgba(0,0,0,.6);

} 


#FullContent
.fullpost {

	width: 360px;
	float: left;
	margin: 0px;
	padding: 0;
}

#FullContent
.fullpost:first-child {
	margin: 30px 0 0 0;
}
#FullContent
.fullpost:nth-child(3) {
	margin: 50px 0 0 0;
}


#FullContent
.html_photoset {
	margin: 10px 0;
	min-height: 300px;
	
}

#FullContent .like_reblog {position: absolute;z-index: 99999999;top: 20px;right:40px;opacity: 0;
transition: .3s .3s;
-webkit-transition: .3s .3s;
-moz-transition: .3s .3s;		
}
#FullContent
.fullpost:hover .like_reblog {
opacity: 1;
top:40px
}
#permalink_page .post img{
width: 500px;
height: auto;
box-shadow: 0px 0px 7px rgba(0,0,0,0);
border: 18px solid rgba(255,255,255,0.9);
}
#permalink_page .post {
padding-top: 30px;
list-style: none;
}

#perm_wrap {
width: 540px;
margin: 140px auto 20px auto;
min-height: 500px;
}

.post .like_btn_perm  {
	content: ' ';
	width: 300px;
	height: 300px;
	position: absolute;
	right: -198px;
	top:	100px;
	border: solid 4px #fff;
	background: #ff326f;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
transition: right .3s ease-in-out;
-webkit-transition: right .3s ease-in-out;
-moz-transition: right .3s ease-in-out;

}
.post .like_btn_perm:hover {
	right: -158px;

}
.post .reblog_btn_perm {
	content: ' ';
	width: 300px;
	height: 300px;
	position: absolute;
	left: -198px;
	top:	100px;
	border: solid 4px #fff;
	background: #ff326f;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
transition: left .3s ease-in-out;
-webkit-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;

}

.post .reblog_btn_perm:hover {
	left: -158px;
}
.post .reblog_btn_perm .turnturnturn {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	display: block;
	position: absolute;
	top: 40px;
	left: 200px;
}

.post .like_btn_perm .turnturnturn {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	display: block;
	position: absolute;
	bottom: 40px;
	right: 200px!important;
}

#cast {
position: relative;
height: 195px;
width: 100%;
left: 0;
right: 0;
background: #ff326f;
	border-top: solid 2px #fff;

}

#castsyn {
position: absolute;
top: 800px;
height: 640px;
width: 100%;
left: 0;
right: 0;
background: #4e5d7e;
border-top: solid 1px #fff;

}


#cta {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 25px 0;
}

#cta h2 {
text-align: center;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 1px;
color: #fff
}
#cta h2 span {
	color: #2f3a59;
}

#obvious {
	transition: margin .6s ease-in-out;
	-webkit-transition:margin .6s ease-in-out;
	-moz-transition:margin .6s ease-in-out;
	position: relative;
}


.clr {
width: 100%;
height: 1px;
display: block;
clear: both;
}

#synopsis-wrapper {
height: 702px;
display: block;
border-bottom: solid 2px #fff;
overflow: hidden;
position: relative;
}



			#play {
				position: absolute;
				bottom: 50%;
				margin-bottom: -102px;
				background: url(assets/play_btn.png) no-repeat left center;
				width: 142px;
				left: 50%;
				margin-left: -70px;
				z-index: 99999999;
				height: 27px;
				text-align: right;
				line-height: 26px;
				opacity: .9;
				transition: .3s ease-in-out;
				-webkit-transition: .3s ease-in-out;
				-moz-transition: .3s ease-in-out;
				color: #fff;
				font-size: 14px;
				text-transform: uppercase;
				letter-spacing: 1px;
				text-decoration: none;
				
			}
			#play:hover {
				cursor: pointer;
				opacity: 1;
				transform: rotate(1deg);
				-webkit-transform: rotate(1deg);
				margin-bottom: -105px;
			}


#FullContent {
overflow: hidden;
position: relative;
height: auto;
width: 1080px;
margin: 160px auto 0 auto;
	}		
#FullContent img{
	margin: 10px 0;
}			
				

#d_page {
height: auto;
overflow: hidden;
}
section img {
	width: 100%;
	height: auto;
}		

.permclicked {

}

.permclicked img{
border: 18px #4e5d7e solid!important	
}


#synopsis_page
#cast {

}
#cast_wrap {

	position: relative;
	left: 0;
	right: 0;
	overflow: hidden

}
#cast_wrap article {
position: relative;
padding-top: 0px;
width: 100%;
			transition: 1s ease-in-out;
				-webkit-transition: 1s ease-in-out;
				-moz-transition: 1s ease-in-out;
top: 0;
opacity: .2;

}


#cast_wrap #jake{
background: #4e5d7e;
z-index: 99;

}
 #cast_wrap #gillian {
background: #92cdd6;
z-index: 99;

}


#cast_wrap #jenny {
background: #ff326f;
z-index: 999;
}
#cast_wrap #gaby {
background: #8fcfe8;
z-index: 99;
}
#cast_wrap #gabe {
background: #aca194;
z-index: 99;
}

#cast_wrap #david {
background: #ff326f;
z-index: 99;
}

#cast_wrap #richard {
background: #494547;
z-index: 99;
}


#cast_wrap #polly {
background: #52b8ac;
z-index: 99;
}



#cast_wrap article .innerleft{
width: 950px;
position: absolute;
top: 50%;
margin-top: -250px;
left: 50%;
margin-left: -3500px;
	transition: 1s ease-in-out;
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
}

#cast_wrap article .innerright{
width: 950px;
position: absolute;
top: 50%;
margin-top: -250px;
right: 50%;
margin-right: -3500px;
	transition: 1s ease-in-out;
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
}


#cast_wrap img {
	width: 300px;
	height: auto;
	float: right;
	border: solid 16px #fff;
display: inline-block;
margin-top: 4px;

}

#cast_wrap .innerright img {
	width: 300px;
	height: auto;
	float: left;
	border: solid 16px #fff;
display: inline-block;
margin-top: 4px;

}
#cast_wrap h1 {

font-size: 40px;
margin: 30px 0;
padding: 0;
width: 560px;
text-align: center;
	
}
#about-cast {
	width: 560px;
	float: left;
	position: relative;
}
.innerright
#about-cast {
	width: 560px;
	float: right;
	position: relative;
}
#about-castp {
	width: 500px;
	padding: 30px;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #fff;
	position: relative;

}

.cast-line {
	background: #fff;
	position: absolute;
}
.cast-line-top {
	left: 0;
	right: 0;
	height: 2px;
	top: 0;
}

.cast-line-bottom {
	left: 0;
	right: 0;
	height: 2px;
	bottom: 0;
}
.cast-line-left {
	left: 0;
	top: 0;
	width: 2px;
	bottom: 0;
}

.cast-line-right {
	right: 0;
	top: 0;
	width: 2px;
	bottom: 0;
}


#cast_wrap ul {
height: 240px;
position: fixed;
top: 50%;
margin:  -100px 0 0 25px;
padding: 0;
z-index: 9999;
left: -500px;
	transition: left .4s ease-in-out 1s;
	-webkit-transition: left .4s ease-in-out 1s;
	-moz-transition: left .4s ease-in-out 1s;
}

.cast_btn a {
	opacity: 1;
	color: #fff;
	text-decoration: none;
	margin-left:5px;
	transition: .4s ease-in-out;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
  -webkit-animation: cast_btn 4s; /* Safari 4+ */
  -moz-animation:    cast_btn 4s; /* Fx 5+ */
  -o-animation:      cast_btn 4s; /* Opera 12+ */
  animation:         cast_btn 4s; /* IE 10+ */
}

@-webkit-keyframes cast_btn {
  0%   { opacity:1;margin-left: 5px;}
  35% { opacity: 1; margin-left: 10px;}
  80% { opacity: 1; margin-left: 10px;}
  100% { opacity: 1; margin-left: 5px;}
}
@-moz-keyframes cast_btn {
  0%   { opacity:1;margin-left: 5px;}
  35% { opacity: 1; margin-left: 10px;}
  80% { opacity: 1; margin-left: 10px;}
  100% { opacity: 1; margin-left: 5px;}
}
@-o-keyframes cast_btn {
  0%   { opacity:1;margin-left: 5px;}
  35% { opacity: 1; margin-left: 10px;}
  80% { opacity: 1; margin-left: 10px;}
  100% { opacity: 1; margin-left: 5px;}
}
@keyframes cast_btn {
  0%   { opacity:1;margin-left: 5px;}
  35% { opacity: 1; margin-left: 10px;}
  80% { opacity: 1; margin-left: 10px;}
  100% { opacity: 1; margin-left: 5px;}
}






.cast_btn:before {
	content: '';
	border-radius: 6px;
	width: 12px;
	height: 12px;
	display: inline-block;
	float: left;
	margin-right: 10px;
	background: #fff;
	margin-top: 8px;
}
.clicked.cast_btn:before {
	border-radius: 0px;	
}

.cast_btn {
list-style: none;
line-height: 30px;
font-size: 12px;	
height: 30px;
cursor: pointer;
}
.cast_btn:hover a {
	opacity: 1;
	margin-left: 10px;
}


.caption {
color: #000;
text-transform: uppercase;
font-size: 13px;
margin-left: 16px;
}

.tags {
margin:7px 0 7px 16px;
padding: 0;
display: none;
}

.tags li {
list-style: none;
display: inline-block;
color: #ff326f;
margin: 0 5px 0 0;
font-size: 11px;

}

.tags li a {
color: #ff326f;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
}

#praise {
	margin:260px auto 50px auto;
	width: 760px;
}

#tweetin {
	margin:0px auto 100px auto;
	width: 100%;
	opacity: .0001;
	transition: .5s ease-in-out .3s;
	-webkit-transition: .5s ease-in-out .3s;
	-moz-transition: .5s ease-in-out .3s;
}
#tweetin h2 {
	text-align: center;
	letter-spacing: 1px;
	display: block;
	width: 1020px;
	clear: both;
	padding-top: 50px;
}
#praise article {
	display: block;
	width: auto;
	margin: 150px auto 150px auto;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	opacity: 0;
	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;				
	font-weight: 900;
	line-height: 32px;
	font-size: 26px;
	letter-spacing: 1px;
	text-shadow: 3px 2px 0px #3d4a6c;								
}
#praise article a {
	color: #fff;
	text-decoration: none;	
}
#praise article span {
	margin: 10px;
	display: block;
	text-align: center;
	font-size: 16px;
text-shadow: none;				

}


#overshareBtn{
	
	width: 718px;
	padding: 30px;
	height: 220px;
	background: #52b8ac;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 200px auto 0 auto;
	display: block;
	line-height: 30px;
	text-decoration: none;
	color: #fff;
	background: url(assets/over.png) no-repeat center center;
	
}

#overshareBtn:hover {
	background-position: center 25px;
}
#tweetin article {
	display: block;
	width: 510px;
	margin: 10px auto;
	color: #fff;
	text-transform: uppercase;
	opacity: 1;
	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;				
	font-weight: 900;
	line-height: 32px;
	font-size: 26px;
	letter-spacing: 1px;
	text-shadow: 3px 2px 0px #3d4a6c;		 
}
#tweetin article iframe {
	margin: 0 auto!important;
	display: block;
}
/*
.twat-9, .twat-18, .twat-27 {
	width: 100%!important;
	background: #9ac8c8;
	padding: 40px 0;
}
*/


#a24 {
position: absolute;
height: 28px;
width: 76px;
left: 50%;
margin-left: -140px;
z-index: 99999999;
bottom: -10px;
background: url(http://dev.digitalmediamanagement.com/obvi-c/assets/a24-logo.png) no-repeat center center;
}


#ratings {
position: absolute;
height: 32px;
width: 180px;
left: 50%;
margin-left: -30px;
z-index: 99999999;
bottom: -12px;
background: url(assets/rating.png) no-repeat center center;
}


#FullContent {
	display: none;
}

#d_page #FullContent {
	display: block;
}

#d_page #FullContent li {
	opacity: 0;
}


#supporters {
	width: 1200px;
	margin: 200px auto;
}
#supporters .line {
	width: 33px;
	height: 1px;
	display: block;
	margin: 0 auto;
	background: #fff;
}
#supporters h3, #supporters h1 {
	text-align: center;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 50px;
	letter-spacing: 1px;
text-shadow: 3px 2px 0px #3d4a6c;
}
#supporters
p {
	       -moz-column-count: 4;
       -moz-column-gap: 10px;
       -webkit-column-count: 4;
       -webkit-column-gap: 10px;
       text-align: center;
       line-height: 26px;
       margin-bottom: 50px;
       opacity: .3;
 			transition: .5s ease-in-out;
				-webkit-transition: .5s ease-in-out;
				-moz-transition: .5s ease-in-out;      
}
#supporters
p.softies {
	       -moz-column-count: 3;
       -moz-column-gap: 10px;
       -webkit-column-count: 3;
       -webkit-column-gap: 10px;   
}

#photosetMobile {
	display: none;
}
@media only screen 
and (max-width : 1320px) {


#ticketbox_wrap #showingdates table td:first-child { font-weight: bold; padding-right: 14px; }

#ticketbox_wrap #showingdates table td:nth-child(2), #ticketbox_wrap #showingdates table td:last-child { padding-right: 0; }


#ticketbox_wrap #showingdates table td:nth-child(3) {
  padding-right: 4px !important;
}

	

#cast_wrap article .innerleft{
width: 850px;
padding: 0 50px;
margin-top: -200px;

}

#cast_wrap article .innerright{
width: 850px;
padding: 0 50px;
margin-top: -200px;

}


#cast_wrap img {
	width: 240px!important;
	border: solid 8px #fff!important;

}
#cast_wrap h1 {
font-size: 30px;
margin: 20px 0;
}
#synopsis_copy {
max-width: 850px;
min-width: 400px;
margin-left: 50px;
margin-right: 280px;
position: relative;
top: 180px;
line-height: 27px;
font-size: 13px;
letter-spacing: 1px;
z-index: 9999;
}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

#overshareBtn {
	margin: 40px auto -20px auto;
	width: 600px;
}
	body {
	background: #ff326f;
}

	#tease, #mask, #home {
		display: none;
	}
	header logo, header {
		display: block;
		opacity: 1!important;
	}

nav a, nav span {
font-size: 12px;
letter-spacing: 0px;
}	
nav {
z-index: 9999999999!important;
top: 0px!important;
}
	header {
z-index: 9999999999!important;
top: 0!important;
}
.post img, .html_photoset {
	width: 84%!important;
}
#content-wrapperInsert .post.featured, #content-wrapperInsertTwo .post.featured, #content-wrapperInsertThree .post.featured ,#content-wrapperInsertFour  .post.featured,
#content-wrapperInsertFive .post.featured,
#content-wrapperInsertSix .post.featured
 {
	width: 79%!important;
	margin: 40px 10.5%!important
}



#FullContent  {
	margin:  0px auto!important;
	width: 880px;
}
#FullContent .fullpost {
width: 274px!important;
float: left;
margin-left:7px!important;
margin-right:7px!important;

padding: 0;
overflow: hidden!important;
}
#TbJenny {
	top: 0!important;
}
#showingdates {
	top: 240px!important;
}
#ticketbox_wrap #ticketbox.zipsearchbox {
	top: 0px!important;	
}
#FullContent .fullpost .html_photoset, #FullContent .fullpost img{
	width: 250px!important
}
#perm_wrap {
width: 540px;
margin: 260px auto 200px auto;
min-height: 840px;
}
#supporters {
width: 900px;
margin: 200px auto;
}
#photosetMobile {
	display: block;
}
#photosetMain {
	display: none;
}
header
logo {
	width: 700px;
	height: 80px;
	position: absolute;
	left: 50%;
	margin-left: -350px;
	top: 20px;
	background: url(assets/logo-m.png) no-repeat;
}
#sd {
	left: 10px;
	z-index: 99999999999999!important;
	
}
#socials {
	right: 12px;
	z-index: 99999999999999!important;
}

#cast_wrap article .innerleft{
width: 850px;
padding: 0 50px;
margin-top: -200px;

}

#cast_wrap article .innerright{
width: 850px;
padding: 0 50px;
margin-top: -200px;

}


#cast_wrap img {
	width: 240px!important;
	border: solid 8px #fff!important;

}
#cast_wrap h1 {
font-size: 30px;
margin: 20px 0;
}
#synopsis_copy {
max-width: 850px;
min-width: 400px;
margin-left: 50px;
margin-right: 280px;
position: relative;
top: 180px;
line-height: 26px;
font-size: 22px;
letter-spacing: 1px;
z-index: 9999;
}
#cast_wrap ul {
	display: none;
}
.bottom-arrow, .cast-arrow {
position: absolute;
bottom: 90px;
left: 50%;
margin-left: -320px;
width: 240px;
padding-bottom: 50px;
text-align: center;
font-size: 200%;
z-index: 999999;
cursor: pointer;
}
#tickets_page
#obvious {
	height: 100%;
}
#playlist-close {
	font-size: 30px;
	float: left;
}
header, header nav {
	position: relative!important
}
#tickets_page nav, #cast_page nav, #permalink_page nav, #trailer_page nav, #d_page nav, #synopsis_page nav {
	position: relative!important;
	top: 0px!important;

	
}
#home_page nav {
	top: 120px!important;
}


	#sd, #socials {
		position: absolute!important;
	}

#obvious {
	margin-top: 0!important
}	
	
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
	body {
	background: #ff326f;
}

	#tease, #mask, #home {
		display: none;
	}
	header logo, header {
		display: block;
		opacity: 1!important;
	}

nav a, nav span {
font-size: 12px;
letter-spacing: 0px;
}	
nav {
z-index: 9999999999!important;
top: 100px!important;
position: fixed!important
}
	header {
z-index: 9999999999!important;
top: 0!important;
}
.post img, .html_photoset {
	width: 84%!important;
}
#content-wrapperInsert .post.featured, #content-wrapperInsertTwo .post.featured, #content-wrapperInsertThree .post.featured, #content-wrapperInsertFour .post.featured,
#content-wrapperInsertFive .post.featured,
#content-wrapperInsertSix .post.featured
 {
	width: 79%!important;
	margin: 40px 10.5%!important
}
#FullContent  {
	margin:  170px auto;
	width: 880px;
}
#FullContent .fullpost {
width: 274px!important;
float: left;
margin-left:7px!important;
margin-right:7px!important;

padding: 0;
overflow: hidden!important;
}
#FullContent .fullpost .html_photoset, #FullContent .fullpost img{
	width: 250px!important
}
#perm_wrap {
width: 540px;
margin: 260px auto 200px auto;
min-height: 840px;
}
#supporters {
width: 900px;
margin: 200px auto;
}
#photosetMobile {
	display: block;
}
#photosetMain {
	display: none;
}
header
logo {
	width: 700px;
	height: 80px;
	position: absolute;
	left: 50%;
	margin-left: -350px;
	top: 20px;
	background: url(assets/logo-m.png) no-repeat;
}
#sd {
	left: 10px;
	z-index: 99999999999999!important;
	
}
#socials {
	right: 12px;
	z-index: 99999999999999!important;
}

#cast_wrap article .innerleft{
width: 850px;
padding: 0 50px;
margin-top: -200px;

}

#cast_wrap article .innerright{
width: 850px;
padding: 0 50px;
margin-top: -200px;

}


#cast_wrap img {
	width: 240px!important;
	border: solid 8px #fff!important;

}
#cast_wrap h1 {
font-size: 30px;
margin: 20px 0;
}
#synopsis_copy {
max-width: 850px;
min-width: 400px;
margin-left: 50px;
margin-right: 280px;
position: relative;
top: 180px;
line-height: 27px;
font-size: 13px;
letter-spacing: 1px;
z-index: 9999;
}
#cast_wrap ul {
	display: none;
}

}

#pause.paused {
	background: url(assets/sound_btn.png) no-repeat left top;
	
}
#pause.play {
	background: url(assets/sound_btn.png) no-repeat left bottom;
	
}
#pause {
				position: absolute;
				bottom: 50%;
				margin-bottom: -102px;
				width: 128px;
				left: 50%;
				margin-left: 30px;
				z-index: 99999999;
				height: 60px;
				text-align: right;
				line-height: 25px;
				opacity: .9;
				transition: background .3s ease-in-out;
				-webkit-transition: background .3s ease-in-out;
				-moz-transition: background .3s ease-in-out;
				color: #fff;
				font-size: 14px;
				text-transform: uppercase;
				letter-spacing: 1px;
				text-decoration: none;
				height: 27px;
				cursor: pointer;
	
}

#pause.scrolled {
	bottom: 10px!important;
	left: 20px!important;
	margin: 0!important;
	position: fixed!important;
	font-size: 11px;
	width: 112px;

}

.play #play_btn {
	display: none; 
}

.paused #pause_btn {
	display: none; 
}
#NotesWrap h2 {
	text-align: center;
	color: #2f3a59;
	font-size: 16px;
}
.note img {
	width: 16px!important;
	margin-right: 5px;
	float: left;
	margin-top: 0px;
}
.note {
	color: #2f3a59;
	line-height: 16px;
	text-transform: uppercase;
	font-size: 12px;
	list-style: none;	
	margin: 6px 0;
}
.note a {
	color: #ff326f;
	text-decoration: none;
}

#obvious-containerTwo, #obvious-containerThree {
	height: 1px;
	overflow: hidden;
}