@import url(/styles/volume.css);
/*body * { margin: 0px; padding: 0px; }*/
/* elements */
body { background-color: #222e4b; }
html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    font-family: verdana, georgia, arial;
    font-size: 12pt;
    color: #ccc;
    min-width:800px;
}
iframe
    {
        background-color: white;
    }
#here
    {
        height: 400px;
        overflow-y: auto;
        overflow-x: none;
    }
    
#here .me a { color: red; font-weight: bold; }
a { color: #d5ae65; text-decoration: none; }
a:hover { color: #ff9900; text-decoration: none; }
#walkway a span { display: none; }
/* end elements */
#content a img {
    /*filter:alpha(opacity=60);*/ -moz-opacity:.80;opacity:.80;
}
#content a:hover img {
    filter:none;-moz-opacity:100;opacity:100;
}
/*#table-main { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; }*/
#main { width: 900px; margin-left: auto; margin-right: auto; }
#main-flash_version { width: 100%; }
#main #header { position: relative; height: 79px; width: 892px; background-repeat: no-repeat;}
#main #header #name { margin-top: 5px; font-size: 11pt; font-family: verdana; color: white; }
#main_holder { background-color: #29385b; }
#main #content {  }
#main #content #left { float: left; width: 190px; margin-bottom: 10px; }
#main #content #left #menu_holder
    {
        margin-top: 10px;
        background-color: #1c2640;
        background-image: url('/images/graphics/contact.gradient.gif');
        background-repeat: repeat-x;
        padding: 1px 5px 5px 5px;
    }
#main #content #left #menu
    {
        border: 1px #d5ae65 solid; 
        margin-top: 5px;
        padding: 2px;
    }
#main #content #left #menu ul.parents
    {        
        margin: 0px;
        padding: 0px;
        font-size: 8pt;
    }
#main #content #left #menu ul.me
    {
        margin: 5px 0px 0px 5px;
        padding: 0px;
    }
#main #content #left #menu ul.me a,
#main #content #left #menu ul.siblings #me a
    {
        color: #ff9900;
        font-weight: bold;
        font-size: 9pt;
    }
#main #content #left #menu ul.parents li,
#main #content #left #menu ul.me li
    {
        list-style-type: none;
    }
#main #content #left #menu ul.children,
#main #content #left #menu ul.siblings
    {
        font-size: 9pt;
        padding-left: 20px;
        margin: 5px 0px 5px 0px;
        color: #ff9900;
    }                    
#main #content #left #feeds
    {
        margin-top: 10px;
        background-color: #1c2640;
        background-image: url('/images/graphics/contact.gradient.gif');
        background-repeat: repeat-x;
        padding: 1px 5px 5px 5px;
    }
#main #content #left #feeds .feed { border: 1px #6c5324 solid;  margin-top: 5px; }
#main #content #left #feeds .feed a:hover span { display: block; font-weight: normal; }
#main #content #left #feeds .feed .title { font-size: 9pt; text-align: center; color: #6c5324; }
#main #content #left #feeds .feed #items { height: 115px; overflow-y: auto; overflow-x: none; }
#main #content #left #feeds .feed #items { list-style-type: none; margin: 0px; padding: 0px; }
#main #content #left #feeds .feed #items li { margin: 0px 5px 0px 5px; background-repeat: repeat-x; border-bottom: 1px #ece2cf  solid; }
#main #content #left #feeds .feed #items li a { display: block; padding: 5px; text-align: center; font-size: 8pt; color: #aaa; }
#main #content #left #feeds .feed #items li a:hover span { display: block; color: grey; font-size: 8pt; font-family: verdana, georgia, arial; overflow: hidden; }
#search.idx {
    height: 50px;
    position: relative;
}
#search.idx form
    {
        float: left;
    }
#search.idx form table
    {
        margin-bottom: 10px;
    }
#search.idx form table #titles td
    {
        font-size: 9pt;
        padding-left: 10px;
    }
#search.idx form table .first
    {
        padding-right: 20px;
    }
