/**
 * Skin Blueside, Article
 */
 
/* General Contents */

#article {
    margin-left: 2em;
    margin-right: 1em;
    border: 0 solid #6d8b9a;
    border-bottom-width: 1px;
    border-top-width: 1px;
    background-color: #ffffff;
}

#article p {
    margin-left: 1.5em;
    margin-right: 1.5em;
    font-size: 95%;
    text-indent: 1em;
    line-height: 1.6em;
    color: #122126;
}

#article h2 {
    margin-top: 3em;
    margin-bottom: 1.5em;
    margin-left: 1.2em;
    font-size: 100%;
}

#article #articlePanel + h2,
#article .preface > h2 {
    margin-top: 0;
}

#article .blank {
    height: 4em;
}


/* Manipulators */

#article div.sectionBreak {
    padding-top: 3em;
    padding-bottom: 3em;
    background-image: url( sectionbreak.png );
    background-position: center center;
    background-repeat: no-repeat;
}


/* Customized Contents */

#article .preface p {
    color: #62707e;
}

#article .preface h2 {
    text-indent: 0;
    color: #62707e;
}

#article .footnote {
    padding-top: 2em;
}

#article .footnote p {
    color: #62707e;
    text-indent: 0;
    font-size: 85%;
}

#article .termlist p {
    text-indent: 0;
    margin-left: 3.5em;
}

#article div.term {
    margin-top: 1.5em;
    margin-bottom: -0.5em;
    margin-left: 2.5em;
    color: #003c5a;
    font-size: 95%;
    font-weight: bold;
}


/* Browsing Bars

   .browsingHeader
   .browsingFooter

   -> see also main.css
*/
  

/* Panels */

#article .storyPanel,
#article .setupPanel,
#article .transPanel {
    margin: 1em 0.5em 1em;
    padding-top: 2em;
    padding-bottom: 0.8em;
    position: relative;
}

#article .storyPanel {
    background-color: #80a8bc;
    background-image: url( storypanel.png );
    background-repeat: repeat-x;
}

#article .setupPanel {
    background-color: #94bc80;
    background-image: url( setuppanel.png );
    background-repeat: repeat-x;
}

#article .transPanel {
    background-color: #bc80bc;
    background-image: url( transpanel.png );
    background-repeat: repeat-x;
}

#article .title {
    margin-left: 2em;
    text-align: left;
}

#article .seriesTitle {
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: 95%;
    color: #ffffff;
}

#article .volumeTitle, #article .articleTitle {
    display: inline;
    font-weight: bold;
    font-size: 120%;
    color: #2b4d5a;
}

#article .articleTitleInVolume {
    display: inline;
    padding-left: 0.5em;
    font-size: 100%;
    color: #2b4d5a;
}

#article .articleAlterTitle {
    margin-top: 0.3em;
    font-family: Georgia, Times New Roman, serif;
    font-weight: bold;
    font-style: italic;
    color: #ffffff;
}

#article .author {
    margin-right: 2em;
    text-align: right;
    font-size: 80%;
    color: #2b4d5a;
}


/* Revisions and Creative Commons */

#article #revisionWrapper,
#article #creativeWrapper,
#article #copyrightWrapper {
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-bottom: 1.2em;
}

#article .revision {
    font-size: 75%;
    font-family: Verdana, sans-serif;
    color: #6d8b9a;
}

#article #creativeWrapper {
    padding: 1em;
    background-color: #f3f3f3;
}

#article .creativeLogo,
#article .copyrightIcon {
    float: left;
}

#article .creativeText {
    margin-left: 100px;
    font-size: 70%;
    color: #6d8b9a;
}

#article #copyrightWrapper {
    padding: 1em;
    background-color: #fff0f7;
}

#article .copyrightText {
    margin-left: 60px;
    padding-top: 16px;
    height: 36px;
    font-size: 85%;
    color: #805a7f;
}

/* Google AdSense */

.google-adsense, .mock-google-adsense {
    margin-top: 0.5em;
    margin-left: 2em;
    margin-bottom: -2em;
}

.mock-google-adsense {
    border: #6d8b9a 1px solid;
    width: 468px;
    height: 60px;
}