/*<group=Global Elements>*/

/*a {   color: #9e1114; }*/

:link,:visited { text-decoration: none; }

a:hover { color: #59739B; }

a img { border: none; }

ul,ol { list-style: none; }

h1,h2,h3,h4,h5,h6 { font-size: 100%; }

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
        margin: 0;
        padding: 0;
}

/*</group>*/



/*<group=Body>*/

body { background: #fff; }

#container {
        margin: 0 auto;
        width: 932px;
}

/*</group>*/

/*<group=Header>*/

body {
        font-family:  Verdana, sans-serif;
        font-weight: normal;
        font-size: 10pt;
        line-height: 1.6em;
}

/*#print_header { display: none; }*/

#header {
        position: relative;
        height: 100px;
    background: url(../images/logo-articler3.jpg) no-repeat;
    border-bottom: solid 1px #eee;
}

#header h1 {
        position: absolute;
        left: 0px;
        top: 0;
    padding: 20px 0 13px;
        width: 500px;


}

#header h1 a {
        display: block;
        height: 128px;
        text-indent: -9999999px;
    background: url(../images/logo-articler3.jpg) no-repeat;
}

#header p {
        position: absolute;
        top: 20px;
        right: 0px;
        width:468px;
}

#header p a {
        text-transform: uppercase;
}

#header p a.logout {
        text-transform: lowercase;
        font-style: italic;
        color: #666;
}

#header form {
        position: absolute;
        top: 0spx;
        right: 0;
        width: 280px;

}



/*</group>*/

/*<group=Site Navigation>*/

#sitenav {
        clear: both;
        height: 33px;
}

#sitenav li {
        float: left;
        margin: 0 0 14px 0;
        padding: 0 0 3px 0;
        width: 155px;
        /* change to 133px for 7 nav items */
        font-size: 100%;
        line-height: 33px;
        text-align: center;
        text-transform: uppercase;
        /*background: url(../images/sitenav-background.gif) repeat-x left bottom;*/
}

#sitenav li.last {
        /* change to 134px for 7 nav items */
        width: 156px;
}

#sitenav li a {
        padding: 11px 0 9px;
        color: #000;
}

/*#sitenav li.current a { background: url(../images/sitenav-current-background.gif) repeat-x left bottom; }*/

/*</group>*/

/*<group=Meta>*/

#meta p {
        padding: 0 0 10px 0;
        font-size: 100%;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 2px;
        color: #333;

        z-index: 1;
}

/*#meta p.hasphrase { background: url(../images/meta-background-with-shadow.gif) no-repeat bottom; }*/

#meta p.issue {
        font-size: 100%;
        text-transform: Capitalize;
        letter-spacing: normal;
        color: #555;
}

#meta p strong {
        padding: 0 32px 0 0;
        font-size: 115%;
        text-transform: uppercase;
        color: #333;
   /*   background: url(../images/meta-separator.gif) no-repeat right;*/
}

#meta .archived {
        text-transform: uppercase;
        letter-spacing: 1px;
}

#meta .archives {
        margin-left: 3px;
        padding-left: 8px;
        border-left: 1px dotted #BBB;
}

/*</group>*/

/*<group=Content>*/

#wrapper {
        float: left;
        width: 100%;
}

#content, #admin #content_like_app {
        margin: -7px 190px 30px;
        padding: 0 0 0 0;
}



#content h1 {
        /*display: block;*/
    margin: 5px 0 5px 0;
        font-size: 200%;
        line-height: 1.8em;
        font-weight: bold;
        color: #666;
    letter-spacing: -2px;
    border-bottom: dotted 1px #ccc;

}

#content h2 {
        margin: 5px 0 5px 0;
        font-size: 200%;
        line-height: 1.8em;
        font-weight: normal;
        color: #547CA8;
    letter-spacing: -2px;
    border-bottom: dotted 1px #ccc;

}


#content h3 {
        margin: 0 0 10px 0;
        font-size: 123%;
        font-weight: bold;

        color: #666;
}

#content p {
        margin: 0 0 1em 0;
    font-size: 108%;
        line-height: 1.45em;
        color: #222;
}

