/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
/*font-family: Helvetica, Arial, sans-serif;*/
background: #000;
margin: 0;
padding: 0;
background-image : url(/contest/eyes2009/i/border-top.gif); 
background-repeat: repeat-x;
}

div.footer {
/*
background: #000 url(/contest/eyes2009/i/footer_bg.gif) repeat-x;
*/
border-top: 1px solid #333;
width: 940px;
margin: 0 auto;
height: 200px;
background-position: center;
padding: 10px 0 10px 0;
clear: both;
text-align: center;
}

div.header {
width: 940px;
margin: 5px auto;
height: 35px;
clear: both;
}

div.header h3.yearHeader {
background: url(/contest/eyes2009/i/year_hd.gif) left no-repeat;
line-height: 35px;
width: 250px;
float: left;
margin: 0;
padding: 0;
}


div.header h3.whnpaHeader {
background: url(/contest/eyes2009/i/whnpa_hd.gif) left no-repeat;
line-height: 35px;
width: 312px;
float: right;
margin: 0;
padding: 0;
}


div.mainNav {
width: 940px;
margin: 0 auto;
background-color: #666;
height: 28px;
clear: both;
}

div.mainNav a {
background-color: #666;
display: block;
float: left;
line-height: 28px;
width: 145px;
border-right: 2px solid #000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #fff;
padding: 0 0 0 8px;
}

div.mainNav a:hover {
background-color: #999;
}

div.mainNav a.on {
background-color: #fc0;
color: #000;
}

div.subNav {
width: 940px;
margin: 0 auto;
clear: both;
}

div.subNav ul.subNav {
width: 146px;
margin: 10px 0 0 0;
padding: 0 0 0 9px;
font-size: 11px;
color: #999;
float: left;
list-style-type: none;
}

div.subNav ul.subNav li {
margin: 3px 0;
padding: 0;
color: #999;
}

div.subNav ul.subNav li a {
color: #999;
font-weight: bold;
text-decoration: none;
margin-right: 5px;
}

div.subNav ul.subNav li a:hover {
color: #ccc;
text-decoration: none;
}


div.categoryNav {
padding: 25px 0 2px 0;
clear: both;
width: 940px;
margin: 0 auto;
border-bottom: 1px solid #666;
}

div.categoryNav ul.categoryNav {
line-height: 16px;
padding: 0 0 0 8px;
margin: 0;
color: #666;
list-style-type: none;
font-size: 16px;
}

div.categoryNav ul.categoryNav li {
display: inline;
}

div.categoryNav ul.categoryNav li.categoryTitle {
font-weight: bold;
color: #fff;
padding-right: 10px;
}

div.categoryNav ul.categoryNav li.place01 a,
div.categoryNav ul.categoryNav li.place02 a,
div.categoryNav ul.categoryNav li.place03 a,
div.categoryNav ul.categoryNav li.placehm a {
font-weight: bold;
color: #999;
margin-right: 20px;
text-decoration: none;
}

div.categoryNav ul.categoryNav li.placehm a {
margin-right: 5px;
}


div.categoryNav ul.categoryNav li.place01 a:hover,
div.categoryNav ul.categoryNav li.place02 a:hover,
div.categoryNav ul.categoryNav li.place03 a:hover,
div.categoryNav ul.categoryNav li.placehm a:hover {
color: #ccc;
}


div.visualSlide {
width: 940px;
margin: 0 auto;
padding: 20px 0 0 0;
clear: both;
}

div.visualSlide div.entryInfo {
width: 137px;
float: left;
margin-right: 10px;
padding-left: 8px;
}

div.visualSlide div.entryVisual {
width: 630px;
float: left;
margin-bottom: 30px;
text-align: center;
}

div.visualSlide div.multimediaEntry {
width: 630px;
float: left;
margin-bottom: 30px;
text-align: center;
position: relative;
text-align: left;
margin-left: 5px;
}

div.visualSlide div.multimediaEntry div.hoverPNG {
display: none;
}

div.visualSlide div.multimediaEntry a {

}


div.visualSlide div.multimediaEntry:hover div.hoverPNG {
position: absolute;
top: 0;
left: 0;
width: 600px;
height: 400px;
display: block;
}





div.visualSlide div.entryVisual img,
div.visualSlide div.multimediaEntry img {
border: 1px solid #666;
}

div.entryControl {
width: 145px;
float: right;
}

div.entryControl span.paginationControl {
float: right;
text-align: right;
font-size: 12px;
color: #666;
}

div.entryControl span.paginationControl a {
font-weight: bold;
color: #fff;
text-decoration: none;
}

div.entryControl span.paginationControl a:hover {
font-weight: bold;
color: #fc0;
}

span.paginationControl a.pagPrevious {
margin-right: 5px
}

span.paginationControl a.pagNext {
margin-left: 5px
}






div.entryInfo p.author {
font-size: 12px;
font-weight: bold;
color: #fff;
margin: 0 0 3px 0;
padding: 0;
}

div.entryInfo p.position {
font-size: 12px;
font-weight: bold;
color: #999;
margin: 0 0 3px 0;
padding: 0;
}

div.entryInfo p.caption {
margin-top: 10px;
font-size: 11px;
color: #999;
}




div.entryInfo p.title {
font-size: 12px;
font-weight: bold;
color: #fff;
margin: 0 0 3px 0;
padding: 0;
}

div.entryInfo p.publication {
font-size: 12px;
font-weight: bold;
color: #999;
margin: 0 0 3px 0;
padding: 0;
}

div.entryInfo p.contributors {
margin-top: 10px;
font-size: 11px;
color: #999;
}



 div.mainSlide {
 clear: both;

}


div.entryInfo p.videoTitle {
margin-top: 10px;
font-size: 11px;
font-weight: bold;
color: #999;
text-transform: uppercase;
}










