/* * Daniel Allegrucci * TimMartinGleason.com */ body{ font-family: Arial, Verdana, sans-serif; color: #fff; font-size: 12px; margin: 0; text-align:center; padding: 0; background:url(../images/bg.jpg) repeat-x #000; } a { color:#a6c43e; } h2 { color: #a6c43e; font-size: 16px; font-weight: normal; } h3 { color:#FFF; font-size:14px; } #container { width: 960px; margin: 0 auto; position: relative; background: url(../images/bg-container.jpg) no-repeat #000; } #leftHead { position: absolute; top: 0; left: 0; width: 310px; height: 518px; outline: none; } #nameHead { position: absolute; top: 0; right: 0; width: 650px; height: 86px; outline: none; } #navBar { position: absolute; top: 94px; right: 10px; width: 640px; height: 34px; outline: none; } #mainCol { padding: 150px 0 0 316px; width: 644px; text-align: left; background: url(../images/bot-smoke.png) no-repeat bottom right; } #welcomeText { padding: 30px 0 0 90px; } #signature { padding: 14px 0 0 80px; } #nowPlaying { float: left; width: 248px; margin: 32px 0 10px 90px; } #npLeft { width: 78px; float: left; border: 1px solid #303030; } #npText { width: 160px; float: right; } #npText p { padding-bottom: 8px; } #recentReviews { float: left; width: 280px; margin: 32px 0 10px 20px; } #recentReviews p { padding-bottom: 8px; } .quote { vertical-align: middle; } #music { float: right; width: 90px; outline: none; } h1.header { text-indent: -99999px; display: block; width: 633px; height: 33px; } h1#hWelcome { background: url(../images/h-welcome.jpg) no-repeat; } h1#hBio { background: url(../images/h-bio.jpg) no-repeat; } h1#hReviews { background: url(../images/h-reviews.jpg) no-repeat; } h1#hNews { background: url(../images/h-news.jpg) no-repeat; } h1#hPhotos { background: url(../images/h-photos.jpg) no-repeat; } h1#hSights { background: url(../images/h-sights.jpg) no-repeat; } h1#hContact { background: url(../images/h-contact.jpg) no-repeat; } h2.header { text-indent: -99999px; display: block; width: 325px; height: 20px; margin-bottom: 10px; } h2#hNowPlaying { background:url(../images/h-now-playing.gif) no-repeat; } h2#hRecentReviews { background:url(../images/h-recent-reviews.gif) no-repeat; } h2#hPhotos { background:url(../images/h-photos.gif) no-repeat; } h2#hVideo { background:url(../images/h-video.gif) no-repeat; } h2#hAudio { background:url(../images/h-audio.gif) no-repeat; } h2#hPersonal { background:url(../images/h-personal.gif) no-repeat; } h2#hProfessional { background:url(../images/h-professional.gif) no-repeat; } h2#hEmail { background:url(../images/h-email.gif) no-repeat; } h2#hStage { background:url(../images/h-stage.gif) no-repeat; } h2#hHeadshots { background:url(../images/h-headshots.gif) no-repeat; } h2#hPublicity { background:url(../images/h-publicity.gif) no-repeat; } #subCol { padding: 30px 0 0 90px; min-height: 290px; } .newsItem { margin-bottom: 10px; padding-top: 10px; border-top: 1px dashed #303030; } .videoItem { margin-bottom: 10px; padding-top: 10px; border-top: 1px dashed #303030; padding-left: 34px; background:url(../images/i-film.gif) no-repeat 11px 11px; } .audioItem { margin-bottom: 10px; padding-top: 10px; border-top: 1px dashed #303030; padding-left: 34px; background:url(../images/i-audio.gif) no-repeat 8px 6px; } .videoItem img, .reviewItem img, .audioItem img { vertical-align: middle; } .reviewItem { margin-bottom: 24px; padding-top: 20px; border-top: 1px dashed #303030; } .reviewQuote { font-size: 16px; font-style:italic; color: #AAA; } .reviewBy { margin-top: 6px; } .reviewLink { margin-top: 10px; } .small.date { color: #a6c43e; } .thPic { border: 1px solid #303030; width: 101px; height: 76px; float: left; margin: 0 9px 9px 0; } .thPic.last { margin-right: 0; } #credits{ color: #666; font-size: 10px; text-align: left; margin: 0 0 0 336px; } #credits a { color: #666; text-decoration:underline; } #credits a:hover { text-decoration:none; } #footer { margin: 0 0 0 336px; width: 644px; height: 34px; text-align: left; background:url(../images/bg-footerbar.jpg) no-repeat; } #footer a { color: #FFF; margin: 0 4px; } #footer a:hover { color: #a6c43e; text-decoration: none; } #footer a.last { margin-right: 0; } #footerLeft { width: 450px; float:left; text-align:left; margin: 8px 0 0 8px; } #footerRight { width: 120px; float:right; text-align:right; margin: 8px 28px 0 0; } form fieldset { margin-bottom: 20px; background: url(../images/bg-fieldset.gif) repeat-x #FFF; border: 1px solid #CCC; padding: 20px; } form fieldset h2 { margin-bottom: 10px; } form label { font-weight: normal; font-size: 12px; } form .textInput input {height: 14px; line-height: 14px; font-size: 12px; } form .field25, form .field25 input { width: 25px; display: inline; float: left; margin: 0 20px 12px 0; } form .field50, form .field50 input { width: 50px; display: inline; float: left; margin: 0 20px 12px 0; } form .field80, form .field80 input { width: 80px; display: inline; float: left; margin: 0 20px 12px 0; } form .field100, form .field100 input { width: 100px; display: inline; float: left; margin: 0 20px 12px 0; } form .field130, form .field130 input { width: 130px; display: inline; float: left; margin: 0 20px 4px 0; } form .field150, form .field150 input { width: 150px; display: inline; float: left; margin: 0 20px 8px 0; } form .field150nt {width: 150px; display: inline; float: left; margin: 0 20px 8px 0;} form .field160, form .field160 input { width: 160px; display: inline; float: left; margin: 0 20px 12px 0; } form .field225, form .field225 input { width: 225px; display: inline; float: left; margin: 0 20px 8px 0; } form .field250, form .field250 input { width: 250px; display: inline; float: left; margin: 0 20px 8px 0; } form .field520, form .field520 input { width: 520px; display: inline; float: left; margin: 0 20px 12px 0; } form .radios { width: 600px; display: inline; float: left; margin: 0 20px 12px 0; } form .radio100 { width: 95px; display: inline; float: left; margin: 0 20px 12px 0; } form .radio130 { width: 130px; display: inline; float: left; margin: 0 20px 12px 0; } form .radio150 { width: 150px; display: inline; float: left; margin: 0 20px 12px 0; } form .radio170 { width: 170px; display: inline; float: left; margin: 0 20px 12px 0; } form .fieldSocial { width: 250px; display: inline; float: left; margin: 0 20px 12px 0; } form select.stateSelect { width: 130px; height: 22px; } form .fTextArea { width: 470px; height: 75px; margin: 0 0 12px 0; } form .submitButton { margin: 12px 0 0 0; }