/* general module block styles */
.block         { position: relative; margin-top: 15px; }
.block .head   { position: relative; }
.block .body   { }
.block .foot   { position: relative; }
.block .foot a { position: absolute; display: block; right: 10px; bottom: 5px; width: 80px; height: 25px; }

/* navigation block */
#nav-block               { margin-top: 0; }
#nav-block .body a       { padding-left: 25px; line-height: 25px; color: #069; font-weight: bold; text-decoration: none; }
#nav-block .body a:hover { text-decoration: underline; }
#nav-block .foot         { text-align: right; }
#nav-block .foot a       { display: inline; position: static; padding-right: 10px; color: #069; font-weight: bold; }

/* mini calendar */
#calendar-block                 { width: 208px; }
#calendar-block .head           { background: url("common/head-calendar.png") no-repeat; height: 75px; }
#calendar-block .body           { background: #08bfd9; padding: 0; }
#calendar-block .foot           { background: url("common/foot-calendar.png") no-repeat; height: 30px; clear: left; }
#mini-calendar                  { float: left; width: 208px; background: #08bfd9; }
#mini-calendar ul               { float: left; margin: 0; padding: 0; list-style: none; }
#mini-calendar li               { float: left; margin: 0; padding: 0; }
#mini-calendar a.move           { display: block; color: #fff; font-weight: bold; text-align: center; text-decoration: none; width: 44px; height: 16px; }
#mini-calendar a.back           { background: url("common/calendar-back.png") no-repeat; float: left; }
#mini-calendar a.next           { background: url("common/calendar-next.png") no-repeat; float: right; }
#mini-calendar .title           { padding: 3px 0 3px; background: #000; color: #fff; font-weight: bold; text-align: center; }
#mini-calendar .daynames        { float: left; padding: 3px 2px 3px 3px; background: #555; color: #fff; font-weight: bold; font-size: 90%; }
#mini-calendar .daynames li     { width: 29px; text-align: center; }
#mini-calendar .daylist         { float: left; color: #fff; border: 3px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; }
#mini-calendar .daylist li      { width: 28px; padding: 2px 0; border: 1px solid #000; border-left: 0; border-top: 0; text-align: center; font-weight: bold; }
#mini-calendar .daylist a       { display: block; color: #fff; text-decoration: none; }
#mini-calendar .daylist .past   { background: #555; }
#mini-calendar .daylist .next   { background: #555; }
#mini-calendar .daylist .today  { background: #000; }
#mini-calendar .daylist .active { background: #e22; }
#event-list                     { clear: left; padding: 10px 10px 0; overflow: hidden; }
#event-list ul                  { }
#event-list li                  { margin-top: 10px; }
#event-list li.first-child      { margin-top: 0; }
#event-list li h3 a             { color: #ff0; }
#event-list li p                { }

/* new member block and hot member block */
#new-member-block .head { background: url("common/head-new-member.gif") no-repeat; }
#hot-member-block .head { background: url("common/head-hot-member.gif") no-repeat; height: 64px; }

/* common styles for both new and hot member blocks */
.member-block              { width: 300px; }
.member-block .head        { height: 64px; }
.member-block .body        { float: left; padding: 5px; }
.member-block .body ul     { float: left; }
.member-block .body li     { float: left; width: 60px; height: 85px; padding: 5px; overflow: hidden; }
.member-block .body li img { display: block; margin: 0 auto; border: 1px solid #888; width: 60px; height: 60px; }
.member-block .body li div { text-align: center; }
.member-block .body li a   { text-decoration: none; font-weight: bold; color: #000; }
.member-block .foot        { clear: left; height: 30px; background: url("common/foot-view-all-300.gif") no-repeat top left; }

/* tabbed news */
#tabbed-news-block .head { background: url("common/head-news.gif") no-repeat; height: 65px; }
#tabbed-news-block .body { background: #ddd url("common/body-line-v.gif") repeat-x top; }
#tabbed-news-block .foot { background: url("common/foot-view-all-410.gif") no-repeat; height: 31px; }

/* music album block */
#music-album-block             { }
#music-album-block .head       { background: url("common/head-album.gif") no-repeat top left; height: 60px; }
#music-album-block .body       { position: relative; padding: 0; background: url("common/body-album.jpg") no-repeat 0 0; height: 216px; }
#music-album-block .foot       { background: url("common/foot-album.gif") no-repeat top left; height: 30px; }
#music-album-block .prev-album { cursor: pointer; position: absolute; top: 17px; width: 30px; height: 124px; left: 0; }
#music-album-block .next-album { cursor: pointer; position: absolute; top: 17px; width: 30px; height: 124px; right: 3px; }
#music-album                   { position: absolute; left: 32px; top: 17px; width: 143px; height: 190px; overflow: hidden !important; }
#music-album .panel            { position: absolute; }
#music-album .panel .icon      { width: 141px; height: 124px; border: 1px solid #fff; }
#music-album .panel .text      { margin: 10px 0 0; font-size: 90%; }
#music-album .panel .text span { color: #fff; font-weight: bold; padding-right: 5px; }
#music-album .panel .text a    { color: #fff; text-decoration: none; }