/*---------------------------------------------
[Main CSS Stylesheet]

Project:          Boris Novkovic Fan Site
Primary Use:      Screen
Version:          1.0
Date:             05.03.2009.
Last Change:      05.03.2009.
Author:           Davor Eric, davor.eric@post.t-com.hr
---------------------------------------------*/

@import "reset.css";

/* TYPO */
body  { font-family: "Trebuchet MS", arial, sans-serif; color: #000; }

a       { color: #b30216; text-decoration: none; }
a:hover { color: #333; }

#intro a { color: #fff; font-size: 24px; }

.date { font-size: 11px; color: #666; }
h2    { font-size: 20px; line-height: 26px; font-weight: normal; }
.text { font-size: 14px; line-height: 16px; }
.more { font-weight: bold; font-size: 14px; }

.gall td { font-size: 11px; }
.gall h3 { line-height: 11px; }

#footer,
#footer a { font-size: 11px; color: #fff; text-decoration: none; }

/* CONTENT */
body        { background: #000; }
#container  { width: 905px; margin: 0px auto; padding: 17px 0 0 0; overflow: hidden; *zoom: 1; }

#intro      { width: 951px; margin: 0px auto; padding: 40px 0 20px 0; text-align: center; position: relative; }
#intro img  { display: block; margin-bottom: 10px; }
#intro a    { margin: 0 20px; }

#cover    { position: absolute; top: 380px; left: 370px; width: 160px; height: 170px; zoom: 1; background: red; opacity: 0; filter: alpha(opacity='0'); }
#webshop  { position: absolute; top: 345px; left: 490px; width: 70px; height: 20px; zoom: 1; background: red; opacity: 0; filter: alpha(opacity='0'); }

#playMusic  { position: absolute; z-index: -100; top: 0; }

#nav      { overflow: hidden; *zoom: 1; margin-bottom: 1px; }
#nav li   { float: left; }
#nav li a { display: block; height: 49px; text-indent: -9000px; }

#link1 a  { background: url(../images/link1.jpg); width: 87px; }
#link2 a  { background: url(../images/link2.jpg); width: 130px; }
#link3 a  { background: url(../images/link3.jpg); width: 147px; }
#link4 a  { background: url(../images/link4.jpg); width: 107px; }
#link5 a  { background: url(../images/link5.jpg); width: 101px; }
#link6 a  { background: url(../images/link6.jpg); width: 105px; }
#link7 a  { background: url(../images/link7.jpg); width: 114px; }
#link8 a  { background: url(../images/link8.jpg); width: 114px; }

#nav li.on a,
#nav li a:hover { background-position: 0 -49px; }

#wrapper  { background: #fff url(../images/wrapperBkg.jpg) top right no-repeat; overflow: hidden; *zoom: 1; padding-bottom: 55px; }

h1    { width: 905px; height: 195px; margin-bottom: 20px; }
h1 a  { display: block; height: 195px; width: 354px; background: url(../images/logo.jpg); text-indent: -9000px; }


#content  { width: 575px; float: left; padding-left: 15px; }

.list li  { overflow: hidden; *zoom: 1; padding-bottom: 20px; }
.list2 li { overflow: hidden; *zoom: 1; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }

.sendButton { display: block; margin: 0px auto; width: 287px; }

.date     { margin-left: 2px; display: block; }
h2        { margin-bottom: 10px; }
.imgleft  { display: block; float: left; margin: 0 10px 10px 0; border: 1px solid #999; padding: 1px; }
.text     { font-size: 14px; overflow: hidden; *zoom: 1; }
.text p   { padding-bottom: 15px; }
.more     { float: right; }

.gall         { overflow: hidden; *zoom: 1; }
.gall td      { width: 190px; padding-bottom: 15px; }
.gall li      { float: left; padding: 0 15px 10px 0; }
.gall li img  { border: 1px solid #999; padding: 1px; }
.gall img     { display: block; margin-bottom: 5px; width: 150px; height: 150px; }
.gall h3      { width: 150px; }

#sidebar              { width: 295px; float: right; }
#sidebar .banners     { display: block; margin-bottom: 15px; }
#sidebar .banners img { display: block; width: 287px; }

#footer         { padding-bottom: 15px; }
#footer ul,
#footer p       { text-align: center; margin-top: 5px; }
#footer li      { display: inline; border-right: 1px solid #fff; padding: 0 10px; }
#footer li.last { border: none; }