/* =======================================================
	Global.css
	General Styles
=======================================================*/

* {margin:0;padding:0;}
    
img{border:0;}
  
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* reset base size to 10px, 1.1em = 11px, 1.2em = 12px etc */
	background: #fdfdfd url(../images/bg_body.gif) repeat-x 0 0 ;
	color: #737373;
}

#wrapper{
	margin:30px auto;
	text-align: left;	
	width:800px;
	background:#FFFFFF;

}

#header{
	position:relative;
	width:800px;
	height:243px;
	background:#FFFFFF;
}



#header .tile{
	position:absolute;
	top:0;
	left:0;
	}
	
#header .logo{
	position:absolute;
	top:71px;
	right:30px;
	}
	
#header ul{
	position:absolute;
	top:165px;
	right:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#header ul li{
	display:inline;
	font-size:1.35em;
	margin:0 4px 0 0!important;
	padding:0 8px 0 0!important;
	border-right:1px solid #e4e4e4;
	letter-spacing:0.05em;
	}	
	
#header ul li.last{
	border:none;
	}	
	
#header ul li a{
	text-decoration:none;
}

#header ul li a.active{
	font-weight:bold;
}

#content{
	width:800px;
	float:left;	
	background:#FFFFFF;
	position:relative;
}

#content #leftcolumn{
	width:290px;
	float:left;
}

#content #leftcolumn h1,#content #leftcolumn p{
	margin:0 20px 10px 30px;
}

#content #leftcolumn #subnav{
	margin:20px 20px 10px 30px;
	position:absolute;
	bottom:0;
	left:0;
}


#content #leftcolumn #subnav a{
	display:block;
	font-size:1.4em;
	text-decoration:none;
	margin:0 0 5px 0;
	font-weight:bold;
}

#content #rightcolumn{
	width:460px;
	float:left;	
}

.headline{margin:0 0 0 20px;}

/* =======================================================
	About me page
=======================================================*/

body#aboutme #content #leftcolumn #subnav{
	margin:20px 20px 10px 30px;
	position:relative;
	bottom:0;
}

/* =======================================================
	Art Page
=======================================================*/

body#art #content #leftcolumn{
	width:175px;
	float:left;

}

body#art #content #leftcolumn h1,body#art #content #leftcolumn p{
	margin:0 20px 10px 30px;
}

body#art #content #leftcolumn #subnav{
	margin:20px 20px 10px 30px;
	position:relative;
	bottom:0;
}

body#art #content #leftcolumn #subnav a{
	display:block;
	font-size:1.4em;
	text-decoration:none;
	margin:0 0 5px 0;
	font-weight:bold;
}

body#art  #content #rightcolumn{
	width:600px;
	float:left;	
	border:1px solid #d2d2d2;
}

body#art  #content #rightcolumn img{
	float:left;
	}

/* =======================================================
	Exhibitions Page
=======================================================*/

.row{
	clear:both;
}

body#exhibitions #content h1,body#exhibitions #content h2{
	display:block;
	border-bottom:1px solid #ebebeb;
	clear:both; 	 
	width:740px;	
	position:relative;
	left:30px;
	padding:0 0 10px 0;
	text-transform:uppercase;
	font-weight:normal!important;
}

body#exhibitions #content h2{
	padding:30px 0 10px 0;

}

body#exhibitions #content h3{
	position:relative;
	left:30px;
	padding:10px 0 10px 0;
	text-transform:lowercase;
}


body#exhibitions #content #leftcolumn{
	width:380px;
	float:left;
	margin:5px 0 0 0;
}

body#exhibitions #content p{
	margin:0 20px 10px 30px;
}

body#exhibitions #content #leftcolumn #subnav{
	margin:20px 20px 10px 30px;
	position:absolute;
	bottom:0;
}

body#exhibitions #content #leftcolumn #subnav a{
	display:block;
	font-size:1.4em;
	text-decoration:none;
	margin:0 0 5px 0;
	font-weight:bold;
}

body#exhibitions #content #rightcolumn{
	width:380px;
	float:left;	
	margin:5px 0 0 0;
}

body#exhibitions #content img{
	border:1px solid #d4d4d4;
	float:left;	
	margin:0 10px 20px 30px;
	padding:2px;
}


body#exhibitions #content #rightcolumn span{
	border:1px solid #FFF;
	width:80px;
	float:left;
}

p.link{
	padding:10px 0 0 0;
	float:left;
}

span.multiline{
	width:220px!important;
	margin-bottom:10px;
}

#footer{
	position:relative;
	width:800px;
	height:50px;
	float:left;
	background:#FFFFFF;
	margin:20px 0 0 0;
}

body#exhibitions #footer{border-top:1px solid #EBEBEB;left:30px;width:740px;}
body#exhibitions #footer p{left:0px;}
body#exhibitions #footer ul{right:0px;}

#footer p{
	position:absolute;
	left:30px;
	top:10px;
}

#footer ul{
	position:absolute;
	right:20px;
	top:12px;

}

#footer ul li{
	display:inline;
	color:#737373;font-size:1.1em;
	text-decoration:none!important;
	margin:0 4px 0 0;
	padding:0 8px 0 0;
	letter-spacing:0.05em;
}

#footer ul li.last{
	border:none;
	}	
	

#footer ul li a{
	text-decoration:none!important
}

/* =======================================================
	Lists
=======================================================*/

#content ul{
	margin:0 0 0 30px;
	list-style-type:none;
}

#content ul li{
	margin:0 0 10px 0px;
	color:#737373;font-size:1.2em;line-height:1.4em;

}

#content ul li a{
	text-decoration:none;

}




/* =======================================================
	Form
=======================================================*/

form{margin:20px 0 0 0;}

label{
	float:left;
	width:80px;
}

input{
	border:1px solid #dcdcdc;
	background-color:#fefefe;
	width:140px;
	color:#737373;font-size:1.0em;line-height:1.4em;
	padding:3px 3px 4px 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:0.08em;	
}

textarea{
	border:1px solid #dcdcdc;
	background-color:#fefefe;
	width:140px;
	color:#737373;font-size:1.0em;line-height:1.4em;
	padding:3px 3px 4px 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:0.08em;
}	

.btn-submit{
	background:#FFFFFF;
	border:none;
	position:relative;
	left:210px;
	width:60px;
	color:#737373;font-size:1.2em;line-height:1.4em;
	padding:3px 3px 4px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* =======================================================
	Submit form - error message
=======================================================*/
 
#log {
	margin: 5px 0 0 25px;
	width:360px;
	color:#ED1C24;
}
 
#log_res {
	font-size:1.3em;
	overflow: auto;
	color:#ED1C24;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../images/ajax-loader.gif) no-repeat center;
}

/* =======================================================
	Typography
=======================================================*/

h1,h2,h3,h4,h5,h6{color:#737373;font-size:1.4em;font-family:Arial,Verdana, Helvetica, sans-serif;text-transform:uppercase;font-weight:normal!important;}
p{color:#737373;font-size:1.2em;line-height:1.4em;}

h1{font-size:1.4em;margin:10px 0;font-weight:bold;}

a,a:link,a:visited{color:#737373;}
a:hover{text-decoration:underline!important}

/* =======================================================
	Extras
=======================================================*/

.spacer{position:relative;margin:0;padding:0;clear:both;width:auto;font-size:1px;line-height:1px;height:1px;}
.tools{position: absolute; left: 0; top: -500px; width: 1px; height: 1px; overflow: hidden;}
.hide{position:absolute;top:-9999px;left:-9999px;overflow:hidden;}