/*
 *     (c) HuumeBoikotti
 */

@media screen, print {
    .hidden { display: none; }
    .clear { display: none; }

    dt { font-weight: normal; }
    dd { font-style: italic; }

    a img { border: none; }

    img.narrow { float: right; }
    img.wide { display: block; }

    .article img { border: none; }
    .article img.narrow { float: left; margin-right: 5px; margin-bottom: 5px; }

    .ImageElement { text-align: center; }

    /* Used on Photo Grid Pages ... */
    .photogrid-index {
        text-align: center;

        margin: 10px 0 0 0;
	    padding: 0px;
    }

    .gridItem {
        width: 140px;
        height: 180px;	/* room for caption */

        float: left;
        position: relative;
        text-align: center;
        overflow: hidden;

        margin: 5px;
        padding-top: 10px;
    }

    .gridItem h3 {
    	top: 135px;
	    width: 138px;
	    
	    font-size: 80%;
        font-weight: normal;
    }

    .gridItem img { border: 1px solid black; }
}

@media screen {
    a:link {color:#990000; font-weight: bold; text-decoration: none; }
    a:visited {color:#990000; font-weight: bold; text-decoration: none; }
    a:active {color:#990000; font-weight: bold; text-decoration: none; }
    a:hover {color:#990000; font-weight: bold; text-decoration: underline; }


    body {
    	background: white;
        font-family: verdana, helvetica, sans-serif;
        font-size: 75%;
    }

    h1, h2, h3, h4, #title, #sitemenu-content, #page-bottom {
        font-family: arial, helvetica, sans-serif;
    }

    h2 {
        position: absolute;
        top: 74px;

        color: white;

        overflow: hidden;
        height: 1.25em;

        font-size: 100%;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 0.3em;
    }
    .photo-page h2 { left: 210px; }

    .listing-index h3 { margin: 0; }
    .listing-index ul { list-style: square outside url(bullet.gif); }
    .listing-index li {
        vertical-align: top;
        padding-left: 5px;
        padding-bottom: 10px;
    }
    
    .article-info { margin-bottom: 1em; }

    .callout p, .callout ul, blockquote p, blockquote ul {
        text-align: left;
    }
    .callout h4, blockquote h4 { font-size: 120%; }
    .callout .pagelet.bordered, blockquote {
        background-color: #CCCCC3;
        margin: 5px;
        padding: 1px 5px 1px 5px;
    }
    .callout .pagelet.bordered h4, blockquote h4 {
        text-align: center;
    }

    #sidebar .pagelet h4 {
        background-color: black;
        color: white;

        font-size: 100%;
        font-weight: normal;
        letter-spacing: 0.1em;

        padding: 5px;
    }
    #sidebar .pagelet h4 a, #sidebar .pagelet h4 a:hover{
        background-color: black;
        color: white;
        font-weight: normal;
    }
    #sidebar .pagelet p {
        background-color: #CCCCC3;
        
        font-size: 80%;

        margin: 0 1em 0 1em;
        padding: 1em;
    }
    #sidebar .caption p,
    #sidebar .pageletIntroduction p {
        background-color: transparent;
        color: white;
    }
    .pagelet.bordered img { border: solid 1px black; }
    .pagelet .image-controls img { border: none; }
    .pagelet .photo { margin-top: 1em; }

    #page {
        width: 749px;
        background: url(background.gif) repeat-y 0 439px;
        background-color: #DDDDD3;

        position: relative;

        margin: 0 auto auto auto;
        padding: 0;
    }
    .no-sidebar #page {
        background: url(background_no_sidebar.gif) repeat-y 0 80px;
        background-color: #DDDDD3;
    }

    #main {
        padding: 1px 1em 0 1em;
    
        margin-left: 200px;
        margin-right: 219px;
   }
   .no-sidebar #main { margin-right: 0; }

   #index td { vertical-align: top; }
   #index td img { margin-top: 15px; }

   .photo-navigation {
       position: relative;
       z-index: 100;
       top: 80px;
       height: 30px;
   }
   .photo-page #main { margin-left: 0; }
   .photo-page #page { background: none; background-color: #DDDDD3; }

    #page-bottom { background: black; height: 10px; clear: both; }

    #previous-photo {
        width: 30px;
        height: 25px;
        background: url(photo_left_disabled.gif) no-repeat;
        position: absolute;
        right: 70px;
        margin-top: -80px;
        text-indent: -5000em;
    }

    #previous-photo a {
        width: 30px;
        height: 25px;
        display: block;
        background: url(photo_left.gif)	no-repeat;
        text-decoration: none;
    }

    #next-photo {
        text-indent: -5000em;
        width: 30px;
        height: 25px;
        background: url(photo_right_disabled.gif) no-repeat;
        position: absolute;
        right: 0px;
        margin-top: -80px;
    }

    #next-photo a {
        width: 30px;
        height: 25px;
        display: block;
        background: url(photo_right.gif) no-repeat;
        text-decoration: none;
    }

    #photo-list {
        text-indent: -5000em;
        width: 30px;
        height: 38px;
        background: url(photo_menu_disabled.gif) no-repeat;
        position: absolute;
        right: 40px;
        margin-top: -80px;
    }

    #photo-list a {
        width: 30px;
        height: 38px;
        display: block;
        background: url(photo_menu.gif) no-repeat;
        text-decoration: none;
    }

    #sidebar {
        width: 219px;
        height: 439px;
        
        background: url(sidebar.jpg) top no-repeat;
        background-color: #351010;

        float: right;

        margin: 0;
        padding: 0;
    }

    #sitemenu {
        width: 200px; 
        height: 439px;
        background: #990000;
        color: white;

        float: left;

        margin: 0px;
        padding: 0px;
    }
    .photo-page #sitemenu { display: none; }

    #sitemenu-content ul {
        list-style-image: url(bullet_placeholder.gif);
        list-style-position: outside;
        color: white;
    }
    #sitemenu-content li {
        vertical-align: top;

        font-weight: normal;
        letter-spacing: 0.1em;

        padding-bottom: 20px;
    }
    #sitemenu-content li.currentPage {
        font-weight: bold;
        list-style-image: url(bullet_sitemenu.gif);
    }
    #sitemenu-content li:hover {
        list-style-image: url(bullet_sitemenu.gif);
    }
    #sitemenu-content li a:link,
    #sitemenu-content li a:visited,
    #sitemenu-content li a:active {
        color: white;
        text-decoration: none;
        font-weight: normal;
    }
    #sitemenu-content li a:hover{
        color: white; text-decoration: underline;
        font-weight: normal;
    }

    #title {
        background-image: url(banner.gif);
        background-color: white;
        background-position: top right;
        background-repeat: no-repeat;
        padding: 80px 0 0 0;
        clear: both;
    }

    #title h1 {
        position: absolute;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        top: 0px;
	height: 80px;
        width: 749px;
        color: white;
    }

    #title h1 a { 
        position: absolute;
        display: block;
        top: 0px;
	height: 80px;
        width: 749px;
        background-image: url(banner.gif);
        background-position: top right;
        background-repeat: no-repeat;
    }

    #title p {
        background: black;
        color: white;
        
        font-family: arial, helvetica, sans-serif;
        font-size: 80%;
        font-weight: normal;
        
        margin: 0 0 0 0;
        padding: 5px;
    }
    #title a { background: transparent; color: white; }
}

@media print {
    #sitemenu, #sidebar, #title p { display: none; }
    #photo-list, #next-photo, #previous-photo,
    .image-controls { display: none; }
    #title h1 a { color: black; text-decoration: none; }
    .listing-index li h3 a { color: black; text-decoration: none; }
    .callout { padding-left: 4em; margin-left: 4em; }
}