html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;padding:0;border:0;font-family:sans-serif;color:#000000;text-align:center;background:#ffffff}
img{border:0}
h1{color:#000000;font-size:260%;font-weight:lighter}
h2{color:#000000;font-size:200%;font-weight:lighter}
h3{color:#000000;font-size:150%;font-weight:lighter}
.clear{float:none;clear:both;height:0;font-size:1px}
a:link{color:#000000;text-decoration:underline}
a:visited{color:#000000;text-decoration:underline}
a:hover{color:#0066cc;text-decoration:none}

a.pagenum:link{text-decoration:none;color:#000000}
a.pagenum:visited{text-decoration:none;color:#000000}
a.pagenum:hover{text-decoration:none;color:#000000;background-color:#FFCC66}

#header{width:100%;background:url(top-bg.jpg) no-repeat;background-position:center center;background-size:100% auto;padding:100px 0px;color:#ffffff}
#header h1, #header h2, #header a:link, #header a:visited, #header a:hover{color:#ffffff}
.content{width:1460px;margin:0 auto;}
.row{width:100%;margin:0 0 100px 0;}
.navbar{float:right;/*background-color:#fff;*/}
#nav{list-style:none;padding-left:0;padding-top:0px}
#nav a{text-decoration:none}
.menu{float:left;margin-left:40px}
.firtMenu{margin-left:0}
p{font-size:100%;line-height:26px}
.textBox,.titletext,.biography,.biography p{font-size:120%;text-align:left;text-indent:2em;padding:5px 0}
.titletext{text-indent:0}
.textBoxRight{float:right;padding:0 0 0 20px}
.js{font-weight:bold}
.img-w50{width:50%;height:auto}
.img-w30{width:47%;height:auto;float:left;padding:1.5%}
/*.img-w30{width:30%;height:auto;float:left;padding:1.5%}*/
.img-fr{margin:0 0 20px 50px}
.img-fl{margin:0 50px 20px 0}
.img-fr,.fr{float:right;}
.img-fl,.fl{float:left;}
.img-text{position:relative}
.img-box{margin-bottom:0}
/*.textOnImg{position:absolute;top:0;padding:10px 100px;color:#b1b1b1}*/
.div-w50{width:50%;float:left}
.contact{width:45%;border-left:1px solid #d3d3d3;padding-left:3%;text-align:left;}
#footer{background-color:#141414;font-size:90%;padding:50px 10px}
#footer,#footer a{color:#999999;text-decoration:none}

.index-img,.artist-img{margin-bottom:50px}
.index-img img{width:29%;height:auto;margin:2%}

.artist-img{text-align:left}
.painting{width:27%;margin:3%;vertical-align:bottom;display:-moz-inline-stack;display:inline-block;text-decoration:none}
*+html .painting{display:inline;text-decoration:none}
.painting-img img{width:100%;height:auto}
.painting-title{width:100%;height:55px;font-size:20px;overflow:hidden;text-align:center;line-height:25px}

.zimu{float:left;padding:5px 10px;border:1px solid #999999;margin:5px 10px 15px 10px;color:#0066cc}
a.zimu:link{background-color:#cccccc;text-decoration:none}
a.zimu:visited{background-color:#cccccc;text-decoration:none}
a.zimu:hover{background-color:#99ccff;text-decoration:none}
.artistNameIndex{text-align:left}

.pager{margin:20px 0}
.isnum,a.pagenum{float:left;background-color:#cccccc;border:1px solid #999999;padding:5px 10px;margin:10px 0px 10px 20px}
.isnum{background-color:#ffffff}
a.pagenum:link{text-decoration:none}
a.pagenum:visited{text-decoration:none}
a.pagenum:hover{text-decoration:none;background-color:#99ccff}
@media(max-width:1500px){
	.content{width:90%;}
}
@media(max-width:950px){
	#header{background-size:auto 100%;}
	.index-img img{width:42%;height:auto;margin:2%}
	.painting{width:46%;margin:2%}
}
/*
@media(max-width:900px){
	.textOnImg .textBox{font-size:90%;}
}
@media(max-width:780px){
	.textOnImg .textBox{font-size:120%;}
	.textOnImg{position:static;padding:0;color:#000000}
}
*/
@media(max-width:650px){
	.img-w50{width:100%}
	.img-fr{float:none;margin:20px 0}
	.img-fl{float:none;margin:20px 0}
	.div-w50{width:100%;float:none}
	.contact{width:100%;border-left:0px;margin-top:50px}
	.navbar{float:none}
	.menu{margin-left:0;width:20%}
	.index-img img{width:90%;height:auto;margin:5%}
	.artist-img{text-align:center}
	.painting{width:100%;margin:20px 0}
	.painting-img img{width:auto;height:auto}
}