/*
    Styles for Nex Metals web site front page

    89898a    logo grey
    2ea144    logo green
    ec1b2e    logo red
    a4723a    logo brown

    3b3b3c    dark grey
*/

a { color: #2ea144; }
a:hover { color: #ec1b2e; }

#heading h2 { display: none; }
#heading p { margin-top: 0; }

.gallery_album { margin-top: 10px; margin-left: 0; width: 475px; }
.gallery_album li { margin-right: 10px; margin-bottom: 0em; }

#content { width: 900px; padding: 0 0 50px 0; background: url(../images/layout/bg-news.jpg) top right no-repeat; position: relative; }

#highlights { width: 425px; padding-top: 36px; height: 400px; }
#highlights h3 { color: #2ea144; font-weight: normal; font-size: 2em; margin-bottom: 25px; }
#highlights ul { margin-left: 0; padding-left: 15px; }

.sidebar { color: #3b3b3c; position: absolute; top: 45px; right: 1px; width: 180px; text-align: right; }
.sidebar h3 { margin-top: 0; margin-bottom: 30px; }
.sidebar h4 { color: #3b3b3c; }
.sidebar img { border: none; }

#news { right: 241px; overflow: hidden; }
#news h4 { margin-top: 0; margin-bottom: 0; font-weight: normal; font-size: 1.05em; font-family: Arial, Verdana, Helvetica, sans-serif; }
#news p { margin-top: 0; margin-bottom: 0.5em; }
#news span.newstitle { display: block; }
#news span.newsdate { color: #2ea144; font-size: 0.83em; font-weight: bold; display: block; line-height: 150%; }
#news span.divider { display: none; }

#news #items { /*height: 280px;*/ height: 245px; margin-bottom: 3px; overflow: hidden; }

#youtube { top: 370px; right: 221px; overflow: hidden; width: 213px; padding-left: 3px; padding-right: 3px; padding-top: 3px; line-height: 32px; border-top: 1px solid #3a3a3a; }
#youtube img { float: left; }

#markets { right: 20px; }
#markets h4 { margin-top: 0; margin-bottom: 5px; font-size: 1.44em; font-family: Century Gothic, Futura, Verdana, Helvetica, sans-serif; font-weight: normal; }

#shareprice { margin-bottom: 15px; }
#shareprice p { font-weight: bold; font-size: 1.44em; margin-top: 5px; margin-bottom: 5px; }


@media print {
  a { color: #333333 !important; }
  #content { color: #000000; background: #ffffff; padding-left: 15pt; padding-right: 15pt; line-height: 125%; width: auto; }
  #highlights { width: auto; height: auto; padding: 0; }
  #highlights h3 { color: #000000; }
  .sidebar { position: static; width: auto; text-align: left; }
}

