body {
    margin: 0;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: 75%;
    background-color: #333;
}

h1, h2, h3 {
    margin: 0;
    color: #F66D00;
    font-weight: normal;
}

h1 {
    font-size: 200%;
}

h2, h3 {
    font-size: 150%;
}

p {
    color: #b9b9b9;
}

a {
    color: #09c;
    text-decoration: none;
}

/* player section ############################################################## */

#player_wrap {
    /* use min-width = 1001 => same as #html_wrap */
    /* real min = 996 => 616 + 310 + 30 + 20 + 20 */
    min-width: 1001px;
    padding-top: 0;
}

#player_header {
    height: 98px;
    background: #333 url('/images/html_site/header_background.gif') repeat-x scroll left bottom;
}

#player_header img {
    float: left;
    margin-top: 13px;
    margin-left: 30px;
}

#player_header .ad_wrap {
    float: right;
    margin-top: 13px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 20px;
}

#flash_player {
    clear: both;
    position:relative;
    background-color: #333;
    height: 460px;
}

/* html section ################################################################ */

#html_wrap {
    margin: 0;
    padding: 0;
    min-width: 1001px;
    background: #333 url('/images/html_site/footer_background.gif') repeat-x scroll left top;
}

#html_header {
    width: 961px;
    margin-left: auto;
    margin-right: auto;
}

#html_header ul {
    float: right;
    margin: 0;
    padding-top: 22px;
    padding-bottom: 14px;
    padding-right: 10px;
    list-style: none;
}

#html_header li {
    display: inline;
    line-height: normal;
    padding-left: 15px;
}

#html_header h1 {
    float: left;
    display: inline;
    padding-top: 0.5em;
    padding-left: 10px;
}

/* column & bubble properties ------------------------------------------------ */

#column_wrap {
    clear: both;
    width: 961px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#column_wrap h1, #column_wrap h2, #column_wrap h3 {
    margin: 0;
    margin-bottom: 5px;
}

#column_wrap h1 {
    margin-top: 3px;
    margin-left: 10px;
}

#column_wrap h2, #column_wrap h3 {
    margin-top: -5px;
}

#column_wrap p {
    margin: 0;
    padding-bottom: 5px;
}

#column_left, #column_center , #column_right {
    float: left;
    display: inline;
}

#column_left {
    width: 250px;
}

#column_center {
    width: 435px;
    margin-left: 13px;
    margin-right: 13px;
}

#column_right {
    width: 250px;
}

.bubble_header {
    height: 13px;
}

.bubble_content {
    margin-bottom: 13px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 8px; /* 13px - <p> padding */
}

#column_left .bubble_header {
    background: #333 url('/images/html_site/bubble_250_top.gif') no-repeat scroll left top;
}

#column_left .bubble_content {
    background: #333 url('/images/html_site/bubble_250_bot.gif') no-repeat scroll left bottom;
}

#column_center .bubble_header {
    background: #333 url('/images/html_site/bubble_435_top.gif') no-repeat scroll left top;
}

#column_center .bubble_content {
    background: #333 url('/images/html_site/bubble_435_bot.gif') no-repeat scroll left bottom;
}

#column_right .bubble_header {
    background: #333 url('/images/html_site/bubble_250_top.gif') no-repeat scroll left top;
}

#column_right .bubble_content {
    background: #333 url('/images/html_site/bubble_250_bot.gif') no-repeat scroll left bottom;
}

#ad_unit_250 .bubble_header {
    position: relative;
    z-index: 2;
    background: transparent url('/images/html_site/bubble_250_top_special.gif') no-repeat scroll left top;
}

#ad_unit_250 .ad_unit_content {
    margin-top: -13px;
    margin-bottom: 13px;
}

#column_left img.loadimage, #column_right img.loadimage {
    padding: 20px 92px 20px 92px;
}

#column_center img.loadimage {
    padding: 20px 185px 20px 184px;
}

/* footer properties --------------------------------------------------------- */

#html_footer {
    clear: left;
    width: 961px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1.5em;
}

#html_footer .bubble_header {
    background: #333 url('/images/html_site/bubble_961_top.gif') no-repeat scroll left top;
}

#html_footer ul {
    margin: 0;
    padding: 0;
    height: 30px;
    background: #333 url('/images/html_site/bubble_961_bot.gif') no-repeat scroll left bottom;
}

#html_footer li {
    display: inline;
    margin-left: 10px;
    list-style: none;
    font-size: 1.1em;
    color: #b9b9b9;
}

#html_footer li a {
    margin-left: 16px;
}

/* html content ############################################################## */

/* thumbnail properties ------------------------------------------------------ */

.bubble_content .section {
  margin: 0 0 18px 0;
  padding: 0;
}

.bubble_content ul li {
  list-style: none;
}

.bubble_content ol li {
  list-style: inside;
  list-style-type: decimal;
  color: #777;
}

.bubble_content li.thumb {
  float: left;
  margin-right: 12px;
}

.bubble_content .thumb {
  position: relative;
}

