body {
font : normal normal normal 13px/15px Geneva, Arial, Helvetica, verdana, san-serif;
color : #ffffff;
background-color : #000000; 
}

.egg {
height : 220px;
width : 644px;
float : right;
display : block;
}

.egg p {
margin : 15px 30px 0 190px;
text-align : justify;
padding-right : 20px;
}

.painting {
float : left;
display : inline;
margin :7px 0 0 0;
}

.painting img {
border : 1px solid #B9B9B9;
}

.painting a:link img, .painting a:visited img {
border : 1px solid #B9B9B9;
}

.painting a:hover img {
border : 1px solid #ffffff;
}

.leftside {
float : left;
}

.rightside {
width : 210px;
float : left;
padding : 15px 0 0 25px;
}

.info {
float : left;
position : relative;
text-align : left;
padding-top : 60px;
}

.name, .media, .data, .info {
display : block;
}

.name {
font : bold 14px/15px Trebuchet MS, "Lucida Sans", Arial, Helvetica, Sans-Serif;
color : #ffffff;
}




.full-popup {
margin : 10px;
}

.full .top {
text-align : center;
}

.full .bottom {
position : absolute;
top : 520px;
left : 10px;
}


.full-data {
font : normal normal normal 13px/13px Geneva, Arial, Helvetica, verdana, san-serif;
letter-spacing : 1px;
color : #C5C5C5;
}


.bottom .info {
position : relative;
left : 0;
top : -60px;
}

.bottom .close {
position : absolute;
left : 365px;
top : 8px;
}

.close a:link, .close a:visited, .close a:hover  {
font : normal normal bold 13px/13px Geneva, Arial, Helvetica, verdana, san-serif;
color : #ffffff;
border : 1px solid #ffffff;
padding : 3px;
text-decoration : none;
margin : 0;
position : absolute;
text-align : center;
width : 135px;
}

.close a:link, .close a:visited  {
background-color : #5F5F5F;
position : absolute;
}

.close a:hover {
background-color : #363636;
position : absolute;
}

.full img {
border : 1px solid #D8D8D8;