/* Mike's Style Sheet */ * { margin:0; padding:0;} body {font-size:1em; line-height:1.3em; background-color: #000;} html, body { height:100%; font-family: Arial, Helvetica, sans-serif; color:#9c9c9c;} #menu-image-holder {display:none;} #rss-in-header {position: absolute; top: 95px; right: 210px} /*FORM SETTINGS - LINKED FROM WUFOO*/ #wrapper .wufoo-form-wrapper{clear: both; width: 600px; margin: 0 auto; border: 6px solid red;} #wrapper .wufoo-form-wrapper form {background-color: #000; color: #999; padding: 15px; } /*FORM SETTINGS - LINKED FROM WUFOO*/ /*START GENERIC STUFF*/ #wrapper{margin:0 auto; width:920px; background-color: #0B0B0B;} #wrapper p {font-size: .85em; line-height: 1.3em; margin: 0 10px 0 10px;} #wrapper h1 {font-size: 1.2em; font-family:Arial, Helvetica, sans-serif;} #wrapper h2 {line-height:2em; text-align: center; text-decoration: underline;} #wrapper h3 {line-height:2em; text-align: center; padding: 8px 0 7px 0;} #wrapper h4 {line-height:2em; text-align: center; padding: 8px 0 7px 0;} #wrapper img{padding: 7px; margin: 1px 0px 5px 5px; border: none;} #wrapper .holder {clear: both; width:900px; margin: 0 auto; background-color: transparent;} #wrapper .box-wrapper .large-words-wrapper {line-height: 1.5em;} .large-words {font-size: 1.2em; font-weight: bold;} .empty-bar-long {clear: both; width: 900px; height: 35px; margin: 0 auto; padding: 10px 0 10px 0; line-height: 35px; background: url(images/empty-bar-long.png) no-repeat center center; text-align: center; color: #CCC; font-size: 1.3em; font-family:Arial, Helvetica, sans-serif; font-weight: bold;} .empty-bar-medium{clear: both; width: 600px; height: 35px; margin: 0 auto; line-height: 35px; background: url(images/empty-bar-medium.png) no-repeat center center; text-align: center; color: #CCC; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;} #wrapper .empty-bar-long h1 {font-size: 18px;} .line-900 {clear: both; width: 890px; height: 15px; background: url(images/line-900-gray.png) no-repeat center center; margin: 4px auto; padding: 10px 0 10px 0;} .line-800 {clear: both; width: 790px; height: 15px; background: url(images/line-800-gray.png) no-repeat center center; margin: 4px auto; padding: 10px 0 10px 0;} .line-fake {clear: both; width: 790px; height: 2px; margin: 4px auto; } .center-me{text-align: center;} #example{background: #fff url(image.gif) no-repeat fixed left top;} .diamond-holder {clear: both; width: 700px; margin: 0 auto; text-align: center;} /*END GENERIC STUFF*/ /*START LINK STYLES*/ a{color:#e21f0a; text-decoration:underline; outline:none} a:hover{text-decoration:none} object { vertical-align:top; outline:none} /*END LINK STYLES*/ /*START MOVIE 640 AREA*/ .fake-640{float: left; width: 450px; height: 425px; background-color: #0C0; margin-top: -450px;} .movie-wrapper-640{clear: both; width: 900px; height: 400px; margin: 0 auto;} .left-movie-box-640{float: left; width: 650px; height: 377px; margin: 5px; padding: 5px 0 5px 2px;} .right-of-640-movie{float: right; width: 220px; height: 377px; margin: 5px 10px 5px 5px; padding: 4px 0 5px 0;} #wrapper .movie-wrapper-640 .right-of-640-movie .movie-title-holder {clear: both; width: 210px; height: 200px; padding-top: 25px; line-height: 20px; margin: 5px; font-weight: bold; text-align: center;} #wrapper .movie-wrapper-640 .right-of-640-movie .holder-35-link {clear: both; width: 210px; height: 35px; line-height: 35px; margin: 5px 5px 5px 5px; font-weight: bold; text-align: center; background: url(images/200x35-button.png) no-repeat center center;} #wrapper .movie-wrapper-640 .right-of-640-movie .holder-35 {clear: both; width: 210px; height: 40px; margin: 5px 5px 5px 5px; padding: 6px 5px 0 0; text-align: center;} #wrapper .movie-wrapper-640 .right-of-640-movie .holder-50 {clear: both; width: 210px; height: 55px; margin: 5px 5px 5px 5px; padding: 6px 0 0 0; text-align: center;} #wrapper .movie-wrapper-640 .right-of-640-movie .holder-75 {clear: both; width: 210px; height: 80px; margin: 5px 5px 5px 5px; padding: 6px 0 0 0; text-align: center;} #wrapper .movie-wrapper-640 .right-of-640-movie .holder-100 {clear: both; width: 210px; height: 105px; margin: 0px 5px 15px 5px; padding: 6px 0 0 0; text-align: center;} #wrapper .movie-wrapper-640 .right-of-640-movie .holder-150 {clear: both; width: 210px; height: 155px; margin: 0px 5px 5px 5px; padding: 6px 0 0 0; text-align: center;} #wrapper .movie-wrapper-640 .right-of-640-movie .holder-200 {clear: both; width: 210px; height: 205px; margin: 0px 5px 5px 5px; padding: 6px 0 0 0; text-align: center;} #wrapper .movie-wrapper-640 .right-of-640-movie .holder-250 {clear: both; width: 210px; height: 255px; margin: 0px 5px 5px 5px; padding: 6px 0 0 0; text-align: center;} #wrapper .movie-wrapper-640 .right-of-640-movie .holder-300 {clear: both; width: 210px; height: 305px; margin: 0px 5px 5px 5px; padding: 6px 0 0 0; text-align: center;} #wrapper .movie-wrapper-640 .right-of-640-movie p {text-align: left; text-decoration: none; font-size: .8em; line-height: 1.2em;} #wrapper .movie-wrapper-640 .right-of-640-movie h1 {font-size: .9em; line-height:1.5em; text-align: center; padding: 0 0 10px 0;} #wrapper .movie-wrapper-640 h2 {line-height:2em; text-align: center; text-decoration: underline;} #wrapper .movie-wrapper-640 h3 {line-height:12px; text-align: center; padding: 8px 0 7px 0;} #wrapper .movie-wrapper-640 h4 {line-height:12px; text-align: center; padding: 8px 0 7px 0;} #wrapper .movie-wrapper-640 img{margin: 0 auto; border: none; text-decoration: none;} /*END MOVIE 640 AREA*/ /*START OF MOVIE 800 WITH TOC*/ #wrapper .movie-title h2{clear: both; width: 640px; margin: 0 auto; background: url(images/movie-top-640.png) no-repeat left bottom; padding-bottom: 5px;} #wrapper .movie-wrapper-900{clear: both; width: 900px; height: 425px; margin: 0 auto; text-align: center;} #wrapper .movie-bottom h2{clear: both; width: 640px; margin: 0 auto; background: url(images/movie-bottom-640.png) no-repeat left bottom; font-size: 1.3em;} #wrapper .movie-640-background {clear: both; width: 900px; height: 450px; margin: 0 auto; text-align: center; background: url(images/background-800.png) no-repeat center center;} #wrapper .movie-640-background h2 {text-align: center; padding: 5px 0 5px 0; font-size: 1.3em;} .movie-wrapper-800{clear: both; width: 900px; height: 425px; margin: 0 auto;} .left-movie-box-800{width: 800px; height: 405px; margin: 0 auto;} /*END OF MOVIE 800 WITH TOC*/ /*START OF BOX HOLDER AREAS*/ .box-wrapper{clear: both; width: 890px; margin: 0 auto;} #wrapper .box-wrapper p{font-size: .8em; line-height: 1.35em;} .box-800 {float: left; width: 835px; height: 115px; padding: 3px; margin-right: 15px; text-align: left;} .box-740 {float: left; width: 750px; height: 115px; padding: 3px; margin: 15px 0 0 0; text-align: left;} .box-700 {float: left; width: 725px; height: 115px; padding: 3px; margin-right: 15px; text-align: left;} .box-600 {float: left; width: 625px; height: 115px; padding: 3px; margin-right: 15px; text-align: left;} .box-500 {float: left; width: 525px; height: 115px; padding: 3px; margin-right: 15px; text-align: left;} .box-400 {float: left; width: 425px; height: 115px; padding: 3px; margin-right: 15px; text-align: left;} .box-300 {float: left; width: 325px; height: 115px; padding: 3px; margin-right: 15px; text-align: left;} .box-200 {float: left; width: 225px; height: 115px; padding: 3px; margin-right: 15px; text-align: left;} .box-150 {float: left; width: 165px; height: 115px; padding: 3px; margin-right: 15px; text-align: left;} .box-100 {clear: both; float: left; width: 105px; height: 105px; padding: 3px; margin: 5px 15px 2px 0px; text-align: center;} /*END box-xxx*/ /*BEGIN SCROLL BOX*/ .scroll-box{ clear: both; width:850px; height: 750px; margin: 0 auto; padding: 5px 5px 5px 5px; overflow: scroll; border-left: 15px solid #CCC; border-top: 15px solid #CCC; } .scroll-box-long{ clear: both; width:850px; height: 1250px; margin: 0 auto; padding: 5px 5px 5px 5px; overflow: scroll; border-left: 15px solid #CCC; border-top: 15px solid #CCC; } #wrapper .scroll-box p {text-align: left; text-decoration: none; font-size: .8em; line-height: 1.2em;} #wrapper .scroll-box-long p {text-align: left; text-decoration: none; font-size: .8em; line-height: 1.2em;} .inside-scroll-box {width: 800px; height: 65px; padding: 2px 5px 2px 1px; margin: 0 auto; border-bottom: double; vertical-align: middle;} .inside-scroll-box p {text-align: left; font-size: 1.0em; vertical-align: middle; line-height: 1.2em;} .inside-scroll-box .logo-holder {float: left; width: 300px; height: 55px; padding: 1px; margin: 2px 5px 2px 5px; text-align: center;} .inside-scroll-box-320 {width: 800px; height: 240px; padding: 4px 5px 2px 1px; margin: 15px 0 0 10px; border-bottom: double;} .inside-scroll-box-320 .movie-320-holder {float: left; width: 340px; height: 230px; padding: 1px; margin: 2px 5px 2px 5px; text-align: center;} /*END scroll-box*/ /*START DIRECTORY SPECIALS*/ .icon-holder {float: left; height: 61px; padding: 5px; margin: 0 auto; text-align: center; line-height: 50px; border: 2px #999;} /*END DIRECTORY SPECIALS*/ /*START FOOTER SPECIALS*/ #footer-holder {margin: 0 auto; width: 850px; height: 120px; padding: 0 0px 10px 20px; } #footer-holder .footer-item {float: left; width: 150px; height: 35px; padding: 5px 3px 5px 4px; margin: 5px; text-align: center; font-size: .8em;} /*END HEADER SPECIALS*/ /*START FLASH FROM CLASS*/ .left-movie-box #youtube {margin: 10px 0px 10px 45px; width: 462px; height: 260px;} .left-movie-box #youtube h4 {color: #382513; margin: 5px 0; padding: 0 10px; border-bottom: 1px solid #d8caa8 ; font-size: 1.6em;} .left-movie-box #youtube p {color: #d8caa8; margin: 5px 0; padding: 0 10px; font-size: 1.4em; line-height: 1.2em;} /*END FLASH FROM CLASS*/ /*FROM CLASS - TO GET LEADING "0" BULLET POINTS*/ div#sub-content {float: left; width: 250px; height: 105px; margin: 5px 0 0 10px;} div#sub-content ol { list-style: decimal-leading-zero; margin: 0 0 25px 35px; } div#sub-content ol li { font-size: 1.2em; line-height: 25px; height: 25px; color: #fff; list-style-type: decimal-leading-zero; margin: 10px 0 10px 30px; } /*FROM CLASS - TO GET LEADING "0" BULLET POINTS*/ /*START IMAGE-AND-TEXT HOLDERS*/ .image-inside-left-300 {clear: both; float: left; height: 105px; width: 305px; margin: 5px 10px 5px 0; background-color: #333;} .image-inside-left-500 {clear: both; float: left; height: 105px; width: 505px; margin: 5px 10px 5px 0; background-color: #333;} .image-inside-right-500 {clear: both; float: right; height: 105px; width: 505px; margin: 5px 0px 5px 10px; background-color: #333; font-weight: bold;} /*END IMAGE AND TEXT HOLDERS*/ #wrapper .inside-insert-270 {float: left; width: 265px; height: 105px; padding: 5px; margin: 4px; border-width: thick; text-align: left; background-color: red;} .inside-insert-270 h4 {text-align: left; font-size: 16px; font-weight: bold; padding-bottom: 10px;} .inside-insert-270 p {text-align: left; font-size: 7px; overflow: hidden; line-height: 1.2em;} /*TOSS THESE SPECIALS WHEN TESTED AS NOT NEEDED*/ div#main-content {width: 900px; float: left;} div#main-content .inspiration-wrapper{clear: both; width: 900px; height: 240px;} div#main-content .inspiration-wrapper img {float: right; padding: 7px; border: groove 2px #999; margin: -35px 0px 15px 15px; background-color: #666;} div#main-content .inspiration-wrapper .video-320 {float: right; padding: 5px; border: groove 2px #999; margin: -35px 0px 15px 15px; background-color: #666;} div#main-content .inspiration-wrapper h2 {background: url(images/25-home-diamond-trees.png) no-repeat left center; height: 30px; line-height: 30px; font-size: 1.4em; padding: 0px 0 0 30px; margin: 9px 0 0 15px; text-align: left;} div#main-content .inspiration-wrapper p {font-size: .9em; padding: 10px 0 10px 10px; text-align: left; line-height: 1.2em;} div#main-content div#summary {background: #000000 url(../images/rounded_bottom_840.jpg) no-repeat left bottom; clear: both; padding-bottom: 0; width: 900px; } div#main-content div#summary h2{background: transparent url(../images/rounded_top_840.jpg) no-repeat 0 0; margin: 0; padding: 20px 35px 0;} div#main-content div#summary p{font-size: 1.1em; padding: 0 35px; line-height: 1.2em;} div.relative-this {position: relative; left: 5px; top: 15px; height: 175px; width: 700px; } div.absolute-this {position: absolute; left: 20px; top: 10px; height: 75px; width: 400px;} div#main-content h2.stars1{ background: url(../images/1star.png) no-repeat left center; font-size: 24px; height: 30px; padding-left: 135px; }