/*-----------------------------------------------------------------------------
[TABLE OF CONTENTS]
    +common
        =anchor
        =form
        =clear,clearfix
    +header        
        =logo
        =search-bar
        =member-bar
        =ad
        =nav
        =adtxt
    +content-wrapper
        +crumb
    +content-main
        =page-func
    +content-sidebar
        =ad
        =join-member
        =member-func
        =class-teacher
        =member-circle, arbitrate-lecture
        =list
        =inventory
        =tag-cloud
        =collected-blog
        =personal-sign
        =open-data, personal-sign
        =collection-search
        =expert-icon
        =google-calendar
        =invite-confirm
        =discuss-speech, famous-blog
    +footer
        =footer-ad
        =copyright
-----------------------------------------------------------------------------*/

/* +common
*----------------------------------------------------------------------------*/

html {
    color: #333;
    font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
    behavior: url(c/csshover.htc);
}

body {
    color: #333;
    font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
    behavior: url(c/csshover.htc);
}
acronym {
    cursor: help;
}

abbr {
    cursor: help;
}

hr {
    display: block;
    clear: both;
    height: 0;
    border: 0;
    border-top: 1px solid #999;
    background-color: #999;
    color: #999;
}

img {
    color: #2F0209;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

/**
*
* =anchor
*
**/

a:visited {
    color: #424242;
    text-decoration: none;
}

a:link {
    color: #424242;
    text-decoration: none;
}

a:active {
    color: #1482b7;
    text-decoration: underline;
}

a:hover {
    color: #1482b7;
    text-decoration: underline;
}

/**
*
* =form
*
**/

form .length-max {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-xxl {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-xl {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-l {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-m {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-s {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-xs {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-xxs {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-min {
    border: 1px double #a4adb2;
    background: #fff;
    color: #000;
}

form .length-min {
    width: 60px;
}

form .length-xxs {
    width: 80px;
}

form .length-xs {
    width: 100px;
}

form .length-s {
    width: 150px;
}

form .length-m {
    width: 200px;
}

form .length-l {
    width: 250px;
}

form .length-xl {
    width: 300px;
}

form .length-xxl {
    width: 400px;
}

form .length-max {
    width: 80%;
}

select {
    color: #2f0209;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

textarea {
    color: #2f0209;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

button {
    color: #2f0209;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

input {
    color: #2f0209;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
/*
label {
    cursor: pointer;
    20091014取消效果
}*/

input[type="image"] {
    letter-spacing: 0.15mm;
    cursor: pointer;
}

input[type="submit"] {
    letter-spacing: 0.15mm;
    cursor: pointer;
}

input[type="reset"] {
    letter-spacing: 0.15mm;
    cursor: pointer;
}

input[type="button"] {
    letter-spacing: 0.15mm;
    cursor: pointer;
}

select {
    border: 1px double #7f9db9;
    background-color: #fff;
}

textarea {
    border: 1px double #7f9db9;
    background-color: #fff;
}

input[type="password"] {
    border: 1px double #7f9db9;
    background-color: #fff;
}

input[type="text"] {
    border: 1px double #7f9db9;
    background-color: #fff;
}

select:focus {
    border: 1px double #333;
    background-color: #ddf5f5;
}

textarea:focus {
    border: 1px double #333;
    background-color: #ddf5f5;
}

input[type="password"]:focus {
    border: 1px double #333;
    background-color: #ddf5f5;
}

input[type="text"]:focus {
    border: 1px double #333;
    background-color: #ddf5f5;
}

button {
    cursor: pointer;
    border: none;
}

/**
*
* =clear,clearfix
*
**/

/* regular clearing apply to column that should drop below previous ones. */
.clear {
    clear: both;
}

/* this needs to be first because FF3 is now supporting this */
.clearfix {
    display: inline-block;
}

/* clearing floats without extra markup */
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

/* hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* end hide from IE-mac */


/* +頁碼
*------------------------------------------------------------------------------------------------------------------------------*/
.tab-pager {
    float: left;
	clear: left;
	width: 100%;
	height: 24px;
    margin: 20px 0 10px 0;
    font: 12px/22px Arial;
    text-align: center;
    zoom: 1;
}
.tab-pager ol {
    float:left;
    position:relative;
	left:50%;
	text-align:center;
}
.tab-pager ol li {
    float: left;
    position:relative;
	right:50%;
    margin: 0 4px 0 0;
    background: none;
    text-align: center;
    color: #333;
}
.tab-pager ol li span {
    color: #3674a7;    
}
.tab-pager ol li a {
    float: left;
    display: block;
    height: 22px;
    padding: 0 6px;
    color: #333;
    border: solid 1px #dadada;
}
.tab-pager ol li a:hover {
    border: solid 1px #666;
    text-decoration: none;
}
.tab-pager ol li.active {
    display: block;
    height: 22px;
    padding: 0 6px;
    color: #3674a7;
    background: #e6e6e6;
    border: solid 1px #dadada;
    font: bold 12px/22px Arial;
}
.tab-pager ol li.disabled {
    display: block;
    height: 22px;
    padding: 0 6px;
	border: solid 1px #eee;
	color: #ddd;
}

/* +header
*----------------------------------------------------------------------------*/

/**
*
* =logo
*
**/

#header #logo {
    float: left;
}

/**
*
* =search-bar
*
**/

#header #search-bar {
    float: left;
    height: 23px;
    line-height: 23px;
    margin-top: 42px;
    font-size: 12px;
}

#header #search-bar form a {
    color: #1482b7;
    vertical-align: middle;
}

#header #search-bar h3 {
    display: none;
}

#header #search-bar form input {
    vertical-align: middle;
}

#header #search-bar form .length-s {
    height: 17px;
    line-height: 17px;
}

#header #search-bar form .btn-search {
    width: 69px;
    height: 23px;
    border: 0;
    background: url(../i/btn-search.gif) no-repeat 0 0;
    text-indent: -100000px;
}

*:first-child+html #search-bar form .btn-search {
    line-height: 0;
}

* html #header #search-bar form .btn-search {
    line-height: 0;
}

/**
*
* =member-bar
*
**/

#header #member-bar {
    display: inline;
    float: right;
    height: 19px;
    margin: 5px 10px 6px 0;
    font: 12px/19px Arial;
}

#header #member-bar h3 {
    display: none;
}

#header #member-bar ul li {
    float: left;
    margin: 0 1px 0 0;
    padding: 0 11px 0 0;
    background: url(../i/line-footer2.gif) no-repeat right center;
}

#header #member-bar ul li a {
    color: #1482b7;
}

#header #member-bar ul li.member-add a {
    display: block;
    width: 56px;
    height: 19px;
    background: url(../i/btn-login.gif) no-repeat 0 0;
    text-indent: -100000px;
}

#header #member-bar ul li.member-login a {
    display: block;
    width: 56px;
    height: 19px;
    background: url(../i/btn-login.gif) no-repeat 0 0;
    text-indent: -100000px;
}

#header #member-bar ul li.member-add a {
    background: url(../i/btn-addmember.gif) no-repeat 0 0;
}

#header #member-bar ul li.last {
    padding-right: 0;
    background: none;
}

/**
*
* =ad
*
**/

#header .ad {
    float: right;
    width: 410px;
    height: 43px;
}

/**
*
* =nav
*
**/
#header .web-nav,
#footer .web-nav {  
    position: relative;
    z-index: 5;
    width: 1000px;
    font-size: 13px;
    line-height: 25px;
}
#header .web-nav h3,
#footer .web-nav h3 {
    display: none;
}
#header .web-nav .main-nav,
#footer .web-nav .main-nav {
    float: left;
    overflow: auto;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
#header .web-nav .main-nav li, 
#footer .web-nav .main-nav li {
    float: left;
    width: 75px;
    text-align: center;
}
#header .web-nav .main-nav li.nav-l,
#footer .web-nav .main-nav li.nav-l {
    width: 85px;
}

#header .web-nav .main-nav li.more,
#footer .web-nav .main-nav li.more {    
    width: 49px;
}
#header .web-nav .main-nav li a,
#footer .web-nav .main-nav li a {
    display: block;
    height: 41px;
    background: url(../i/btn-nav-link-l.gif) no-repeat left;
}
#header .web-nav .main-nav li a span,
#footer .web-nav .main-nav li a span {
    display: block;
    height: 31px;
    padding: 10px 0 0 0;
    color:#fff;
    background: url(../i/btn-nav-link-r.gif) no-repeat right;
}
#header .web-nav .main-nav li.active a,
#header .web-nav .main-nav li a:hover,
#footer .web-nav .main-nav li.active a,
#footer .web-nav .main-nav li a:hover {
    display: block;
    height: 41px;
    background: url(../i/btn-nav-l.gif) no-repeat left;
    text-decoration:none; 
    cursor: pointer;
}
#header .web-nav .main-nav li a:hover span,
#header .web-nav .main-nav li.active a span,
#footer .web-nav .main-nav li a:hover span,
#footer .web-nav .main-nav li.active a span {    
    display: block;
    height: 31px;
    padding: 10px 5px 0 5px;
    background: url(../i/btn-nav-r.gif) no-repeat right;
    color: #000;
}

#header .web-nav ul.sub-nav {
    padding-left: 5px;
    background: url(../i/bg-nav-footer.gif) repeat-x;
    color: #8c8c8c;
    font: bold 12px Arial, Helvetica, sans-serif;
    letter-spacing : -1px;
}

#header .web-nav ul.sub-nav li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0 8px 0 0;
    background: url(../i/bg-nav-footer-l.gif) no-repeat right center;
    color: #00ac92;
    font: 12px/28px Arial, Helvetica, sans-serif;
}

#header .web-nav ul.sub-nav li.first {
    display: inline;
    margin: 0;
    padding: 0;
    background: none;
    color: #8c8c8c;
    font-weight: bold;
}

#header .web-nav ul.sub-nav li a {
    color: #00ac92;
    background: none;
}

#header .web-nav ul.sub-nav li a:hover {
    color: #f60;
}

#header .web-nav ul.sub-nav li.add-all {
    margin: 0;
    padding: 0 0 0 14px;
    background: url(../i/icon-subnav-add.gif) no-repeat 0 center;
}
#header .web-nav li.more .nav-more,
#footer .web-nav li.more .nav-more {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 100000;
    width: 92px;
    margin: 0;
    padding: 0;
    border: 1px solid #5970B2;
    background: #fff;
}
#footer .web-nav li.more .nav-more {
    top: 33px;
    right: 0;
}
#header .web-nav li.more .nav-more a,
#footer .web-nav li.more .nav-more a {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    width: 74px;
    padding: 4px 10px 4px 8px;
    color: #2875de;
    background: #fff;
    font: 13px arial;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}
#header .web-nav li.more .nav-more a:hover,
#footer .web-nav li.more .nav-more a:hover {
    _display: block;
    _width: auto;
    _height: auto;
    _margin: 0;
    _padding: 4px 10px 4px 8px;
    _width: 78px;
    background: #49a3ff;
    background-image: none;
    color: #fff;	
}


/**
*
* =adtxt
*
**/

#header .ad-txt {
    float: left;
    width: 1000px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

#header .ad-txt ul li {
    display: inline;
    padding: 0 0 0 20px;
    margin: 5px 85px 5px 0;
    background: url(../i/icon11.gif) no-repeat 0 2px;
}

#header .ad-txt ul li.last {
    margin: 0;
}

#header .ad-txt ul li a {
    color: #1482b7;
}

/* +content-wrapper
*----------------------------------------------------------------------------*/

/**
*
* +crumb
*
**/

.crumb {
    position: relative;
    height: 35px;
    background: #f0f0f0;
    color: #808080;
    font: 12px "新細明體";
}

.crumb h3 {
    display: none;
}

.crumb ol {
    float: left;
    margin-top: 10px;
    padding: 0 0 0 10px;
}

.crumb ol li {
    float: left;
    margin-right: 2px;
    padding-right: 15px;
    background: url(../i/arrow.gif) no-repeat right center;
}

.crumb ol li.last {
    background: none;
}

.crumb ol li a:hover {
    color: #808080;
}

.crumb ol li a {
    color: #808080;
}

/**
 *
 * =subinfo 
 *
 **/
.crumb .subinfo {
	position: absolute;
	top: 5px;
	left: 230px;
	float: right;
    width: 500px;
    text-align: right;
    font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
}
.crumb .subinfo a:hover {
    color: #1482b7;
}
.crumb .subinfo a {
    color: #1482b7;
}
/**
 *
 * =subsearch 
 *
 **/
.crumb .subsearch {
	float: right;
    width: 247px;
    padding: 5px 0 0 0;
    font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
}
.crumb .subsearch a:hover {
    color: #424242;
}

.crumb .subsearch a {
    color: #424242;
}

.crumb .subsearch input {
    vertical-align: middle;
}

.crumb .subsearch img {
    vertical-align: middle;
}


/* +content-main
*----------------------------------------------------------------------------*/

#content-main {
    position: relative;
    z-index: 0;
    padding-bottom: 56px;
    background: #f0f0f0 url(../i/bg-content-footer02.gif) no-repeat left bottom;
    text-align: left;
}

#content-main h2 {
    width: 745px;
    height: 53px;
    background: url(../i/title-forum-list.gif) no-repeat left top;
    text-indent: -100000px;
}

#content-main h2.album {
    background: url(../i/title-h2-gallery.gif) no-repeat left top;
}

#content-main h2.id {
    background: url(../i/title-id-content-main.gif) no-repeat left top;
    text-indent: 0px;
    padding: 27px 0 0 120px;
    height: 26px;
}
#content-main h2.id span {
    display: none;
}

#content-main .wrapper-main {
    width: 745px;
    background: #f0f0f0 url(../i/bg-content-content.gif) repeat-y;
}

/* +content-sidebar
*----------------------------------------------------------------------------*/

#content-sidebar {
    text-align: left;
}

#content-sidebar h3 {
    display: block;
    width: 240px;
    height: 55px;
    margin: 0 auto 10px;
    background: url(../i/btn-newspeech.gif) no-repeat 0 0;
    text-indent: -100000px;
}

#content-sidebar h4 {
    padding: 0 0 2px 15px;
    background: url(../i/icon12.gif) no-repeat 0 3px;
    background: url(../i/icon12.gif) no-repeat 0 0\9;
    font: bold 13px/22px Verdana;
}

/**
*
* =ad
*
**/

#content-sidebar .ad {
    margin: 4px auto 10px auto;
    text-align: center;
}

/**
*
* =buyalbum 
*
**/

#content-sidebar #buyalbum {
    width: 240px;
    margin: 0 auto 10px;
}

#content-sidebar #buyalbum a {
    display: block;
    width: 240px;
    height: 59px;
    background: url(../i/btn-buyalbum.gif) no-repeat 0 0;
    text-indent: -100000px;
}

/**
*
* =albumsite 
*
**/

#content-sidebar #albumsite {
    width: 240px;
    margin: 0 auto 10px;
}

#content-sidebar #albumsite a {
    display: block;
    width: 240px;
    height: 42px;
    background: url(../i/btn-albumsite.gif) no-repeat 0 0;
    text-indent: -100000px;
}

/**
*
* =list
*
**/

#content-sidebar .list {
    width: 240px;
    margin: 0 auto 10px;
    padding-bottom: 11px;
    background: url(../i/bg-sidebar-bottom.gif) no-repeat center bottom;
}

#content-sidebar .list h4 {
    font-weight: bold;
    background-position: 0 3px;
    background-position: 0 0\9;
}

#content-sidebar .list h4 span {
    margin: 0 5px;
    color: #f30;
    font: 18px/18px Georgia;
}

#content-sidebar .list ul {
    overflow: auto;
    width: 234px;
    padding: 8px 0 0 6px;
    background: url(../i/bg-sidebar.gif) no-repeat;    
}

#content-sidebar .list ul li {
    float: left;
    margin: 0 6px 6px 0;
}

#content-sidebar .list ul li input {
    margin-left: 15px;
    padding: 4px 0;
    border: 1px solid #c6c6c6;
    background: #f3f3f3;
}

#content-sidebar .list ul li.func {
    display: inline;
    float: right;
    margin: 0 20px 0 0;
}

#content-sidebar .list .btn {
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    background: #1482b7;
    color: #fff;
}

#content-sidebar .list .btn-save {
    background: #f63;
}

#content-sidebar .list .btn-cancel {
    background: #aaa;
}

/**
*
* =gallery-focus
*
**/

#content-sidebar #artbox {
    width: 240px;
    margin: 0 auto;
}

