@import "fonts/fonts.css";

/* CSS Document */
body,td,th {
	font-family: 'hantai', Courier New, Courier, monospace;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #FFFFFF;
	margin: 0;
}

#page {
	width:1000px;
}

.soon {color:#666;}


table#main_menu td a:link, a, a:link {
	color: #BF47BF;
	text-decoration:none;
}
/* a:visited {
	color: #ffffff;
	text-decoration:none;
} */

a:visited.lang, a:link.lang {
	color: #ffffff;
	text-decoration:none;
}

#content_menu a:visited, 
#content a:visited {
	color: #BF47BF;	
}


a:hover, 
a:hover.lang, 
a.current, 
.current a, 
a:hover.current, 
a:visited.current,
body.projects .menu-projects a,
body.installation .menu-installations a,
body.video .menu-videos a,
body.images .menu-images a,
body.murals .menu-murals a,
body.sounds .menu-sounds a,
body.cv .menu-cv a,
body.links .menu-links a,
body.contact .menu-contact a,
table#main_menu td a:hover, 
table#main_menu td.current a,
table#sub1_menu td a:hover, 
#content_menu a:hover, 
#content a:hover {
	color: #FFFFFF !important;
	background-color: #BF47BF;
	text-decoration:none;
}


a:active {
	color: #BF47BF;
	text-decoration:none;
}

h3.site-title {
	font-size:18px;
	font-weight:900;
}

table#main_menu {
	border-collapse:collapse;
	border: 0px solid #ff0000;
	margin-bottom:1px;
/*	width:992px; */
}

table#sub1_menu {
	border-collapse:collapse;
	border: 1px solid #000000;
	margin:0 0 5px;
}


table#main_menu td {
	padding:0 17px;
	border: 1px solid #ffffff;
	background-color:#000000;
/*	width:114px; */
	height:60px;
	text-align:right;
	color:#FFFFFF;
}

table#main_menu td.current,
table#sub1_menu td.current{
	background-color: #BF47BF !important;
}

table#sub1_menu td.current a{
	color:#fff !important;
}

table#main_menu td.current a:hover, 
table#sub1_menu td.current a:hover {
	background-color: #fff !important;
	color: #BF47BF !important;
}


table#sub1_menu td {
	padding:0 8px;
	border: 1px solid #000000;
/*	width:110px;	*/
	height:30px;
	text-align:left;
}

/* --------------- CV ------------- */
#content.cv  h2{
	font-size:16px;
}


/* --------------- PROJECT ------------- */
#content.project {
	padding:0;
	text-align:center;
}

	#content.project .nav,
	#content.project .title,
	#content.project .description {
		display:block;
		padding:0;
		text-align:center;
	}

	#content.project table.img_cont{
		width:620px;
		height:502px;
		border:0;
		border-collapse:collapse;
		position:relative;
		overflow: hidden;
		text-align:center;
	}

		#content.project table.img_cont img {
			vertical-align:middle;
		}






#content.video {
	padding:20px 12px;
	text-align:center;
}

#content.links {
	text-align:left;
}



/* INSTALLATIONS */
#content.installations .pict-container {
	display:block;
	text-align:center;
	height:465px;
	width:620px;
}

	#content.installations .pict-container img {
		border:0;
		display:inline;
		margin:0;
		padding:0;
		max-height:100%;
		max-width:100%;
		height:auto;
/* 		width:100%; */
	}
	
/* nano gallery */
.nGY2PaginationPrev,
.nGY2paginationItem,
.nGY2PaginationNext {
	background: #bf47bf !important;
	border-radius: 2px;
	color: #fff;
}

.nGY2 .nGY2GThumbnailAlbumTitle, .nGY2 .nGY2GThumbnailImageTitle,
.nanogallery_gallerytheme_dark_the_style .nGY2GThumbnailImageTitle {
	color:#000 !important;
	font-weight:500;
	text-shadow:none !important;
}


.nanogallery_viewertheme_dark_the_style .nGY2Viewer .toolbarBackground {
    background: #000 !important;
}


