/* Global settings */

@font-face {
	font-family: 'Candara';
	src: url('fonts/CANDARA.eot');
	src: local('☺'), url('fonts/CANDARA.woff') format('woff'), url('fonts/CANDARA.ttf') format('truetype'), url('fonts/CANDARA.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

img, a, p, span, div, strong, em, ul, ol, li, label, input, textarea, form, fieldset, table, tr, th, td, h1, h2, h3, h4, h5, h6, hr, iframe, embed, object {
    color: #f8f8f8;
   font-family: 'Candara';
    font-size: 13px;
    list-style-type: none;
    text-decoration: none;
    outline: none;
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 17px;
}
table,
td {
    border-spacing: 0;
    vertical-align: middle;
    border-collapse: collapse;
    text-align: center;
	width: 100%;
	height: 100%;
}
label {
	display: block;
}
html {
	overflow-y: scroll;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;

}
#background {
	position:absolute;
	left:0px;
	top:0px; 
	width:100%;
	z-index:0;
	cursor:pointer;
}



/* Layout */
body {
	background-color:#111;
	margin:0;
}
h1 {
	padding:15px;
}
h1 a {
	text-transform: uppercase;
	font-size:16px;
	font-weight: normal;
	letter-spacing:1px;
	line-height:20px;
}
#container {
	position:relative;	
}
#header {
	position:fixed;
	top:0;
	z-index:1000;
	background-color: #202020;
	width:100%;
}
#menu_top {  
	position:fixed;
	z-index:1000;
	left:0px;
	top:80px;
	padding:15px;
	background-color: #202020;
}
#menu_top li a {
	text-transform: uppercase;
	letter-spacing:1px;
	color:#999;
	font-size:14px;
}
#menu_top li a:hover,
#menu_top li.selected a {
	color:#fff;
}
#content {
		margin-top:68px;
		padding-bottom:60px;
}
#footer {
		background-color: #202020;
		height:40px;
		width:100%;
		position:fixed;
		bottom:0px;
}
#footer h3 {
		text-transform: uppercase;
		letter-spacing:0.5px;
		text-align:center;
		padding:10px;
		font-weight:normal;
}

/*Menu_1*/
#menu_1 {
	padding-bottom:130px;	
}
#menu_1 li {
	display:inline;	
	padding-right:15px;
}
#menu_1 li a {
	text-transform: uppercase;
	letter-spacing:1px;
	color:#999;
}
#menu_1 li a:hover,
#menu_1 li.selected a {
	color:#fff;
}


/* popup image */
#popup_mask {
	background: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;

}
#popup {
	position: absolute;
	z-index: 1001;
	background: #000;
	border:1px solid #333;
	width: 900px;
	height:590px;
	margin-left:-21px;
}
#medias_nav {
	position:absolute;
	top:0px;
	right:0px;
	width:50px;
	height:15px; 
	background: #fff;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	padding:5px 20px 7px 5px;
	text-align:center;
}   
#medias_infos {
	position:absolute;
	bottom:0px;
	left:0px;
	height:15px; 
	background: #fff;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	padding:5px 20px 7px 15px;
	text-align:center;
	color:#000;
}
#medias_container {
	margin:auto;
	padding:20px;
	height:550px; 
}
.viewpager a {
	padding-right:5px;
} 
#close {
	position:absolute;
	right:9px;
	top:8px;
}




/*Series*/
#series_preview {
	position:fixed;
	z-index:1000;
	width:200px;
	min-height:150px;
	padding:15px;
	background-color: #202020;

}
#series_preview li {
	font-weight:normal;	
	text-transform: uppercase;
	text-align:center;
	letter-spacing:0.5px;
}
#series_preview li a {
	color:#999;
}
#series_preview li a.selected,
#series_preview li a:hover{
	color:#fff;
}
#close_series {
	float:right;
	cursor:pointer;
	font-size:20px;
	margin-top:-8px;
	margin-right:-3px;
	
} 

/*video*/ 
#videoart_container,
#video_container {  
	padding-top:50px;
	width:800px;
	margin:auto;
	position:relative;
}
#videoart_container li,
#video_container li {
	float:left;
	padding-right:5px;
}
#video_container img {
	height:100px;
}
#videoart_container img {
	height:250px;
}


/*Medias*/
ul#am-container{
	padding: 3px;
	background: #111;
}
ul#am-container li {
	float: left;
}

.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
}

/*Publication*/
#publication_container {
	width:800px;
	margin:auto;
	padding-top:10px; 
	position:relative;
}
#publication_medias li {
	float:left;
	padding-right:5px;
}
#publication_medias img {
	height:150px;
}
#publications_container {
	margin:auto;
	padding:20px;
}
/* popup_publication */
#popup_publication_mask {
	background: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;

}
#popup_publication {
	position: absolute;
	z-index: 1001;
	background: #fff;
	border:1px solid #333;
	margin-left:-31px;
}
#publication_nav {
	position:absolute;
	bottom:0px;
	right:0px;
	width:100%;
	height:15px; 
	background: #fff;
	padding:5px 0px 7px 0px;
	text-align:right;
} 
.publication_name {
	text-align:center;
	color:#000;   
}
#close_publication {
	position:absolute;
	left:25px;
	top:8px;
}
.viewpager_publication {
	padding-right:20px;
	margin-top:-17px;
}


/*Text*/
#text {
	width:800px;
	margin:auto;
	padding-top:10px;
}

/*News*/
#news_container {
	width:920px;
	margin:auto;
	padding-top:10px; 
	position:relative;
}
#posts li ul li {
	width:420px;
	height:280px;
	text-align:center;
	overflow:hidden;
	cursor: pointer;
}
#posts li ul li img {

	height:280px;

}
#news_container h4 {
	padding-top:10px;
	padding-bottom:5px;
	float:left;
	font-weight:normal;
	text-transform: uppercase;
	width:420px;
	text-align:left;
}
#news_container .text {
	text-align:left;
}
#news_container ul li.post {
	float:left;
	text-align:center;
	width:420px;
	height:400px;
	padding:10px;
	margin-right:20px;
	margin-bottom:20px;
	background:#202020;
}
#post_file_nav {
	padding-top:10px;
	width:420px;
	text-align:right;
}
#post_file_nav a {
	padding:2px;
}

/*contact*/
#contact_container {   
	width:800px;
	margin:auto;
	padding-top:40px;
}
#contact_form { 
    margin-right: 10px;
	width: 410px;
	float: left;      
}
#contact_form p {
	margin-bottom: 10px;
}
#contact_form label {
	text-transform: normal;
}
#contact_form label.error {
	font-weight: bold;
}
#contact_form input{
	border: 1px solid #fff;
	height: 21px;
	line-height: 21px;
	width: 410px;
	padding: 5px;
	color: #000;
}
#contact_form textarea {
	border: 1px solid #fff;
	height: 170px;
	width: 410px;
	padding: 5px;
	color: #000;
	overflow-y: auto;
}
#contact_form p button {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	margin-top: 10px;
	background: none;
	cursor: pointer; 
}   
#contact_text {
 	width: 340px;
	margin-top: 20px;
	float: right;      
}