html, body { height: 101%; }

a { color: #f00; text-decoration:none; outline: none; }
a:hover { text-decoration:underline; }
a img { border: none; }

h2 { background:#000; width: 425px; margin:0 0 5px 0; padding:0; color:#fff; }
h2 a { background:#000; display:block; margin:0; padding:2px 5px; color:#fff; }
h2 a:hover { text-decoration:none; color:#f00; }

p.bread { margin:0 0 5px 0; padding:0; background:#000; color:#fff;}
p.bread a { color:#fff; font-weight:bold; margin:0 5px; padding:0; }
p.bread a:hover { text-decoration:none;color:#f00; }

p.shop { margin:0 0 5px 0; padding:0; height:40px; }
p.shop a { display:block; float:right; width:110px; height:40px; background:#000 url(shop_button.png) no-repeat left top; text-indent:-9999px; }
p.shop a:hover { background-position:left bottom; }

h2, h2 a, p.bread{ background: #000 url(title_bg.png) no-repeat left bottom; }



/* LAYOUT */
#intro {margin-bottom:2em; }
#intro h1 { font-size:1.4em; }



/*PICTUREBLOCK */
#picblock { float:right; width:238px;}
#picblock h2 { width:234px; }
ul.picblock { margin:0; padding:0; list-style:none; }
ul.picblock li { width:115px; height:75px; margin:0; padding:0 4px 4px 0; display:block; float:left; }
ul.picblock li a { width:115px; height:75px; margin:0; padding:0; }
ul.picblock li a img { margin:0; padding:0; width:115px; height:75px; }
#picprev { width:714px; padding:4px 0 4px 4px; }
#picprev.wide { width:714px; padding:4px 0 4px 4px; }



/* OVERVIEW */
#main { width:425px;float:left; }
#main h2 { width: 425px; }
#main ul.itemlist { width:425px; margin:0; padding:0 0 15px 0; list-style:none; }
#main ul.itemlist li { margin:0 0 8px 0; padding:0; overflow:hidden; }
#main ul.itemlist li a { position:relative; display:block; width:425px; height:90px; color:#000; text-decoration:none; }
#main ul.itemlist li a img { position:absolute; top:0; left:0; width:225px; height:90px; z-index:2; }
#main ul.itemlist li a b.title { position:absolute; left:235px; top:0; right:0; font-weight:bold; z-index:3; }
#main ul.itemlist li a span.descr { position:absolute; right:0; top:20px; left:235px; text-align:left; font-size:0.9em; line-height:1.3em; z-index:3; }

#main p.itemheader { width:425px; margin:0 0 23px 0; padding:0; }
#main p.itemheader img { width:425px; height:170px; }



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:0;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/src/colorbox/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; bottom:15px; right:0; padding:5px 15px; background:transparent url(/src/img/transparent_black_95.png) repeat left top; color:#fff; font-weight:bold; }
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; bottom:50px; background:url(/src/colorbox/controls.png) 0 0 no-repeat;}
        #cboxPrevious,#cboxNext{display:none;}

        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:22px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:22px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}