/*

Theme Name: I-20

Theme URI: http://www.i-20.com

Description: A custom theme developed for the West Chelesea Art Gallery, I-20.

Version: 1.0.0

Author: Common Space

Author URI: http://www.commonspace.fm

Tags: white, fixed width, two columns, widgets



	i-20 v1.0.0

	http://www.i-20.com



	This theme was designed and built by Common Space,

	whose website you will find at http://www.commonspace.fm/



*/



body{

	margin:0px;

	padding:0px;

	font-family:Helvetica, Arial, san-serif;

	font-size:12px;

	font-weight:500;

	line-height:18px;

	color:#777677;

}



img{

border:0px;

}



@font-face {

    font-family: "Futura Medium";

	src:url('FONTS/futuramedium.ttf');

}



/* HEADER */



#header-container{

	background-image:url(IMG/mainnav-bg.jpg);

	width:100%;

	height:140px;

}



#header{

	width:1000px;

	height:140px;

	margin:0px auto;

}



.logo{

margin-top:46px;

margin-left:10px;

float:left;

}



#navigation-container{

font-family:"Futura Medium", Helvetica, sans-serif;

letter-spacing:1px;

text-transform:uppercase;

font-size:10px;

margin-left:60px;

margin-top:48px;

float:left;

}



#navigation ul{

height:10px;

list-style:none;

margin-left:-40px;

float:left;

}



#navigation li{

	float:left;

	margin-right:10px;

}



#navigation a, #navigation .headlink .title-headlink a{

color:#a7a7a7;

text-decoration:none;

padding-right:19px;

background:url(IMG/link-tab.jpg);

background-position:right;

background-repeat:no-repeat;

}



#navigation a:hover, #navigation .headlink .title-headlink a:hover{

color:#464546;

text-decoration:none;

padding-right:19px;

background:url(IMG/link-tab-over.jpg);

background-position:right;

background-repeat:no-repeat;

}



#navigation a#active-header{

color:#464546;

text-decoration:none;

padding-right:19px;

background:url(IMG/link-tab-over.jpg);

background-position:right;

background-repeat:no-repeat;

}



 #sub-nav {  

list-style:none;

	float:left;

	margin-left:-40px;

	margin-top:-5px;

	line-height:14px; 

}  

#sub-nav li {  

 }    

 #sub-nav a, #subnav a:visited {  

color:#a7a7a7;

text-decoration:none;

}  

  

#sub-nav a:hover, #sub-nav a:active,  

#sub-nav li.current_page_item a,  

#sub-nav li.current_page_item a:visited {  

color:#464546;

text-decoration:none;

}





#sub-nav-exhibitions {

	list-style:none;

	float:left;

	margin-left:30px;

	margin-top:-5px;

	line-height:14px;

}  

#sub-nav-exhibitions li {  

 }    

 #sub-nav-exhibitions a, #sub-nav-exhibitions a:visited {  

color:#a7a7a7;

text-decoration:none;

}  

  

#sub-nav-exhibitions a:hover, #sub-nav-exhibitions a:active,  

#sub-nav-exhibitions li.current_page_item a,  

#sub-nav-exhibitions li.current_page_item a:visited {  

color:#464546;

text-decoration:none;

}





#navigation .headlink{

position:relative;

z-index:1000px;

float:left;

}



#navigation .headlink ul{

	font-family:"Futura Medium", Helvetica, sans-serif;

	font-size:10px;

	letter-spacing:1px;

	text-transform:none;

	line-height:16px;

	margin-left:20px;

	backrground-color:#FFFFFF;

	height:100&;

	display:none;

	list-style:none;

	text-align:left;

	padding: 12px 0px;

	z-index:1001;

}







#navigation .headlink ul{

	font-family:"Futura Medium", Helvetica, sans-serif;

	font-size:10px;

	letter-spacing:1px;

	text-transform:uppercase;

	line-height:18px;

	margin-top:-6px;

	margin-left:45px;

	height:100&;

	list-style:none;

	text-align:left;

	z-index:1001px;

	position:absolute;

	z-index:1001;

	height:auto;

padding:16px;

	background-color: #FFF;

	-moz-box-shadow: 3px 3px 4px #777;

-webkit-box-shadow: 3px 3px 4px #777;

 box-shadow: 3px 3px 4px #777;

/* For IE 8 */

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777')";

/* For IE 5.5 - 7 */

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777');

}



#navigation .headlink #exhdrops ul{

	margin-left:70px;

}



#navigation .headlink li{

width:190px;

}





#navigation .headlink #exhdrops li {

width:55px;





}



#navigation .headlink a{

color:#a7a7a7;