#search.idx #logoIDX {
    position: absolute;
    right: -20px;
    top: -10px;
    width: 155px;
}
#search.idx #target, #search.idx #target input {
    color: white;
    font-size: 15pt;
    font-weight: bold;
}
#search.idx #target span
    {
        font-size: 8pt;
        font-weight: normal;
        padding-left: 17px;
        display: block;
    }
#search.idx #target input {
    width: 2em;
    background-color: transparent;
    border: none;
    text-align: center;
}
#search.idx select {
    color: white;
    font-weight: bold;
    background-color: #222e4b;
    border: none;
    padding: 3px;
}
#left #search.idx
    {
        background-color: #1c2640;
        background-image: url('/images/graphics/contact.gradient.gif');
        background-repeat: repeat-x;
        height: 55px;
        padding: 4px 7px 7px 5px;
    }
#left #search.idx .label
    {
        font-size: 8pt;
        text-align: center;
        margin-bottom: 3px;
    }
#left #search.idx form
    {
        border: 1px #6c5324 solid;
        height: 100%;
        width: 100%;
    }
#left #search.idx form table tr td
    {
        color: #ccc;
        font-size: 10pt;
    }
#left #search.idx #target span
    {
        padding-left: 5px;
        font-size: 7pt;
    }
#left #search.idx #submit
    {
        border: none;
        height: 25px;
        background-color: #222e4b;
    }
#left #search.idx input
    {
        color: white;
        font-size: 10pt;
    }
#left #search.idx select
    {
        padding: 3px;
        font-size: 9pt;
        color: white;
    }
.result { margin-bottom: 10px; }
.result .t {background: url(/volume/images/graphics/boxes/result/t.gif) 0 0 repeat-x; }
.result .b {background: url(/volume/images/graphics/boxes/result/b.gif) 0 100% repeat-x; }
.result .l {background: url(/volume/images/graphics/boxes/result/l.gif) 0 0 repeat-y; }
.result .r {background: url(/volume/images/graphics/boxes/result/r.gif) 100% 0 repeat-y; }
.result .bl {background: url(/volume/images/graphics/boxes/result/bl.gif) 0 100% no-repeat; }
.result .br {background: url(/volume/images/graphics/boxes/result/br.gif) 100% 100% no-repeat; }
.result .tl {background: url(/volume/images/graphics/boxes/result/tl.gif) 0 0 no-repeat; }
.result .tr {background: url(/volume/images/graphics/boxes/result/tr.gif) 100% 0 no-repeat; padding: 10px; overflow: hidden; }
.result .main { background-color: #222e4b; }
.result:hover .t {background: url(/volume/images/graphics/boxes/result/h/t.gif) 0 0 repeat-x; }
.result:hover .b {background: url(/volume/images/graphics/boxes/result/h/b.gif) 0 100% repeat-x; }
.result:hover .l {background: url(/volume/images/graphics/boxes/result/h/l.gif) 0 0 repeat-y; }
.result:hover .r {background: url(/volume/images/graphics/boxes/result/h/r.gif) 100% 0 repeat-y; }
.result:hover .bl {background: url(/volume/images/graphics/boxes/result/h/bl.gif) 0 100% no-repeat; }
.result:hover .br {background: url(/volume/images/graphics/boxes/result/h/br.gif) 100% 100% no-repeat; }
.result:hover .tl {background: url(/volume/images/graphics/boxes/result/h/tl.gif) 0 0 no-repeat; }
.result:hover .tr {background: url(/volume/images/graphics/boxes/result/h/tr.gif) 100% 0 no-repeat; padding: 10px; overflow: hidden; }
.result:hover .main { background-color: #182239; }
.result .main { position: relative; width: 100%; height: 100%; }
.result .main table { width: 100%; height: 100%; }
.result .main .picture_box { background-color: black; width: 310px; padding: 5px; }
.result .main .info { text-align: center; width: 100%; }
.result .main .info #name { 
    font-weight: bold;
    font-size: 14pt;
}
.result .main .info #title { 
    font-weight: bold;
    font-size: 13pt;
}
.result .main .gallery_box {  position: relative; }
.result .main .gallery_box_box { width: 290px; }
.result .main .gallery_box a { outline: none; }
.result .main .gallery_box .left { float: left; width: 27px; margin-top: 15px; display: block; }
.result .main .gallery_box .center { float: left; width: 210px; height: 145px;  background-color: black; margin-left: 10px; margin-right: 10px; overflow: hidden; }
.result .main .gallery_box .right { float: left; width: 27px; margin-top: 15px; display: block; }
    
