/*
Theme Name: CTT v.2
Description: Concrete Temple Theatre
Version: 2
Author: Vlad
Author URI: http://newgstudio.com
*/

@import "css/screen.css";


@media all and (max-width: 800px)  {

#custom_logo img {height: 80px !important;}

.slicknav_nav {padding-left:100px !important;}

.slicknav_nav ul {font-size:13px !important;}
.slicknav_nav li {margin-bottom:15px;}
.slicknav_nav li ul {margin-bottom:0px !important;}
.slicknav_nav li ul li {margin-bottom:0px !important;}

#custom_logo {height: 110px !important; margin-left:0 !important; position:absolute !important; top:0 !important; z-index:999999 !important;}

html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:99% !important;
	font-family:inherit;
	vertical-align:baseline;
}

#menu_wrapper
{
	width: 100% !important;
	margin:auto;
	z-index:999;
	float: left;
	display: none;
}

#wrapper
{
	width: 100% !important;
}

#page_caption {margin-top: 70px !important;}

.nav, .subnav
{
	list-style: none;
	display: none !important;
	float: left;
	background: rgba(0, 0, 0, 0.8) !important;
	padding: 0 25px 0 25px;
	height: 79px;
	margin-left:70px !important;
	border-bottom: 5px solid #b00147 !important;
}

.nav li
{
	display: block;
	float: left;
	margin: 0 5px 0 5px;
}


.nav li a
{
	text-transform:uppercase;
	color: #ccc;
	padding: 30px 10px 0 10px;
	display: block;
	height: 48px;
	font-size: 14px;
	letter-spacing: 1px;
	color: #ccc;
	font-family: 'Gnuolane';
}

.nav li ul
{
	display: none;
	padding: 5px 0 10px 0;
	margin: -5px 0 10px -5px;
	list-style: none;
	position:absolute;
	padding: 10px;
	float: left;
	width: 180px;
	background: rgba(0, 0, 0, 0.8) !important;
	z-index:999;
}

.nav li ul li ul
{
	display: none;
	padding: 5px 0 10px 0;
	margin: -51px 0 10px 180px;
	list-style: none;
	position:absolute;
	padding: 10px;
	float: left;
	width: 160px;
	background: rgba(0, 0, 0, 0.8) !important;
	z-index: 999;
}
	
#page_content_wrapper p {width: 90% !important;}
	
#page_content_wrapper
{
	width: 100% !important;
	padding-bottom: 30px;
	margin-top: 15px;
	margin-left: 0px !important;
	height: 100%;
	background: rgba(0, 0, 0, 0.8) !important;
	display: none;
	position: fixed;
}

#content_wrapper .inner
{
	height: 600px;
	overflow: hidden;
}

#page_content_wrapper .inner
{
	width: 100% !important;
	float: left;
	margin: 0 0 0 0;
}

#page_content_wrapper .inner .sidebar_content
{
	width: auto !important;
	padding: 10px 10px 30px 20px !important;
	margin-top: 20px;
	float: left;
}

body.single #page_content_wrapper .inner .sidebar_content, body.page-template-blog-php #page_content_wrapper .inner .sidebar_content
{
	padding-bottom: 0px;
}

#page_content_wrapper .inner .sidebar_content.full_width
{
	width: 90% !important;
	margin-top: 10px;
}

#anything_slider, .slideshow
{
	width: 100% !important;
	height: 400px;
	margin: auto;
	position: relative;
	clear: both;
}

#anything_slider .wrapper, .slideshow .wrapper{ 
	width: 100% !important;
	overflow: hidden; 
	height: 400px; 
	margin: 0; 
	position: absolute; 
}

.post_wrapper {width: 90% !important;}

.one_third {width: 250px !important; float: left !important;}

#anything_slider ul li, .slideshow ul li { display: block; float: left; padding: 0; height: 391px; width: 100% !important; margin: 0; }

.ui-tabs-nav, .ui-helper-reset, .ui-helper-clearfix, .ui-widget-header, .ui-corner-all {width: 90% !important;}
}




.page-id-3324 #timeline {margin:0px auto; color:#eee; font-family: Verdana, Geneva, sans-serif;}

.page-id-3324 ul.time {position:fixed; top:0; display:block; border-bottom:1px solid #b00147; margin-bottom:10px !important; padding-bottom:3px !important; width:auto;}
.page-id-3324 ul.time, .page-id-3324 li {list-style:none; padding:0; margin:0;}
.page-id-3324 li.time {display:inline; padding:3px; margin-right:10px;}
.page-id-3324 li.time a {color:#666; text-decoration:none; font-weight:bold;}

.page-id-3324 .box {background:#111; padding:1px 8px; margin:0 10px 10px 0; float:left; width:210px; border-bottom:5px solid #000;}

.page-id-3324 #year2020 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2019 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2018 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2017 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2016 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2015 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2014 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2013 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2012 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2011 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2010 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2009 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2008 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2007 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2006 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2005 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2004 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2003 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 #year2002 {float:none; width:100%; margin:0 0 0 20px; clear:both;}

.page-id-3324 .year {font-size:32px; color:#b00147; font-weight:bold;}
.page-id-3324 .show {font-weight:bold;}
.page-id-3324 .date {font-size:12px; color:#CCC;}

.page-id-3324 .break {clear:both;}