/* Theme Name: Pixel Perfect Home Theme URI: http://pixelperfectplugin.com Description: Theme used for the home page of pixelperfect.com Version: 1.0 Author: Lorne Markham Author URI: http://pixelperfectplugin.com */ /* Site wide ========================================================*/ body {background: #1D6692 url(images/layout/bg-body.jpg) repeat-x top left; } h1 {font-size: 18px; font-weight: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666; margin:0 0 10px 0;} h2 {font-size: 16px; font-weight: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #2C688D; margin:0 0 10px 0;} h3 {font-size: 14px; font-weight: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666; margin:0 0 10px 0;} h4 {font-size: 12px; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666; margin:0 0 10px 0;} ul {} ul li {margin:0; padding:0 0 0 10px; list-style: none; font-size: 11px; color: #919191; background: url(images/layout/sub-arrow.gif) no-repeat 0 3px;} p {font-size: 11px; color: #919191;} a {color: #2C688D;} a:hover {color: #2C688D;} .rss-link {margin:0; padding:2px 20px 5px 0; text-decoration: none; font-size: 11px; background: url(images/layout/rss.gif) no-repeat top right;} /* Site wide Layout ========================================================*/ #site {margin:0 auto; width: 968px; background: url(images/layout/bg-site.png) no-repeat 0 112px;} #top {height: 126px;} #logo {padding:34px 0 0 0;} #twitter {height:110px; position: relative; background: url(images/layout/bubble.jpg) no-repeat 50px 0;} #twitter #bird {height: 90px; width: 74px; position: absolute; bottom:-11px; right:18px; background: url(images/layout/bird.png) no-repeat top left;} #twitter #bubble {height:50px; width: 330px; position: absolute; top:26px; left:70px;} #twitter #bubble p {line-height:1.4; margin:0; color:#666; font-size:11px;} #twitter #bubble p#tweet-author {color: #999;} #nav {position: relative; background: url(images/layout/bg-nav.jpg) no-repeat top left;} #nav ul {float: left; margin:0; padding:0;} #nav ul li {margin:0; padding:0; display: inline; background: url(images/layout/bg-li.jpg) no-repeat top right; list-style: none; float: left;} #nav ul li a {margin:0 2px 0 0; padding:0 34px 0 34px; line-height:43px; display: block; color: #fff; text-decoration: none; background: url(images/layout/fade.png) repeat-x 0px 43px; font-size: 14px; font-family: verdana; font-weight: 400;} ##nav ul li a {padding:14px 40px 14px 40px; display: inline;} /* don't judge */ #nav span {height:4px; width:3px; position: absolute; top:0; left:0; background: url(images/layout/li-corner.png) no-repeat top left;} .search-default {height:31px; width:200px; margin:6px 50px 0 0; float: right; background: url(images/layout/bg-search.gif) no-repeat;} .search-hover {height:31px; width:200px; margin:6px 50px 0 0; float: right; background: url(images/layout/bg-search-hover.gif) no-repeat;} #go-button {height:30px; width: 30px; cursor: pointer; margin:0 0 0 42px; background: none; border:none;} #search #s {padding: 7px 0 3px 12px; background: none; border: none; line-height:2; height: 17px; font-family: verdana; color:#666;} /* Homepage Layout ========================================================*/ #masthead {height: 222px; background: url(images/layout/bg-masthead.jpg) no-repeat top left;} #masthead #addons {height:222px; width:413px; float: left; background: url(images/layout/addons-site.png) no-repeat top left;} #masthead #makeyour {height:76px; width:425px; margin:40px 0 0 0; float: left; background: url(images/layout/make-your.png) no-repeat top left;} #masthead a {height:64px; width:214px; margin:10px 0 0 120px;; float: left; background: url(images/layout/download.png) no-repeat top left;} #masthead a:hover {height:64px; width:214px; margin:10px 0 0 120px;; float: left; background: url(images/layout/download-hover.png) no-repeat top left;} #callouts {height:123px; background: url(images/layout/bg-callouts.jpg) no-repeat top left;} #callouts h2 {margin:10px 0 6px 14px; position: relative;} #callouts p {margin: 0px 0px 0 14px; line-height: 1.3;} #callouts a { margin:4px 0 0 14px; line-height:23px; padding:0px 0 0 30px; width:73px; text-decoration: none; display: block; font-size:11px; color: #2C678C; background: url(images/layout/button1.gif) no-repeat top left;} #callouts a:hover {background: url(images/layout/button1-hover.gif) no-repeat top left;} #news {margin:20px 10px 0 10px;} #tabs {} #tabs ul {margin:0; padding:0;} #tabs ul li {padding:0 5px 0 0; list-style: none; float: left; text-align: center;} #tabs ul li a {height:30px; width: 87px; display: block; line-height: 30px; text-decoration: none;} #tabs ul li a span {font-size: 13px;} .tabs_normaltab {color:#3B7AA1; background: url(images/layout/bg-tab.gif) no-repeat top left;} #tabs ul li a:hover, .tabs_activetab { color: #333; background: url(images/layout/bg-tab-hover.gif) no-repeat top left;} #news .rss-link {margin:10px 6px 0 0; height:20px; line-height: 20px; padding:0px 20px 0 0; float: right;} #news-content {height:310px; width:460px; margin:-1px 0 0 0; padding:20px 0 0 0; background: url(images/layout/bg-news.gif) no-repeat top left;} .news-item {margin:0 0 16px 0;} #news-content h2 {margin:0 0 0px 0; padding:0 20px 0 20px; position: relative; display: inline;} #news-content h2 span {height:13px; width:21px; background: url(images/layout/new.gif) no-repeat top left; position: absolute; top:0; right:-5px;} #news-content .date-author {padding:2px 20px 2px 20px; font-size: 10px; color: #7A7A7A;} #news-content p {margin: 0 0 0 0; padding:0 20px 0 20px;} #news-content a {padding:0 20px 0 20px; font-size: 11px; color: #2C688D; text-decoration: none;} #news-content a:hover {text-decoration: underline;} #news-content img.tabs-loading {margin: 100px 0 0 200px;} #gallery {margin:20px 0 0 10px;} #gallery .underline {border-bottom: 1px solid #ccc; margin:0 0 10px 0; padding:0 0 0px 0;} #gallery h1 {width:200px; padding: 4px 0 0 0; float: left; margin:0;} #gallery .rss-link {margin:10px 6px 0 0; line-height: 20px; padding:0px 20px 0 0; float: right;} #gallery .grid_2 a.sm-img-link {height:98px; width: 140px; position: relative; float: left;} /*#gallery .grid_2 a.sm-img-link:hover span {display: none;}*/ #gallery .grid_2 a.sm-img-link span {height:98px; width:140px; position: absolute; z-index:2; display: block; background: url(images/layout/gal-border.gif) no-repeat top left;} #gallery .grid_2 a.sm-img-link img {position: absolute; z-index:1;} #gallery .gallery-info {padding:4px 0 18px 0; clear:both; font-size:11px; color:#777;} /* Inner Layout ========================================================*/ #breadcrumb {padding:10px 0 0 10px; height: 50px; background: url(images/layout/bg-breadcrumb.gif) no-repeat top left; float: left; color: #666; font-size:11px;} /*#breadcrumb ul {padding:10px 0 0 10px;} */ /*#breadcrumb ul li {float: left; color: #666; font-size:11px;} */ #breadcrumb a {padding:0 14px 0 0; margin: 0 10px 0 0; background: url(images/layout/sm-arrow.gif) no-repeat right 4px;} #left-col {padding:0 0 0 10px;} #right-col {padding:0 10px 0 0; width:280px;} #sub-nav {float: right; width: 230px;} #sub-nav h3 {margin:0 0 4px 0;} #sub-nav ul {} #sub-nav ul li {border-bottom: 1px dotted #ccc; padding:2px 0 2px 0; background: none;} #sub-nav ul li a {margin:0 0 0 6px; padding:0 0 0 10px; font-size:11px; text-decoration: none; background: url(images/layout/sub-arrow.gif) no-repeat 0 3px;} #sub-nav ul li a:hover {background: url(images/layout/sub-arrow-hover.gif) no-repeat 0 3px;} .article-cnt {margin:0 0 20px 0; border-bottom: 1px solid #E3E3E3;} .article-cnt img {margin:0 10px 0 0; border: 1px solid #B8B8B8; float: left;} .article-cnt h2 {margin:0 0 6px 0;} #footer {height: 100px;margin:0 auto; width: 968px; background: url(images/layout/bg-footer.png) no-repeat top left;} #footer-nav {padding:20px 0 0 20px; width: 400px; float: left;} #footer-nav ul {margin:0; padding:0;} #footer-nav ul li {float: left; background: none;} #footer-nav ul li a { padding:0 10px 0 0; margin:0 10px 0 0;color: #fff; font-size: 11px; text-decoration: none; border-right: 1px solid #C3D6E2;} #footer-nav ul li a:hover {} #footer-nav ul li:last-child a {border: none;} #footer #copyright { color: #fff; font-size: 11px; padding: 22px 20px 0 0; float: right;}