/* Basic Settings */
html, body {height: 100%; position: relative; font-smooth: always}
body{background-image:url('st-background.gif'); margin: 0px; padding: 0px; margin: 0px; padding: 0px; height: 100% !important;}
p{padding: 0px; margin: 0px;}
/* Headings for Titles */
h1{color: #000000; font-style: normal; font-weight: normal; font-size: 27px; font-family: times new roman, sans-serif; margin:0; padding: 0}
h2{color: #DBA452; font-style: normal; font-weight: normal; font-size: 22px; font-family: times new roman, sans-serif; margin:0; padding: 0}
h3{color: #BAAE84; font-style: normal; font-weight: normal; font-size: 19px; font-family: times new roman, sans-serif; margin:0; padding: 0}
/* Font Face Settings ............................................................................................................................... */
/* # Used for Blue Title Links on Main Pages */
@font-face {
font-family: 'Cuprum';
src: url('cuprum.eot');
src: url('cuprum.eot?#iefix') format('embedded-opentype'),
url('cuprum.woff') format('woff'),
url('cuprum.ttf') format('truetype'),
url('cuprum.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/* Special Text Settings ............................................................................................................................ */
/* # Introductory Italic Grey Text */
p.itagrey-sm{font-size: 10pt; font-family: tahoma, sans-serif; color: #666666; font-weight: lighter; font-style: italic; text-decoration: none;}
/* # Thin Grey Text */
p.tgr{padding-left: 5px; padding-right: 5px; font-size: 10pt; font-family: tahoma, sans-serif; color: #666666; font-weight: lighter; font-style: italic; text-decoration: none;}
/* # Image Description Text */
p.img-desc{padding-left: 5px; padding-right: 5px; font-size: 10pt; font-family: tahoma, sans-serif; color: #606060; font-weight: bold; font-style: normal; text-decoration: none;}
/* Small While Text - Used Under DIV-inserted Images */
p.smwh{color: #FFFFFF; font-style: normal; font-weight: normal; font-size: 7pt; font-family: arial; margin:0px; padding: 0px;}
/* Small Grey Text For Image Credits (Under Inserted Images) */
p.imgcredit{padding-top: 5px; font-family: arial; color: #808080; font-style: normal; font-weight: normal; font-size: 7pt;}
/* Precious Metal Prices Title */
p.pm-price-ttl{color: #404040; font-style: normal; font-weight: bold; font-size: 12pt; font-family: arial; margin: 0px; padding: 0px;}
p.grey-btxt{color: #686868; font-style: normal; font-weight: normal; font-size: 20px; font-family: times new roman;}
/* Links - Basic Settings ........................................................................................................................... */
a img{border: none;}
a:link {color: #2D7BB7;}
a:active {color: #2D7BB7;}
a:visited {color: #2D7BB7;}
a:hover {color: #8FBBDD;}
/* Menu Buttons ..................................................................................................................................... */
/* (First buttons with left white edge) */
.mbutton-1 {
-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
box-shadow:inset 0px 0px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b6afae), color-stop(1, #948d8a) );
background:-moz-linear-gradient( center top, #b6afae 5%, #948d8a 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6afae', endColorstr='#948d8a');
background-color:#b6afae;
border-left: 1px solid #ffffff;
display:inline-block;
color:#ffffff !important;
font-family:arial;
font-size:15px;
font-weight:normal;
padding:4px 17px;
text-decoration:none;
text-shadow:1px 1px 0px #7c7c7c;
float: left;
}.mbutton-1:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #948d8a), color-stop(1, #b6afae) );
background:-moz-linear-gradient( center top, #948d8a 5%, #b6afae 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#948d8a', endColorstr='#b6afae');
background-color:#948d8a;
}.mbutton-1:active {
position:relative;
top:1px;
/* (Last button with right white edge) */
}.mbutton-2 {
-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
box-shadow:inset 0px 0px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b6afae), color-stop(1, #948d8a) );
background:-moz-linear-gradient( center top, #b6afae 5%, #948d8a 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6afae', endColorstr='#948d8a');
background-color:#b6afae;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
display:inline-block;
color:#ffffff !important;
font-family:arial;
font-size:15px;
font-weight:normal;
padding:4px 17px;
text-decoration:none;
text-shadow:1px 1px 0px #7c7c7c;
float: left;
}.mbutton-2:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #948d8a), color-stop(1, #b6afae) );
background:-moz-linear-gradient( center top, #948d8a 5%, #b6afae 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#948d8a', endColorstr='#b6afae');
background-color:#948d8a;
}.mbutton-2:active {
position:relative;
top:1px;
}
/* # "Open" Small Gold Button */
.gld-button {
-moz-box-shadow: 0px 1px 0px 0px #FFF3DF;
-webkit-box-shadow: 0px 1px 0px 0px #FFF3DF;
box-shadow: 0px 1px 0px 0px #FFF3DF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFC159), color-stop(1, #F0A843));
background: -moz-linear-gradient(top, #FFC159 5%, #F0A843 100%);
background: -webkit-linear-gradient(top, #FFC159 5%, #F0A843 100%);
background: -o-linear-gradient(top, #FFC159 5%, #F0A843 100%);
background: -ms-linear-gradient(top, #FFC159 5%, #F0A843 100%);
background: linear-gradient(to bottom, #FFC159 5%, #F0A843 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC159', endColorstr='#F0A843',GradientType=0);
background-color: #FFC159;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border: 1px solid #EF8A03;
display: inline-block;
color: #FFFFFF !important;
font-family: arial;
font-size: 12px;
font-weight: bold;
padding: 4px 7px;
text-decoration: none;
text-shadow: 0px -1px 0px #707070;
}
.gld-button:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F0A843), color-stop(1, #FFC159));
background: -moz-linear-gradient(top, #F0A843 5%, #FFC159 100%);
background: -webkit-linear-gradient(top, #F0A843 5%, #FFC159 100%);
background: -o-linear-gradient(top, #F0A843 5%, #FFC159 100%);
background: -ms-linear-gradient(top, #F0A843 5%, #FFC159 100%);
background: linear-gradient(to bottom, #F0A843 5%, #FFC159 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0A843', endColorstr='#FFC159',GradientType=0);
background-color: #F0A843;
}
.gld-button:active {
color: #FFFFFF !important;
position: relative;
top: 1px;
}
/* Link Settings .................................................................................................................................... */
/* # Blue Navigation-Location Link */
a.nav-loc:link, a.nav-loc:visited, a.nav-loc:active{color: #969292; font-style: normal; font-size: 11px; font-family: arial, sans-serif; text-decoration: none;}
a.nav-loc:hover{color: #C8C8C8; text-decoration: underline;}
/* # Standard In-text Blue Link */
a.std:link, a.std:visited, a.std:active{color: #2D7BB7; font-style: normal; font-weight: lighter; font-size: 13px; font-family: arial, sans-serif; text-decoration: underline;}
a.std:hover{color: #8FBBDD; text-decoration: none;}
/* # Yellowish Link on Purple Field */
a.yls:link, a.yls:visited, a.yls:active{color: #F7E179; font-style: normal; font-weight: bold; font-size: 13px; font-family: arial, sans-serif; text-decoration: none;}
a.yls:hover{color: #FDF5D3;}
/* # Blue Title Link to Articles */
a.bttl:link, a.bttl:visited, a.bttl:active{color: #2188C9; font-style: normal; font-weight: normal; font-size: 19px; font-family: 'Cuprum'; text-decoration: none;}
a.bttl:hover{color: #7CBDE6;}
/* # Gold Title Link to Articles: Version with 7px padding */
a.gttl:link, a.gttl:visited, a.gttl:active{padding-top: 9px; display:block; color: #EDA637; font-style: normal; font-weight: normal; font-size: 19px; font-family: 'Cuprum'; text-decoration: none;}
a.gttl:hover{color: #FCD08A;}
/* # Highlighted Blue Title Link to Articles */
a.hbttl:link, a.hbttl:visited, a.hbttl:active{color: #2188C9; font-style: normal; font-weight: 400px; font-size: 28px; font-family: 'Cuprum'; text-decoration: none;}
a.hbttl:hover{color: #7CBDE6;}
/* # Bottom Non-content Links */
a.btl:link, a.btl:visited, a.btl:active{color: #7D7977; font-style: normal; font-weight: lighter; font-size: 12px; font-family: arial, sans-serif; text-decoration: none;}
a.btl:hover{text-decoration: underline;}
/* Small Image Credit Link - Placed Under Image Comment Text as Referential Link */
a.smcredit:link, a.smcredit:visited, a.smcredit:active{color: #FFF0DB; font-style: normal; font-size: 9px; font-family: arial, sans-serif; text-decoration: underline;}
a.smcredit:hover{color: #FFF0DB; text-decoration: none;}
/* Basic Page Elements' Settings .................................................................................................................... */
/* # MAIN WRAP: All content, buttons, DIVs within this container */
#main-wrp{margin: auto; margin-top: 0px; width: 990px; min-height:100% !important; overflow: hidden; border-width:1px; border-style:solid; border-top: 0px; border-bottom: 0px; border-color: #C2B4B4; background-color: #FFFFFF;}
/* # Site Logo */
#logo-main{width: 331px; height: 122px; float: left;}
/* # Main Menu Buttons Wrap */
#top-btns-wrp{width: 989px; height: 25px; border-width:1px; float: left; border-style:solid; border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 1px; border-color: #FFFFFF; background-image: url('mbutton-flr-bgd.png'); background-repeat: no-repeat;}
#underb-hrz-bar{width: 990px; height: 6px; border:0px; margin: auto; overflow: hidden; background-image: url('underb-hrz-bar.png');}
/* # Navigation-Location DIV */
#nav-loc-cell{margin: auto; width: 530px; margin-top: 3px; text-indent: 0px; background-color: #FFFFFF;}
/* Page Title DIV with Grey Horizontal Line DIV Under It */
.p-ttl{margin: auto; width: 530px; background-color: #FFFFFF;}
.hr-ttl-uln{margin: auto; margin-bottom: 5px; width: 530px; height: 1px; background-color: #CCCCCC;}
/* # SM Bookmarking Tool AddThis.com */
.sm-bm{margin: auto; margin-bottom: 7px; width: 530px; height: 30px; float: left; background-color: #FFFFFF;}
/* # Edges (Left & Right) for the Site */
#left-edge{margin-bottom: -9999px; padding-bottom: 9999px; width: 21px; float: left; background-color: #FFFFFF;}
#right-edge{margin-bottom: -9999px; padding-bottom: 9999px; width: 5px; float: left; background-color: #FFFFFF;}
/* # Vertical Space Between DIVs */
.mid-spacer{margin-bottom: -5999px; padding-bottom: 5999px; width: 14px; float: left; background-color: #FFFFFF;}
/* # Content Main Wrapper */
#wrp-content{width: 964px; float: left; clear: right; overflow: hidden;}
/* # Wraps the Main Content DIV (Left) and the Right Vertical Field DIV */
#wrp1{width: 964px; float: left; clear: right; overflow: hidden;}
/* # Contains the Main Content on the Left*/
#left-content{width: 530px; float: left; font-size: 13px; font-family: tahoma, sans serif; text-align: justify; color: #000000; background-color: #FFFFFF;}
/* # Right Vertical Field DIV: Facebook Logo, Images */
#right-vfield{width: 420px; float: left; overflow: hidden; font-size: 5px; font-family: tahoma, sans serif; text-align: left; color: #000000; background-color: #FFFFFF;}
/* # Spacers - Vertical Space */
.vspc-7{margin: auto; width: 420px; height: 7px; clear: both; background-color: #FFFFFF;}
.vspc-20{margin: auto; width: 20px; height: 20px; clear: both; background-color: #F1F1F1;}
.vspc-21{margin: auto; width: 100 %; height: 21px; clear: both; background-color: #FFFFFF;}
/* Bottom Horizontal Bar */
#bottom-field{margin: auto; width: 964px; background-color: #FFFFFF;}
#connections{width: 540px; height: 12px; float: left; font-size: 10pt; font-family: tahoma, sans-serif; text-align: justify; color: #000000; background-color: #FFFFFF;}
#copyright-field{width: 424px; height: 20px; float: left; font-size: 10pt; font-family: tahoma, sans-serif; text-align: justify; color: #000000; background-color: #FFFFFF;}
/* Grey Dotted Horizontal Line */
.grey-dotted-hrz-line-669{margin: auto; width: 669px; height: 1px; clear: both; border-top: 1px dotted #B3B3B3; background-color: #FFFFFF;}
/** Ad Box DIVs ......................................................................................................................................*/
/* Ad Cell: 468x60, text, under page title */
.ac-468x60{margin-bottom: 20px; width: 468px; height: 60px; background-color: #FFFFFF;}
/* Ad Cell: in-content, left */
.ac-250x250-iclft{float: left; width: 260px; height: 250px; background-color: #FFFFFF;}
.vd-grey-ac-wrp-340x560{margin: auto; width: 338px; height: 558px; border: 1px solid #B0B0B0; background-color: #F1F1F1;}
.ac-300x250{margin: auto; width: 300px; height: 250px; background-color: #F1F1F1;}
/** Special Box DIVs .................................................................................................................................*/
/* Grey Quote Cell */
.grq{margin: auto; width: 450px; padding: 15px; border: 1px solid #808080; font-size: 12px; font-family: arial, sans-serif; text-align: justify; color: #686868; background-color: #F7F7F7;}
/* Article Post Label Box */
.postlabels{height: 12px; float: left; color: #666666; font-style: normal; font-weight: lighter; font-size: 10px; font-family: tahoma, sans-serif; text-decoration: none; background-color: #FFFFFF;}
.postlabels-onpg-wrp{margin-top: 5px; margin-bottom: 5px; height: 12px; width: 530px;}
/* Cryptocurrency Tipping Box */
.crypto-tip-wrp{margin: auto; width: 528px; border: 1px solid #C0C0C0; font-size: 13px; background-color: #FFFFFF;}
.crypto-tip-content{margin: left; padding: 10px; width: 508px; border: 0px; font-size: 13px; font-family: tahoma, sans serif; text-align: left; color: #000000; background-color: #FFFFFF;}
/* Image Frames, Cells ............................................................................................................................ */
/* Image DIV Box: 530 px - Placed Centrally Within Text */
.imgframe530{margin: auto; width: 528px; border: 1px solid #7C7C7C; background-color: #FFFFFF;}
.imgwrap510{margin: auto; margin-top: 10px; margin-bottom: 10px; width: 510px;}
.imgcell510{overflow: hidden; width: 508px; border: 1px solid #7C7C7C;}
.imgcomment510{width: 496px; margin: 1px 0px 0px 0px; border-top: 1px solid #B59989; border-bottom: 1px solid #B59989; padding: 7px 7px 7px 7px; font-size: 11px; font-family: arial; color: #554841; font-style: normal; font-weight: bold; background-color: #E6D0C4;}
/* Image DIV Box: 240 px - Placed Centrally Within Text */
.imgframe242-wrp{margin-right: 10px; float: left; width: 244px; height: 164px; background-color: #FFFFFF; border: 9px solid #F1F1F1;}
.imgframe242{margin: 1px; width: 242px; height: 162px;}
/* Main Page Highlighted Article Image */
.imgframe338{margin: auto; width: 338px; border: 1px solid #7C7C7C; background-color: #FFFFFF;}
/* Vertical Image Cell - vertical, within article */
.img-vleft-wrap{float: left; width: auto; height: auto; padding: 14px 20px 14px 0px; border: none;}
.img-centered-wrap{float: left; width: auto; height: auto; padding: 32px 0px 32px 0px; border: none;}
/* Colorful Highlighting Settings ................................................................................................................... */
/* # MAIN WRAP: All content, buttons, DIVs within this container */
a::selection { /* Safari */ background: #FCCB72; color:#FFFFFF;}
a::-moz-selection { /* Firefox */ background: #FCCB72; color:#FFFFFF;}
p::selection { /* Safari */ background: #FCCB72; color:#FFFFFF;}
p::-moz-selection { /* Firefox */ background: #FCCB72; color:#FFFFFF;}
b::selection { /* Safari */background: #FCCB72; color:#FFFFFF;}
b::-moz-selection { /* Firefox */background: #FCCB72; color:#FFFFFF;}
i::selection { /* Safari */ background: #FCCB72; color:#FFFFFF;}
i::-moz-selection { /* Firefox */ background: #FCCB72; color:#FFFFFF;}
h1::selection { /* Safari */ background: #FCCB72; color:#FFFFFF;}
h1::-moz-selection { /* Firefox */ background: #FCCB72; color:#FFFFFF;}
h2::selection { /* Safari */ background: #FCCB72; color:#FFFFFF;}
h2::-moz-selection { /* Firefox */ background: #FCCB72; color:#FFFFFF;}
h3::selection { /* Safari */ background: #FCCB72; color:#FFFFFF;}
h3::-moz-selection { /* Firefox */ background: #FCCB72; color:#FFFFFF;}
img::selection { /* Safari */ background: #FCCB72; color:#FFFFFF;}
img::-moz-selection { /* Firefox */ background: #FCCB72; color:#FFFFFF;}
div::selection { /* Safari */ background: #FCCB72; color:#FFFFFF;}
div::-moz-selection { /* Firefox */ background: #FCCB72; color:#FFFFFF;}
/* Main (Index) Page Elements' Settings ............................................................................................................. */
/* Main Page Primary Fields */
.left-full-693-wrp{width: 693px; float: left; font-size: 10pt; font-family: tahoma, sans-serif; text-align: left; color: #000000; background-color: #FFFFFF;}
.top-left-693-wrp{width: 693px; float: left; overflow: hidden; font-size: 10pt; font-family: tahoma, sans-serif; text-align: left; color: #000000; background-color: #FFFFFF;}
.top-left-340{width: 340px; float: left; font-size: 10pt; font-family: tahoma, sans-serif; text-align: left; color: #000000; background-color: #FFFFFF;}
.top-mid-339{width: 339px; float: left; overflow: hidden; font-size: 10pt; font-family: tahoma, sans-serif; text-align: left; color: #000000; background-color: #FFFFFF;}
/* Leading Article Boxes */
.lead-art-693-wrp{margin: auto; width: 691px; clear: both; overflow: hidden; border: 1px solid #B0B0B0; background-color: #FFFFFF;}
.lead-art-cell{margin: auto; margin-top: 11px !important; margin-bottom: 11px !important; padding-right: 12px; width: 669px; min-height: 182px; font-size: 13px; font-family: tahoma, sans serif; text-align: justify; color: #656565;}
.lead-art-cell:hover{background-color: #F1F1F1;}
/* Highlighted Box - Used in Leading Articles */
.hlt-box-wrp{margin: auto; padding: 1px; width: 526px; min-height: 132px; border: 1px solid #B0B0B0; background-color: #FFFFFF;}
.hlt-box-orange-hlt{float: left; width: 27px; min-height: 132px; background-color: #F8B34E;}
.hlt-box-orange-content{padding-left: 12px; padding-right: 12px; float: left; clear: right; width: 475px; min-height: 132px; font-size: 12px; font-family: tahoma, sans-serif; text-align: left; color: #656565; background-color: #FFFFFF;}
/* Top-right Box */
.top-right-257{margin-bottom: -5999px; padding-bottom: 5999px; width: 257px; float: left; font-size: 10px; font-family: tahoma, sans-serif; text-align: left; color: #000000; background-color: #FFFFFF;}
/* Coins Presentation DIV Settings ................................................................................................................. */
.prd-box-wrp{margin-top: 25px; float: left; width: 530px;}
.prd-title{width: 530px; background-color: #FFFFFF; border-top: 1px solid #000000; font-size: 22px; font-weight: bold; color: #000000; text-indent: 5px;}
.prd-img-wrp{margin: auto; clear: both; width: 530px;}
.prd-img-1{float: left; width: 250px;}
.vspc-10{float: left; width: 30px;}
.prd-img-2{float: left; width: 250px;}
.prd-description{clear: width: 530px; background-color: #000000; font-size: 15px; font-weight: bold; color: #FFFFFF; text-indent: 5px;}
.prd-details{clear: left; width: 530px; border-bottom: 1px solid #000000; font-size: 13px;}