@charset "utf-8";
/* CSS Document */
body{
font-size:75%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(images/Body_tile.jpg);
}
/* Main Divisions of Page */
#container{
width:840px;
margin:0 auto;
padding:0;
border:0;
background-image:url(images/Content_tile.jpg);
}
#masthead{
width:840px;
margin:0;
padding:0;
border:0;
height:189px;
}
#sidebar{
height:565px;
float:left;
width:190px;
margin:0;
padding:0;
border:0;
background-image:url(images/Sidebar_tile.jpg);
}
#columns,
#columnspl,
#columnspb,
#columnspg,
#columnspo,
#columnsd{
height:565px;
overflow:auto;
}
#column_a{
float:left;
width:300px;
border:0;
padding:0 5px 5px 5px;
margin:0;
}
#column_b{
float:right;
width:300px;
border:0;
padding:0 5px 5px 5px;
margin:0;
}
#navigation{
padding:2px 0 0 10px;
}
#gallery{
width:575px;
padding:5px 0 10px 50px;
border:0;
text-align:left;
}
#single{
width:100%;
margin: 0 10px 10px 10px;
padding:0 10px 10px 10px;
border:0;
text-align:left;
}
#footer{
clear:both;
width:840px;
background-image:url(images/Sidebar_tile.jpg);
padding:5px 0 5px 0;
border:0;
font-size:85%;
text-align:center;
color:#fff;
}
/* Font styles */
h1{
margin:0;
}
h2{
margin-top:12px;
color:#333;
font-size:130%;
clear:left;
}
#gallery h2{
margin-top:12px;
}
h3{
color:#333;
font-size:120%;
clear:left;
}
h4{
color:#000;
font-size:110%;
margin-bottom:0;
clear:left;
}
#sidebar p{
clear:both;
font-size:80%;
padding:10px;
margin-top:5px;
color:#ffc;
}
#columns p,
#columnspl p,
#columnspg p,
#columnspo p,
#columnsd p{
font-size:100%;
clear:none;
}
#gallery p{
margin:0 0 0 2px;
font-size:95%;
}
p.clear{
clear:both;
}
/* Image Styles */
#masthead img{
border:0;
}
.sidephoto img{
float:left;
margin:5px 20px 5px 20px;
}
.singlephoto img{
float:left;
margin:5px 20px 25px 120px;
padding:10px;
background-color:#ffc;
}
.singlephotolong img{
float:left;
margin:5px 20px 25px 20px;
padding:10px;
background-color:#ffc;
}
#columns img{
float:left;
padding:2px 5px 2px 0;
}
#gallery img{
float:left;
margin:5px 30px 0 0;
border-color:#ffc;
border-width:3px;
}
#gallery .mid img{
float:left;
margin:5px 20px 0 0;
border-color:#ffc;
border-width:3px;
}
#gallery .mid_b img{
float:left;
margin:5px 20px 0 -6px;
border-color:#ffc;
border-width:3px;
}
#gallery .midlong img{
float:right;
margin:5px 180px 0 25px;
border-color:#ffc;
border-width:3px;
}
#gallery .right img{
float:right;
margin:5px 65px 0 0px;
border-color:#ffc;
border-width:3px;
}
/* Sidebar Navigation */
#sidebar ul{
width:100%;
margin:0 0 5px 5px;
padding:5px;
list-style-type:none;
}
#sidebar li{
color:#0C0;
float:left;
}
/* Gallery Top Navigation */
#navigation ul{
width:580px;
list-style:none;
margin:3px 0 5px 0;
}
#navigation li{
float:left;
}
/* Links */
a{
color:#333;
font-weight:bold;
}
a:visited{
color:#666;
}
a:hover{
color:#000;
}
#footer a{
color:#fff;
font-weight:bold;
}
#footer a:visited{
color:#fff;
}
#footer a:hover{
color:#ff9;
}
#sidebar a{
display:block;
width:160px;
text-align:left;
color:#fff;
text-decoration:underline;
}
#sidebar a:visited{
color:#fff;
text-decoration:none;
}
#sidebar a:hover{
color:#ff9;
text-decoration:underline;
}
#navigation a{
padding:0 0 0 10px;
display:block;
width:10em;
text-align:left;
color:#fff;
text-decoration:underline;
}
#navigation a:visited{
color:#fff;
text-decoration:none;
}
#navigation a:hover{
color:#ff9;
text-decoration:underline;
}
/* Ensure current page is marked in Navigation Links */
body#index a#homelink,
body#paintings a#paintingslink,
body#drawings a#drawingslink,
body#about a#aboutlink{
color:#000;
text-decoration:none;
}
#columnspl a#pllink,
#columnspb a#pblink,
#columnspg a#pglink,
#columnspo a#polink{
color:#000;
text-decoration:none;
}