#content ul, #content ol {
        margin: 0 0 1em 2.5em;
        font-size: 100%;
        line-height: 1.45em;
        color: #222;
}

#content ul { list-style-type: none; }

#content ol { list-style-type: decimal; }

#content li { margin: 0 0 .5em 0; list-style-type: none;}

#content blockquote {
        margin: 0 0 1em 0;
        padding: 1em 2.5em;
        font-size: 100%;
        font-style: italic;
        line-height: 1.45em;
        color: #333;
        border-top: 1px dotted #666;
        border-bottom: 1px dotted #666;
}

#content p.article_details {
        margin: 0 0 1em 0;
        padding: 1em 2.5em;
        font-size: 90%;
        font-style: italic;
        line-height: 1.45em;
        color: #333;
        background: #f2f2f2;
        border-top: 1px dotted #666;
        border-bottom: 1px dotted #666;
}

 /*<group=Home>*/

#content #articlepreviews {
        clear: both;
        float: left;
        margin: 10px 0 0px 0;
        padding: 10px 0 0 0;
        width: 266px;
        border-top: 5px solid #b2b2b2;

}
#articlepreviews ul {

        margin: 2px 0 5px 0;
    font-size: 100%;
}

#articlepreviews li {
    font: Arial, Verdana, Helvetica, sans-serif;

        }

#articlepreviews li a {
        padding: 0px 0 2px 0;


}

#content #topic_description {
    clear: both;
        float: left;
}

#content #articlepreviews h2 {
        margin: 0 0 6px 0;
        font-size: 20px;
}

#content #articlepreviews h3 {
        margin: 0 0 5px 0;
        font-size: 108%;
}

#content #articlepreviews h4 {
        margin: 0 0 15px 0;
        font-size: 100%;
        font-weight: normal;
        text-transform: uppercase;
        color: #888;
}

#content #articlepreviews p {

        font:  Arial, Verdana, Helvetica, sans-serif;
        line-height: 0.5em;
        color: #414141;
}

#content a#opinions {
        display: block;
        margin: 40px 0 0 0;
        padding: 10px 0 0 0;
        text-transform: uppercase;
        text-decoration: underline;
        text-align: left;
        color: #666;
        border-top: 4px double #e0e0e0;
}

#content a:hover#opinions {
        color: #300;
}

#content #marketpreviews {
        float: right;
        margin: 10px 0 5px 0;
        padding: 15px 20px 5px;
        width: 226px;
    background-color: #eee;
        border-top: 5px solid #59739B;
}

#content #marketpreview {
        float: right;
        margin: 10px 0 20px 0;
        padding: 5px 0 10px;
        width: 256px;
        border-top: 1px solid #ccc;
        border-bottom: 4px double #ccc;
}

#content #marketpreview h4 {
        margin: 0 0 5px 0;
        font-size: 108%;
        font-weight: normal;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #888;
}

#content #marketpreviews h4 {
        margin: 0 0 15px 0;
        font-size: 100%;
        font-weight: normal;
        text-transform: uppercase;
        color: #888;
}

#content #marketpreviews #what_are_markets {
        font-size: 80%;
        font-family:  Arial,Verdana, Helvetica, sans-serif;
        position: relative;
        margin: -37px -2px;
        float: right;
}

#content #marketpreviews #what_are_markets a {
        padding: 0 0 2px 0;
        color: #888;
        border-bottom: 1px dotted #888;
}

/*</group>*/



/*<group=Comment Form>*/

#content #commentform {
        float: left;
        width: 550px;
        margin: 20px 0 0 0;
}

#content #commentform label {
        display: block;
}

#content #commentform label.inline {
        display: inline;
        padding-right: 22px;
}

#content #commentform div.userfields {
        float: left;
        width: 275px;
}

#content #commentform div.userfields input.text {
        display: block;
        margin: 0 0 10px 0;
        width: 250px;
}

#content #commentform div.commentfields {
        float: left;
        width: 275px;
        width: 525px;
}

#content #commentform div.commentfields textarea {
        margin: 0 0 10px 0;
        width: 265px;
        width: 515px;
        height: 150px;
}

