BODY
{
    MARGIN: 0px;
    PADDING: 0px;

    TEXT-ALIGN: center;

    overflow-y: scroll;
}
A
{
    MARGIN: 0px;
    PADDING: 0px;

    TEXT-DECORATION: none;
}
A:link
{
    COLOR: #404000;
}
A:visited
{
    COLOR: #404000;
}
A:active
{
    COLOR: #404000;
}
A:hover
{
    COLOR: #808000;
}
HR
{
    HEIGHT: 2px;
}
IMG
{
    MARGIN: 2px 0px 2px 0px;

    BORDER: #7b7875 0px solid;

    VERTICAL-ALIGN: middle;
}
img.share
{
    display: none;
}
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	text-align: left;
	}

h1 {
	font-size: 4em;
	}

h2 {
	font-size: 1.6em;
	}
P
{
    COLOR: #333333;

    TEXT-ALIGN: left;
    LINE-HEIGHT: 16px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, sans-serif;
}

#container
{
    MARGIN: 0px auto 0px;

    padding: 2px 8px 2px 2px;

    TEXT-ALIGN: right;
}

#categoryList
{
    float: right;
    clear: both;
    width: 12em;

    MARGIN-TOP: 10px;
    PADDING: 2px 2px 2px 2px;

    BACKGROUND: #e7e7d7;
    COLOR: #333333;

    LINE-HEIGHT: 16px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, sans-serif;
}

#tagInput, #refreshButton
{
    float: left;
    width: 12em;

    MARGIN-TOP: 10px;
    PADDING: 2px 2px 2px 2px;

    BACKGROUND: #e7e7d7;
    COLOR: #333333;

    LINE-HEIGHT: 16px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, sans-serif;
}

.imageList
{
    FLOAT: left;
    clear: both;

    MARGIN: 8px 0px 16px 0px;
    PADDING: 8px 0px 8px 0px;

    BORDER: #ccc 1px solid;

    BACKGROUND: #e7e7d7;

    TEXT-ALIGN: left;
}
.imageList IMG
{
    BORDER: #ccc 1px solid;
}
.imageList a:hover img
{
    border:1px solid #404000;
}

div.img
{
    float: left;
    height: 234px;
    width: 230px;
    PADDING: 0px 0px 0px 4px;
    FONT-SIZE: 10pt;
}
div.album
{
    float: left;
    height: 200px;
    width: 226px;
    PADDING: 0px 0px 0px 4px;
    FONT-SIZE: 10pt;
    BORDER: #ccc 1px solid;
}
div.cover
{
    float: left;
    height: 130px;
    width: 122px;
}
div.comment
{
    float: right;
    width: 80px;
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: top;
}
div.desc
{
    text-align:center;
    clear: both;
    FONT-SIZE: 12pt;
    width: 228px;
}

.descriptionList
{
    FLOAT: left;
    clear: both;

    MARGIN: 10px auto 12px;
    PADDING: 10px 0px 10px 0px;

    BORDER: #ccc 1px solid;

    BACKGROUND: #e7e7d7;
    COLOR: #666666;

    TEXT-ALIGN: left;
    LINE-HEIGHT: 16px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, sans-serif;
}
.descriptionList TABLE
{
    WIDTH: 100%;
}
.descriptionList TD
{
    MARGIN: 0px;
    PADDING: 0px 0px 0px 10px;

    BORDER-BOTTOM: #bbbb99 1px solid;

    TEXT-ALIGN: left;
    LINE-HEIGHT: 16px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, sans-serif;
}

#unripeheader
{
    float: left;
    clear: both;

    MARGIN: 0px;
    PADDING: 0px;

    BORDER-BOTTOM: black 1px solid;
}
#unripetitle
{
    width: 105px;
    FLOAT: left;

    MARGIN: 0px;
    PADDING: 0px;

    FONT-SIZE: 16pt;
    FONT-FAMILY: verdana, Arial, sans-serif;
    FONT-WEIGHT: bold;
}
#unripemenu
{
    FLOAT: right;

    MARGIN-TOP: 8px;
    PADDING: 27px 0px 0px 0px;

    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, sans-serif;

    TEXT-ALIGN: right;
    LINE-HEIGHT: 14pt;
}
#unripemenu UL
{
    MARGIN: 0px;
    PADDING: 0px;

    LIST-STYLE-TYPE: none;
    text-align: center;
}
#unripemenu UL LI
{
    DISPLAY: inline;
    MARGIN: 0px;
    PADDING: 0px 0px 0px 2px;
}
#unripemenu UL LI A
{
    background-color: #e7e7d7;

    MARGIN: 0px;
    PADDING: 0px 6px 0px 6px;

    TEXT-DECORATION: none;

    BORDER-TOP: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
    BORDER-RIGHT: #404000 1px solid;
    BORDER-BOTTOM: #404000 1px solid;
    VERTICAL-ALIGN: baseline;
}
#unripemenu UL LI A:link
{
    COLOR: #404000;
}
#unripemenu UL LI A:visited
{
    COLOR: #404000;
}
#unripemenu UL LI A:active
{
    COLOR: #404000;
}
#unripemenu UL LI A:hover
{
    COLOR: #808000;
    BORDER-TOP: #404000 1px solid;
    BORDER-LEFT: #404000 1px solid;
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-BOTTOM: #CCCCCC 1px solid;
}

#unripefooter
{
    clear: both;
    HEIGHT: 24px;

    MARGIN: 0px auto 10px;
    PADDING: 0px 0px 0px 0px;

    COLOR: #333333;

    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, sans-serif;
}
#unripefootercopyright
{
    FLOAT: left;
    WIDTH: 400px;
    HEIGHT: 24px;

    text-align: left;
}
#unripefooterdefinition
{
    FLOAT: right;
    WIDTH: 281px;
    HEIGHT: 24px;

    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    FONT-FAMILY: verdana, Arial, sans-serif;
}
#unripefooterlogo
{
    FLOAT: right;
    WIDTH: 31px;
    HEIGHT: 24px;
    BACKGROUND-IMAGE: url(bananasw.png);
}