#content-sidebar #artbox #g01 ul.tab {
    width: 240px;
    margin: 2px auto 8px auto;
    padding: 0;
	height: 19px;
	border-bottom: 0px solid #cccccc;
	display: block;
    clear: both;
    overflow: hidden;
    background: none;
}

#content-sidebar #artbox #g01 ul.tab li {
    float: left;
	width: 74px;
	height: 19px;
    color: #666;
    font: 13px/20px Verdana;
    background: none;
    padding: 0;
    margin: 0;
}

#content-sidebar #artbox #g01 ul.tab li.last {
    margin: 0 0 0 0;
}

#content-sidebar #artbox #g01 ul.tab li a.art-01 {
    display: block;
	width: 74px;
    height: 19px;
    text-align: center;
    text-decoration: none;
    background: url(../i/side-01.gif) no-repeat 0 0;
    cursor: pointer;
    color: #717171;
    font: 13px/13px Verdana;
    font: 13px/19px Verdana\9;
}
#content-sidebar #artbox #g01 ul.tab li a.art-01:hover,
#content-sidebar #artbox #g01 ul.tab li.ui-tabs-selected a.art-01 {
    color: #f54702;
    background: url(../i/side-01.gif) no-repeat 0 -19px;
}
#content-sidebar #artbox #g01 ul.tab li a.art-02 {
    display: block;
	width: 74px;
    height: 19px;
    text-align: center;
    text-decoration: none;
    background: url(../i/side-02.gif) no-repeat 0 0;
    cursor: pointer;
    color: #717171;
    font: 13px/13px Verdana;
    font: 13px/19px Verdana\9;
}
#content-sidebar #artbox #g01 ul.tab li a.art-02:hover,
#content-sidebar #artbox #g01 ul.tab li.ui-tabs-selected a.art-02 {
    color: #f54702;
    background: url(../i/side-02.gif) no-repeat 0 -19px;
}


/**
*
* =inventory
*
**/

#content-sidebar .inventory ul li {
    float: none;
    padding-left: 10px;
    border-bottom: 1px dotted #cecece;
    background: url(../i/icon19.gif) no-repeat left 6px;
    font-size: 13px;
    font: 12px/18px Arial;
}

#content-sidebar .inventory ul li.last {
    border-bottom: 0px dotted #cecece;
}
#content-sidebar .inventory ul li a:hover {
    color: #1482b7;
    text-decoration: none;
}

#content-sidebar .inventory ul li.more {
    border: none;
    background: none;
    text-align: right;
}
#content-sidebar #newest-comment ul li a span {
    color: #999;
}

#content-sidebar #equip ul li span.b {
    color: #639ccb;
}
#content-sidebar #equip ul li span.g {
    color: #7e9f53;
}
#content-sidebar #equip ul li span.r {
    color: #c56687;
}

/**
*
* =digi 數位藝廊
*
**/

#content-sidebar .digi ul li {
    float: none;
    padding-left: 10px;
    border-bottom: 1px dotted #cecece;
    background: url(../i/icon19.gif) no-repeat left 6px;
    font-size: 13px;
    font: 12px/18px Arial;
}

#content-sidebar .digi ul li.last {
    border-bottom: 0px dotted #cecece;
}
#content-sidebar .digi ul li a:hover {
    color: #1482b7;
    text-decoration: none;
}

#content-sidebar .digi ul li.more {
    border: none;
    background: none;
    text-align: right;
}
#content-sidebar #newest-comment ul li a span {
    color: #999;
}



/**
*
* =membermsg
*
**/

#content-sidebar #membermsg  {
    width: 240px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: url(../i/bg-sidebar-bottom.gif) no-repeat center bottom;
}
#content-sidebar #membermsg ul {
    width: 230px;
    padding: 10px 0 0 10px;
    background: url(../i/bg-sidebar.gif) no-repeat;
    font: 13px/26px Verdana;
    display: block;
    clear: both;
    overflow: hidden;
}
#content-sidebar #membermsg ul li {
    float: left;
    width: 220px;
    margin: 0 5px 0 0;
    padding: 4px 0 5px 0;
    font: 12px/22px Verdana;
    color: #7b7b7b;
    background: url(../i/line.gif) repeat-x bottom;
}
#content-sidebar #membermsg ul li.icon {
    height: 40px;
}
#content-sidebar #membermsg ul li.last {
    background: none;
}
#content-sidebar #membermsg ul li span {
    color: #f24800;
}
#content-sidebar #membermsg ul li.btn {
    float: left;
    width: 70px;
    margin: 0 5px 0 0;
    padding: 0;
    font: 12px/22px Verdana;
    background: none;
}

