/* Theme Name: SptFireComputers.com Theme URI: http://sptfirecomputers.com Description: sptfirecomputers.com Author: Steve Taylor Author URI: http://sptfirecomputers.com Version: 1 */ * { margin: 0; padding: 0; } html, body { height: 100%; margin: 0 0 1px; padding: 0; } body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #ffffff; background-color:#000000; background-image: url(images/bg.png); } a:link, a:visited { color: #ffffff; text-decoration: underline; } a:hover, a:active { color: #ff0000; text-decoration: underline; } .page-wrap { width: 960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -200px; } #header { height: 200px; width: 100%; background-image: url(images/header.png); } #main-body { padding: 25px 0 0 0; } #nav-area { width: 150px; } #content-area { margin: 0 auto; width: 755px; background-color: #000000; } .footer, .push { height: 200px; } .footer { margin: 0 auto; width: 960px; background-image: url(images/footer.png); background-repeat: no-repeat; } .push { background-image: url(images/bg.png); } h1 { color: #ffffff; padding: 75px 0 0 50px; font-size: 2.5em; } h2 { padding: 10px; font-size: 1.8em; } p { font-size: 1.4em; line-height: 1.5em; margin: 8px 0; } ul#main-nav { margin: 50px 0 0 55px; } ul#main-nav li { list-style: none; display: inline; margin: 0 0 0 50px; line-height: 1.7em; text-align: center; } ul#main-nav li a { font-size: 1.6em; font-weight: bold; color: #ffffff; text-decoration: none; } ul#main-nav li a:visited { color: #ffffff; text-decoration: none; } ul#main-nav li a:hover, ul#main-nav li a:active { color: #ff0000; text-decoration: underline; } .footer-nav { margin: 40px 0 0 250px; } .footer-nav li { list-style: none; display: inline; font-size: 1.3em; line-height: 1.4em; float: left; } .footer-nav li a { width: 125px; text-align: center; display: block; } /*-----------------links page-------------------*/ h4 { color: #ffffff; font-size: 1.5em; margin: 10px 0 10px 5px; } .list { float: left; width: 155px; height: 375px; margin: 0 0 0 0; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; } .list1 { float: left; width: 158px; height: 375px; margin: 0 0 0 0; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;} .links { list-style: none; margin: 10px 0 0 10px; } .links li a { font-size: 1.2em; font-weight: normal; margin: 0 0 0 0; } .horiz { padding: 0 0 15px 0; } .horiz li { list-style: none; display: inline; } .horiz li a { padding: 0 25px 0 25px; font-size: 1.2em; font-weight: normal; } .list h4 { border-bottom: 2px solid #ffffff; width: 155px; height: 45px; margin: 10px 0 0 0; text-align: center; } .list1 h4 { border-bottom: 2px solid #ffffff; width: 158px; height: 45px; margin: 10px 0 0 0; text-align: center; } .good { border-bottom: 2px solid #ffffff; text-align: center; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; } .good h4 { padding: 10px 0 10px 0; margin: 0; } .page-id-15 #content-area { width: 790px; } /*---------------------------------------------*/ .bullets { font-size: 1.4em; padding: 0 0 0 45px; } .bullets li { line-height: 1.5em; } .clear { clear: both; } /* anythingSlider v1.2 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ .anythingSlider { width: 760px; height: 500px; position: relative; margin: 0 auto 15px; } .anythingSlider .wrapper { width: 680px; overflow: auto; height: 464px; margin: 0 40px; position: absolute; top: 0; left: 0; } /* Width below is max for Opera */ .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #000000; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; } .anythingSlider .wrapper ul li { display: block; float: left; padding: 0; height: 457px; width: 680px; margin: 0; } .anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(/wp-content/themes/sptfirecomputers/images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -320px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: -20px; } .anythingSlider .back { background-position: -67px 0; left: -20px; } .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; } .thumbNav { position: relative; top: 463px; text-align: center; } .thumbNav li { display: inline; } .thumbNav a { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(/wp-content/themes/sptfirecomputers/images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } .thumbNav a:hover { background-image: none; } .thumbNav a.cur { background: #e0a213; } .start-stop { z-index: 10; background: green; background-image: url(/wp-content/themes/sptfirecomputers/images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 463px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } .start-stop.playing { background-color: red; } .start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /* For Specific Slides */ .textSlide { padding: 10px 30px; } .textSlide h3 { font-size: 20px; } .textSlide h4 { text-transform: uppercase; font-size: 15px; margin: 10px 0; } .textSlide ul { list-style: disc; margin: 0 0 0 25px; } .textSlide ul li { display: list-item; font-size: 12px; } #quoteSlide { padding: 30px; } #quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; } #quoteSlide p { text-align: center; } /* ------------------------------------------------------------------- */