#content #commentform div.commentfields label {
        margin: 0;
}

#content #commentform div.commentfields div.submitoptions {
        text-align: right;
}

#content #commentform div.commentfields input.imagebutton {
        margin-right: 5px;
}

#content #commentform div.commentfields input.button {
        display: none;
}

/*</group>*/


/*<group=Article Sidebar>*/

#article-sidebar {
        float: right;
        width: 266px;
        margin: 0 0 1em 20px;
}

#article-sidebar .feature-photo {
        display: block;
}



/*</group>*/




/*<group=Members>*/

#content #recent-previews {
        clear: both;
        float: left;
        margin: 10px 0 0 0;
        width: 266px;
}

#content #recent-previews h2 {
        margin: 0 0 6px 0;
        font-size: 20px;
}

#content #recent-previews h3 {
        margin: 0 0 5px 0;
        font-size: 108%;
}

#content #recent-previews h4,
#content #recent-trades h4,
#content #recent-comments h4 {
        margin: 0 0 15px 0;
        font-size: 108%;
        font-weight: normal;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        text-transform: uppercase;
        color: #888;
}

#members-about h4,
#members-friends h4,
#members-feeds h4 {
        margin: 0 0 15px 0;
        font-size: 123%;
        font-weight: normal;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        text-transform: uppercase;
        color: #888;
}

#content #recent-previews p {
        margin: 0 0 19px 0;
        font: normal 85%  Arial, Verdana, Helvetica, sans-serif;
        line-height: 1.7em;
        color: #414141;
}

#recent-trades,
#recent-comments {
        float: left;
        clear: left;
        margin: 10px 0 0 0;
        padding: 15px 0 0 0;
        width: 266px;
}

#recent-trades p,
#recent-comments p {
        font: normal 85%  Arial, Verdana, Helvetica, sans-serif;
}

#recent-trades img {
        padding-right: 5px;
}

#recent-comments h5 {
        margin: 0 0 .5em 0;
        font-size: 108%;
}

#recent-comments p em.date {
        padding: 0 3px 0 15px;
        font: normal 92% Arial, Verdana, Helvetica, sans-serif;
        color: #666;
   /*   background: url(../images/comment-small.png) no-repeat left;*/
}


/*<group=Search>*/

#content #searchform {
        margin: 0 auto 0;
        text-align: center;
        border-bottom: 1px dotted #aaa;
}

#content #searchform input {
        float: left;
}

#content #searchform input.searchtext {
        display: inline;
        margin: 0 0 20px 123px;
        width: 325px;
        font: normal 92%  Arial, Verdana, Helvetica, sans-serif;
        color: #555;
}

#content #searchform input.search-image {
        display: inline;
        float: right;
        margin: 0 63px 0 0;
}

#content #searchform input.search-button {
        display: none;
}

#content #searchform p {
        clear: both;
        font-size: 90%;
        text-transform: uppercase;
        color: #333;
}

#content #searchform p input {
        margin: 0 3px 0 15px;
        float: none;
}

#content #searchform p label {
        font: normal 92%  Arial, Verdana, Helvetica, sans-serif;
        text-transform: none;
}

.search h5,
.articles-search h5,
.markets-search h5,
.members-search h5,
.topics-search h5 {
        margin: 0 0 5px 0;
        font-size: 100%;
        font-style: italic;
        font-weight: normal;
        color: #555;
}

.search h5 strong,
.articles-search h5 strong,
.markets-search h5 strong,
.members-search h5 strong,
.topics-search h5 strong {
        font-style: normal;
        font-weight: bold;
        color: #333;
}

#content .search-heading {
        margin: 0 0 10px 0;
        padding: 0 1em;
        clear: both;
        height: 25px;
        border-bottom: 1px dotted #aaa;
}

.search h4,
.topics h4,
.people h4,
.places h4,
.organizations h4,
.themes h4,
.articles-search h4,
.markets-search h4,
.members-search h4,
.topics-search h4 {
        float: left;
        display: inline;
        height: 25px;
        font-size: 123%;
        text-transform: uppercase;
        font-weight: normal;
        line-height: 25px;
        color: #666;
        letter-spacing: 1px;
}