.bubble_content .thumb a.hover {
  display: none;
  position: absolute;
}

.bubble_content .thumb.large a.hover {
  top: 27px; /* (103 - 49) / 2 */
  left: 27px;
}

.bubble_content .thumb.medium a.hover {
  top: 10px; /* (70 - 49) / 2 */
  left: 10px;
}

.bubble_content .thumb.small a.hover {
  top: 0; /* (48 - 49) / 2 */
  left: 0;
}

.bubble_content .thumb:hover a.hover {
  display: inline;
}

.bubble_content .thumb.medium {
  height: 70px;
  width: 70px;
}

.bubble_content .thumb.large {
  height: 103px;
  width: 103px;
}

.bubble_content .thumb .under {
  position: absolute;
  overflow: hidden;
}

.bubble_content .thumb.medium .under {
  height: 66px;
  width: 66px;
  top: 2px;
  left: 2px;
}

.bubble_content .thumb.large .under {
  height: 99px;
  width: 99px;
  top: 2px;
  left: 2px;
}

.bubble_content .thumb .under img {
  position: absolute;
}

.bubble_content .thumb.medium .under img {
  top: -2px;
  left: -2px;
}

.bubble_content .thumb.large .under img {
  top: -4px;
  left: -4px;
}

.bubble_content .thumb img {
  position: absolute;
  top: 0;
  left: 0;
}

.bubble_content .accent {
    color: #777;
}

/* --------------------------------------------------------------------------- */

.recent_community_posts ul,
.martians_and_fans ul,
.adjustable_column_listing ul,
.adjustable_column_listing ol,
.recently_added_to_fom ul,
.entity_feed ul,
.recent_community_posts ul {
    width: 100%;
}

.recent_community_posts li,
.martians_and_fans li,
.adjustable_column_listing li,
.recently_added_to_fom li,
.entity_feed li,
.recent_community_posts li {
    clear: both;
}

.bubble_content img.thumb {
    float: left;
    width: 34px;
    height: 34px;
    padding-right: 5px;
}

.bubble_content .overlay {
    position: absolute;
    xpos: -34px;
}

#column_wrap .description_listing p {
    padding-bottom: 0;
}

#column_wrap .description_listing p.item_description {
    padding-bottom: 10px;
}

/* Items you might like bubbles ---------------------------------------------- */

.adjustable_column_listing li {
    padding-left: 10px;
    text-indent: -10px;
}

.adjustable_column_listing ol.column1, .adjustable_column_listing ol.column2,
.adjustable_column_listing ul.column1, .adjustable_column_listing ul.column2 {
    float: left;
    width: 200px;
}

.adjustable_column_listing ol.column1,
.adjustable_column_listing ul.column1 {
    padding-right: 15px;
}

#column_wrap .adjustable_column_listing p.more {
    clear: left;
    padding-top: 13px;
    padding-bottom: 0;
    text-align: right;
}

.adjustable_column_listing p.more a {
    color: #b9b9b9;
    text-decoration: underline;
}

.adjustable_column_listing p.more img {
    margin-left: 4px;
}

/* Recently added to FOM bubbles --------------------------------------------- */

.recently_added_to_fom li {
    color: #b9b9b9;
    min-height: 30px;
    padding-left: 30px;
    margin-top: 10px;
    line-height: 15px;
    background: transparent url('/images/html_site/feeds/new.png') no-repeat scroll left 2px;
}

/* Recent Community Post & Entity Feed bubbles ------------------------------- */

.recent_community_posts li {
    color: #b9b9b9;
    min-height: 50px;
    margin-top: 10px;
    /*border: 1px solid gray;*/
}

.entity_feed .post_images,
.recent_community_posts .post_images {
    float: left;
    padding-right: 20px;
}

#column_wrap .entity_feed .post_header {
    margin-left: 41px;
}

#column_wrap .recent_community_posts .post_header {
    margin-left: 80px;
}

.recent_community_posts .post_body {
    clear: left;
    margin-left: 80px;
    margin-right: 10px;
}

.recent_community_posts .link {
    padding-left: 16px;
    background: transparent url('/images/html_site/feeds/link-arrow.png') no-repeat scroll left 2px;
}

.recent_community_posts .review img {
    float: left;
}

.recent_community_posts .photo img.magnify {
    float: left;
    padding-right: 3px;
}


.recent_community_posts .review p {
    padding-left: 80px;
}

/* Power Martians & Fans bubbles --------------------------------------------- */

.martians_and_fans li {
    min-height: 50px;
    margin-top: 10px;
}

.martians_and_fans .profile_link {
    display: block;
    padding-left: 5px;
    height: 34px;
    width: 220px;
    vertical-align: top;
}

.martians_and_fans .profile_link .accent {
    display: block;
    font-size: 0.95em;
}

.martians_and_fans .profile_link a {
    font-weight: bold;
    padding-right: 13px;
    background: transparent url('/images/html_site/link_to_sm.png') no-repeat scroll right top;
}

.martians_and_fans li p {
    padding-top: 3px;
    padding-left: 3px;
}

}