@charset "utf-8";
body { font:100% Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; margin:0; padding:0; background:url(images/ronGoslingLogo12.png) fixed repeat; }

#container { position:absolute; top:0; left:50%; width:850px; margin-left:-425px; text-align:left; }

#my-border { padding:20px; width:830px; margin:10px auto; color:#FFF; }
#my-border, #my-border .sb-inner { background:#000 url(grad.png) repeat-x; z-index:0; }

/*------general--------*/

a { z-index:3; color:#D7D7D7; text-decoration:none; }
a:active { color:#FFF; }
a:hover { color: #30F; }
a img { border: 0; }

p { text-indent:1em; margin:0 0 1em; }

h1 { font-size:18px; margin:0; padding:1px 2px 5px 0; }
h2 { font-size:18px; padding:0 0 2px; }
h3 { width:130px; height:21px; margin:0 -5px -7px; padding:1px 0 2px; font-size:15px; }

ul { list-style:disc; }

/*------header--------*/

#masthead { width:830px; }

#logo { padding:10px 17px 10px; z-index:23; }

#player { position:absolute; top:37px; left:20px; z-index:21; }
#player noscript { position:absolute; top:20px; left:15px; z-index:21; }

#navbar { text-align:center; margin:30px 0 9px 11px; }
td a {}
td.up { background:url(images/buttonUp.png) center no-repeat; height:30px; }
td.up:hover { background:url(images/buttonUp.png) center no-repeat; height:30px; }
td.off { background:url(images/buttonUp.png) center no-repeat; height:30px; }
td.other { background:url(images/nameBg.png) center no-repeat; height:30px; width:115px; padding-top:5px; }
td.space { width:173px; }

/*------content--------*/

#mainContent { padding:0 20px; margin:0; background:#000000; z-index:20; }

#pic { float:left; padding:20px 0 20px 10px; }
#content { float:right; width:413px; margin-top:50px; padding:20px 10px 20px 0; }
#content h2 {margin:0 0 10px 0; }

#contentBio {padding:0 20px 10px 20px; }
#contentBio h2 {margin:5px 0 10px -20px; }
span.caption img { float:right; margin:20px 20px 5px 20px; }
span.captionL img { float:left; margin:20px 20px 5px -10px; padding-left:10px; }

#conAgainGal h2 {margin:5px 0 10px 20px; }
#embed { padding:0 0 20px 20px;}

#contentMusic1 { float:left; width:360px; padding:0 25px 10px 0; margin:0; }
#contentMusic1 h2 {margin:5px 0 0 0; }
#contentMusic2 { float:right; width:360px; margin:45px 0 0 0; padding:0 25px 0 0; }
.musicList { padding:.3em 0 .3em 0; }
.musicSub { padding:.3em 0 .3em 0; }
.list { margin-top:-1.25em; text-indent:10.2em; }
.listNext { text-indent:10.2em; }
.musicA { margin:15px 0 0 63px; }
/*text pop-up*/
a.info{ position:absolute; z-index:20; background-color:#333; color:#d7d7d7; text-decoration:none; }
a.info:hover { z-index:25; background-color:#333; color:#03F; font-weight:900; }
a.info span{ display: none; }
a.info:hover span{ display:block; width:315px; padding:.5em; line-height:1.2em; font-size:11px; font-weight:normal; text-align:center; background-color:#fff; color:#000; z-index:25; }
a.info:hover span br { line-height:.5em; }
.images { vertical-align:bottom; }
/*--end text pop-up--*/

#contentContact {float:left; width:300px; padding:35px 0 11px 0; }
#contentContact h2 { margin:0 0 15px 0; }
#link { text-indent:.3em; margin:-.5em 0 1em; padding:0; font-weight:900; }
#contentContact img { float:left; margin:0 20px 0 10px; padding:9px 0 0; }
p.email { text-indent:.37em; margin:0 0 1em; padding:9px 0 0; font-weight:900; }
#picContact { float:right; width:443px; padding:20px 10px 20px 0; }

/*------footer--------*/

#footer { clear:both; z-index:80; } 

#navlinks2 { margin:0; text-align:center; padding:1em 0.5em; }
#navlinks2 li { display:inline; margin-right:0.5em; padding:0 1em 0 .3em; border-right:1px solid #fff; font-weight:bold; }
#navlinks2 li.last { border-right: 0; }

.copy { background:#000; padding-left:2.1em; font-size:10px; height:2em; }