/* General */
html, body {
color: black;
background-color: gray;
}

html, body, div, img, h1, h2, h3, a {
margin: 0;
padding: 0;
}

body {
font-family: Verdana,Helvetica,Sans-Serif;
font-size: 0.75em;
text-align: center;
}

img {
border: 0;
}

h1 {
font-size: 1.5em;
}

h2 {
font-size: 1.2em;
}

h3 {
font-size: 1em;
}

#container {
margin: 0 auto;
width: 770px;
text-align: left;
background-color: white;
border: 1px solid #222;
}

#banner {
}

#content {
clear: left;
margin: 0 20px;
line-height: 1.6em;
}

#ppainting #content {
margin: 0 10px;
}

#footer {
clear: left;
height: 40px;
font-size: 0.9em;
text-align: center;
padding: 0;
margin: 0;
}

#footer hr {
border: 0;
margin-top: 0;
margin-bottom: 5px;
padding: 0;
width: 90%;
color: gray;
background-color: gray;
height: 1px;
}

#author {
float: right;
margin: 10px 0 10px 10px;
border: 1px solid #222;
}

/* Menu */

#menu
{
margin: 2px 0 0 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #000;
}

#menu ul, #menu li
{
padding: 0;
margin: 0;
display: inline;
list-style-type: none;
}

#menu a:link, #menu a:visited
{
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#menu li.left a {
	float: left
}

#menu li.right a {
	float: right
}

#menu a:link#current, #menu a:visited#current, #menu a:hover, #phome #mhome a, #pgallery #mgallery a, #pcontact #mcontact a
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#menu a:hover { 
color: #000;
}

/* Gallery */
#gallery-container {
text-align: center;
margin: 15px 5% 0 5%;
line-height: 1.3em;
}

#gallery {
width: 100%;
}

#gallery a, #gallery a:visited {
text-decoration: none;
font-size: 1.2em;
font-weight: bold;
color: black;
}

#gallery p {
margin-top: 0;
font-size: 1em;
font-weight: bold;
}

#gallery ul {
padding: 0;
margin: 0;
list-style: none;
width: 100%;
}

#gallery li {
display: inline;
width: 50%;
height: 240px;
float: left;
}

#gallery img {
border: 1px solid #222;
}
/* Viewer */
#painting-container {
text-align: center;
}

#painting img {
margin-top: 10px;
}

#navigation {
margin: 10px 0 0 0;
text-align: center;
}

#navigation ul, #navigation li {
margin: 0;
padding: 0 10px;
display: inline;
list-style-type: none;
}

#navigation ul {
border-top: 1px solid #000;
}
/* Home */
#phome p {
text-align: justify;
}

#phome #content ul, #phome #content li {
padding: 2px 10px;
list-style-type: none;
}

#phome #content ul {
margin: 2px;
}

#phome #content li {
text-indent:-4em;
padding-left:4em;
}

#phome #content li span {
font-weight: bold;
margin-right: 8px;
}