.topics h4.alone,
.search h4.alone,
.people h4.alone,
.places h4.alone,
.organizations h4.alone,
.themes h4.alone {
        margin: 15px 0 10px 0;
        padding: 0 1em;
        display: block;
        line-height: 25px;
        border-bottom: 1px dotted #aaa;
        width: 520px;
}

#content .search-heading p {
        padding-left: 10px;
        line-height: 25px;
        display: inline;
        height: 25px;
        font-size: 85%;
        text-transform: uppercase;
        color: #666;
}

.search .search-heading p.search-viewall a,
.topics .search-heading p.search-viewall a,
.articles .search-heading p.search-viewall a,
.markets .search-heading p.search-viewall a,
.members .search-heading p.search-viewall a {
        font-size: 85%;
        text-decoration: underline;
        color: #666;
}

.search .search-heading p.search-viewall a:hover,
.topics .search-heading p.search-viewall a:hover,
.articles .search-heading p.search-viewall a:hover,
.markets .search-heading p.search-viewall a:hover,
.members .search-heading p.search-viewall a:hover {
        color: #000;
}

#content #search-results ul, #content #search-results ol {
        margin: 1.5em 0 1.5em 10px;
        list-style: none;
}

#content #search-results li {
        font-size: 90%;
        line-height: 1.2em;
}

#content #search-results a { text-decoration: underline; }

/*</group>*/

/*<group=Topics>*/

.topics ul#alphabet,
.people ul#alphabet,
.places ul#alphabet,
.organizations ul#alphabet,
.themes ul#alphabet,
.members ul#alphabet {
        margin: 0;
        padding: 0px 0 35px 5px;
        list-style: none;
}

.members-index ul#alphabet,
.topics-index ul#alphabet {
        padding: 12px 0 35px 5px;
}

.topics ul#alphabet li,
.people ul#alphabet li,
.places ul#alphabet li,
.organizations ul#alphabet li,
.themes ul#alphabet li,
.members ul#alphabet li {
        float: left;
        width: 21px;
}

.topics ul#alphabet a,
.people ul#alphabet a,
.places ul#alphabet a,
.organizations ul#alphabet a,
.themes ul#alphabet a,
.members ul#alphabet a {
        text-decoration: underline;
}

.topics ul,
.people ul,
.places ul,
.organizations ul,
.themes ul {
        list-style: none;
}

#content #topics-thumbs ul {
        margin: 0 0 40px 0;
        list-style: none;
}

#content #topics-thumbs li {
        padding: 5px 0 0 0;
        float: left;
        width: 183px;
        font-size: 90%;
        line-height: 1.5em;
}

#content #topics-thumbs li a {
        text-decoration: underline;
}

#content #topics-thumbs img {
        margin-top: -5px;
        padding: 0 10px 0 0;
        float: left;
}

/*</group>*/


/*<group=Section Nav>*/

#sectionnav {
        float: left;
        margin: -13px 0 20px -932px;
        width: 160px;
}

#sectionnav h5 {
        margin: 25px 0 3px 0;
        font-size: 110%;
        font-weight: bold;
        text-transform: uppercase;
    font: Arial, Verdana, Helvetica, sans-serif;
    color: #c90000;

}

#sectionnav h5.current {
        padding: 8px 0 0 0;

}

#sectionnav ul {
        padding-left: 10px;
}

#sectionnav ul.current {
        padding-top: 8px;

}

#sectionnav h5 a {
        color: #333;
}

#sectionnav li {
        font: normal 85%/1.8em  Arial, Verdana, Helvetica, sans-serif;
}

#sectionnav li.current {
        padding-left: 10px;

}

#sectionnav li a {
        padding: 0 0 2px 0;
        color: #555;
        border-bottom: 1px dotted #555;
}

#sectionnav li.current a {
        font-weight: bold;
}

/*</group>*/


/*<group=articlelist>*/



#articlelist h5 {
        margin: 25px 0 3px 0;
        font-size: 90%;
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
    background-color: #ccc;
}

#articlelist h5.current {
        padding: 8px 0 0 0;

}

#articlelist ul {
        padding-left: 10px;
}

