/* ALWAYS reset the browsers default styles */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* Main Infrastructure */ #back{width:100%; background:url(images/site-back.png) repeat;} #backtop{width:100%; background:url(images/top-back.png) repeat-x;} #main{width:800px; margin:0 auto; background:#fff; /*background-image:url(images/lay.jpg);*/} #header{width:800px; height:134px; background:url(images/TT_header_2012.jpg) no-repeat top left;} .logo{position:relative; top:0; left:0px;} /* NEW for Nivo Slider */ #masthead-slider{width:800px; height:240px;} #masthead-slider img{position:absolute; top:0px; left:0px; display:none;} #masthead-slider a{border:0; display:block;} /* END Nivo Slider */ #masthead{height:240px; width:800px; background:url(images/mast-back.png) no-repeat bottom left;} #mastheadwrapper{background:url(images/mastback_sm.png) repeat; margin:0; padding:0;} #masthead-sec{height:30px; width:800px; background:url(images/mast-back-sec.png) no-repeat top left;} #feat-text{float:right; width:430px; height:186px; margin:8px 9px 8px 0;} #feat-image{float:left; width:302px; height:200px; margin:15px 0 0 20px; background:#ff0;} #feat-vimeo{float:left; width:353px; height:200px; margin:15px 0 0 20px; background:#ff0;} .clearingelement{height:0; clear:both; margin:0;} #mainright{float:right; width:207px;} #mainright-sec{float:right; width:207px; background:url(images/main-right-back-sec.png) no-repeat 0 130px; height:900px;} #cal-ribbon{width:207px; height:353px; background:url(images/calendar-ribbon.png) no-repeat; margin:0 0 23px 0; padding:0;} #calendar{width:170px; height:170px;margin:30px 0 0 15px;} #generic-image{height:474px;} #generic-one{width:207px; height:105px; background:url(images/generic-one.png) no-repeat top left; display:block;} #generic-two{width:207px; height:117px; background:url(images/generic-two.png) no-repeat top left; display:block;} #generic-three{width:207px; height:152px; background:url(images/generic-three.png) no-repeat top left; display:block;} #mainleft{float:left; width:583px; margin:0; padding:0;} #mainleft-sec{float:left; width:583px; margin:0; padding:0;} #navigation-main{width:524px; height:38px; float:left; margin:0 0 40px 28px;} #fords-blog-front-entry{width:245px;float:left;margin:0 0 30px 23px;} #news-events-front-entry{ width:245px; float:left; margin:0 0 30px 38px; } #audio-samples{width:260px;float:left;margin:0 0 40px 23px;background:url(images/audio-box.png) no-repeat top left;height:368px;} #media-container{ width:245px; float:left; margin:0 0 40px 23px; background-color:#fff; height:288px; } #podcast-box{ width:245px; margin:0; background:url(images/podcast-box.png) no-repeat top left; height:110px; /* [disabled]padding-top: 50px; */ /* [disabled]padding-left: 10px; */ } #media-box{ width:245px; margin:0; background:url(images/audio-box-short.png) no-repeat top left; height:110px; } #random-article{width:245px;float:left;margin:0 0 40px 38px;} #adareaone{width:250px; float:left; margin:0 0 0 40px;} #footer{width:800px; height:109px; background:url(images/footer.png) no-repeat top left;clear:both;} #copyright{color:#fff; margin:90px 0 0 255px; float:left; font: normal 12px Verdana;} /* Lists */ #feat-ribbon-list{color:#fff; margin:45px 0 0 8px; float:left; font:normal 11px Arial, sans-serif;} #feat-ribbon-list li{/*line-height:30px;*/ background:url(images/bul-featured.png) no-repeat 0px 5px; padding:6px 0 0 15px; margin:0 0 8px 0;} #feat-ribbon-list a{text-decoration:none; color:#fff;} .generic-text-one{color:#fff;position:relative; text-align:center; margin:0; padding:0; top:34px; left:4px; width:90px; font:normal bold 11px Arial, sans-serif; text-transform:uppercase;} .generic-text-one a{text-decoration:none; color:#fff; padding:5px 0 5px 0px;} .generic-text-one a:visited{text-decoration:none; color:#fff;} .generic-text-two{color:#fff;position:relative; text-align:center; margin:0; padding:0; top:36px; left:1px; width:90px; font:normal bold 11px Arial, sans-serif; text-transform:uppercase;} .generic-text-two a{text-decoration:none; color:#fff; padding:5px 0 5px 0px;} .generic-text-two a:visited{text-decoration:none; color:#fff;} .generic-text-three{color:#fff;position:relative; text-align:center; margin:0; padding:0; top:38px; left:1px; width:90px; font: bold 11px Arial, sans-serif; text-transform:uppercase;} .generic-text-three a{text-decoration:none; color:#fff; padding:5px 0 5px 0px;} .generic-text-three a:visited{text-decoration:none; color:#fff;} #audiotable{width:240px;color:#666; margin:65px 0 0 9px; float:right; font:normal 10px Verdana;} #audiotable a{text-decoration:none; color:#630;} #audiotable a:visited{text-decoration:none; color:#630;} /* Featured Text */ #feat-text p {color:#fff; font: normal 12px Verdana; line-height:21px; margin:0;} #feat-text h3 {color:#fc0; font:bold 18px Helvetica, sans-serif; text-transform:uppercase; line-height:21px; margin:0 0 10px 0;} #feat-text a {color:#fff; font: normal 12px Verdana; line-height:21px; margin:0;} #feat-text img{display:block; float:left; margin:0 8px 5px 0;} /* Main Left */ #mainleft p {color:#999; font: normal 10px Verdana; line-height:20px; margin:11px 0 0 0;} #mainleft p img {display:block; float:left; margin:0 5px 5px 0;} #mainleft a {color:#630; text-decoration:none;} #mainleft h4 {color:#f93; font: normal 14px "Trebuchet MS"; margin:10px 0 0 0;} #mainleft h5 {color:#c93; font: normal 10px "Trebuchet MS"; text-transform:uppercase;} #secondary {width:500px; margin:0 0 0 20px; float:left;} #secondary p {color:#666; font: normal 10px Verdana; line-height:20px; margin:11px 0 0 0;} #secondary a {color:#630; text-decoration:none;} #secondary #mainimage {float:left; margin:0 10px 10px;} #secondary h1 {color:#963; font:normal 30px "Arial Narrow", Helvetica, sans-serif; text-transform:uppercase; margin-bottom:24px;} #secondary h3 {color:#630; font:normal 20px "Arial Narrow", Helvetica, sans-serif; text-transform:uppercase; margin-bottom:12px;} #secondary h4 {color:#630; font:normal 16px "Arial Narrow", Helvetica, sans-serif; text-transform:uppercase;} #navigation-main a {color:#c00;display:inline; float:left; padding:38px 0 0 0; overflow:hidden; height:0px!important; height /**/:38px; /* for IE5/Win only */} #navigation-main #home a{width:82px;background:url(images/nav_01.png) no-repeat top left;} #navigation-main #home a:hover{background:url(images/nav_01.png) no-repeat bottom left;} #navigation-main #home a.selected{background:url(images/nav_01.png) no-repeat bottom left;} #navigation-main #about a{width:91px;background:url(images/nav_02.png) no-repeat top left;} #navigation-main #about a:hover{background:url(images/nav_02.png) no-repeat bottom left;} #navigation-main #about a.selected{background:url(images/nav_02.png) no-repeat bottom left;} #navigation-main #gallery a{width:104px;background:url(images/nav_03.png) no-repeat top left;} #navigation-main #gallery a:hover{background:url(images/nav_03.png) no-repeat bottom left;} #navigation-main #gallery a.selected{background:url(images/nav_03.png) no-repeat bottom left;} #navigation-main #books a{width:104px;background:url(images/nav_books_06.png) no-repeat top left;} #navigation-main #books a:hover{background:url(images/nav_books_06.png) no-repeat bottom left;} #navigation-main #books a.selected{background:url(images/nav_books_06.png) no-repeat bottom left;} #navigation-main #products a{width:131px;background:url(images/nav_04.png) no-repeat top left;} #navigation-main #products a:hover{background:url(images/nav_04.png) no-repeat bottom left;} #navigation-main #products a.selected{background:url(images/nav_04.png) no-repeat bottom left;} #navigation-main #contact a{width:116px;background:url(images/nav_05.png) no-repeat top left;} #navigation-main #contact a:hover{background:url(images/nav_05.png) no-repeat bottom left;} #navigation-main #contact a.selected{background:url(images/nav_05.png) no-repeat bottom left;} #navigation-main #nav li {display: inline;} /* Products Table */ #products {/* width: 100%; */ border: 0px; width:100%;} #products td {margin: 0; /* padding: 5px 5px; */ padding: 5px 5px; border:0; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; vertical-align:text-top;} /*#products tr {}*/ /*tr:hover {background:#f00; display:block;}*/ #products #tablehead {text-align:left; margin: 0; /* padding:5px 5px 10px 5px; */ padding:5px 5px 10px 5px; border:0; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; vertical-align:text-top;} #products #tablehead tr:hover {background:none;} #products .name {width:250px;} /* Contact Form */ #contactform{ width:435px; margin:55px 0 35px 0; font-family:Arial, Helvetica, sans-serif; font-size:9px; } #registrationform { width:435px; margin:25px 0 35px 0; font-family:Arial, Helvetica, sans-serif; font-size:9px; } input[type="text"], input[type="password"], textarea {border: 1px solid #630;} input {width: 435px;} input:focus, textarea:focus {background: #ffc;} /* Jesse's Changes */ #dvd-title-one{width:207px; height:105px; background:url(images/dvd_nevergiveup.png) no-repeat top left; display:block;} #dvd-title-two{width:207px; height:117px; background:url(images/dvd_lordoftherings.png) no-repeat top left; display:block;} #dvd-title-three{width:207px; height:152px; background:url(images/dvd_relationshipsrock.png) no-repeat top left; display:block;} .media-item { margin-bottom: 25px; display: block; } .media-date, .media-download { margin-bottom: 0; display: block; font: normal 10px Verdana; color: #666; margin-top: 10px; } .last-item { margin-bottom:0; } #podcast-box p, #media-box p { margin-left: 10px; }