/* 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;} .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-family:Arial, Helvetica, sans-serif; font-weight: bold;} .empty-bar-long h1 {font-size: 1.0em;} .center-me{text-align: center;} /*header Stuff*/ #header-holder {width: 925px; height: 35px; margin: 0 auto; padding: 5px 2px 0px 5px;} #header-holder .home-item {float: left; width: 120px; padding: 2px 2px 2px 2px; margin: 2px; text-align: center; font-size: .8em;} #header-holder .home-trn {float: left; width: 80px; padding: 2px 2px 2px 2px; margin: 2px; text-align: center; font-size: .8em;} #header-holder .header-item {float: left; width: 210px; padding: 2px 2px 2px 2px; margin: 2px; text-align: center; font-size: .8em;} #header-holder .spacer{float: left; width: 8px; padding: 2px 5px 2px 5px; margin: 5px;} #rss-in-header {position: absolute; top: 95px; right: 210px} #menu-image-holder {clear: both; height: 90px; width: 925px; margin: 0 auto; border: none; } /*wrapper Stuff*/ #wrapper{margin:0 auto; width:950px; background-color: #0B0B0B;} #wrapper2{margin:0 auto; width:1050px; background-color: #0B0B0B;} #wrapper2 .iframe1 {width: 1000px; height: 675px; margin: 15px auto; border: #666 inset 8px; padding: 10px 5px 5px 5px; background-color: #333; text-align: center;} #wrapper .standard-800 {width: 820px; height: 440px; margin: 0 auto; border: #666 inset 8px; padding: 10px 5px 5px 5px; background-color: #000000; text-align: center;} #wrapper .standard-800x200 {width: 820px; height: 200px; margin: 0 auto; border: #666 inset 8px; padding: 10px 15px 15px 10px; background-color: #000000; text-align: center;} #wrapper .standard-170x170 {float: left; width: 170px; height: 170px; margin: 0 auto; border: #666 inset 8px; padding: 5px 5px 5px 5px; background-color: #000000; text-align:center;} #wrapper .standard-800x200 .text-box {float: left;width: 580px; height: 170px; padding: 20px 10px 10px 20px; text-align: left;} #wrapper .form-holder {clear: both; width: 820px; height: auto; margin: 0 auto;} #wrapper .form-holder form {background-color: #333; padding: 10px 5px 5px 5px; text-align: inherit; border: #666 inset 8px;} #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;} /*about Stuff*/ #about-wrapper{margin:0 auto; width:850px; height: 505px; border: #999 5px inset; background-color: #0B0B0B; text-align: center;} #about-800 {width: 820px; height: 440px; margin: 15px auto; border: #666 inset 8px; padding: 10px 5px 5px 5px; background-color: #333; text-align: center;} #about-footer {clear: both; margin: 0 auto; width: 810px; height: 15px; padding: 2px 0px 5px 20px; } #about-footer p {text-align: center; font-size: .6em;} /*iFrame Stuff*/ #i-wrapper{margin:0 auto; width:950px; height: 725px; background-color: #0B0B0B;} #i-wrapper .iframe-wrapper {width: 875px; height: 510px; margin: 0 auto; padding: 5px; background-color: #333; text-align: center; border: #0F0 4px;} #i-wrapper .iframe-wrapper iframe {width: 860px; height: 495px;overflow: hidden; margin: 5px; text-align: center; } #i-wrapper h1{font-size: 1.3em;} /*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*/ #wrapper .big-box{clear: both; width: 890px; margin: 0 auto;} #wrapper .big-box p {font-size: .85em; line-height: 1.3em; margin: 0 10px 0 10px;} #wrapper .big-box h1 {font-size: 1.2em; font-family:Arial, Helvetica, sans-serif;} #wrapper .big-box h2 {line-height:2em; text-align: center; text-decoration: underline;} #wrapper .big-box h3 {line-height:2em; text-align: center; padding: 8px 0 7px 0;} #wrapper .big-box h4 {line-height:2em; text-align: center; padding: 8px 0 7px 0;} #wrapper .big-box img{padding: 7px; margin: 1px 0px 5px 5px; border: none;} #wrapper .big-box .large-words-wrapper {line-height: 1.5em;} .large-words {font-size: 1.2em; font-weight: bold;} .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;} .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 FOOTER SPECIALS*/ #footer-holder {margin: 0 auto; width: 850px; height: 60px; padding: 10px 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*/ .youtube-wrapper {clear: both; height: 300px; background-color: red; margin: 15px 0 0 0;} .youtube-wrapper #youtube {margin: 0 auto; width: 462px; height: 260px;} #youtube h4 {color: #382513; margin: 5px 0; padding: 0 10px; border-bottom: 1px solid #d8caa8 ; font-size: 1.6em;} #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*/ /*THESE SPECIALS ARE FROM CLASS - KEEP FOR FUTURE USE*/ 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 {clear: both; background: #000000 url(../images/rounded_bottom_840.jpg) no-repeat left bottom; padding-bottom: 0; width: 900px; } div#main-content div#summary h2{clear: both; 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; height: 400px;} div.absolute-this {position: absolute; right: 0px; bottom: 0px; height: 25px; width: 25px; background-color: green;} div#main-content h2.stars1{ background: url(../images/1star.png) no-repeat left center; font-size: 24px;height: 30px;padding-left: 135px;}