text-decoration:none;

background:none;

}



#navigation .headlink a:hover{

color:#464546;

text-decoration:none;

background:none;

}



#search{

	float:right;

	margin-right:40px;

	margin-top:102px;

}



/* CONTENT CONTAINERS */



#container{

width:1000px;

margin:0px auto;

}



#content-container{

width:830px;

margin-left:170px;

float:left;

min-height:600px;

}



#content-container a{

color:#a7a7a7;

text-decoration:none;

}



#content-container a:hover{

color:#464546;

text-decoration:none;

}



#title-container{

width:580px;

float:left;

}



#title-container a{

color:#777677;

text-decoration:none;

}



#title-container a:hover{

color:#464546;

text-decoration:none;

}



.post-meta{

	list-style:none;

	margin-left:-13px;

	padding:0px;

}



.post-meta-key{

	visibility:hidden;

}



h3{

font-size:16px;

font-weight:bold;

}



.header{

margin-bottom:50px;

}





/* GALLERY PAGE */



#gallery-right-col{

	float:left;

	width:235px;

	margin-left: 15px;

}



#gallery-left-col{

	float:left;

	width:580px;

}



#gallery-thumbnail-container{

width:100%;

height:132px;

overflow:hidden;

}



#gallery-thumb-switch{

width:198px;

text-align:center;

margin:5px 0px;

}



.gallery-big-img{

	width:580px;

	filter:alpha(opacity=0);

 	opacity:0;

}



.gallery-big-img img{

	max-width:580px;

max-height:600px;

}



.gallery-thumb-img{

	width:61px;

	height:61px;

	float:left;

	margin-bottom:5px;

	margin-right:5px;

}



.gallery-thumb-img img{

	max-width:61px;

	max-height:61px;

}



/* EXHIBITIONS PAGE */



.exhibition-container{

width:257px;

height:228px;

margin-right:5px;

margin-bottom:5px;

float:left;

}



.exhibition-img{

width:257px;

height:178px;

margin-bottom:5px;

overflow:hidden;

}



.exhibition-img img{

max-width:257px;

}



.exhibition-description{

width:257px;

font-size:10px;

line-height:14px;

}





/* PRESS PAGE */



#press-text-container{

width:650px;

float:left;

}



#press-left-col{
float:left;
width:257px;
margin-right:15px;
margin-bottom:15px;
float:left;
}

#press-left-col img{
max-width:257px;
}





/* CONTACT PAGE */



#contact-left-col{

float:left;

width:235px;

margin-right:15px;

}



#contact-right-col{

float:left;

width:580px;

}


/* ARTIST PAGE */

#artist-content{
float:left;
width:580px;
}


#artist-content img{
max-width:580px;
max-height:600px;
}

/* BLOG PAGE */



.blog-post-container{

	float:left;

	width:580px;

	margin-bottom:25px;

}





.blog-post-title{

float:left;

width:580px;

}



.navigation{

float:left;

width:580px;

margin:20px 0px;

}



.alignleft{

float:left;

}



.alignright{

float:right;

}



.blog-post-title h3{

font-size:16px;

font-weight:bold;

padding:0px;

margin-bottom:-10px;

}



.blog-post-entry{

width:580px;

float:left;

}

.blog-left-col{
float:left;

width:125px;

margin-right:15px;

margin-bottom:15px;

float:left;

overflow:hidden;	
}

.blog-left-col img{
max-width:125px;
margin-top:15px;
}

.blog-txt{

width:420px;

float:left;

}



.date p{

font-size:10px;

padding:0px;

}





/* SEARCH PAGE */



#search-content{

float:left;

width:590px;

}



#search-content ul{

font-size:14px;

line-height:22px;

list-style:none;

margin-top:0px;

margin-left:-40px;

}



#search-content a{

color:#a7a7a7;

text-decoration:none;

}



#search-content a:hover{

color:#464546;

text-decoration:none;

}



/* FOOTER */



#footer{

width:830px;

margin:100px 0px 20px 170px;

float:left;

color:#A7A7A7;

font-family:Arial, Helvetica, sans-serif;

text-transform:uppercase;

font-size:10px;

}



#footer ul{

height:10px;

list-style:none;

margin-left:-40px;

}



#footer li{

font-family:"Futura Medium", Helvetica, sans-serif;

letter-spacing:1px;

float:left;

margin-right:10px;

padding-right:19px;

background:url(IMG/link-tab.jpg);

background-position:right;

background-repeat:no-repeat;

}



#footer a{

color:#a7a7a7;

text-decoration:none;

}



#footer a:hover{

color:#464546;

text-decoration:none;

}