@import "article-simple-rounded-corner.css";

/* 
Author: Joseph Weld
URI: http://freelancejoe.com/
*/

/* Credits
Outdent cap: http://jontangerine.com/silo/typography/p/

*/


/* ############################################### */
/* ###############  General Styles  ############## */
/* ############################################### */

/* Sets 1em to 10px */
body {color: #444444; background: #F5DD99; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; text-transform: none}
:lang(tc) {font-family: STHeiti}
:lang(sc) {font-family: Hei}
:lang(en) {font-family: Helvetica, Arial, sans-serif}
:lang(jp) {font-family: "Hiragino Kaku Gothic Pro W3"}
.clear {clear: both}
.smaller {font-size: smaller}
.text-brighter {color: #666666}
acronym {border-bottom: dotted 2px #666666; cursor: pointer}
.right {float: right; margin: 0 20px 0 0}
.hidden {display: none}
img {border: none}
code, .code {font-family: Courier, "Courier New", monospace; padding: 2px 3px; margin: 0 2px; background: #BBBBBB; border-right: solid 2px #888888; border-bottom: solid 2px #888888; border-top: solid 1px #AAAAAA; border-left: solid 1px #AAAAAA}
.code {width: 90%; margin: 0 auto; padding: 5px 10px}
.cn em {color: #F5F5CD; font-style: normal; padding: 2px 3px; margin: 0 2px; background: #FF9F58; border-right: solid 2px #CC7F46; border-bottom: solid 2px #CC7F46; border-top: solid 1px #FFBC8A; border-left: solid 1px #FFBC8A}
.key {color: #666666; font-style: normal; padding: 2px 8px; margin: 0 2px; background: #DDDDDD; border-right: solid 2px #BCA975; border-bottom: solid 2px #BCA975; border-top: solid 1px #BBBBBB; border-left: solid 1px #BBBBBB}
.shrink-height {line-height: 0.5em}
.misc-intro {font-size: 90%; line-height: 1.4em}
.article-quote .source {color: #F5DD99; font-family: Courier, "Courier New", monospace; float: right; margin: 0 20px 0 0}

/* ##########   Index Page   ########## */
.index .tier_2_head {float: left; text-align: right; padding: 0 8px 0 0; font-weight: bold; color: #900000}
.index .tier_2_content {width: inherit; height: 100%}
.length_1_left {width: 60px}
.length_1_right {margin: 0 0 0 68px} /* width (length_1_left) + tier_2_head (padding) */
/* ##########   End of Index Page   ########## */

a {outline: none; -moz-outline-style: none; outline: expression(hideFocus = true); text-decoration: none} /* FF 1.5+, FF 1, IE */
.bg {color: #F5DD99}
img.pics {padding: 15px 20px}

#sidebar-right-float {position: fixed; width: 200px; height: auto; top: 17px; right: 17px; bottom: 17px; left: auto; background: #D86633}
#article-wrapper {position: absolute; width: auto; height: auto; top: 17px; right: 244px; bottom: 17px; left: 25px}
#article {margin: 20px; font-size: 16px; line-height: 2em; text-align: justify} /* 244+25+20+20 310px firefox scrollbar 15px 700px@1024px*/
#article h1 {margin: 0 0 22px 0; font: small-caps bold 30px sans-serif; line-height: 1em; text-align: left; color: #336688; letter-spacing: 2px}
#article h3 {margin: 15px 0 15px 0px; font: small-caps bold 16px sans-serif; line-height: 1em; text-align: left; color: #003366}
.article-quote {margin: 5px 30px 10px 30px; line-height: 1em}
.quote-text-wrapper-single-line {padding: 1px 8px 0 8px; font-size: 14px; line-height: 1.5em; color: #412F1E}
.quote-text-wrapper-paragraph {padding: 8px 14px 6px 14px; font-size: 14px; line-height: 1.5em; color: #412F1E}


/* IE 6 */
* html #sidebar-right-float {position: absolute; height: 572px}
* html #article {text-justify: distribute}


/*##########    link-button   ##########*/
#article a:visited .link-button-text-style {color: #F5DD99}
#article a:visited .link-button-text-style-orange {color: #F5F5CD}
#article a:hover .link-button-text-style, #article a:hover .link-button-text-style-orange {color: #FFFFFF; text-decoration: none}

.link-button-wrapper {display: -moz-inline-box; display: inline-block; background: #F5DD99; padding: 0 2px; margin: 3px 0; *display: inline}
.index .link-button-wrapper {display: block; float: left}

.link-button-text {display: -moz-inline-box; display: inline-block; height: 20px; padding: 0; background: #1968B2; vertical-align: top; *display: inline}
.link-button-text-nolink {display: -moz-inline-box; display: inline-block; height: 20px; padding: 0; background: #1968B2; vertical-align: top; *display: inline}
.link-button-text-style {display: inline-block; color: #F5DD99; font-size: 16px; line-height: 20px; padding: 0px 1px 0px 2px; *display: inline}
.link-button-left {display: -moz-inline-box; display: inline-block; font-size: 16px; width: 6px; height: 20px; line-height: 20px; margin: 0; padding: 0; background: url('../images/article-simple/link-button-left.png'); *display: inline}
.link-button-right {display: -moz-inline-box; display: inline-block; font-size: 16px; width: 6px; height: 20px; line-height: 20px; margin: 0; padding: 0; background: url('../images/article-simple/link-button-right.png'); *display: inline}

.link-button-text-orange {display: -moz-inline-box; display: inline-block; height: 20px; padding: 0; background: #FF9F58; vertical-align: top; *display: inline}
.link-button-text-nolink-orange {display: -moz-inline-box; display: inline-block; height: 20px; padding: 0; background: #FF9F58; vertical-align: top; *display: inline}
.link-button-text-style-orange {display: -moz-inline-box; display: inline-block; color: #F5F5CD; font-size: 16px; line-height: 20px; padding: 0px 1px 0px 2px; *display: inline}
.link-button-left-orange {display: -moz-inline-box; display: inline-block; font-size: 16px; width: 6px; height: 20px; line-height: 20px; margin: 0; padding: 0; background: url('../images/article-simple/link-button-left-orange.png'); *display: inline}
.link-button-right-orange {display: -moz-inline-box; display: inline-block; font-size: 16px; width: 6px; height: 20px; line-height: 20px; margin: 0; padding: 0; background: url('../images/article-simple/link-button-right-orange.png'); *display: inline}
/*##########    End of link-button   ##########*/

.h-line {background: #333333; font-size: 0.01em; line-height: 1em; height: 2px; border-bottom: 1px solid #666666; border-top: 1px solid #555555}
.h-line-thin {width: 98%; margin: 0 auto; border-bottom: 1px solid #666666}

h5 {color: #003366; font: bold 18px sans-serif; line-height: 20px; letter-spacing: 2px; margin: 0; padding: 5px 5px 5px 0}

.lyrics-zhangyusheng {float: right; margin: 0; padding: 10px 15px; font-size: 16px; line-height: 20px}


.sidebar-right-menu {position: relative; width: auto; font: italic bold 16px sans-serif; top: 60px; right: auto; bottom: auto; left: -20px} /* top 80px@1280 65px@1024*/
#copyright {position: absolute; width: auto; height: auto; top: auto; right: auto; bottom: 14px; left: 16px; color: #F5DD99; font: bold 14px helvetica, arial, sans-serif; line-height: 1.2em}

.sidebar-right-menu a:link, .sidebar-right-menu a:hover, .sidebar-right-menu a:visited {color: #F5DD99; text-decoration: none; background: #900000; padding: 10px 0 10px 14px; margin: 0 0 12px 0; display: block}
.sidebar-right-menu a:hover {background: #600000; text-decoration: none}
.sidebar-right-menu a.active {background: #600000; text-decoration: none; cursor: default}


/* Pics */
.article_graphic {float: right; margin: 0px; clear: right}

/* Dropshadow */
.dropshadow {background: url(../images/article-simple/shadow.png) no-repeat bottom right; margin: 10px 0 0 10px}
.dropshadow img, .dropshadow div {display: block; position: relative; bottom: 6px; right: 6px;	border: 1px solid #808080; padding: 4px; margin: 0px; background: #FFFFFF}