#content.installations, #content.glass {
	float:left; 
	background-color:#EDEDED; 
	width:624px;
	padding: 0;
	text-align:center;	
}


#content.wallpapers {
	border:0;
	margin:0;
	padding:0;
	display:inline;
}



#content_menu {
	background-color:#EDEDED; 
	display:inline-block;
	height:auto;
	float:left; 
	margin-right:1px;
	padding:5px 15px;
	width:308px;
}

#content_menu.hidden {
	background-color:#ffffff; 
	width:339px;
	margin-right:1px;
	float:left;
	height:auto;
}

#content .title {
	margin:15px 60px;
	text-align:center;
}

#content .title .madeby {
	color:#555;
	display:block;
	font-size:100%;	
	margin:10px auto;
}


#content .description {
	width:450px;
	margin:0 auto 25px;
	text-align:left;
}

	#content .description p {
		text-align:justify;
	}

p.audio_descritpiton {
	margin:0 0 15px;
	padding-left:20px;
}


/* ------------- audio --------------------- */

.audio_player {
background: #000;
padding:4px 4px 2px 4px;
}

p.audio_player {
	margin: 0 auto;
}

blinker {
	color: #BF47BF;
}
.blinker {
	color: #BF47BF;
	font-weight: bold;
	font-size: 12px;
}


a.gallery_nav {
    display: inline-block;
    font-size: 17px;
	font-weight: 400;
    margin: 0 5px;
    padding: 2px 3px;
}



/* --------------------------- */
/* ---------- HTML5 ---------- */
/* --------------------------- */


.wrapper {
	background:#ededed;
	margin:0 auto;
	max-width:992px;
}

/* header */

ul#main_menu {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

	ul#main_menu > li {
		align-items:center;
		background-color:#000000;
		border-right: 1px solid #ffffff;
		color:#FFFFFF;
		display:inline-flex;
		flex-grow: 1;
		line-height:65px;
		text-align:center;
		width:11.111%;
	}

	ul#main_menu > li:last-child {border-right: 0px;}

		ul#main_menu > li a {
			display:block;
			width:100%;
		}

		ul#main_menu li a span.arrow {color:#fff !important;}
		
		
/* sidebar */
.sidebar_year {
	line-height:1.2;
		margin: 0 0 14.5px;
		margin: 0 0 1.2em;
}		
		
	.sidebar_year h3 {
		font-weight: 500;
		font-size: 12px;
		margin: 0;
	}		
	
	.sidebar_year .sidebar_item {
		margin: 0 0 6px;
		margin: 0 0 0.5em;
	}		
		
		.sidebar_year .sidebar_item a{
			font-weight:400;
		}		
		
/* Style the tab */
.tab {
	border-bottom:1px solid #fff;
	display:flex;
	margin-bottom:20px;
	overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
/*   float: left; */
	border: none;
	color: #000000;
	cursor: pointer;
	font-family: 'hantai', Courier New, Courier, monospace;
	font-size: 12px;
	flex-grow:1;
	outline: none;
	padding: 14px 14px;
	transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #bf47bf;
  color:#fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
}




		
		
		
/* content */

.content-wrapper {
	display:flex;
}

	.content-wrapper #content_menu {
		background-color: #ededed;
		border-right: 1px solid #fff;
		float:none;
		flex-grow: 3;
		padding: 15px 15px;
		width:auto;
	}

	.content-wrapper #content {
		background-color: #ededed;
		float:none;
		flex-grow: 6;
		min-width:620px;
		padding: 18px 15px;
		width:auto;
	}
	
	body.contact .content-wrapper #content_menu,
	body.cv .content-wrapper #content_menu,
	body.links .content-wrapper #content_menu {
		border-right: 0px solid #fff;
	}
	

		.content-wrapper #content img {
			height:auto;
			max-width:100%;
		}

		.content-wrapper #content hr {
			margin:0 auto;
			max-width:450px;
		}