#articlelist ul.current {
        padding-top: 8px;

}

#articlelist h5 a {
        color: #333;
}

#articlelist li {
        font: normal 85%/1.8em  Arial, Verdana, Helvetica, sans-serif;
    list-style: none;
}

#articlelist li.current {
        padding-left: 10px;

}

#articlelist li a {
        padding: 0 0 2px 0;
        color: #555;
        border-bottom: 0px dotted #555;

}

#articlelist li.current a {
        font-weight: bold;
}

/*</group>*/

/*<group=Related Sidebar>*/

#related {
        float: left;
        margin: 0 0 20px -170px;
        padding: 0 0 0 10px;
        width: 160px;
}

#related h6 {
        margin: 12px 0 3px 0;
        font-size: 110%;
        font-weight: bold;
        text-transform: uppercase;
    font: Arial, Verdana, Helvetica, sans-serif;
    color: #c90000;
}

#related ul {
    padding-top:30px;

        padding-left: 10px;
}

#related li {
    font: normal 85%/1.8em  Arial, Verdana, Helvetica, sans-serif;
        list-style: none;


        }

#related li a {
        padding: 0px 0 2px 0;
        color: #555;
        border-bottom: 1px dotted #555;
}

#related li.score1 a {
        color: #222;
}

#related li.score2 a {
        color: #777;
}

#related li.score3 a {
        color: #aaa;
}

#related li.score4 a {
        color: #ddd;
}

#related a#viewall {
        text-transform: uppercase;
        text-decoration: underline;
        color: #666;
}

/*</group>*/

/*<group=Footer>*/

#footer {
        clear: left;
        margin: 30px 0 0 0;
        padding: 20px 0 30px 0;
        width: 100%;
        height: 12px;
        background: url(../images/footer-background.gif) repeat-x top;
        font: normal 85%/1.2em  Arial, Verdana, Helvetica, sans-serif;
}



#footer ul {
    text-align: center;

        width: 100%;
}

#footer li {
        display: inline;
        padding: 0 0 0 6px;
        color: #666;
}

#footer li.last {
        background: none;
}



#footer a {
        padding-right: 5px;
        color: #666;
}
/*</group>*/



/*<group=Browser Fixing>*/

div.clearelements {
        clear: both;
}

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html
--------------------- */

.clearfix:after {
        content: ".";
        clear: both;
        height: 0;
        visibility: hidden;
        display: block;
}
.clearfix {
        display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*</group>*/






#sectionnav a:hover,
#related li a:hover,
#content #marketpreviews #what_are_markets a:hover,
#articles #content #article_body a {
        color: #9e1114;
        text-decoration: none;
        border-bottom: 1px solid #999;
}

#articles #content #article_body a:hover {
        color: #59739B;
        text-decoration: none;
        border-bottom: 1px dotted #59739B;
}

#related a:hover#viewall {
        color: #9e1114;
}

#footer a:hover {
        text-decoration: underline;
        color: #000;
}

/*</group>*/


/*Something in the CSS was overwriting this rule and I don't have the current time to debug it so I just moved a copy of it down here for now. */

#content #articleshowcase img {
        float: right;
        margin: 0 0 0 20px;
}



/*<group=Form Elements>*/

.text, .searchtext, .textarea {
        font: normal 94%/1em Arial, Verdana, Helvetica, sans-serif;
        color: #555;
}

/*</group>*/


/* Misc rules */

#content strong.highlight {
        background-color: #ffc;
}

#search #articlepreviews, #topics #articlepreviews {
        width: 550px;
}

#admin th, #admin td {
        text-align: left;
}

#admin #content {
        margin: 25px;
}


.admin-table {
  margin: 2px 3px 2px 3px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.admin-table th,
.admin-table td {
  border-bottom: 1px solid #000;
  padding: 5px;
  line-height: 125%;
}

/*<group=Form Elements>*/

.text,
.searchtext,
.textarea {
  font: normal 94%/1.3em Arial, Verdana, Helvetica, sans-serif;
  color: #555;
}

/*<group=Google Ads>*/

div#advertising {
  text-align: center;
  padding-top: 16px;
}