/*************** MAIN ***************/
html, body{
	text-align:center;
	font-family:arial, tahoma, helvetica, georgia, sans-serif;
	height:100%;
	background:#fff;
	font-size: 11px;
}

#paintingsWrapper{
	background:#fff url(../images/paintings/bg.jpg) top left no-repeat;
	width:960px;	
	text-align:left;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -36px;
}

/************ left column ****************/
#leftColumn {width:180px;float:left;}
div#leftColumn {text-indent:-9999px;}

#header h1 a {width:180px;height:325px;display:block;}

#nav {width:157px;}

#paintings {width:157px; height:52px; background:url(../images/paintings_off.png) no-repeat;}
#paintings a {width:157px;height:52px;display:block;}

#sketchbook {width:157px; height:54px; background:url(../images/sketchbook_off.png) no-repeat;}
#sketchbook a {width:157px;height:54px;display:block;}

#biography {width:157px; height:64px; background:url(../images/biography_off.png) no-repeat;}
#biography a {width:157px;height:64px;display:block;}

#contact {width:157px; height:43px; background:url(../images/contact_off.png) no-repeat;}
#contact a {width:157px;height:43px;display:block;}

#home {width:157px; height:45px; background:url(../images/home_off.png) no-repeat;}
#home a {width:157px;height:45px;display:block;}

/************ right column ****************/
#rightColumn {width:780px; float:right;}

#portfolioPic{
	width:650px;  /*same size as config file*/
	float:left; 
	display:block;
	margin: 108px 20px 0px 0;
}

.loader{text-align:center;}

/************ image details (ajaxed) *********/

div.notification         	{position:relative; margin:5px 0 10px 0; padding:8px; font-style:normal; display:block;}
div.notification dt      	{padding-left:20px; margin-left:0px; margin-bottom:5px; font-size:13px; font-weight:bold;}
div.notification dd      	{padding-left:20px; margin-left:0px; margin-bottom:5px;}

div.error           		{border: 1px solid #ff0000; background: url(../images/bgHighlightRed.gif) repeat-x #f6dcd9; color:#ff0000;}
div.error dt        		{background: url(../images/iconX.png) no-repeat 0px;}

.mainImg{text-align:left; margin-bottom:10px; text-align:center;}
.imgTitle{font-size:14px; margin-bottom:10px;}
.imgDescription{font-size:9px;margin-bottom:10px;}

/*************** footer ***************/
#footerPush, #footer{height:36px;clear: both;} /* should match wrapper's negative margin for bottom screen sticky*/
#footer{
	font-size:10px;	
	color:#a9a9a9;
	display:block;
}
#footer p, #footer ul{text-align:center;}
#footer ul li{display:inline;}
#footer ul li a{
	display:inline-block;
	padding:0px 4px 0px 4px;
	color:#a9a9a9;
}
#footer ul li a:hover{color:#ef41b7;}