/* THEME NAME: Hive7 Red DESCRIPTION: This theme drives the Hive7 Red Design and was developed by Nicasio LLC. VERSION: v1 designed AUTHOR: Hive7 */ /* Two-column with sidebar on left from the /sandbox-layouts/ folder */ @import url('sandbox-layouts/2c-r.css'); /* RESET ALL FONT SIZES ------------------------------------------------------------------------ Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.4.1 */ /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} table {font-size:inherit;font:100%;} /** * Bump up IE to get to 13px equivalent */ pre,code {font-family:monospace;*font-size:108%;line-height:100%;} /* ----------------------------------------------------------------------------------------- */ /* USE THESE FONT SIZES TO DECLARE TRUE SIZES IN PIXELS --------------------------------------- {font-size:77%;} => 10px {font-size:85%;} => 11px {font-size:93%;} => 12px {font-size:100%;} => 13px {font-size:108%;} => 14px {font-size:116%;} => 15px {font-size:123.1%;} => 16px {font-size:131%;} => 17px {font-size:138.5%;} => 18px {font-size:146.5%;} => 19px {font-size:153.9%;} => 20px {font-size:161.6%;} => 21px {font-size:167%;} => 22px {font-size:174%;} => 23px {font-size:182%;} => 24px {font-size:189%;} => 25px {font-size:197%;} => 26px ------------------------------------------------------------------------------------------- */ /* MISC. ITEMS ---------------------------------------------------------------------------- */ * {margin:0;padding:0;} .clear {clear:both;height:0px;overflow:hidden;} a img {border:0px solid WHITE;} #image-preloading {display:none;} /* ---------------------------------------------------------------------------------------- */ /* LAYOUT & COLORS ------------------------------------------------------------------------ */ /* ADD VERTICAL SCROLLBARS TO EVERY PAGE */ html, body {height: 100%;margin: 0 0 1px;} body {background-color:#980100;min-width:1054px;} #wrapper {background:#FFFFFF url('images/hive7_BG_mainTile.gif') repeat-x;text-align:center;} .innerWrapper {width:1054px;text-align:left;margin:0 auto;} #wrapper .innerWrapper {padding-top:79px;} body.home #wrapper .innerWrapper {padding-top:80px;} #pageAreaBG {width:1054px;margin:0 auto;background:transparent url('images/hive7_pageArea_BGtile.gif') repeat-y;} #pageArea {width:1054px;margin:0 auto;background:transparent url('images/hive7_pageLift_bottom.png') no-repeat bottom left;} #pageArea-top {width:100%;background:transparent url('images/hive7_pageLift_top.png') no-repeat top left;position:relative;} /* HEADER NAV */ #topMenu {width:1054px;height:120px;overflow:hidden;position:relative;} .homeMenu {background:transparent url('images/hive7_BG_topMenu_main.png') no-repeat bottom left;} .subMenu {background:transparent url('images/hive7_BG_topMenu_sub.png') no-repeat bottom left;} #topLogo {width:121px;height:66px;overflow:hidden;position:absolute;top:0px;left:57px;} .subMenu #topLogo {top:1px;} .subMenu #topNav {top:40px;} #topLogo a {position:relative;width:121px;height:66px;display:block;} #topNav {position:absolute;right:52px;top:39px;} #topNav div {float:left;height:43px;width:auto;position:relative;} #topNav div.item {width:106px;} #topNav div.divider {width:1px;background:transparent url('images/hive7_topNavHome_divider.jpg') no-repeat;} #topNav div.subDivider {width:1px;background:transparent url('images/hive7_topNavSub_divider.jpg') no-repeat;} #topNav div a {display:block;height:43px;width:106px;position:relative;overflow:hidden;} a#gamesNav {background:transparent url('images/hive7_topNav_games.gif') no-repeat 0px 0px;} a#blogNav {background:transparent url('images/hive7_topNav_blog.gif') no-repeat 0px 0px;} a#newsNav {background:transparent url('images/hive7_topNav_news.gif') no-repeat 0px 0px;} a#jobsNav {background:transparent url('images/hive7_topNav_jobs.gif') no-repeat 0px 0px;} a#aboutNav {background:transparent url('images/hive7_topNav_about.gif') no-repeat 0px 0px;} a#homeNav {background:transparent url('images/hive7_topNav_home.gif') no-repeat 0px 0px;} a#gamesNav:hover {background:transparent url('images/hive7_topNav_games_over.gif') no-repeat 0px 0px;} a#blogNav:hover {background:transparent url('images/hive7_topNav_blog_over.gif') no-repeat 0px 0px;} a#newsNav:hover {background:transparent url('images/hive7_topNav_news_over.gif') no-repeat 0px 0px;} a#jobsNav:hover {background:transparent url('images/hive7_topNav_jobs_over.gif') no-repeat 0px 0px;} a#aboutNav:hover {background:transparent url('images/hive7_topNav_about_over.gif') no-repeat 0px 0px;} a#homeNav:hover {background:transparent url('images/hive7_topNav_home_over.gif') no-repeat 0px 0px;} #topNav div a span {display:none;} #topNav div.ON {float:left;height:80px;} #topNav div.ON a {height:80px;} #topNav div.ON a#gamesNav {background:transparent url('images/hive7_topNav_games_on.gif') no-repeat 0px 0px;} #topNav div.ON a#blogNav {background:transparent url('images/hive7_topNav_blog_on.gif') no-repeat 0px 0px;} #topNav div.ON a#newsNav {background:transparent url('images/hive7_topNav_news_on.gif') no-repeat 0px 0px;} #topNav div.ON a#jobsNav {background:transparent url('images/hive7_topNav_jobs_on.gif') no-repeat 0px 0px;} #topNav div.ON a#aboutNav {background:transparent url('images/hive7_topNav_about_on.gif') no-repeat 0px 0px;} /* HOME PAGE ELEMENTS*/ #homeFlashArea {width:1054px;} #homeContent {width:1021px;margin-left:32px;padding-bottom:70px;background:transparent url('images/hive7_home_contentLeftShadow.png') no-repeat top left;} #homePosts {width:640px;height:546px;float:left;margin-top:9px;position:relative;margin-left:10px;background-color:WHITE;} #homeFeatured {width:371px;float:left;margin-top:9px;} #homeFeatured a {display:block;} .homePosts-flash {position:absolute;z-index:1;} .homePosts-content {width:640px;overflow:hidden;position:absolute;z-index:2;cursor:pointer;} #homePosts-content-1 {height:173px;} #homePosts-content-2 {height:201px;top:174px;} #homePosts-content-3 {height:173px;top:376px;} #homePosts-content-1 a {width:640px;height:173px;text-decoration:none;display:block;} #homePosts-content-2 a {width:640px;height:201px;text-decoration:none;display:block;} #homePosts-content-3 a {width:640px;height:173px;text-decoration:none;display:block;} .homePosts-content h2 {font-weight:normal;color:#e85900;font-size:167%;padding:25px 10px 4px 15px;} .homePosts-content-meta {color:#ffa800;font-size:77%;font-weight:bold;} .homePosts-content-meta span {margin-left:15px;} .homePosts-content p {margin:10px 330px 0px 15px;font-size:85%;color:BLACK;} /* SUB PAGE ELEMENTS */ div#nav-above,div#nav-below{width:100%;height:1em;margin-top:10px;} div#nav-below {margin-bottom:25px;} div#nav-above{margin-bottom:1em;} div#nav-below{margin-top:1em;} .alignleft,div.nav-previous{float: left;margin-left:55px;} .alignright,div.nav-next{float: right;margin-right:10px;} .navigation a {color:#0084d3;font-weight:bold;font-size:85%;text-transform:uppercase;text-decoration:none;} h2.page-title {font-size:167%;color:BLACK;font-weight:normal;margin-left:57px;padding-top:47px;} .page h2.page-title {display:none;} h2.simple-title {font-size:167%;color:BLACK;font-weight:normal;padding-top:47px;} .page-content {width:608px;margin-left:55px;float:left;padding-bottom:50px;margin-top:20px;} .games-content {width:994px;padding-bottom:50px;} #games-content-inner {margin-left:42px;} #simple-content-inner {margin-left:57px;} .entry-content {width:468px;margin-left:55px;float:left;padding-bottom:50px;margin-top:20px;} .entry-meta {float:left;margin-left:25px;width:117px;margin-top:20px;padding-bottom:50px;} .post .edit-link, .page .edit-link {margin:10px 0px 10px 55px;} .post .edit-link a, .page .edit-link a {color:#980100;} #simple-content-inner .edit-link {margin-left:0px;} #simple-content-inner .simple-content {width:900px;padding-bottom:50px;margin-top:20px;} .page-content h1 {font-size:197%;color:BLACK;font-weight:normal;padding-top:47px;margin-bottom:10px;} .page-content h3, .games-content h3 {color:#666666;font-size:123.1%;line-height:123%;font-weight:normal;width:468px;} .page-content h3 {font-size:151.5%;margin-top:35px;} .games-content h1, .games-content h3 {width:520px;margin-left:57px;} .games-content h1 {font-size:210%;font-weight:normal;margin-bottom:20px;} table#gameText {margin-top:60px;margin-bottom:60px;} table#gameText a {text-transform:uppercase;font-weight:bold;color:#0084d3;font-size:77%;text-decoration:none;} table#gameText a:hover {text-decoration:underline;} .entry-content h4 {font-size:77%;font-weight:bold;margin:0px 0px 20px 0px;} .entry-content p, .page-content, .simple-content p {font-size:85%;line-height:123.1%;color:BLACK;margin-bottom:23px;} .entry-content img,.page-content img, .simple-content img {border:1px solid #cccccc;padding:4px;} .entry-content p.wp-caption-text, .page-content p.wp-caption-text, .simple-content p.wp-caption-text {margin:4px 0px 0px 0px;font-style:italic;color:BLACK;font-size:77%;} .entry-content blockquote, .page-content blockquote,.simple-content blockquote {color:#e85900;font-size:171.5%;line-height:121.5%;font-style:italic;font-family:Georgia, Times, sans-serif;margin-left:10px;} .entry-content ul, .simple-content ul {margin:0px 20px 20px 13px;} .entry-content ul li, .simple-content ul li {list-style-type:none;list-style-image:url('images/hive7_square_red_list_item.gif');font-size:85%;line-height:131.1%;color:BLACK;} #addictions {width:945px;margin-left:47px;padding-bottom:20px;} .addiction {width:294px;float:left;margin:10px;} .addictionMain {width:100%;background:transparent url('images/hive7_addictions_bg_top.jpg') no-repeat top left;} .addictionBottom {width:100%;height:5px;background:transparent url('images/hive7_addictions_bg_bottom.jpg') no-repeat top left;} .addiction .entry-content {margin:0;padding:0;padding-top:10px;padding-bottom:4px;width:255px;float:none;margin-left:10px;} .addiction .entry-content img {border:5px solid WHITE;padding:0px;} .addiction p {margin:0px;} .addiction p {width:75px;} .addiction table td {color:#666666;font-size:85%;padding-bottom:6px;} .addiction table td span {margin-top:6px;display:block;} .addiction .edit-link {margin-bottom:0px;margin-left:10px;} a.jobListLink {font-weight:bold;color:#0084d3;font-size:93%;text-decoration:none;text-transform:uppercase;} a.jobListLink:hover {text-decoration:underline;} a.games-largeBTN {position:relative;z-index:50;display:block;width:960px;height:200px;overflow:hidden;text-decoration:none;} a.games-largeBTN img {padding:0px;position:relative;top:-237px;} a.games-largeBTN span {position:absolute;z-index:52;right:95px;top:55px;width:285px;color:#666666;} a.games-largeBTN:hover {height:237px;top:-37px;margin-bottom:-37px;} a.games-largeBTN:hover img {top:0px;} a.games-largeBTN:hover span {display:none;} .entry-title{clear:both;} h2.entry-title {width:505px;font-size:167%;color:BLACK;font-weight:normal;background:transparent url('images/hive7_textHeader_top.png') no-repeat;padding-top:18px;padding-bottom:8px;} h2.entry-title a {color:BLACK;text-decoration:none;} h2.entry-title span {display:block;margin:0px 10px 0px 35px;} .textHeader-bottom {display:block;width:498px;height:6px;background:transparent url('images/hive7_textHeader_bottom.png') no-repeat top left;} h2.entry-title, .textHeader-bottom {margin-left:22px;} .entry-meta-left {float:left;width:77px;} .entry-meta-right {float:left;width:40px;} .entry-meta .entry-date, .entry-meta .author, .entry-meta .cat-links {color:#ffa800;font-size:77%;font-weight:bold;} .entry-meta a {text-decoration:none;} .entry-meta a:hover {text-decoration:underline;} abbr {border:0px;} .entry-meta .author a, .entry-meta .cat-links a {color:#ffa800;} .entry-meta .cat-links span {display:none;} .entry-meta .cat-links {text-transform:uppercase;} .postCategoryIcon {width:40px;height:36px;overflow:hidden;} .postCategoryIcon span {display:none;} .postCategoryIcon a {width:40px;height:36px;display:block;padding-left:40px;} .post.category-technique .postCategoryIcon {background:transparent url('images/hive7_postCategoryIcon_techniqueOFF.gif') no-repeat;} .post.category-design .postCategoryIcon {background:transparent url('images/hive7_postCategoryIcon_designOFF.gif') no-repeat;} .post.category-games .postCategoryIcon {background:transparent url('images/hive7_postCategoryIcon_gamesOFF.gif') no-repeat;} .post.category-jobs .postCategoryIcon {background:transparent url('images/hive7_postCategoryIcon_jobsOFF.gif') no-repeat;} .tag-links {margin-top:15px;font-size:77%;font-style:italic;color:#0084d3;} .tag-links a {color:#0084d3;} .inlineComments {position:absolute;} .comments-link {margin-top:15px;} .comments_link, .comments-link a {padding-right:23px;padding-bottom:5px;font-size:77%;color:#0084d3;font-weight:bold;background:transparent url('images/hive7_postCommentsIcon.gif') no-repeat top right;} a.awpcomments_link_hide {display:none;} a.comments_link img, a.commentform_link img, .awpcomments_link img {display:none;} .commentOverlay {position:absolute;z-index:100;top:-70px;left:-25px;width:470px;} .awpcomments {width:470px;} .commentsTopShadow {width:470px;height:10px;background:transparent url('images/hive7_comments_topShadow.png') no-repeat bottom left;} .commentsTop {width:470px;background:transparent url('images/hive7_comments_paperTop.png') no-repeat top left;} .commentsBottomShadow {width:470px;height:10px;background:transparent url('images/hive7_comments_bottomShadow.png') no-repeat 1px top;} .commentsBottom {width:470px;background:transparent url('images/hive7_comments_paperBottom.png') no-repeat bottom left;margin-left:3px;} .commentsTools {padding:10px 25px 25px 25px;} .commentsTools a {color:BLACK;font-size:85%;font-weight:bold;} a.comments-close {float:left;padding-right:20px;background:transparent url('images/hive7_comments_closeCommentIconOFF.png') no-repeat right center;} a.commentform_link {float:right;padding-left:50px;background:transparent url('images/hive7_comments_writeCommentIconOFF.png') no-repeat left center;margin-top:-16px;padding-top:3px;} .noCommText {width:75%;margin:0 auto;padding:55px 0px 115px 0px;font-size:93%;font-style:italic;} ol.commentlist {width:450px;position:relative;left:8px;background-color:#ffff95;} ol.commentlist li {padding:6px 10px 20px 10px;border-top:1px solid #f2f28d;height:1%;list-style-type:none;} .commentbar {color:#ffa800;font-size:77%;font-weight:bold !important;float:left;} .commentbar a {color:#ffa800;} .commentEditLink a {color:BLACK;} .commentAvatar {float:right;border:1px solid #e4e485;padding:3px;} ol.commentlist li p {margin:2px 5px 10px 5px;font-size:85%;color:BLACK;} .comment_form {margin-top:15px;} .commentform {width:450px;background-color:#ffff95;position:relative;left:8px;padding-bottom:15px;} .comment_form {margin-left:15px;} .comment_form textarea {width:70%;} .comment_form p {margin-bottom:0px;} .comment_form .submit {margin-top:5px;} form#commentform .form-label{margin:1em 0 0;} form#commentform span.required{background:#fff;color:red;} form#commentform,form#commentform p{padding:0;} input#author,input#email,input#url{width:50%;} input#author,input#email,input#url,textarea#comment{padding:0.2em;} div.comments ol li{margin:0 0 3.5em;} textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;} /* NEWS PAGE ITEMS */ .newsTable {margin-bottom:25px;margin-top:25px;} .newsMeta {font-weight:bold;font-size:93%;color:#ffa800;} a.newsPartner {display:block;margin-top:10px;margin-bottom:0px;} .newsMeta img {border:0px;padding:0;} a.newsLink {color:#0084d3;text-decoration:none;text-transform:uppercase;display:block;margin-top:4px;} a.newsLink:hover {text-decoration:underline;} /* ABOUT PAGE ITEMS */ #aboutBios {margin-left:22px;clear:left;} .aboutBio {float:left;width:286px;margin-left:35px;margin-bottom:50px;} h2.bio-title {font-size:167%;color:BLACK;font-weight:normal;padding-left:20px;background:transparent url('images/hive7_bioPerson.jpg') no-repeat left top;} .aboutBio .entry-content {margin:0;padding:0;width:100%;} .aboutBio .edit-link {margin-left:0px;} .aboutBio .entry-content p {margin-bottom:17px;} /* SIDEBAR ELEMENTS */ #secondary {margin-top:-50px;} .sidebar ul {list-style-type:none;} #sidebarRSSfeedLink {margin:30px 23px 30px 5px;} #sidebarRSSfeedLink a {font-size:77%;color:#0084d3;font-weight:bold;text-decoration:none;background:transparent url('images/hive7_rssIcon.gif') no-repeat center left;padding-left:25px;padding-top:6px;padding-bottom:6px;} #sidebarRSSfeedLink a:hover {text-decoration:underline;} #sidebarCategoryLinks {margin-left:-24px;} #sidebarCategoryLinks a {margin-left:27px;} li#blogArchivesList {margin-left:2px;margin-top:55px;} .oclink {display:none;} li#blogArchivesList a {text-transform:uppercase;} .archiveMonthLink {margin-left:5px;} .archiveMonthLink a {font-weight:bold;color:#0084d3;font-size:108%;} .archivePostLink {margin-left:34px;display:block;margin-bottom:15px;} .archivePostLink a {font-weight:bold;color:#0084d3;font-size:77%;} .archivePostDate {font-weight:bold;color:#ffa800;font-size:77%;text-transform:uppercase;margin-left:35px;margin-top:10px;margin-bottom:3px;display:block;} li#text-212294131 h3, li#text-206416741 h3, li#text-212530361 h3, li#text-213295051 h3 {display:none;} .textwidget {position:relative;left:20px;} h2.widget-title {font-size:167%;color:BLACK;font-weight:normal;padding-top:47px;clear:both;padding-bottom:10px;} h2.widget-title-less-padding {font-size:167%;color:BLACK;font-weight:normal;padding-top:7px;clear:both;padding-bottom:10px;} h2.widget-title-no-bottom-padding {font-size:167%;color:BLACK;font-weight:normal;padding-top:47px;clear:both;padding-bottom:0px;} .textwidget a {font-weight:bold;color:#0084d3;font-size:77%;text-decoration:none;} .textwidget a:hover {text-decoration:underline;} .textwidget p {margin-bottom:10px;} .sidebarThumbnail {float:left;margin-right:15px;width:86px;margin-bottom:14px;} .sidebarThumbnail img {padding:4px;border:1px solid #ccc;} .emailIcon {margin-top:1px;float:left;width:25px;height:17px;margin-right:13px;background:transparent url('images/hive7_contact_email_icon.jpg') no-repeat;} .contactInfo {float:left;width:250px;font-weight:bold;text-transform:uppercase;font-size:77%;line-height:116%;} .contactInfo p a {font-size:108%;} .contactMap p {margin:0px 0px 5px 0px;font-size:85%;} .contactMap img {padding:4px;border:1px solid #ccc;} li#text-212530361 ul {margin-left:15px;margin-top:-5px;} li#text-212530361 ul li {list-style-type:none;list-style-image:url('images/hive7_jobs_list_item_square.gif');font-size:123.1%;color:#666666;} /* FOOTER */ #footer-logo-home {position:relative;top:26px;} #footer-logo-home img {margin-left:41px;} #footer-logo {float:left;position:relative;top:26px;margin-left:41px;} #footer {background:url('images/hive7_BG_footer.jpg') repeat-x;text-align:center;} #footer .innerWrapper {width:1054px;margin:0px auto;background:url('images/hive7_BG_footer.jpg') repeat-x top;min-height:250px;height:auto !important;height:250px;} #footerSections {padding-top:70px;margin-left:39px;} .footerItem {float:left;width:200px;min-height:180px;height:auto;height:180px;background:transparent url('images/hive7_footerDivider.png') no-repeat;padding-left:20px;margin-right:100px;padding-top:3px;font-size:77%;color:WHITE;font-weight:normal;} .footerLocationTitle {font-size:121%;font-weight:bold;} .footerItem p {margin-bottom:10px;} .footerItem a {color:WHITE;text-decoration:underline;} .footerItem .edit-link {margin-left:0px;} .footerItem .edit-link a {color:WHITE;} /* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */ div.gallery{clear:both;float:left;width:100%;} div.gallery dl{float:left;text-align:center;} div.gallery dl dt{margin:0;} div.gallery dl dd{margin-left:0;} div.entry-attachment,div.entry-caption{text-align:center;} div.entry-attachment img,div#nav-images div img{overflow:hidden;} body.attachment div#nav-images{clear:both;width:100%;} body.attachment div#nav-images div{padding:1em 0;width:50%;} body.attachment div#nav-images div.nav-previous{text-align:left;} body.attachment div#nav-images div.nav-next{text-align:right;} body.attachment div.entry-meta,body.attachment div#comments{clear:both;}