@import url("base.css");

html { height: 100%; margin-bottom: 1px }

body { background: #000000; text-align: center; color: #ffffff; text-align: center; font-family: "Helvetica Neue LT Std", Helvetica, "Lucida Grande", "Lucida", Verdana, Arial, sans-serif; }
html > body { font-size: 15px; line-height: 1.7em; }

a { cursor: pointer; }
a:link, a:active { text-decoration: underline; color: #0077ee }
a:visited { text-decoration: underline; color: #0077dd }
a:hover { color: #ff33bb }
strong { font-weight: bold }

#ui-page { text-align: center }

div.framed { font-family: "Helvetica"; margin: 0 auto; text-align: left; min-width: 880px; width: 960px }

#ui-head { height: 140px }
#ui-head img { margin-top: 20px }

#ui-foot { padding-bottom: 20px; color: #787878; font-size: 0.9em }

#ui-main div.framed { border-top: 2px solid #787878 }
#ui-foot div.framed { border-top: 2px solid #787878; padding-top: 10px }

.clear { clear: both; height: 0px }

#ui-sidebar {  }
#ui-content { }

#ui-content, .ui-content { float: left; width: 550px }
#ui-sidebar, .ui-sidebar { float: right; width: 290px }

div.framed #ui-content { padding-right: 10px; text-align: left }
div.spacer { clear: both; height: 0; margin: 0; padding: 0 }

#ui-content strong { font-weight: bold }
#ui-sidebar p { }

#ui-full { margin-top: 10px; }
#ui-full h2 { font-style: normal; font-weight: normal;
	 color: #ffffff; 
	 font-family: "Helvetica Neue LT Std", Helvetica;
	 font-size: 30px; 
	 line-height: 1.2em; }

/* New navigation */
#menu { font-family: "Minion Pro"; width: 100%; height: 30px; float: right; }
#menu ul { float: right; display: block; margin: 0; padding: 0; list-style: none; z-index: 90 }
#menu ul li { color: #787878; float: left; margin: 0 3px 0 0; padding: 0; font-size: 12px; list-style: none; }
#menu ul li a { color: #787878; float: left; display: block; width: auto; font-weight: normal; text-decoration: none; margin: 0; padding: 6px 5px 6px 6px; }
#menu ul li a:hover { color: #ffffff; text-decoration: none; }
#menu ul li a.active { color: #ffffff }
#menu ul li.sep { padding: 6px 1px 6px 1px; }
/* IE5-Mac \*/
#menu  ul li a { float: none; }
/* End IE5-Mac hack */
#menu  ul.level2, #menu ul.level3 { padding: 0; margin: 0 0 0 0; position: absolute; top: 0px; left: 0px; visibility: hidden; background: #000000; border-left: 5px solid #000000; border-right: 5px solid #000000; }
#menu ul.level2 li, #menu ul.level3 li { margin: 0; padding: 0; width: 150px; float: none; }
#menu ul.level2 li, #menu ul.level3 li { border-bottom: 5px solid #000000 }
#menu ul.level3 { border-top: 5px solid #000000 }
#menu ul.level2 li a, #menu ul.level3 li a { background: #666666; color: #ffffff; padding: 5px 9px 5px 5px; }
#menu ul.level2 li a:hover,#menu  ul.level3 li a:hover { color: #ffffff; font-weight: normal; background-color: #999999; background-image: none; }
/* End new navigation */


h1 { font-family: Arial,Helvetica,sans-serif; font-weight: normal; color: #ff4488; border-bottom: 1px dashed #88ff44; margin-bottom: 1em; height: 40px;  }
h1 a, h1 a:link, h1 a:visited { color: #ff4488; text-decoration: none }
h2 { font-style: normal; font-size: 1em; font-family: Lucida, sans-serif, , "Minion Pro"; font-weight: normal; color: white }

#ui-sidebar h1 { text-transform: none; font-weight: bold }

.post h2 { font-weight: normal; color: #0077ee; text-decoration: none; margin-bottom: 0; padding-bottom: 0 }
.post h2 a, .post h2 a:link, .post h2 a:active { text-decoration: none; color: #0077ee }
.post h2 a:hover { text-decoration: underline }
.post h2 span { display: block; float: left; width: 500px; text-align: left; font-weight: normal }
.post h2 a[href$="#comments"], .post h2 .post h2 a[href$="#comments"]:link { font-size: 11px; float: right; text-align: right; color: #999999 }
.post p { margin-bottom: 1.8em }
.post .meta { color: #666666; font-size: 0.8em }
.post img { padding: 5px; background-color: #efefef }

h3#comments { border-bottom: 1px dashed #efefef }
h3#comments, form#comment fieldset legend { font-weight: bold; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 1em }
h3#comments a[href="#comment"] { float: right; font-size: 11px; text-transform: none }
form#comment fieldset legend { display: block; width: 400px; margin-right: 220px }
form#comment fieldset legend a { float: right; width: 220px; text-align: right; text-transform: none; text-decoration: none; font-weight: bold; font-size: 0.8em }
form#comment fieldset ol li label span { color: #999999 }

#overlay { text-align: center; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: transparent url("../img/overlay.png"); z-index:1001; }
#overlay div { margin: 0 auto; margin-top: 5%; background-color: #fff; min-width: 250px; min-height: 100px; width: 30%; padding: 16px; border: 10px solid #efefef; text-align: left }

blockquote { background-color: #f9f9f9; font-style: italic; color: #666666; margin-bottom: 2em; padding: 20px 15px 25px 5px }
blockquote .text { display: block; margin-left: 50px; margin-right: 30px; padding-left: 10px; padding-right: 10px }
blockquote .open { float: left; height: 45px; margin-right: 10px; margin-top: -30px; padding-top: 45px; margin-bottom: -50px; font-size: 700%; color: #999999; }
blockquote .close { float: right; height: 25px; margin-top: -30px; padding-top: 45px; font-size: 700%; color: #999999; padding-right: 10px; }
* html blockquote { padding: 10px 0 10px 0 }
* html blockquote .text { display: block; margin: 10px }
* html blockquote .open { display: none }
* html blockquote .close { display: none }

div.post { margin-bottom: 2em; padding-bottom: 1em }
div.post { line-height: 1.5em }
div.post p {  }

div.bordered { border-bottom: 1px solid #cccccc }

fieldset { width: 620px }
fieldset li span.req { color: red; margin-left: 0.3em; vertical-align: top }
fieldset legend { text-align: left; padding: 0.3em 0 0.3em 0 }

fieldset.horizontal { margin-top: 1em; float: none; border-style: none; text-align: right }
fieldset.horizontal ol { padding: 1em 0 0 0; list-style: none; }
fieldset.horizontal li { padding-bottom: 1em; padding-top: .5em; list-style: none; text-align: left }
fieldset.horizontal label { position: relative; float: left; width: 8em; margin-right: 0.9em; display: block; text-align: right; }
fieldset.horizontal li.checkbox { padding: 0.1em 0 0.1em 0; text-align: center }
fieldset.horizontal li.checkbox input { margin-left: 11em; position: relative; float: left; margin-right: 0.7em; display: block; text-align: right; font-size: 0.8em }
fieldset.horizontal li.checkbox label { float: left; display: inline; width: 27em; text-align: left }

fieldset ol li label span { color: #999999 }

fieldset.vertical { margin-top: 1em; margin-bottom: 1em }
fieldset.vertical p { margin: 0 }
fieldset.vertical label { display: block; font-size: 0.9em }
fieldset.vertical ol { padding: 0; list-style: none; }
fieldset.vertical li { padding-bottom: 0.3em; padding-top: 0.2em; list-style: none }
fieldset.vertical li.checkbox { padding: 0.1em 0 0.1em 0 }
fieldset.vertical li.checkbox label { display: inline }
fieldset.vertical li.last { padding-bottom: 0.5em }
fieldset.vertical ol, fieldset.simple p { margin: 0.1em 0 0.1em 0.4em }
fieldset.vertical input[type="submit"] { margin-bottom: 0.8em }
* html fieldset.vertical legend { margin-left: -10px }

input[type="text"], input[type="password"], textarea { font-family: sans-serif; font-size: 11px; padding: 3px; background-color: #ffffff }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background-color: #fdfeef }
input[type="submit"], input[type="button"] { padding: 5px; font-size: 1.2em; cursor: pointer }

ol.comments { margin: 0; }
ol.comments li { margin: 0; padding: 10px; min-height: 150px; line-height: 1.5em; list-style: none; background-color: #f9f9f9 }
ol.comments li.alt { background-color: #f2f2f2 }

* html ol.comments li { height: 150px }

ol.comments li .author { font-size: 0.8em; float: left; text-align: right; width: 80px; margin: 0 20px 0 10px }
ol.comments li .author img { background-color: #ffffff; border: 1px solid #cccccc; padding: 2px }
ol.comments li .author cite a, ol.comments li .author cite a:link { text-decoration: none; font-size: 1.1em }
ol.comments li .author span a, ol.comments li .author span a:link { text-decoration: none; color: #999999 }
ol.comments li .comment { margin-left: 110px }
ol.comments li div { font-size: 0.9em }
ol.comments li div p { margin-bottom: 1.3em; line-height: 1.7em }

* html ol.comments li .comment { margin-left: 120px }


div.navigation { font-size: 1.2em; background-color: #efefef; padding: 10px }
div.navigation .left { float: left; width: 140px; }
div.navigation .right { float: right; width: 140px; }
div.navigation .clear { clear: both; height: 0px }
div.navigation a { text-decoration: none }

div.landing { margin-top: 20px }



div.whygold1 { height: 190px; margin-top: 0px; margin-bottom: 0px }
div.whygold1 a { width: 240px }
div.whygold1 a span { display: none }

div.whygold1 a.gold12 { padding-left: 3px; border-color: #cccccc; border-right-width: 1px; border-style: solid; float: left; display: block; width: 233px; height: 185px; background: transparent url("../img/wg-golden-futuretxt.jpg") no-repeat }
div.whygold1 a.gold22 { padding-left: 3px; border-style: solid; border-color: #cccccc;border-right-width: 1px; float: left; display: block; width: 235px; height: 185px; background: transparent url("../img/wg-cash-isnt-kingtxt.jpg") no-repeat }
div.whygold1 a.gold32 { padding-left: 3px; border-color: #cccccc; border-right-width: 1px; border-style: solid; float: left; display: block; width: 235px; height: 185px; background: transparent url("../img/wg-credit-crisistxt.jpg") no-repeat }
div.whygold1 a.gold42 { padding-left: 3px; border-color: #cccccc;  border-right-width: 1px; border-style: solid; float: left; display: block; width: 234px; height: 185px; background: transparent url("../img/wg-survive-in-the-new-economytxt.jpg") no-repeat }

div.whygold1 a.gold12:hover { background: transparent url("../img/hoverwg-golden-futuretxt.jpg") no-repeat }
div.whygold1 a.gold22:hover { background: transparent url("../img/hoverwg-cash-isnt-kingtxt.jpg") no-repeat }
div.whygold1 a.gold32:hover { background: transparent url("../img/hoverwg-credit-crisistxt.jpg") no-repeat }
div.whygold1 a.gold42:hover { background: transparent url("../img/hoverwg-survive-in-the-new-economytxt.jpg") no-repeat }

div.whygold { height: 300px; margin-top: 20px; margin-bottom: 0px }
div.whygold a { width: 240px }
div.whygold a span { display: none }

div.whygold a.gold1 { height: 299px; float: left; display: block; width: 237px; background: transparent url("../img/wg-golden-future.jpg") no-repeat }
div.whygold a.gold2 { height: 299px; border-color: #cccccc; border-style: solid; float: left; display: block; width: 239px; background: transparent url("../img/wg-cash-isnt-king.jpg") no-repeat }
div.whygold a.gold3 { height: 299px; border-color: #cccccc; border-style: solid; float: left; display: block; width: 239px; background: transparent url("../img/cashking.jpg") no-repeat }
div.whygold a.gold4 { height: 299px; border-color: #cccccc; border-style: solid; float: left; display: block; width: 238px; background: transparent url("../img/wg-survive-in-the-new-economy.jpg") no-repeat }

div.articles a span { display: none }
div.articles { height: 190px; margin-top: 20px; margin-bottom: 20px }
div.articles a { height: 260px }
div.articles a.article1 { max-height: 184px; border-color: #cccccc; border-left-width: 1px; border-style: solid; float: left; width: 238px; background: transparent url("../img/01whygold.jpg") no-repeat; }
div.articles a.article2 { max-height: 184px; border-color: #cccccc; border-left-width: 1px; border-style: solid; float: left; display: block; width: 239px; background: transparent url("../img/02krugerrand.jpg") no-repeat; }
div.articles a.article3 { max-height: 184px; border-color: #cccccc; border-left-width: 1px; border-style: solid; float: left; display: block; width: 239px; background: transparent url("../img/03troyounce.jpg") no-repeat; }
div.articles a.article4 { max-height: 184px; border-color: #cccccc; border-right-width: 1px; border-style: solid; border-left-width: 1px; float: left; display: block; width: 239px; background: transparent url("../img/04contact.jpg") no-repeat; }
postimg { }