/* Theme Name: High Tech West Theme URI: http://innovateholyoke.com Description: Blog theme for the green high performance computing center in Holyoke, MA Version: 1.0 Author: Ten Minute Media Author URI: http://tenminutemedia.com Tags: two-column, clean, black */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; /* Color Values ------------------ Link Blue: #0099cc Hover Link Pink: #F8006D */ /* Start of theme specific CSS */ body{background:#000 url("images/background-gradient.jpg") repeat-x top left; text-align:center;} a:link, a:visited, a:hover, a:active { color: #FFF;} #wrapper{margin:0px auto; text-align:left; width:1080px;} #header{} /* Main Navigation */ #menu-bar{background:url("images/menu-bar-bg.jpg") top left no-repeat; width:1080px; height:120px; clear:both;} #menu-bar li{display:inline; float:left; height:94px; overflow:hidden; text-indent:-9999px;} /* Individual Nav Items */ #latest-nav{margin-left:43px; width:245px;} #latest-nav a{background: url("images/nav-menu-sprite.jpg") -42px 0px no-repeat;} #latest-nav a:hover{background: url("images/nav-menu-sprite.jpg") -42px -94px no-repeat;} #about-nav{width:365px;} #about-nav a{background: url("images/nav-menu-sprite.jpg") -288px 0px no-repeat;} #about-nav a:hover{background: url("images/nav-menu-sprite.jpg") -288px -94px no-repeat;} #interact-nav{width:181px;} #interact-nav a{background: url("images/nav-menu-sprite.jpg") -654px 0px no-repeat;} #interact-nav a:hover{background: url("images/nav-menu-sprite.jpg") -654px -94px no-repeat;} #partner-nav{width:201px;} #partner-nav a{background: url("images/nav-menu-sprite.jpg") -835px 0px no-repeat;} #partner-nav a:hover{background: url("images/nav-menu-sprite.jpg") -835px -94px no-repeat;} #menu-bar li a{display:block; height:100%;} /* Two Column Content */ #content{overflow:hidden; clear:both; background:url("images/content-bg-tile.jpg") repeat-y top left;} #left-column{float:left; width:730px;} .left-padding{padding:0px 30px 10px 50px;} /* Sidebar Column */ #right-column{float:left; width:295px; overflow:hidden;} .right-padding{padding:0px 10px 10px 10px;} #right-column a{color:#0099cc;} #right-column ul li ul{font-family:arial, sans-serif; font-size:13px; color:#FFF;} span.twitter-date{font-style:italic; font-size:12px; color:#CCC; display:block; text-align:right; clear:both;} /* Social Media Icons */ ul#social-media{height:40px; width:935px; margin:0 auto;} #social-media li{height:40px; width:42px; float:left; display:inline; overflow:hidden; text-indent:-9999px; margin-right:5px;} #social-media li a{display:block; height:100%;} #icon-01 a{background: url("images/social-media-icons.jpg") 0px 0px no-repeat;} #icon-01 a:hover{background: url("images/social-media-icons.jpg") 0px -40px no-repeat;} #icon-02 a{background: url("images/social-media-icons.jpg") -46px 0px no-repeat;} #icon-02 a:hover{background: url("images/social-media-icons.jpg") -46px -40px no-repeat;} #icon-03 a{background: url("images/social-media-icons.jpg") -91px 0px no-repeat;} #icon-03 a:hover{background: url("images/social-media-icons.jpg") -91px -40px no-repeat;} #icon-04 a{background: url("images/social-media-icons.jpg") -137px 0px no-repeat;} #icon-04 a:hover{background: url("images/social-media-icons.jpg") -137px -40px no-repeat;} #icon-05 a{background: url("images/social-media-icons.jpg") -183px 0px no-repeat;} #icon-05 a:hover{background: url("images/social-media-icons.jpg") -183px -40px no-repeat;} #icon-06 a{background: url("images/social-media-icons.jpg") -228px 0px no-repeat;} #icon-06 a:hover{background: url("images/social-media-icons.jpg") -228px -40px no-repeat;} /* Post Related (inside left column) */ .post{margin-bottom:20px; border-bottom:1px solid #333; padding-bottom:20px; overflow:hidden;} .post a{color:#FFF;} #content a:hover{color:#F8006D} #content h2 a:hover{border-bottom:1px solid #F8006D;} .post-meta-summary{font-style:italic; font-size:12px;} .page-nav{clear:both; color:#FFF; font-size:14px; font-family:arial, sans-serif;} .page-nav a{color:#0099cc;} .tag-list{margin:15px 0px;} span.comment-count a{background:url("images/comment-icon.jpg") 0 50% no-repeat; padding-left:25px;} /* Post Comments */ .comment-author{font-size:16px;} .comment-author img.avatar{float:left; margin:0px 15px 15px 0px; background:#333; padding:5px;} ol.commentlist{font-family:arial, sans-serif; color:#FFF;} ol.commentlist li{list-style:none; margin:10px; padding:15px 15px 15px 15px; background:#191919; border:1px solid #333; overflow:hidden;} .commentlist li p{padding-left:85px;} .comment-meta{font-style:italic; margin:10px 0px; font-size:12px; color:#CCC;} .commentlist a{color:#0099cc;} .commentlist a:hover{color:#F8006D;} .comment cite{font-size:16px; font-weight:bold;} #comment-zone{overflow:hidden;} #comment-zone input{padding:3px;} #comment-zone #submit{clear:both; display:block; width:100px; height:25px; background:#FFF; border:1px solid #DDD; margin-top:15px;} #comment-zone label{font-size:12px;} #comment-zone textarea{padding:3px; font-family:arial, sans-serif; font-size:12px; clear:both;} .addthis_container{float:right;} /* Search Box */ #searchform {margin:30px 0px; clear:both; overflow:hidden;} #searchsubmit{background:#FFF; width:80px; height:20px; border:none; float:left; margin-left:5px;} #s{border:none; padding:3px; margin:0; float:left;} /* Footer Area */ #partner-bar{height:88px; width:100%; background:url("images/partner-bar-bg.jpg") repeat-x top left;} #partner-list{width:1080px; margin:0 auto; height:88px; background:url("images/partner-bar-label-bg.jpg") no-repeat top left;} ul#partners{height:88px; width:935px; left: 8px; margin:0 auto;} #partners li{height:88px; float:left; display:inline; overflow:hidden; text-indent:-9999px;} /* Individual Partners */ #mtc {width:95px;} #mtc a{background: url("images/partner-sprite.jpg") 0px 0px no-repeat;} #mtc a:hover{background: url("images/partner-sprite.jpg") 0px -88px no-repeat;} #bu {width:68px;} #bu a{background: url("images/partner-sprite.jpg") -95px 0px no-repeat;} #bu a:hover{background: url("images/partner-sprite.jpg") -95px -88px no-repeat;} #cisco {width:60px;} #cisco a{background: url("images/partner-sprite.jpg") -163px 0px no-repeat;} #cisco a:hover{background: url("images/partner-sprite.jpg") -163px -88px no-repeat;} #hge {width:59px;} #hge a{background: url("images/partner-sprite.jpg") -223px 0px no-repeat;} #hge a:hover{background: url("images/partner-sprite.jpg") -223px -88px no-repeat;} #northeastern {width:49px;} #northeastern a{background: url("images/partner-sprite.jpg") -282px 0px no-repeat;} #northeastern a:hover{background: url("images/partner-sprite.jpg") -282px -88px no-repeat;} #umass {width:48px;} #umass a{background: url("images/partner-sprite.jpg") -331px 0px no-repeat;} #umass a:hover{background: url("images/partner-sprite.jpg") -331px -88px no-repeat;} #statemass {width:70px;} #statemass a{background: url("images/partner-sprite.jpg") -379px 0px no-repeat;} #statemass a:hover{background: url("images/partner-sprite.jpg") -379px -88px no-repeat;} #holyoke {width:73px;} #holyoke a{background: url("images/partner-sprite.jpg") -449px 0px no-repeat;} #holyoke a:hover{background: url("images/partner-sprite.jpg") -449px -88px no-repeat;} #mit {width:66px;} #mit a{background: url("images/partner-sprite.jpg") -522px 0px no-repeat;} #mit a:hover{background: url("images/partner-sprite.jpg") -522px -88px no-repeat;} #pvpc {width:45px;} #pvpc a{background: url("images/partner-sprite.jpg") -588px 0px no-repeat;} #pvpc a:hover{background: url("images/partner-sprite.jpg") -588px -88px no-repeat;} #emc {width:71px;} #emc a{background: url("images/partner-sprite.jpg") -633px 0px no-repeat;} #emc a:hover{background: url("images/partner-sprite.jpg") -633px -88px no-repeat;} #accenture {width:80px;} #accenture a{background: url("images/partner-sprite.jpg") -704px 0px no-repeat;} #accenture a:hover{background: url("images/partner-sprite.jpg") -704px -88px no-repeat;} #edc {width:52px;} #edc a{background: url("images/partner-sprite.jpg") -784px 0px no-repeat;} #edc a:hover{background: url("images/partner-sprite.jpg") -784px -88px no-repeat;} #massdevelopment {width:99px;} #massdevelopment a{background: url("images/partner-sprite.jpg") -836px 0px no-repeat;} #massdevelopment a:hover{background: url("images/partner-sprite.jpg") -836px -88px no-repeat;} #partners li a{display:block; height:100%;} #footer{text-align:right; margin:0 auto; width:1080px; clear:both; background:url("images/htw-footer-logo.jpg") top left no-repeat;} #footer p{color:#333; font-weight: bold; padding:20px;} #footer p a{color:#DDD;} /* Fonts & Typography */ p{color:#FFF; font-family:arial, sans-serif; font-size:13px; line-height:1.6em; margin-bottom:15px;} p.post-meta{font-weight:bold; font-size:14px; margin-bottom:8px;} .single-view p.post-meta{color:#CCC;} blockquote{} .post blockquote, .post pre{margin:20px; padding:15px 15px 0px 15px; background:#191919; border:1px solid #333; overflow:hidden;} .post pre{padding-bottom:15px;} .post code{color:#FFF;} ul{} .post ul{clear:both; margin-bottom:15px;} .post li{font-family:arial, sans-serif; color:#FFF; font-size:13px;margin-left:30px; line-height:1.6em;} .post ul li{list-style: disc;} .post ol li{list-style: decimal;} h1{} h1.blog-title{display:none;} h1.post-title, .post-title h1{color:#FFF; font-size:28px; font-family:arial, sans-serif;} .post-title h1{margin-bottom:15px; border-bottom:1px solid #333; padding-bottom:15px; overflow:hidden;} h2{} h2.blog-title{display:none;} h2.list-title {font-size:18px; font-family:arial, sans-serif; margin-bottom:4px;} .list-title a{color:#0099cc; text-decoration:none; border-bottom: 1px solid #0099cc;} .post h2, #comment-zone h2{color:#F8006D; font-family:arial, sans-serif; font-size:21px; margin-bottom:10px;} .archive-view .post h2{font-size:18px;} h3{} .post h3, #comment-zone h3{color:#FFF; font-family:arial, sans-serif; margin-bottom:10px;} h4{} #right-column ul h4{font-size:18px; color:#FFF; font-family:arial, sans-serif; font-weight:bold; margin:30px 0px 5px 0px;} #right-column ul .top-item h4{margin-top:0px;} .post h4{color:#FFF; font-family:arial, sans-serif; margin-bottom:10px;} #comment-zone h4{color:#FFF; font-family:arial, sans-serif; font-size:16px; font-weight:bold;} h5{} .post h5, #comment-zone h5{color:#FFF; font-family:arial, sans-serif; margin-bottom:10px;} /* General Design Elements */ .clear{clear:both;} .blue{color:#0099cc}