#container {
/*set default font-size*/
font-size: 78%;
font-family: verdana;
color: #45474F;
text-align : left;
background-color: #DFAC50;
}

/*
======================================
==============TAGS====================
======================================
*/


h1,h2,h3,h4 {color: #626368;}

h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1em;}

.content a {color: #001c8a;}
.content a:hover {color: #3366F7;}

/*
======================================
============== CLASSES ===============
======================================
*/

.content {
line-height: 150%;
padding: 29px;
background: url(../images/watermark.jpg) white no-repeat;
}

.content img {
padding: 5px;
border: 1px solid #DFAC50;
}

.content table {
border: 1px solid #DFAC50;
margin: 9px;
font-weight: bold;
}

.content table img{
padding: 0px;
border: 0;
}

.content td{
padding: 4px;
text-align: center;
}

.content table p{
line-height: 1em;
font-size: 0.9em;
margin: 0;
}

.kidspic {
float: left;
padding: 10px;
}

.artsum {
padding-top: 28px;
border-bottom: 1px solid #cccccc;
}

.artsum img {
padding-right: 15px;
padding-bottom: 15px;
float: left;
border: 0;
}

.arttitle {
font-size: 1.05em;
}

.clearing {
clear: both;
}

.artmain {
border-bottom: 1px solid #cccccc;
padding-bottom: 18px;
}

.artmain img {
border: 0;
}

#artimg {
font-size: .9em;
border: 1px solid #DFAC50;
padding-bottom: 5px;
font-weight: bold;
line-height: 1em;
float: right;
text-align: center;
margin-left: 10px;
margin-bottom: 10px;
width: 250px;
}

.photocredit {
font-size: .8em;
font-weight: normal;
line-height: 1.5em;;
}

.commentform {
border-top: 1px solid #cccccc;
margin-top: 25px;
padding-top: 10px;
}

.commentform input, .commentform textarea {
border: 1px solid #ccc;
}

.commentform input:focus, .commentform input:hover, .commentform textarea:focus {
border: 1px solid #666;
}

.commentform img {
padding: 0;
}

.artlinks {
padding-top: 20px;
padding-bottom: 20px;

}

#bigkidspic img {
padding: 0;
}

.comments {
padding-bottom: 20px;
}

.commentby {
font-weight: bold;
}

.unpub {
background: yellow;
}

.credits {
padding-top: 8px;
padding-bottom: 9px;
}

#rightcredit {
color: #576071;
text-align: left;
font-weight: bold;
padding-left: 33px;
background: #add0f6;
}

#leftcredit {
font-size: .9em;
color: #62676d;
text-align: center;
}

#leftcredit a {
text-decoration: none;
color: #62676d;
}

#leftcredit a:hover {
text-decoration: underline;
}

#login a {
position: absolute;
top: 5px;
left: 5px;
height: 18px;
width: 18px;
text-decoration: none;
}


#latestcoms {
font-size: 11px;
border: 2px solid #DFAC50;
width: 220px;
float: right;
margin-left: 5px;
margin-bottom: 5px;
text-align: center;
}

#latestcoms img{
border: 0;
}

#latestcoms ul {
padding-top: 0px;
text-align: left;
padding-left: 20px;
padding-right: 5px;
padding-bottom: 0;
margin-left: 0;
}

#latestcoms h3 {
margin: 0;
padding: 4px;
background: #ADD0F6;
border-bottom: 1px solid #DFAC50;
}

.row0 a {
color: #4F4A4C;
}

.row1 {
}

/* Used on the stats page to create graphs */
.graphbar {
background-color: #ddddff;
border: 1px solid navy;
}

#sitemap ul li {
margin-top: 4px;
}

/* ============================================== */
/* Styles for TOOLTIPS */
/* ============================================== */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#fff;
    background-color: #4444ff;
    font-weight: bold;
    text-decoration:none;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    left: 5px;
    cursor: help;}

a.info:hover{z-index:25; background-color:#7777ff;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; right:2em; width:15em;
    border:1px solid #ddddbb;
    background-color:#ffffe0; color:#000;
    text-align: center;
    font-weight: normal;
    padding: 5px;}