@import "volume.css";

#act
    {
        height: 25px;
        padding-top: 5px;
        background-color: #990000;
        border-bottom: 3px #770000 solid;
        color: black;
    }
#act ul
    {
        padding: 0px;
        width: 630px;
        margin-top: 2px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
    }
#act li
    {
        list-style-type: none;
        float: left;
    }
#act li a
    {
        color: red;
    }
#act li.give a
    {
        padding: 10px;
    }


#outhover { position: absolute; z-index: 10; right: 10px; bottom: 10px; border: 1px black solid; background-color: white; padding: 10px; }
#outframe { position: absolute; z-index: 1; width: 100%; height: 100%; }
#outframe iframe { border: 0px;  }

/* elements */
body { background-color: #fff; }

html, body {
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: verdana, georgia, arial;
    font-size: 12pt;
    color: #666666;
    min-width:800px;
}
a { color: #999; text-decoration: none; }
a:hover { color: #ccc; text-decoration: none; }
a span { display: none; }
a:hover span { display: block; z-index: 55; position: absolute; background: #fff; left: 10px; top: 10px; }
/* end elements */


#detail .blog li
    {
        border-top: 1px black dotted;
        margin-left: 15px;
        padding-top: 10px;
        clear: both;
    }
    
#here .me a { font-weight: bold; color: red; }

#rss { position: absolute; z-index: 60; left: 4px; top: 144px; }
#top { text-align: center; width: 100%; height: 140px; background-image: url("/images/graphics/header/bg.gif"); background-color: black; }
#top #logo_holder { position: absolute; top: 0px; left: 0px; z-index: 11; width: 100%; height: 140px; text-align: center; }
#top #gradient { position: absolute; top: 84px; left: 0px; z-index: 10; width: 100%; height: 57px;
background-image: url("/images/graphics/header/gradient.png"); background-repeat: repeat-x; }


#titles { margin-bottom: 10px; }
#headline {  font-size: 20pt; margin-bottom: 10px; font-weight: bold; color: #000099; }
#title {  font-size: 10pt; color: #000099; margin: 0px 0px 5px 0px; padding: 0px;  }
#subtitle { margin-top: 10px; font-size: 12pt; color: #000055; width: 100%; text-align: center; font-weight: bold; }
#below.fold { display: none; }

#feed_holder { float: right; width: 250px; height: 270px; overflow-x: none; overflow-y: auto; }
#feed_holder #title { display: none; }
#feed_holder #items { list-style-type: none; margin: 0px; padding: 0px;  }
#feed_holder #items li a { display: block; padding: 10px; text-align: center; outline: 0; }

#header { position: relative; }
/* menu */
#header #menu { margin-left: auto; margin-right: auto; width: 570px; height: 30px; font-weight: bold; }
#header #menu ul { list-style-type: none; margin: 0px; padding: 0px; }
#header #menu ul li { float: left; margin: 0px 10px 0px 10px; }
#header #menu ul li a { display: block; padding: 2px; }
/* end menu */

/* submenu */ 
#submenu #menu ul { margin: 0; padding: 0; list-style-type:none; }
#submenu #menu li { padding: 20px 0px 20px 0px; }
#submenu #menu li a { display:block;  }
/* end submenu */



#up_button { border: 1px grey solid; }
#detail ul { line-height: 18px; }


#premiere { margin-right:auto; margin-left:auto; width: 1000px; height:400px; position: relative; }
#premiere #billboard { float: left; width: 780px; }
#premiere #mini #submenu { float: right; width: 195px; border-left: 1px #ccc solid; }
#premiere #detail {
    margin-top: 10px; 
    padding: 10px; 
    float: left; 
    width: 760px;
    border: none; 
    text-align: left;
    padding-bottom: 20px;
    line-height: 20px;
}


.cooliris { height: 600px; }

#mainstream { margin-right:auto; margin-left:auto; width: 1000px; }
#mainstream #mini { }
#mainstream #mini #submenu { float: right; width: 195px; border-left: 1px #ccc solid; } 
#mainstream #detail {  border: 1px black solid;
    position: relative;
    padding: 10px;
    float: left; 
    width: 760px;
    border: none; 
    text-align: left;
    line-height: 25px;
    background-repeat: no-repeat;
}
#mainstream #detail .headline { position: absolute; top: 10px; right: 10px; z-index: 5; color: white; }

#detail #menu ul {
    padding: 0px;
    margin: 0px;
}
#detail #menu .simple {
    float: left;
    display: block;
    padding: 15px;
    margin: 5px;
    border: 1px #ccc dotted;
}
#pictureItem, #logoItem {
    position: relative;
    float: left;
    margin: 0px 20px 30px 0px;
    padding: 3px;
    border: 1px #ccc dotted;
}
#pictureItem .holder {
    height: 300px;
}
#pictureItem #text, #logoItem #text {
    display: none;
    position: absolute;
    bottom: -20px;
    left: 3px;
    z-index: 10;
    width: 300px;
}
#pictureItem:hover #text, #logoItem:hover #text {
    display: block;
}

