/*   
Theme Name:Viva! Art Action 2013 Theme
Theme URI: http://vivamontreal.org;
Description: Theme for ViVa! Art Action 2013
Author: Farid Rener
Author URI: http://faridrener.com
Version: 1
*/
@import url(https://fonts.googleapis.com/css?family=Economica:400,700);
html{
	min-width: 1065px;
}
body{
	font-family: 'Economica', sans-serif;
}
p{
	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 0.8em;
}

aside, footer, header, nav {
	display:block;
}
img
{  border-style: none;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
#wrapper{
	margin:auto;
	display:block;
	max-width:1000px;
	padding:15px;
}
a{
	text-decoration: none;
	color:black;
	font-weight: 700;
}
a:hover{
	color:#0492d2;
	/*background-color:black;*/
}

/*Header stuff*/
header{
	max-width:1000px;
	height:150px;
	margin-bottom: -15px;
}
#logo{
	width:150px;
	/*height:205px;*/
	float:left;	
	display:block;
}
#logo img{
	width:150px;
	position:absolute;
}
#logoBackground{
	width: 112px;
	height: 97px;
	position: relative;
	left: 25px;
	top: 6px;
	z-index: -10;
	background-color:#ef2e31;
}
#headerBar{
	float:right;
	width:840px;
	padding-left:10px;
}
.menu-item a, .lang-item a{
	color:white;
}
.menu-item  a:hover, .lang-item a:hover{
	color:#ef2e31;
}
#headerNav{
	/*background-color: black;*/
	color:white;
	text-transform: uppercase;
	line-height: 24px;
	background-image:url('images/navbarbg.png');
	background-repeat: no-repeat;
	background-size: 100%;
}
nav{
	margin-left: -25px;
}
nav li{
	list-style: none;
	padding-left:10px;
	float:left;
	position: relative;
}
nav li ul a{
	display: block;
}

ul.dropdown ul{
list-style: none;
margin:0; /* Appear just below the hovering list */
padding:0;
width:200px; /* specify the width. */
position:absolute; /* needed */
z-index:500; /* specify the order */
}
ul.dropdown ul li{
	background: black;
	padding-right:7px;
	margin-bottom:2px;
}
/* Hide all the dropdowns (submenus) */
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none; }
 
/* Display the submenus only when li are hovered */
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}


.current-menu-item  a, .current-lang a{
	color: #ef2e31;
}
.current-page-ancestor > a{
color: #ef2e31;
}
#search {
	float:left;	
	line-height: 20px;
}
input[type=text]{
	height: 11px;
	border: 1px solid #bbb;
	color: gray;
	font-size: 10px;
	margin-bottom: 5px;
	margin-right: 5px;
}
#languageSelect li{
	float:left;
	padding-right:5px;	
	list-style: none;
	font-size:12px;
}
#navRightWrapper{
	float:right;
}
#languageSelect{
	float:right;
	padding-left: 0px;
	padding-right:10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*Main Image*/
#homeImage{
	float: left;
	height:550px;
	padding:0 10px;
}
#homeImage img{
	/*width:750px;*/
	/*height:auto;*/
}
#homeImageCaption{
	background: black;
bottom: -96px;
height: 50px;
	color: white:
	left: 0;
	line-height: 20px;
	margin: 0;
	padding: 2%;
	position: absolute;
	text-align: center;
	width: 96%;
}

#homeImageCaption a{
	color:white;
}
#homeImageCaption a:hover{
	color:#0492d2;
}

.meteor-slides .meteor-clip{
	height:550px;
}

/*Blog Sidebar*/
#homeSidebar {
	width:210px;
	height: 550px;
	float:right;
	color:black;
	background-color: white;
	padding:0px 10px 18px 10px;
}

#homeSidebar h2{
	text-transform: uppercase;
	margin-bottom:5px;
	margin-top:5px;
}

#homeSidebar h3{
	margin-top:5px;
	margin-bottom:5px;
}
#homeSidebar a{
	color:black;
}
#homeSidebar a:hover{
	color:#0492d2;
}
.blogDate, .blogAuthor{
	font-size:12px;
	padding-right:2px;
}
.blogDate{
	float:left;
}
.blogDate:after{
	content:" |";
}

.blogLeaveComment{
	border-bottom: 1px black solid;
}
.blogExcerptText{
	
}
/*footer*/
footer{
	padding-top:15px;
	line-height:40px;
	border-top:1px solid black;
}
#socialMedia{
	margin-left:75px;
}
#socialMedia img{
	width:40px;
	height:40px;
	float:left;
	margin-left: -10px;
}
#footerCopyright{
	font-size:0.8em;
	
}

#footerCopyright img{
	padding-top:3px;
}
#imageGallery{
	width:300px;
	display: inline-block;	
	float:left;	
}
#imageGallery ul{
	/*background-color: black;*/
	padding: 2px;
	margin-left: 40px;
}
#imageGallery ul li{
	list-style: none;
	float:left;
	padding:5px;
	/*background-color: black;*/
}
#imageGallery ul li img{
	width:75px;
	height:75px;
}
#imageGallery ul li:first-child img{
	width:245px;
	height:auto;
	
}


/*..........................................*/
/*.............Blog........................*/
/*........................................*/

#blogWrapper{
	position: relative;
}

