/* Theme Name: MediaSprout Theme URI: http://mediasprout.com Description: Custom Media Sprout theme. Version: 2.8 Author: Brandon Setter Author URI: http://media-sprout.com Tags: default, naked, clean, basic */ /* ******************************************************************* */ /* MASTER RESET */ * {margin: 0; padding: 0; outline: 0; text-decoration: none;} html, body, form { height: 100%; margin: 0 auto 20px; text-align: center; font: 90% verdana, Arial; background: url(../images/body-bkgrd2.gif) 0 0 repeat; } #wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -250px; /* the bottom margin is the negative value of the footer's height */} #push {height: 250px; /* .push must be the same height as .footer */} #footer {height: 250px; background: url(images/footer.jpg) repeat-x;} :focus {outline: 0;} a img {border: 0;} /* TABLES */ table {border-collapse: collapse; border-spacing: 0;} caption, th, td {text-align: left;} /* ALIGNMENT */ .alignleft {float: left; padding: 0 5px 10px 0;} .alignright {float: right; padding: 0 0 10px 5px;} .clear {clear: both; height: 1px; margin: 0; padding: 0;} .clearfloat {clear: both; height: 1px; margin: 0; padding: 0;} .hide {display: none;} .show {display: block;} img.alignleft {border: none; padding: 0 10px 10px 0;} img.alignright {border: none; padding: 0 0 10px 10px;} .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /* HEADER & HEADER LINKS */ h1, h2, h3, h4, h5, h6 {font-family: Arial; line-height: 100%; font-weight: bold;} h1 {font-family: arial; font-size: 18pt; color: #666; font-weight: bold; margin-top: -14px;} h2 { font-family: arial; font-size: 13pt; color: #666; font-weight: bold; } h3 {font-size: 22px; padding: 0 0 10px 0; font-weight: 100; color: #666;} h4 {font-size: 20px; padding: 0 0 10px 0; font-weight: bold; color: #666; text-align: center;} h5 {font-size: 18px; padding: 0 0 5px 0; font-weight: 100; color: #666; text-align: center;} h6 {font-size: 16px; padding: 0 0 5px 0; font-weight: 100; color: #666;} h1 a, h1 a:link, h1 a:visited {font-size: 33px; padding: 0 0 10px 0; font-weight: 100; color: #00b6de;} h2 a, h2 a:link, h2 a:visited {font-size: 30px; padding: 0 0 10px 0; font-weight: 100; color: #000;} h3 a, h3 a:link, h3 a:visited {font-size: 22px; padding: 0 0 10px 0; font-weight: 100; color: #00b6de;} h4 a, h4 a:link, h4 a:visited {font-size: 20px; padding: 0 0 10px 0; font-weight: bold; color: #666;} h5 a, h5 a:link, h5 a:visited {font-size: 18px; padding: 0 0 5px 0; font-weight: 100; color: #00b6de;} h6 a, h6 a:link, h6 a:visited {font-size: 16px; padding: 0 0 5px 0; font-weight: 100; color: #00b6de;} h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover, h5 a, h5 a:hover, h6 a, h6 a:hover {color: #333;} /* LINKS */ a, a:visited {color: #00b6de;} a:hover {color: #333;} /* HORIZONTAL RULE */ hr {border: 0; width: 100%; color: #ccc; background-color: #ccc; height: 8px; margin: 20px 0 30px 0;} /* LAYOUT */ #main-centered-wrapper { width: 1000px; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.5em; color:#666;} /* LATEST WORK */ #latestwork { width: 1000px; height: 495px; margin: 0 auto; margin-top: -90px;} #latestwork .top { width: 960px; height: 124px; background: url(../images2/latestwork-top3.png) 0 -25px no-repeat;} #latestwork #center { width: 960px; height: 255px; overflow: hidden;} #latestwork #center .left { width: 104px; height: 255px; background: url(../images2/latestwork-left4.png) no-repeat; float: left;} #latestwork #center .center { width: 752px; height: 255px; background: #d8c479; float: left; overflow: hidden;} #latestwork #center .right { width: 104px; height: 266px; background: url(../images2/latestwork-right4.png) no-repeat; float: left;} #latestwork .bottom { width: 960px; height: 150px; background: url(../images2/maincontent-top4.png) no-repeat; } /* ANYTHING SLIDER */ .anythingSlider { width: 752px; height: 255px; position: relative; margin: 0 auto; } .anythingSlider .wrapper { width: 752px; overflow: auto; height: 255px; margin: 0 0; position: absolute; top: 0; left: 0; } .anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: transparent; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 255px; width: 752px; margin: 0; } .anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(../images2/arrows2.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 35px; cursor: pointer; z-index: 100; opacity:0.4;filter:alpha(opacity=40)} .anythingSlider .forward { background-position: 0 0; right: -27px; } .anythingSlider .back { background-position: -67px 0; left: -27px; } .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; } .anythingSlider .wrapper ul ul { position: static; margin: 0; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; } /* SLIDER TEXT AREA */ .anythingSlider .wrapper #textarea { float: right; width: 320px; height: 235px; overflow: hidden; margin-right: 54px; color: white; padding-top: 20px; } .anythingSlider .wrapper #textarea h2 a, .anythingSlider .wrapper #textarea h2 a:visited { color: white; font-size: 26px; } .anythingSlider .wrapper #textarea h2 a:hover { color: #333; } .anythingSlider .wrapper #textarea a.button { background: #eee; color: #00b6dd; } .anythingSlider .wrapper #textarea a.button:hover { background: #333; color: #00b6dd; } .anythingSlider .wrapper #imgarea { float: left; width: 320px; height: 240px; overflow: hidden; margin-left: 48px; padding-top: 4px; } .anythingSlider .wrapper #imgarea img { width: 320px; padding: 10px 0 0 0; } /* BUTTON STYLE */ a.button { color: #fffff9; font: italic 14px Georgia; background: #00b6dd; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; line-height: 16px;} a.button:hover { color: #00b6dd; background: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px;}