#out { height: 600px; position: relative; }
#out #pop {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}
#out #pop a {
    display: block;
    padding: 5px;
    background-color: white;
}
iframe { width: 100%; height: 100%; }



/* begin classess */
#regular .t {background: url(/images/graphics/boxes/regular/dot.gif) 0 0 repeat-x; }
#regular .b {background: url(/images/graphics/boxes/regular/dot.gif) 0 100% repeat-x}
#regular .l {background: url(/images/graphics/boxes/regular/dot.gif) 0 0 repeat-y}
#regular .r {background: url(/images/graphics/boxes/regular/dot.gif) 100% 0 repeat-y}
#regular .bl {background: url(/images/graphics/boxes/regular/bl.gif) 0 100% no-repeat}
#regular .br {background: url(/images/graphics/boxes/regular/br.gif) 100% 100% no-repeat}
#regular .tl {background: url(/images/graphics/boxes/regular/tl.gif) 0 0 no-repeat}
#regular .tr {background: url(/images/graphics/boxes/regular/tr.gif) 100% 0 no-repeat; padding: 10px; overflow: hidden; } 
#mini .t {background: url(/images/graphics/boxes/mini/dot.gif) 0 0 repeat-x; }
#mini .b {background: url(/images/graphics/boxes/mini/dot.gif) 0 100% repeat-x}
#mini .l {background: url(/images/graphics/boxes/mini/dot.gif) 0 0 repeat-y}
#mini .r {background: url(/images/graphics/boxes/mini/dot.gif) 100% 0 repeat-y}
#mini .bl {background: url(/images/graphics/boxes/mini/bl.gif) 0 100% no-repeat}
#mini .br {background: url(/images/graphics/boxes/mini/br.gif) 100% 100% no-repeat}
#mini .tl {background: url(/images/graphics/boxes/mini/tl.gif) 0 0 no-repeat}
#mini .tr {background: url(/images/graphics/boxes/mini/tr.gif) 100% 0 no-repeat; padding: 10px;  overflow: hidden; } 
.pad { padding: 5px;  }
.small { font-size: 9pt;  }
/* end classess */    



.footer { clear: both; width: 1000px; margin-top: 10px; padding-bottom: 20px; text-align: left; }
.footer #quick { float: left; list-style-type: none; padding: 0px; margin: 10px 50px 10px 15px; height: 120px; }
.footer #quick li { font-size: 10pt; }

.footer #walkway {
    position: relative;
}
.footer #social {
    position: absolute;
    top: 7px;
    right: 7px;
}
.footer #social div {
    float: left;
    margin-left: 3px;
}
.footer #social a {
    margin-left: 3px;
}


#walkway { margin: 0px; height: 30px; border: 1px #eee solid; }
#walkway ul li a { display: block; padding: 5px; border-right: 1px #eee solid; }
#walkway ul li a span { display: none; }


#weather { margin-left: 20px; overflow-x: hidden;  }
#weather ul { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; height: 100px;  }
#weather ul li { float: left; margin: 1px; padding: 2px; background-color: #000; height: 90px; width: 124px; position: relative; }
#weather ul li img { position: absolute; bottom: 2px; }