#right
{
   display: block;
   float: left;
   width: 46em; /* was 39 */
   height: 29em;
   overflow: auto;
}

#right .header
{
   padding: 0.2em 0 0 0.45em;
   display: block;
   width: auto;
   height: 1.46em;
   line-height: 1.46em;
   font: bold 1.6em Arial, Helvetica, sans-serif;
   color: #fff;
   background: #897F76;
}


#right .content
{
   padding: 0.52em 2.52em 0.52em 0.72em;
   display: block;
   width: auto;
   font: normal 0.9em Arial, Helvetica, sans-serif;
}

#right .item
{
   display: block;
   width: auto;
   padding: 0 0 0.45em 0;
}

#right a
{
   font-weight: bold;
   color: #696969 !important;
   background: inherit;
}

#right a:hover
{
   color: #000000 !important;
   background: inherit;
}


#right .result
{
   display: block;
   width: auto;
   padding: 0.8em 0 1em 0;
}

#right .separator
{
   display: block;
   width: auto;
   height: 0.2em;
   height: 1em;
   border-bottom: 0.2em dotted #897F76;
}


#right .numReplies
{
   display: block;
   width: auto;
   height: 2em;
   line-height: 2em;
   clear: both;
}

#right .searchitem
{
   display: block;
   width: auto;
   clear: left;
}

#right .messagenumber
{
   display: block;
   width: 2em;
   float: left;
}

#right .imagelink
{
   display: block;
   width: 2em;
   float: left;
}

#right .imagelink img
{
   width: 1em;
   height: 1.2em;
}

#right .uriLink
{
   display: block;
   width: auto;
   float: left;
   padding: 0 0.4em 0 0;
}

#right .rankinig
{
   display: block;
   width: auto;
   float: left;
}

#right .paginator img
{
   width: 0.6em;
   height: 0.6em;
}


#searchForm
{
   display: block;
   width: auto;
   height: 1.8em;
   margin: 0.4em 0 0 0;
}

#searchForm .searchTerm
{
   margin: 0 0.6em 0 0;
}

#searchForm .repeat
{
   display: block;
   float: left;
   width: auto;
   margin: 0 0.6em 0 0;
}

/* left */
#current 
{
   background: inherit;
   color: #fff;
   clear: both;
   display: block;
   width: 12em;
   height: 10em;
}

#current img
{
   width: 12em;
   height: 10em;
}

/* the styles for all links within related */
#current a
{
   background: transparent;
   color: #fff !important;
   font: bold 0.75em Arial, Helvetica, sans-serif;
}

#current a:hover 
{
   background: transparent;
   color: #000000 !important;
}

#current .header a
{
   color: #fff; 
   background: inherit;
   display: block;
   font: bold 1.2em Arial, Helvetica, sans-serif;
   text-transform: lowercase;
   width: auto;
   padding: 0 0 0 0.45em;
   white-space: nowrap;
   width: auto;
   height: 2.3em; /* 40px * 0.0626 = 2.5 and then Who's your Daddy? 2.5 / 1.6 = 1.56 */
   line-height: 2.3em;
}

#current .itemlist
{
   padding: 0.52em 0 0.52em 0.72em;
   display: block;
   width: auto;
}

#current .item
{
   background: url('../images/icon_arrow.gif') no-repeat 0 0.4em;
   display: block;
   padding: 0 0 0 0.72em;
   height: 1.1em;
   line-height: 1.1em;
}

#current .item:hover
{
   background: url('../images/icon_arrow_selected.gif') no-repeat 0 0.4em;
}

#current .more
{
   background: url('../images/icon_more.gif') no-repeat 0.72em 0.4em;
   padding: 0 0.72em 0 0.72em;
}

#current .more a
{
   padding: 0 0 0 1.5em;
}


/* left */
#expos 
{
   display: block;
   width: 12em;
   height: 10em;
}

/* the styles for all links within expos */
#expos a
{
   background: inherit;
   color: #000000;
   font-weight: bold;
   font: bold 0.75em Arial, Helvetica, sans-serif;
}

#expos .header a
{
   font: bold 1.2em Arial, Helvetica, sans-serif;
   display: block;
   padding: 0.2em 0 0 0.45em;
   text-transform: lowercase;
   white-space: nowrap;
   width: auto;
   height: 2.2em;
   line-height: 2.2em;
   color: #5A4436;
   background: inherit;
}


#expos .itemlist
{
   padding: 0em 0 0.52em 0.55em;
   display: block;
   width: auto;
}

#expos .item
{
   background: url('../images/icon_arrow_expo.gif') no-repeat 0 0.4em;
   display: block;
   padding: 0 0 0 0.72em;
   height: 1.1em;
   line-height: 1.1em;
}

#expos .item:hover
{
   background: url('../images/icon_arrow_expo_selected.gif') no-repeat 0 0.4em;
}


#left
{
   width: 12em;
}

/* left */
#related 
{
   /*background: #EAE5E1 url('../images/bg_expos.jpg') repeat-x top left;*/
   background: #EAE5E1;
   color: #000000;
   width: 12em;
   height: 9em; /* was 8 */
   display: block;
   overflow: hidden;
}

/* the styles for all links within related */
#related a
{
   background: transparent;
   color: #696969 !important;
   font-weight: bold;
}

#related a:hover 
{
   background: transparent;
   color: #000000 !important;
}

#related .header
{
   background: #D6CCC3;
   color: #fff;
   font: bold 1em Arial, Helvetica, sans-serif;
   display: block;
   padding: 0 0 0 0.45em;
   text-transform: lowercase;
   white-space: nowrap;
   width: auto;
   height: 2.5em; /* 40px * 0.0626 = 2.5 and then Who's your Daddy? 2.5 / 1.6 = 1.56 */
   line-height: 2.5em;
}

#related .content
{
   display: block;
   padding: 1em 1em 1em 1em;
   font: normal 0.75em Arial, Helvetica, sans-serif;
   width: auto;
   height: 4em; /* was 3 */
   overflow: hidden;
}

#urlpreview 
{
   border: 0;
   width: 58em;
   height: 29em;
}


#right .error
{
   color: red;
   background: inherit;
}
