#popup { display: none; }
#popup div { position: absolute; }
#popup .top-left, #popup .top-right, #popup .bottom-left, #popup .bottom-right {
    width: 20px; height: 20px; background-image: url("../images/popup/corners.png"); }
#popup .top-left { top: 0; left: 0; }
#popup .top-right { top: 0; right: 0; background-position: -20px 0 !important; }
#popup .bottom-left { bottom: 0; left: 0; background-position: 0 -20px !important; }
#popup .bottom-right { bottom: 0; right: 0; background-position: -20px -20px !important; }
#popup .top, #popup .bottom { left: 20px; right: 20px; height: 20px;
    background-image: url("../images/popup/topbot.png"); }
#popup .top { top: 0; }
#popup .bottom { bottom: 0; background-position: 0 -20px !important; }
#popup .left, #popup .right { top: 20px; bottom: 20px; width: 20px;
    background-image: url("../images/popup/sides.png"); }
#popup .left { left: 0; }
#popup .right { right: 0; background-position: -20px 0 !important; }
#popup .middle { left: 20px; top: 20px; right: 20px; bottom: 20px; background: #1E272E; }
#popup .content { bottom: 0; left: 0; position: absolute; padding: 34px 5px 7px 5px; }
#popup .content div { position: static; }
#popup .links { top: 0; left: 0; position: absolute; padding: 8px 0 0 10px; font-size: 12pt; }
#popup .links div { position: relative; float: left; }
#popup .links .downres { color: #33898C; padding-right: 5px; }
#popup .links a { float: left; color: #D58F31; text-decoration: none; cursor: pointer; }
#popup .links a:hover { color: #D58F31; text-decoration: underline; }
#popup .links .hr { height: 18px; width: 3px; border-right: 1px solid #33898C; margin: 0 3px; }
#popup .close { top: 0; right: 0; padding: 8px 10px 0 0; }
#popup .close a { padding-right: 25px; cursor: pointer; color: white; font-size: 12pt;
    font-weight: bold; background: url("../images/popup/close.png") no-repeat right center; }
#popup .nav { top: 30px; bottom: 0; cursor: pointer; width: 50%;
    background-image: url("../images/transparent_filler.png"); }
#popup .nav-left { left: 0; }
#popup .nav-right { right: 0; }
#popup .nav .arrow { position: absolute; top: 200px; display: none; }
#popup .nav:hover .arrow { display: block; }
#popup .nav-left .arrow { left: 2px; }
#popup .nav-right .arrow { right: 2px; }
#popup .youtube { padding: 0 25px 0 25px; position: relative; }#main-vid { background: url("../images/main_media_middle.jpg") repeat-y; margin-top: 5px; }
#main-vid .text { color: #D58F31; font-size: 20pt; font-style: italic; text-align: center;
    background: url("../images/main_media_bottom.jpg") no-repeat; height: 40px;
    padding-top: 7px; }
#main-vid .embed { margin-left: 7px; }

#screenshots { padding: 10px 6px; }
#screenshots .thumbnail { float: left; margin: 8px; cursor: pointer; }

#wallpapers { padding: 20px 10px; }
#wallpapers .thumbnail { float: left; width: 290px; padding: 0 6px 15px 6px; }
#wallpapers .thumbnail img { cursor: pointer; }
#wallpapers .thumbnail .downres { font-size: 10pt; color: #33898C; padding: 5px 0; }
#wallpapers .thumbnail .resrow a { float: left; font-size: 8pt; color: #D58F31;
    text-decoration: none; cursor: pointer; }
#wallpapers .thumbnail .resrow a:hover { color: #D58F31; text-decoration: underline; }
#wallpapers .thumbnail .resrow .hr { height: 13px; width: 2px; border-right: 1px solid #33898C;
    float: left; margin: 0 2px; }