#message.idx
    {
        clear: both;
        margin-bottom: 30px;
        height: 30px;
    }
#message.idx #words
    {
        float: left;
        width: 600px;
    }
#message.idx #nav
    {
        float: right;
        height: 25px;
        width: 280px;
        
        margin: 0px;
        padding: 0px;
        
    }
#message.idx #nav li
    {
        list-style-type: none;
        margin: 0px;
        
        float: left;
    }
#message.idx #nav #status
    {
        background-color: #222e4b;
        padding: 5px 10px 5px 10px;
    }
#message.idx #nav #prev,
#message.idx #nav #next
    {
        background-color: #222e4b;
        padding: 5px;
    }
#message.idx #nav #prev.active,
#message.idx #nav #next.active
    {
        background-color: #596F9F;
    }
    
.rows { list-style-type: none; margin: 0px; padding: 0px; width: 100%; }
.rows li { margin: 1px; }
.rows li a { display: block; padding: 4px; }
/*
//we're using flash for this
#main #content #left #menu { margin: 5px; border: 1px #d5ae65 solid; height: 340px; }
#main #content #left #menu #search_holder { padding: 2px 0px 3px 5px; border-bottom: 1px #d5ae65 dotted; }
#main #content #left #menu #search_holder #search { border: none; width: 100%; font-size: 12pt; font-weight: bold; color: #29385b; }
#main #content #left #menu #search_results { overflow-x: none; overflow-y: auto; }
#main #content #left #menu #search_results #malibu, #main #content #left #menu #search_results #beverly_hills { width: 90%; }
#main #content #left #menu #search_results #malibu a, #main #content #left #menu #search_results #beverly_hills a { display: block; padding: 40px; }
#search_items { list-style-type: none; margin: 0px; padding: 0px; }
#search_items li { margin: 0px 5px 0px 5px; background-repeat: repeat-x; border-bottom: 1px #ece2cf  solid; }
#search_items li a { display: block; padding: 5px; text-align: center; }
#search_items li a:hover span { display: block; color: grey; font-size: 8pt; font-family: verdana, georgia, arial; overflow: hidden; }
*/
#main #content #right { float: right; width: 670px; height: 100%; padding: 10px; position: relative; }
#main #content #right #name { font-weight: bold; margin-bottom: 5px; font-size: 11pt; width: 265px; float: left; }
#main #content #right #title { margin-bottom: 5px; font-size: 12pt; color: white; width: 400px; float: right; text-align: right; }
#main #content #right #subtitle { font-weight: bold; margin-bottom: 5px; font-size: 14pt; color: #8595bc; clear: both; }
#main #content #right #body { clear: both; line-height: 20pt; }   
#main #content #right #body #picture_holder { padding: 5px; background-color: #222e4b; border-left: 1px #222 solid; border-top: 1px #222 solid; }
#main #content #right #body #picture_holder #picture { border-right: 1px #222 solid; border-bottom: 1px #222 solid; }
#main #content #right #body #below.fold { display: none; }
#main #content #right #body #gallery_container.cooliris { height: 500px; }
#main #content #right #body #below.fold #gallery_container.cooliris { width: 880px; float: right; clear: both; }
body.nice #main #content #right ul#rows,
body.nice #main #content #right #feed_holder
{
    padding: 0px; margin: 0px 0px 20px 0px; float: right; width: 660px;
}
body.nice #main #content #right ul#rows li,
body.nice #main #content #right .feed li
{
    padding: 5px; 
    background-color: #222e4b; 
    border-left: 1px #222 solid; 
    border-top: 1px #222 solid; 
    margin-bottom: 2px;
    padding: 6px;
    list-style-type: none;
}
body.nice #main #content #right #rows li.even,
body.nice #main #content #right .feed li.even
{
     background-color: #1b2744;
}
body.nice #main #content #right #readOn { display: block; clear: both; }
body.nice h1, body.nice h2, body.nice h3 { clear: both; }
.float_right { float: right; margin: 0px 0px 10px 10px; }
.float_left { float: left; margin: 0px 10px 10px 0px; }
#main #content #right #menu { clear: both; }
#main #content #right #menu ul, #main #content #right .feed ul { list-style-type: none; padding: 0px; }
#main #content #right #menu ul li { float: left; position: relative; margin: 1px; padding: 0px; text-align: center; }
#main #content #right #menu ul li .simple { display: block; width: 308px; height: 288px; padding: 10px; }
#main #content #right #menu ul li .simple #title, #main #content #right #menu ul li .simple #subtitle { font-size: 9pt; }
#main #content #right #menu ul li #title, #main #content #right #menu ul li #subtitle { width: 100%; }
#main #content #right #menu ul li .holder, #main #content #right #menu ul li a.simple { border-left: 1px #222 solid; border-top: 1px #222 solid; border-right: 1px #3e4d70 solid; border-bottom: 1px #3e4d70 solid; }
#main #content #right #menu ul li .holder { height: 310px; width: 330px; background-color: #222e4b; }
#main #content #right #menu ul li #text #title, #main #content #right #menu ul li #text #subtitle { display: none; }
#main #content #right #menu ul li #text { display: none; font-size: 10pt; }
#main #content #right #menu ul li:hover #text { position: absolute; left: 0px; bottom: 0px; display: block; width: 320px; padding: 5px; background-color: #3e4d70; }
/* overrides for compact pages */
body.compact #main #content #right #menu ul li .simple { height: 25px; width: 678px; padding: 10px; }
body.compact #main #content #right #menu ul li .holder { height: 180px; width: 180px; float: left; margin-right: 10px; }
body.compact #main #content #right #menu ul li #text #title,
body.compact #main #content #right #menu ul li #text #subtitle,
body.compact #main #content #right #menu ul li #text { float: left; display: block; width: 400px; text-align: left; font-size: 12pt; }
body.compact #main #content #right #menu ul li:hover #text { position:inherit; background-color: transparent; font-weight: bold; width: 400px; }
/* end overrides for compact pages */
#nicknameIs.home #main #content #main_part { width: 513px; float: left; padding: 5px; }
#nicknameIs.home #main #content #right_buttons, #nicknameIs.home #main #content #bottom_buttons { list-style-type: none; margin: 3px; padding: 0px; }
#nicknameIs.home #main #content #right_buttons { width: 130px;  float: right; }
#nicknameIs.home #main #content #right_buttons li a { display: block; padding: 15px; text-align: center;  }
#nicknameIs.home #main #content #bottom_buttons { clear: both; }
#nicknameIs.home #main #content #bottom_buttons li { float: left; }
#nicknameIs.home #main #content #bottom_buttons li a { display: block; padding: 20px; width: 120px; text-align: center; vertical-align: middle; }
#nicknameIs.about_me #main #content #right .feed { float: right; width: 250px; height: 300px; overflow-y: auto; overflow-x: none; border: 1px white solid; }
#nicknameIs.about_me #main #content #right .feed #title { display:none; }
#nicknameIs.about_me #main #content #right .feed ul li { padding: 10px; font-size: 9pt; line-height: 17pt; text-align: center; }
.feed.images_only ul { list-style-type: none; margin: 0px; padding: 0px; }
.feed.images_only ul li { text-align: center; padding: 2px;}
.feed.images_only ul li img { padding: 2px; background-color: #222e4b; }
#main #content #right .feed.images_only { border: 0px; width: 330px; height: 480px; float: right; }
#featured { list-style-type: none; }
#featured li { padding: 5px; height: 180px; clear: left; border: 1px #405076 dotted; }
#featured li.even { border-top: 1px white dotted; border-bottom: 1px white dotted; }
#featured li .holder { margin-right: 10px; width: 180px; height: 180px; text-align: center; }
#featured li.odd .holder { background-color: #222e4b; }
#featured li.even .holder { background-color: #192541; }
#featured li #text, #featured li .holder { float: left; }
#featured li #text { width: 400px; }
#featured #title { font-size: 9pt; font-weight: none; display: none;}
ul.specs { margin-left: 30px; }
#walkway { clear: both; font-size: 8pt; padding: 10px 0px 30px 0px; width: 100%; }
#walkway ul li { float: left; padding: 0px; margin: 0px; }
#walkway ul li a { display: block; padding: 5px; border-left: 1px #ccc dotted; }
#walkway ul li#me a, #walkway ul li a:hover { background-color: #222e4b; }
#walkway ul li a #subtitle { display: none; }
#walkway #social
    {
        float: right;
    }
#walkway #social a
    {
        margin-left: 3px;
        margin-top: 3px;
        display: block;
        float: left;
    }
#footer { clear: both; height: 300px; width: 100%; background-color: #222e4b; background-image: url('/images/graphics/footer.gradient.gif'); background-repeat: repeat-x; }
#footer #main { height: 300px; position: relative; }
#footer #menu { float: left; width: 380px; }
#footer #menu ul { list-style-type: none;  padding: 0px; margin: 0px;  }
#footer #menu ul.parents { margin: 0px; }
#footer #menu ul li { font-size: 11pt; }
#footer #menu ul.parents li { font-size: 9pt; }
#footer #menu ul li a { display: block; padding: 10px 10px 10px 0px; }
#footer #menu ul li a:hover { font-weight: bold;  }
#footer #menu.hasParent ul.children li a { padding-left: 10px; }
/*#footer #menu li a, #footer #menu li div { display: block; padding: 10px 10px 10px 0px; }
#footer #menu.hasParent li a, #footer #menu.hasParent li div { display: block; padding: 10px; }
#footer #menu li#parent a { font-size: 8pt; padding: 0px 0px 10px 0px; }
#footer #menu ul li a, #footer #menu ul li div { display: block; padding: 10px; }
*/
#footer #contact_holder { position: absolute; right: 0px; top: 10px; background-image: url('/images/graphics/contact.gradient.gif'); background-repeat: repeat-x; }
#footer #copyright { font-size: 8pt; position: absolute; bottom: 10px; left: 0px; }
#footer #copyright b { color: white; }
#footer #pr { position: absolute; bottom: 10px; right: 6px; }
#contact_holder { background-color: #1c2640; width: 500px; height: 230px; padding: 5px 5px 8px 5px; }
#contact { border: 1px #6c5324 solid; height: 100%; }
#contact #mode { padding: 10px; text-align: center; border-bottom: 1px #6c5324 dotted;}
#contact #mode a {  }
#contact #mode a.selected { font-weight: bold; }
#contact #me { width: 160px; height: 150px; float: left; margin: 10px 0px 0px 10px; }
#contact #my_message { width: 280px; height: 150px; float: right; margin: 10px 10px 0px 0px;  }
#contact #my_message #subject { display: none; }
#contact #my_message #message { height: 80px; }
#contact #my_message #remain { }
#contact #me div, #contact #my_message div { margin: 10px; }
#contact #send_holder { padding-top: 10px; }
#out { width: 100%; position: relative; }
#out #outframe { width: 100%; background-color: white; }
#out #pop { position: absolute; right: 10px; bottom: -30px; z-index: 20; }
.centered { text-align: center; }
.lesswidth { width: 90%; }
.fullwidth { width: 100%; }
.lessheight { height: 90%; }
.fullheight { height: 100%; }
.lesssize { width: 90%; height: 90%; }
.fullsize { width: 100%; height: 100%; }
.childrenAlignRight div { text-align: right; }
b, strong, .strong { font-weight: bold; font-size: 13pt; color: white; }
b.green, strong.green { color: #00cc00; }
p.green { color: #006600; }
.small { font-weight: normal; font-size: 9pt; }