/*
Theme Name: SSX Theme
Theme URI: http://www.seosemanticxhtml.com
Author: SSXTheme
Author URI: http://www.seosemanticxhtml.com
Description: SSX Theme for Wordpress
Version: 1.0
*/
/* ********************************************* Start Common Css ******************************************************* */ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1em !important;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1em !important;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
/* =Global
----------------------------------------------- */
h1{ font-size: 28px; line-height: 34px; color: #f4a926; }
h2{ font-size: 22px; color: #585858; line-height: 26px; }
h3{ }
h4{  }
h5{ }
h6{ }
h1,h2,h3,h4,h5,h6 { text-transform: uppercase; font-weight: 700; }
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}
/* Text elements */
p {
	 font-size: 13px; line-height: 18px; color: #585858;
}
ol, ul {
	list-style: none;
}
ul, ol {
	margin:15px 0 0 20px;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;  font-family: 'Oxygen',sans-serif; font-weight: 400;
}
blockquote {
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font-weight: 300;
	letter-spacing: 0.05em;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
pre {
	background: #f4f4f4;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/* Links */
a {
	color: #dc315e;
	text-decoration: none;
}
a:focus,
a:active { color: #DC315E; }
a:hover { color: #000;
	text-decoration: none;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
input[type="text"], input[type="submit"] { -webkit-appearance: none; box-shadow: none; border-radius: 0px; }
input[type="submit"] { -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
/*--- Address ---*/
address { font-size: 13px; color: #585858; line-height: 18px;  }
address a { display: inline-block; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
address span { display: block; padding-bottom: 10px; }
address a:hover {  }
/*--- Top Nav ---*/
ul.top_nav { padding: 2px 0 0 0px; margin: 0px; float: right; list-style: none; list-style-type: none; }
ul.top_nav li { padding-left: 21px; float: left; font-size: 12px; color: #fff; line-height: 24px; }
ul.top_nav li a { color: #fff; display: block; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
ul.top_nav li a:hover { color: #dc315e; }
ul.top_nav form { margin: 0px 0 0 -5px; position: relative; }
ul.top_nav input { border: 0px; float: left; }
ul.top_nav input[type="submit"] { width: 25px; cursor: pointer; position: relative; height: 25px; background: url(../images/search-bg.png) top left no-repeat; }
ul.top_nav input[type="text"] { padding-left: 0px; position: absolute; top: 0px; right: 25px; display: block; float: left; height: 24px; font-family: 'Oxygen',sans-serif; width: 0px; font-size: 14px; color: #585858; line-height: 24px; background: #fff; }
#mainCntr.festivel ul.top_nav input[type="text"] { padding: 0 5px; position: relative; right: auto; top: auto; width: 102px; display: block; }
#mainCntr.festivel ul.top_nav form { margin-left: 3px; }
/*--- Main Nav ---*/
nav { padding: 5px 0 0 0; position: relative; clear: both; width: 100%; float: left; }
nav ul { list-style: none; float: right; list-style-type: none; }
nav li { padding-left: 42px; float: left; text-transform: uppercase; letter-spacing: 0.7px; font-size: 15px; line-height: 20px; }
nav li a { margin-bottom: 15px; padding-bottom: 2px; color: #fff; display: block; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
nav li.exhibition a { border-bottom: 4px solid #32bbe4; }
nav li.education a { border-bottom: 4px solid #62bf23; }
nav li.filmware a { border-bottom: 4px solid #f4a926; }
nav li a:hover, nav li.current a, nav li a:focus, nav li.on a { color: #fff; border-bottom-width: 19px; margin-bottom: 0px; }
.dropdown { float: left; width: 100%; position: relative; z-index: 2;  display: none; box-shadow: 0 8px 2px -6px #bbb7b7; -moz-box-shadow: 0 8px 2px -6px #bbb7b7; -ms-box-shadow: 0 8px 2px -6px #bbb7b7; -o-box-shadow: 0 8px 2px -6px #bbb7b7; -webkit-box-shadow: 0 8px 2px -6px #bbb7b7; background: #3a3535; height:309px }
.dropdown .menuContent { padding: 22px 0 36px; border-top: 4px solid; }
.dropdown .firstNav { border-top-color: #32BBE4; }
.dropdown .secondNav { border-top-color: #62BF23; }
.dropdown .thirdNav { border-top-color: #F4A926; }
nav .dropdown .firstNav h2, nav .dropdown .firstNav h3 a { color: #32BBE4; }
nav .dropdown .secondNav h2, nav .dropdown .secondNav h3 a { color: #62BF23; }
nav .dropdown .thirdNav h2, nav .dropdown .thirdNav h3 a { color: #F4A926; }
.dropdown .wrapper { position: relative; z-index: 1; }
nav li.exhibition .dropdown { border-top-color: #32bbe4; }
nav .dropdown li a { border: 0px; }
nav .dropdown .one { width: 269px; float: left; }
nav .dropdown .common { padding: 6px 37px 0 0; width: 215px; float: left; }
nav .dropdown .common a { border: 0px; display: block; }
nav .dropdown .common a img { display: block; }
nav .dropdown .common.last { padding-right: 14px; width: 212px; }
nav .dropdown ul { margin: 0px; width: 208px; float: left; }
nav .dropdown li { padding: 0px 0 2px 0; position: relative; letter-spacing: 0px; width: 100%; text-transform: none; }
nav .dropdown li a { padding: 5px 0 6px 15px; margin: 0px; }
nav .dropdown li li a { padding-left: 12px; }
nav .dropdown li li a:hover { background: #000; }
nav .dropdown li a:hover, nav .dropdown li:hover a { color: #fff; background: #807c7c; }
nav .dropdown li ul { padding: 1px 0 9px 0; display: none; position: absolute; top: 0px; right: -248px; width: 244px; border-left: 4px solid #62bf23; float: left; background: #807c7c; }
nav .dropdown li:hover ul { display: block; }
nav .dropdown h2 { padding: 0 0 15px 15px; color: #62bf23; font-size: 22px; line-height: 26px; }
nav .dropdown h3 { padding: 2px 0 5px; color: #62bf23; font-size: 15px; line-height: 18px; font-weight: 400; text-transform: none; }
nav .dropdown h3 a { color: #62bf23; }
nav .dropdown h3 a:hover { color: #dc315e; }
nav .dropdown p { font-size: 12px; color: #fff; line-height: 16px; text-transform: none; }
nav .dropdown p span { text-transform: uppercase; display: block; }
nav .subMenu{ float: left; width: 100%; display:none;}
nav .dropdown .firstNav li ul {border-left-color: #32BBE4; }
nav .dropdown .thirdNav li ul {border-left-color: #F4A926; }
/*--- Button Css ---*/
.primary_btn { margin: 0 27px 14px 0; padding: 0 10px 1px 14px; text-transform: uppercase; font-weight: 700; font-size: 15px; color: #fff; line-height: 27px; display: inline-block; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; background: #585858; }
.primary_btn:hover { background: #000; color: #fff; }
.primary_btn span { padding-right: 18px; display: block; position: relative; }  
.primary_btn span:after { position: absolute; right: 0px; top: 4px; content: ">"; line-height: 20px; font-weight: bold; font-size: 20px; color: #dc315e; font-family: "Courier New",Courier,monospace; }
.secondary_btn { padding: 0 24px 0px; font-weight: 700; font-size: 12px; height: 24px; display: inline-block; color: #fff; text-transform: uppercase; line-height: 23px; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; background: #dc315e;  }
.secondary_btn:hover { color: #fff; background: #000; }
input[type="submit"] { cursor: pointer; }
form { font-family: 'Oxygen',sans-serif; }
.toggleMenu { margin: 9px 10px 0 0; float: right; text-align: center; width: 37px; height: 27px; border: 1px solid #1a1717; background: #1a1717; border-radius: 2px; }
.toggleMenu span.icon-bar { margin: 5px 7px 0; width: 23px; height: 2px; display: block; background: #d6d6d6; }
.mobilesearch { margin: 7px 19px 0 0; float: right; clear: right; }  
/*--- Mobile Box ---*/
.mobilebox { padding: 2px 10px 0; float: left; display: none; width: 300px; }
.mobilebox input { border: 0px; float: left; }
.mobilebox input[type="text"] { padding-left: 5px; float: left; height: 24px; font-family: 'Oxygen',sans-serif; width: 268px; font-size: 14px; color: #585858; line-height: 24px; background: #fff; }
.mobilebox input[type="submit"] { width: 25px; cursor: pointer; height: 25px; background: url(../images/search-bg.png) top left no-repeat; }
/*--- Mobile Nav ---*/
.mobileNav { padding: 15px 10px 0px; border-top: 1px solid #4f4a4a; display: none; position: absolute; top: 67px; z-index: 5; left: 0px; float: left; width: 300px; background: #1a1717; }
.mobileNav ul { padding: 0px; margin: 0px; list-style: none; list-style-type: none; }
.mobileNav li { float: left; width: 100%; font-size: 14px; color: #fff; line-height: 18px; text-transform: uppercase; }
.mobileNav li ul { margin: 7px 0 20px; float: left; width: 100%; border-top: 5px solid #dc315e; }
.mobileNav li a { color: #fff; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.mobileNav li a:hover { color: #DC315E; }
.mobileNav li li { padding: 13px 0 2px 0px; font-size: 15px; border: 0px; line-height: 18px; text-transform: none; }
.mobileNav li.home li { padding-top: 8px; float: left; width: auto; min-width: 100px; } 
.mobileNav li.home ul { padding-top: 4px; border-top-color: #dc315e; }
.mobileNav li.exhibition ul { border-top-color: #32bbe4; }
.mobileNav li.education ul { border-top-color: #62bf23; }
.mobileNav li.filmmaker ul { border-top-color: #f4a926; }
.mobilelogo, .toggleMenu, .mobilesearch { display: none; } 
/*--- Mobile Button ---*/
.menuClose { position: absolute; top: 10px; right: 20px; }
.mobilesearch.open { display: none; }
.festivel_mobilenav { display: none; float: left; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; text-transform: uppercase; width: 100%; font-size: 12px; height: 27px; line-height: 27px; text-align: right; color: #fff; font-family: 'Oxygen',sans-serif; font-weight: 700; background: #615e5e; }
.festivel_mobilenav img { margin: 7px 18px 0 8px; display: inline-block; vertical-align: top;  }
.film { position: absolute; bottom: 0px; left: 1px; }
.ticket { position: absolute; bottom: 0px; right: 2px; }
/* ********************************************* End Common Css ******************************************************* */