#blogAuthorsText{
	width: 160px;
	display: inline-block;
	float: left;
	padding-right: 20px;
	text-align: justify;
}
#blogText{
	width:500px;
	display: inline-block;
	float:left;	
}
#blogText h3{
	margin-top: 0px;
}
.blog-sidebar-blogger-name{
	font-weight:700;
	padding-bottom: 2px;
}
.blog-sidebar-blogger-desc{
	padding-bottom: 5px;
}
.bottom-margin{
	border-bottom: 1px black solid;
}

/*..........................................*/
/*.............Artists.....................*/
/*........................................*/
#artistSlideshow{
	width:750px;
	display: inline-block;
	float:left;	
}

#artistWrapper{
	width:1000px;
}
#left {
	float: left;
font-size: 0.8em;
width: 200px;
display: inline-block;
padding-right: 30px;
padding-left: 0px;
margin-left:-50px;
position: relative;
}
#artistList{
/*	width:200px;
	display: inline-block;
	font-size:0.8em;
	position: relative;*/

}
#artistList ul{
	list-style: none;
	text-align: right;
	text-transform: uppercase;
	padding-left: 0px;
/*	margin-right: 30px;
	padding-left: 0px;
	position: relative;
	left: -50px;
	width: 200px;*/
}
#artistList ul a, #archiveYears ul a{
	background-color:black;
	color:white;
	padding: 2px 6px 2px 7px;
}
#archiveYears ul a{
	padding-left: 150px;
	margin-left:20px;
}
#artistList ul a:hover, #archiveYears ul a:hover{
	color:#0492d2;
}
#artistList ul li{
	margin:5px;
	margin-top: 6px;
}

#artistList .current_page_item a, #archiveYears .current_page_parent a{
	background-color: #0492d2;
	color:black;
}
#artistList .current_page_item a:hover, #archiveYears .current_page_parent a:hover{
	background-color: black;
	color: #0492d2;
}

.programming ul li:last-child a{
	background-color: #ef2e31 !important;
}
.programming ul li:last-child a:hover{
	background-color: black;
}


#artistText{
	width:500px;
	display: inline-block;
	float:left;	
}
#artistText h3{
	margin-top: 0px;
}


/*Lightbox*/
#playpause{
	visibility: hidden;
}
/*......................*/
/*.....ARCHIVE..........*/
/*......................*/
#archiveYears{
/*	width:200px;
	display: inline-block;
	
	left: -15px;
	position: relative;*/
}

#archiveYears ul li{

	margin: 6px;
	width: 30px;
}
 #archiveYears ul  {	
/* 	list-style: none;
	text-align: right;
	text-transform: uppercase;
	margin-right: 30px;
	padding-left: 0px;
	position: relative;
	width: 200px;*/

	list-style: none;
	text-align: right;
	text-transform: uppercase;
	padding-left: 0px;
/*	margin-right: 30px;
	padding-left: 0px;
	position: relative;
	left: -50px;
	width: 200px;*/
}

#archiveYears .current_page_item a, #archiveYears .current_page_parent a{
	background-color: #0492d2;
	color:black;
}
#archiveYears .current_page_item a:hover, #archiveYears .current_page_parent a:hover{
	background-color: black;
	color: #0492d2;
}
/*......................*/
/*.....2008..........*/
/*......................*/

.archive-list{
/*	width:200px;
	display: inline-block;
	
	left: -15px;
	position: relative;*/

}
.archive-list ul{
	list-style: none;
	text-align: right;
	text-transform: uppercase;
/*	margin-right: 30px;
	padding-left: 0px;
	position: relative;
	left: -5px;
	width: 200px;*/
}
.archive-list ul a{
	/*background-color:black;
	color:white;*/
	padding: 2px 6px 2px 7px;
	font-weight: 400;
}
#website-2008 ul li a{
	background-color:black;
	color:white;
	padding-left: 107px;
}
#website-2008 ul li a:hover{
	color:#0492d2;
	background-color:black;
}
.archive-list ul a:hover{
	color:#0492d2;
	background-color:black;
}
.archive-list ul li{
	margin:5px;
	margin-top: 6px;
}

.archive-list .current_page_item a{
	background-color: #0492d2;
	color:black;
}
.archive-list .current_page_item a:hover{
	background-color: black;
	color: #0492d2;
}

.archive-aside-header{
border-bottom: 1px solid;
width: 182px;
position: relative;
left: 9px;
}
.archive-aside-header-2009{
border-bottom: 1px solid;
width: 182px;
position: relative;
left: 9px;
}

/*..........................................*/
/*.............Calendar........................*/
/*........................................*/
.calendar{
position: relative;
left:-100px;
border-collapse:collapse;
}
.calendar {

}
.calendar td{
text-align: center;
border-right:2px solid black;

}


.calendar th{
text-align: center;
border-right:2px solid black;
border-bottom:2px solid black;
}

.calendar-event {
background-color: #ef2e31;
}
.no-border{
border-right:0px !important;
}
.offsite{
	background-color:orange;
}
.offsite-reg{
	background-color:blue;
}

#mailinglist{
	width:90%;
	text-align: right;
}
#mailinglistheader{
border-width: 0px;
border-style: none;
border-color: #E3E3E3;
color: #FFF;
background-color: #000;
font-size: 1.2em;
padding: 5px 10px;
/*width: 140px;*/
}