#content-sidebar #membermsg ul li.photo {
    display: block;
    width: 120px;
    margin: 0 50px 5px 50px;
    padding: 0;
    text-align: center;
    background: none;
}
#content-sidebar #membermsg ul li.photo a {
    color: #1482b7;
}
#content-sidebar #membermsg ul li a.member-photo {
    position: relative;
    float: left;
    width: 120px;
    height: 120px;
}
#content-sidebar #membermsg ul li a.member-photo span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 120px;
    height: 120px;
    background: url(../i/mask2-2.png) no-repeat left center;
    behavior: url(c/iepngfix.htc);
}



/**
*
* =tag-cloud
*
**/

#content-sidebar #tag-cloud  {
    width: 240px;
    margin: 0 auto 10px;
    padding-bottom: 7px;
    background: url(../i/bg-sidebar-bottom.gif) no-repeat center bottom;
}

#content-sidebar #tag-cloud ul {
    width: 230px;
    padding: 10px 0 0 10px;
    background: url(../i/bg-sidebar.gif) no-repeat;
    font: 13px/26px Verdana;
}

#content-sidebar #tag-cloud ul li {
    display: inline;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    font: 12px/22px Verdana;
}

#content-sidebar #tag-cloud ul li.rank1 a {
    color: #f8a983;
    font: bold 19px/25px Verdana;
}

#content-sidebar #tag-cloud ul li.rank2 a {
    color: #3ca6c0;
    font: 17px/25px Verdana;
}

#content-sidebar #tag-cloud ul li.rank3 a {
    color: #9fbf0b;
    font: 15px/25px Verdana;
}

#content-sidebar #tag-cloud ul li.rank4 a {
    color: #289b77;
    font: 13px/25px Verdana;	
}

#content-sidebar #tag-cloud ul li.rank5 a {
    color: #1582ac;
    font: 12px/25px Verdana;
}

#content-sidebar #tag-cloud ul li.all {
    display: block;
}

#content-sidebar #tag-cloud ul li.all a {
    float: right;
    padding: 0 2px 0 12px;
    background: url(../i/icon-subnav-add.gif) no-repeat 0 6px;
    color: #7a7a7a;
    font: 12px/22px Arial, Helvetica, sans-serif;
}


/* +footer
*----------------------------------------------------------------------------*/

#footer {
    position: relative;
    background: url(../i/bg-footer.gif) repeat-x 0 bottom;
}

#footer .web-nav {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

/**
*
* =footer-ad
*
**/

#footer .footer-ad {
    overflow: auto;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

#footer .footer-ad ul li {
    float: left;
    bottom: -1px;
    width: 310px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    background: url(../i/line-footer-ad.gif) repeat-y right;
}

#footer .footer-ad ul li img {
    float: left;
    bottom: -1px;
    padding: 0 10px 0 0;
}

#footer .footer-ad ul li.last {
    float: left;
    bottom: -1px;
    width: 310px;
    margin: 0;
    background: none;
}

#footer .footer-ad ul li h3 {
    font: bold 15px/22px Verdana;
    color: #1a549e;
}

#footer .footer-ad ul li a {
    color: #1482b7;
    text-decoration: none;
}

/**
*
* =copyright
*
**/

#footer #copyright {
    clear: both;
    width: 1000px;
    height: 60px;
    margin: 0 auto 80px;
    padding: 20px 0;
}

#footer #copyright .logo {
    float: left;
    width: 200px;
}

#footer #copyright .content {
    float: left;
    width: 770px;
    padding: 0 0 0 30px;
    background: url(../i/line-footer.gif) no-repeat left center;
    text-align: left;
}

#footer #copyright .content p {
    font: 9px/16px Verdana;
    color: #999999;
}

#footer #copyright .content p.link {
    font: 11px/22px Verdana;
    color: #808080;
}