/* Pixelpusher v2.0 Wordpress Theme (orig by Dave Morgan, thanks Dave!) */ /* Theme Name: Pixelpusher v2.0 Wordpress Theme Description: Boxy and colorful Version: 1.0 Author: by Dave Morgan and PixelPusher Author URI: http://pixelism.info */ /* Basics */ body {background: #19191a url('img/bg.png') repeat; margin: 0px 10px 0px 10px; font-family: Arial, 'Helvetica Neue', sans-serif; font-size:11px; color:#ffffff;} br {margin:0;height:10px;} p.20p {height:20px;} /* Layout */ #header {width: 980px; height: 355px; background: #f3f3f4; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-box-shadow:0px 0px 60px black; -webkit-box-shadow: 0px 0px 60px black; padding-top:20px;} #topBar {width:900px; margin: 0 auto; height: 65px; border:0px solid red;} #logo {background: url('img/pixelpusher.png') no-repeat; width:332px; height:65px; float:left;} #nav {width:100px; float:left; font-weight:bold; font-size: 34px; height:65px; color:#111111; padding-top:11px} #menu {width:450px; float:right; border:0px solid green; height:65px; } #topNav {width:900px; margin: 0 auto; height:240px; padding-top:10px; border:0px solid blue;} .featureImage {width: 290px; height:185px; margin-right:10px; background: #333333;} #twoCol {position:relative; width:900px; margin: 0 auto; margin-top:20px;} #content {float:left; width:630px; border:0px solid red; color: #f3f3f4;} #sidebar{float:right; margin-left:10px; width:250px;margin-top:0px; color: #f3f3f4; padding-bottom:50px;} .sidebar_elem{width:240px; padding:0px 0px 10px 20px; margin-top:-15px; line-height: 120%;} #info {width:240px; padding:0px 0px 10px 20px; margin-top:-15px; line-height: 120%;} #menu div { font-weight: normal; font-size: 20px; color:#111111; padding: 20px 20px 0 0; margin-bottom: 10px; letter-spacing:-1px;height: 100px; display: block; white-space: nowrap; float:right} #menu a { height: auto; width: 100%; text-decoration:none; color:#111111; padding-right:8px; padding-bottom:4px;} #main a:hover { height: auto; width: 100%; text-decoration:none; color:#f47321; background: none; background-position: bottom right; padding-right:8px; padding-bottom:4px;} #main a:active { height: auto; width: 100%; text-decoration:none; color:#f47321; background: url('img/tri.png') no-repeat; background-position: bottom right; padding-right:8px; padding-bottom:4px;} ul.subMenu {margin-bottom:15px;} ul.subMenu li {display:block;font-weight: normal; font-size: 15px; color:#111111;float:none} #mainMenu {padding-top:25px; cursor: pointer;} ul#mainMenu li {font-weight: normal; font-size: 20px; color:#111111; padding-top:20px; margin-bottom: 10px; letter-spacing:-1px;height: 100px; display: block; white-space: nowrap; float:right} ul#mainMenu li a { height: auto; width: 100%; text-decoration:none; color:#111111; padding-right:8px; padding-bottom:4px;} ul#mainMenu li a:hover { height: auto; width: 100%; text-decoration:none; color:#f47321; background: none; background-position: bottom right; padding-right:8px; padding-bottom:4px;} ul#mainMenu li a:active { height: auto; width: 100%; text-decoration:none; color:#f47321; background: url('img/tri.png') no-repeat; background-position: bottom right; padding-right:8px; padding-bottom:4px;} ul#featuresInfo {width:900px; margin-top:10px; padding-top:5px; border-top:1px solid #111111;} ul#featuresInfo li {float: left; border:0px solid red; width: 280px; padding-right:20px; padding-bottom: 5px; list-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} ul#featuresInfo a {text-decoration: none; font-weight: normal; font-size: 15px; color:#111111;} ul#featuresInfo a:hover {text-decoration: none; font-weight: normal; font-size: 15px; color:#f47321;} img#tri {position:absolute; top:0; right:0; margin-right:20px;} .tooltip { display:none; /* fallback (Opera) */ background: #f47321; /* Mozilla: */ background: -moz-linear-gradient(top, #F15C27, #F47421); /* Chrome, Safari:*/ background: -webkit-gradient(linear, left top, left bottom, from(#F15C27), to(#F47421)); /* MSIE */ filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#F15C27', EndColorStr='#F47421', GradientType=0); background-repeat: repeat-x; background-position: 0px 11px; padding:5px 15px 15px 15px; margin:0; margin-left:-0px; margin-top:-8px; z-index: 9999; } .clearBoth {clear:both;} /* Styles */ h1 {height:37px; width:260px; padding:1px 0px 10px 5px; margin-top:10px; background: url('img/banner.png') no-repeat; font-family: Arial, 'Helvetica Neue', sans-serif; font-size:22px; font-weight:bold; color:#111111;} h2.topNav {font-weight: bold; font-size: 18px; color:#111111; border-bottom: 1px solid #111111; padding-bottom:5px; margin-bottom: 10px; letter-spacing:-1px;} h2.featuresInfo {font-weight: normal; font-size: 15px; color:#111111;} h3 {font-weight:bold;} h5 {margin-top:10px; background: none; font-family: Arial, 'Helvetica Neue', sans-serif; font-size:22px; font-weight:bold; color:#f47321;} h5 a {color:#f47321;} h5 a:hover {text-decoration:none;} h5 a:active {text-decoration:none;} h6 {font-size:11px; font-weight:normal; color:#ffffff;margin-bottom:20px;} #social_bar {width:240px; height: 20px; padding:0px 0px 10px 20px; margin-top:-15px; line-height: 115%;} ul#social { width: 200px; height: 32px; position: relative; text-indent:-9999px; display: inline;} #social li { float:left; margin-bottom: 40px; padding: 0; display: inline; list-style: none; background: url('img/social.png') no-repeat;} #social li, #social a {height: 32px; width:32px; display: block; margin:0px 2px 0px 2px;} #social li.social1 {background-position:0;} #social li.social2 {background-position:-64px 0;} #social li.social3 {background-position:-128px 0;} #social li.social1:hover {background-position:-32px;} #social li.social2:hover {background-position:-96px 0;} #social li.social3:hover {background-position:-160px 0;} input#text {width:235px; background:#333333; height:20px; padding: 0px 0px 0px 4px; margin-left: 0px; margin-bottom: 6px; border:0; color: #f3f3f4;} input#submit {width:50px; background:#222222; height:20px; padding: 0px 6px 0px 4px; margin-left: 0px; border:0; color: #f3f3f4; cursor: pointer;} input#submit:hover {width:50px; background:#222222; height:20px; padding: 0px 6px 0px 4px; margin-left: 0px; border:0; color: #f47321; cursor: pointer; border:1px solid #333333;} /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body {height: 100%;} #wrap {min-height: 100%; position:relative;} #main { padding-bottom: 150px; position:absolute; width:980px; left:50%; margin-left:-490px; padding-bottom:150px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -150px; /* negative value of footer height */ height: 150px; clear:both; color: #f3f3f4; border-top:1px solid #f3f3f4; padding-top:10px; width:900px; margin: 0 auto;} /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* Utility classes */ .newBFC { overflow: hidden; _overflow: visible; _overflow-x: hidden; _height: 0; } /*\*//*/ .newBFC {display: inline-block;} /**/ /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */