body    {
        background:#000 url("2/city.png") top left repeat-x fixed; 
        color:#8a46ae;
        font-family:RiverAvenue,sans-serif;
        text-shadow:#555 1px 1px 1px;
        }

html,body {
        margin:0;
        padding:0;
        height:100%
        }

html>body #wrap { height:100% }

html>body #contentbadaba {
        position:fixed;
        z-index:10
        }

img,a img { border:0 }

sub { line-height: 0 }
p { text-indent: 10pt; line-height:1.4em }
p.initial:first-letter { font-size: 120%; font-weight: bold;vertical-align:text-top }
p.listy { text-indent: 20pt; font-size: 80% }
p.listy_2_this_time_its_not_listy_1 { text-indent: 20pt; line-height: .25em }

html>body #content-wrap { height:100% }
html>body #content { padding:1em 0em } 

table   {
        background-color:transparent;
        border:0px;
        color:#000;
        text-align:left;
        margin:0;
        height:100%
        }

/* http://www.cssplay.co.uk/boxes/snazzy.html */

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#000;}
#xsnazzy h2 {font-size:1.5em; text-decoration:underline; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-left:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4, .xb10, .xb20, .xb30, .xb40, .xb11, .xb21, .xb31, .xb41, .xb12, .xb22, .xb32, .xb42, .xb13, .xb23, .xb33, .xb43, .xb14, .xb24, .xb34, .xb44, .xb15, .xb25, .xb35, .xb45, .xb16, .xb26, .xb36, .xb46  {display:block; overflow:hidden;}
.xb1, .xb2, .xb3, .xb10, .xb20, .xb30, .xb11, .xb21, .xb31, .xb12, .xb22, .xb32, .xb42, .xb13, .xb23, .xb33, .xb14, .xb24, .xb34, .xb15, .xb25, .xb35, .xb16, .xb26, .xb36, .xb46 {height:1px;}
.xb2, .xb3, .xb4 {background:#ababab url("2/yellow.png") top left repeat fixed; border-left:2px solid #808080; border-right:2px solid #808080;}
.xb21, .xb31, .xb41 {background:#905f25 url("2/ltred.png") top left repeat fixed; border-left:2px solid #894036; border-right:2px solid #5c4700;}
.xb20, .xb30, .xb40 {background:transparent; border-left:2px solid transparent; border-right:2px solid transparent;}
.xb22, .xb32, .xb42 {background:#808080 url("2/yellow.png") top left repeat fixed; border-left:2px solid #ababab; border-right:2px solid #ababab;}
.xb23, .xb33, .xb43 {background:#bb776d url("2/ltgrey.png") top left repeat fixed; border-left:2px solid #894036; border-right:2px solid #894036;}
.xb24, .xb34, .xb44 {background:#905f25 url("2/cat.png") 0 0 repeat fixed; border-left:2px solid #894036; border-right:2px solid #894036;}
.xb25, .xb35, .xb45 {background:#808080 url("2/ltgrey.png") top left repeat fixed; border-left:2px solid #ababab; border-right:2px solid #ababab;}
.xb26, .xb36, .xb46 {background:#555 url("2/oop.png") 0 0 repeat fixed; border-left:2px solid #444; border-right:2px solid #444;}
.xb14 {margin:0 8px; background:#bb776d;}
.xb16 {margin:0 8px; background:#808080;}
.xb10, {margin:0 8px; background:transparent;}
.xb12 {margin:0 8px; background:#ababab;}
.xb1, .xb11, .xb13, .xb15 {margin:0 8px; background:#555;}
.xb2, .xb20, .xb21, .xb22, .xb23, .xb24, .xb25, .xb26 {margin:0 6px; border-width:0 2px;}
.xb3, .xb30, .xb31, .xb32, .xb33, .xb34, .xb35, .xb36 {margin:0 4px;}
.xb4, .xb40, .xb41, .xb42, .xb43, .xb44, .xb45, .xb46 {height:2px; margin:0 2px;}

/* xb_x content */
.xboxcontent {display:block; background:#ababab; border:0 solid #808080; border-width:0 2px; padding-left:.5em; padding-right:.5em; padding-top:.25em; padding-bottom:.25em;}

/* xb_x0 #/| */
.xboxthings {display:block; background:transparent; border:0 solid transparent; border-width:0 2px; padding-left:.5em; padding-right:.5em; padding-top:.25em; padding-bottom:.25em; font-size:90%; }

/* xb_1 header bkg */
.xboxheader {display:block; background:#905f25; border:0 solid #5c4700; border-width:0 2px; padding-left:.5em; padding-right:.5em; padding-top:.25em; padding-bottom:.25em;}

/* xb_x2 catalogue popup */
.xboxcontent2 {display:block; background:#555; border:0 solid #808080; border-width:0 2px; padding-left:.5em; padding-right:.5em; padding-top:.25em; padding-bottom:.25em;}

/* xb_x3 menu */
.xboxmenu {display:block; background:#bb776d; border:0 solid #894036; border-width:0 2px; padding-left:.5em; padding-right:.5em; padding-top:.25em; padding-bottom:.25em;}

/* xb_x4 cover */
.xboxcover {display:block; background:#905f25 url("2/cat.png") 0 0 repeat fixed; border:0 dashed #894036; border-width:0 2px; padding-left:.5em; padding-right:.5em; padding-top:.25em; padding-bottom:.25em;}

/* xb_x5 oop */
.xboxoop {display:block; background:#808080; border-width:0 2px; padding-left:.5em; padding-right:.5em; padding-top:.25em; padding-bottom:.25em;}

/* xb_x6 oop cover */
.xboxoopcover {display:block; background:#555 url("2/oop.png") 0 0 repeat fixed; border:0 dashed #444; border-width:0 2px; padding-left:.5em; padding-right:.5em; padding-top:.25em; padding-bottom:.25em;}

/* end snazzyboxes */

        #contentbadaba {
        background:transparent url("2/stars.png") top left repeat-x fixed;
        border:0px;
        color:#333;
        font-weight:bold;
        padding:3px;
        width:100%;
        height:11px
        }

        div#top a { display:block; height:64px; width:288px; overflow:hidden; border-bottom:1px dashed transparent }
        div#top a:hover {display:block; text-indent:-288px; border-bottom:1px dashed transparent }

        div#things a, div#things a:visited, div#things a:active { text-decoration:none; color:#d0dc71; border-bottom:1px dashed transparent }
        div#things a:hover { text-decoration:none; color:#7abfc7; border-bottom:1px dashed transparent }

        #contentbababa {
        background:transparent;
        border-bottom:2px dotted #000;
        color:#000;
        font-weight:bold;
        padding:8px;
        text-align:center;
        width:80%
        }

        div#header { font-weight:bold; border:0; }
        div#header a { background:transparent; color:#000; text-decoration:none; border:0 solid transparent; border-width:1px 2px }
        div#header a:hover { background:#905f25 url("2/medgrey.png") top left repeat fixed; color:#000; text-decoration:none; border:0 solid transparent; border-width:1px 2px }

        #contentlalala {
        background-color:transparent;
        color:#000;
        float:center;
        padding:10px;
        text-align:left;
        width:89%
        }

        #contentlalala h4 {
        color:#000;
        text-align:center;
        width:50%
        }

        div#cat a { display:block; height:200px; width:200px; overflow:hidden; border-bottom:1px dashed transparent }
        div#cat a:hover {display:block; text-indent:-200px; border-bottom:1px dashed transparent }

        #contentshalala {
        background:transparent url("2/grey.png") bottom left repeat-x fixed;
        border:0px;
        color:#000;
        font-weight:bold;
        padding:0px;
        text-align:center;
        width:100%;
        height:6px
        }

html>body #contentshalala {
        position:fixed;
        bottom:0;
        z-index:10
        }

em      {
        background-color:transparent;
        color:#000;
        font-weight:bold
        }

a:link.la, a:visited.la, a:active.la { text-decoration:underline; color:#000; border-bottom:1px dashed transparent }
a:hover.la { text-decoration:none; color:#894036; border-bottom:1px dashed transparent }

a:link.info, a:visited.info, a:active.info { text-decoration:underline; color:#d0dc71; border-bottom:1px dashed transparent }
a:hover.info { text-decoration:none; color:#ababab; border-bottom:1px dashed transparent }

a:link.style, a:visited.style, a:active.style { text-decoration:none; color:#acea88; border-bottom:1px dashed transparent }
a:hover.style { text-decoration:none; color:#808080; border-bottom:1px dashed transparent }

ul.menu,
.menu ul {
        margin:0;
        padding:0;
        cursor:default;
        list-style-type:none
}

ul.menu {
        width:28ex;
        float:left;
}

ul.menu>li {
        margin:0;
        padding:12px 16px
}

ul.menu li>ul {
        display:none;
        position:absolute;
        width:20ex;
        left:-10ex;
        margin-top:-2.5em;
        margin-left:5.0em
}

ul.menu li ul li>ul {
        display:none;
        position:absolute;
        width:28ex;
        left:1ex;
        margin-top:-3em;
        margin-left:5.25em
}

ul.menu li:hover>ul {
        display:block
}

.menu ul li a {
        display:block;
        padding:0px 12px
}

ul.menu,
.menu ul,
.menu ul li a {
        background-color:transparent;
        color:#000;
        font-size:100%;
        font-weight:bold
}

ul.menu li:hover,
.menu ul li a:hover {
        background-color:transparent;
        color:#894036;
        font-weight:bold
}

ul.menu li:active,
.menu ul li a:active {
        background-color:transparent;
        color:#905f25
}

ul{ border:0px }

.menu a{ text-decoration:none; border-bottom:1px dashed transparent }

ul#gallery, #gallery, ul#news, #news, ul {
        list-style-type:none;
        margin:0;
        padding:0;
}

ul#gallery>li {
        float:left;
        padding:2px;
        margin:4px;
        width:auto;
        height:auto;
        border:2px solid transparent;
}

ul#gallery>li ul {
        padding:.4em;
        border:2px solid transparent;
        background-color:transparent;
        color:#acea88;
        font-size:95%;
        max-width:50%;
        margin-top:-.7em;
        margin-left:-1.5em;
        display:none;
        position:absolute;
}

ul#gallery>li ul li {
        margin-top:-1px;
}

ul#gallery>li:hover {
        color:#000;
        background:transparent url("2/over.png") 0 0 repeat fixed;
        border-color:transparent 2px;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}

ul#gallery>li:hover ul {
        display:block;
        list-style-type:none;
        z-index:30
}

ul#gallery:after {
        content: ".";
        display:block;
        height:0;
        overflow:hidden;
        clear:both;
        visibility:hidden;
}


ul#news>li {
        border:2px solid transparent;
           }

ul#news>li:hover {
	border:2px solid #000
        }

@font-face {
           font-family:"RiverAvenue";
           src: url("fonts/riverave.ttf");
           font-style:normal,italic;
           font-weight:100;
}

