/* THEME NAME: TG_2009 DESCRIPTION: Powers the Tarver Games website design. VERSION: v1 AUTHOR: nicasio llc */ /* One-column fixed layout with sidebars below content from the /layouts/ folder */ @import url('layouts/1c-b.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 {color:#59daee;text-decoration:none;} a:hover {color:#424242;text-decoration:none;} a img {border:0px solid WHITE;} .edit-link {display:block;margin:15px 0px;} .entry-date .edit-link, .blog-meta .edit-link {display:inline;margin:0px;} /* HIDE THESE ITEMS */ #image-preloader, .linklove, .ddsg-wrapper div, .advertisement font {display:none;} /* RESET FORM FIELDS */ input, textarea, select {font-family:Arial, Helvetica, sans-serif !important;} input, textarea, select {outline: none;} /* removes the on focus blue border in safari */ textarea {resize:none;} /* removes ability to resize field in css3 */ fieldset {border:0px;} /* RESET AD SPACE */ .advertisement * {padding:0px !important;white-space:nowrap;} /* ADD VERTICAL SCROLLBARS TO EVERY PAGE */ html, body {height: 100%;margin: 0 0 1px;} /* MAIN LAYOUT ----------------------------------------------------------------------------- */ body {text-align:center;background-color:#fff;color:#424242;} #wrapper {text-align:left;width:985px;margin:14px auto;position:relative;} /* HEADER ---------------------------------------------------------------------------------- */ #header {height:118px;position:relative;background:transparent url('images/TG_headerBG.gif') no-repeat 0 0;} #header-logo {width:399px;height:50px;position:absolute;top:27px;left:30px;} #header-logo h1 {width:399px;height:50px;overflow:hidden;} #header-logo h1 a {display:block;width:100%;height:100%;position:relative;background:transparent url('images/TG_tarver-games-logo-text.png') no-repeat 0 0;} #header-logo h1 a span {position:absolute;left:-9999px;} #tagline {position:absolute;top:75px;left:34px;} #tagline span {font-family:"Century Gothic", Arial, sans-serif;font-style:italic;font-size:108%;font-weight:normal;text-shadow: #c4c7c9 0px 1px 0px;} #header #search {position:absolute;width:290px;height:30px;top:34px;right:30px;} #header #s {float:left;width:236px;padding:7px 10px 10px 12px;overflow:hidden;background-color:transparent;border:0px;color:#b2b4b7;font-size:108%;} #header #s:focus, #header #s:active {color:#5cdbee;} #header #submitBTN {cursor:pointer;float:left;width:32px;height:30px;overflow:hidden;background:transparent url('images/TG_searchBTN.gif') no-repeat 0 0;border:0px;} #header #submitBTN:hover, #header #submitBTN:focus {background-position:0 100%;} #topNav {position:absolute;bottom:1px;right:12px;text-align:right;} #topNav ul {list-style-type:none;text-align:right;} #topNav li {float:left;padding:0px 17px 7px 17px;} #topNav li.current_page_item, #topNav li.current_page_parent, #topNav li.current_page_ancestor {background:transparent url('images/TG_topNav-currentItemGlow.png') no-repeat center bottom;} #topNav a {color:#5c5c5c;text-shadow: #c4c7c9 0px 1px 0px;font-size:93%;padding:2px;} #topNav a:hover {color:#e5e5e5;text-shadow: #5c5c5c 0px 1px 0px;} #topNav li.current_page_item a, #topNav li.current_page_parent a, #topNav li.current_page_ancestor a {color:#424242;} #topNav li.current_page_item a:hover, #topNav li.current_page_parent a:hover, #topNav li.current_page_ancestor a:hover {color:#424242;text-shadow: #c4c7c9 0px 1px 0px;} body.attachment #topNav li.current_page_ancestor {background:transparent none;} body.attachment #topNav li.current_page_ancestor a {color:#5c5c5c;text-shadow: #c4c7c9 0px 1px 0px;} body.attachment #topNav li.current_page_ancestor a:hover {color:#e5e5e5;text-shadow: #5c5c5c 0px 1px 0px;} /* CONTENT -------------------------------------------------------------------------------- */ #container {margin-top:7px;background:transparent url('images/TG_pageGrid-main.gif') no-repeat 0 0;min-height:309px;padding:0px 49px;} #content {padding-top:19px;} /*.left-content {float:left;width:544px;}*/ .right-content {float:right;width:343px;margin:0px 0px 15px 30px;} h2.page-title {background:transparent url('images/TG_listMarker.gif') no-repeat right center;padding-right:23px;display:inline;} .entry-content h2 {font-size:220%;font-weight:bold;font-style:italic;letter-spacing:-1px;margin-top:20px;line-height:100%;} .entry-content h3 {font-size:131%;font-weight:normal;margin-bottom:15px;} h2.page-title + h3, h2.page-title + p{padding-top:15px;padding-top:15px;} body.home .entry-content h3 {margin-bottom:0px;} .entry-content ul {margin:12px 0px 10px 30px;line-height:151%;} .entry-content li {margin-bottom:5px;} .entry-content ul.featured {list-style-type:none;margin:12px 0px 10px 20px;} .entry-content ul.featured li {margin-right:20px;margin-bottom:5px;background:transparent url('images/TG_listMarker.gif') no-repeat left 6px;padding-left:20px;font-size:116%;color:#666;font-style:italic;} h1#homeTitle {position:relative;width:330px;height:27px;background:transparent url('images/TG_text-home-theMustHaveGame.gif') no-repeat 0 0;} h1#homeTitle span {position:absolute;left:-9999px;} #right-video {position:relative;width:343px;height:192px;margin-top:10px;background:transparent url('images/TG_home-videoPlayerBG.gif') no-repeat 0 0;} #right-video #player1 {position:absolute;top:9px;left:19px;} #right-video p {padding:50px 35px;text-align:center;color:#999;line-height:151%;font-size:116%;} #right-video-glow-top {position:absolute;top:8px;left:0px;z-index:100;background:transparent url('images/TG_home-videoPlayerGlow-top.png') no-repeat 0 0;width:342px;height:8px;} #right-video-glow-bottom {position:absolute;bottom:6px;left:0px;z-index:100;background:transparent url('images/TG_home-videoPlayerGlow-bottom.png') no-repeat 0 0;width:342px;height:8px;} .right-content #video-links {text-align:center;} .right-content #video-links a {font-weight:bold;} #video-buy {height:83px;width:343px;position:relative;background:transparent url('images/TG_home-buyBTN-shadow.gif') no-repeat left 47px;} #video-buy a {position:relative;display:block;width:343px;height:47px;background:transparent url('images/TG_home-buyGhostsAttackBTN.gif') no-repeat 0 0;} #video-buy a:hover {background-position:0 100%;} #video-buy span {position:absolute;left:-9999px;} .entry-content p {margin-bottom:15px;line-height:151%;} .entry-content td {line-height:151%;} .entry-content a {color:#59daee;font-weight:bold;border-bottom:1px dotted #424242;} .entry-content a:hover {color:#424242;} a.post-edit-link {color:#666;font-weight:bold;text-decoration:underline;background:transparent;} a.post-edit-link:hover {color:#59daee;text-decoration:none;} a.addthis_button {background:transparent;} .gallery, .ngg-galleryoverview {clear:both;display:inline;} .gallery dl, .ngg-gallery-thumbnail-box {overflow:hidden;text-align:left;float:left;width:121px;margin-left:31px;} .gallery dl:first-child, .ngg-gallery-thumbnail-box:first-child {margin:0px;} .gallery + .gallery dl:first-child {margin-left:31px;} body.home .gallery + .gallery dl:first-child {margin-left:31px;} .gallery-item, .ngg-gallery-thumbnail-box {width:121px;height:97px;background:transparent url('images/TG_imgThumb-BG.png') no-repeat 0 0;} .gallery-item dt {margin:3px 0px 0px 4px;position:relative;} .ngg-gallery-thumbnail {margin:3px 0px 0px 4px;position:relative;} .ngg-gallery-thumbnail a {border:0px;} .gallery a, .ngg-gallery-thumbnail a, .ngg-gallerysingle-thumbnail a {position:relative;width:113px;height:58px;display:block;overflow:hidden;} .gallery a img, .ngg-gallery-thumbnail a img, .ngg-gallerysingle-thumbnail a img {border:0px;} .gallery a .imgThumbZoom, .ngg-gallery-thumbnail a .imgThumbZoom, .ngg-gallerysingle-thumbnail a .imgThumbZoom {width:16px;height:16px;z-index:100;position:absolute;right:4px;bottom:2px;background:transparent url('images/TG_imgThumb-zoom.png') no-repeat 0 0;} .gallery a:hover .imgThumbZoom, .ngg-gallery-thumbnail a:hover .imgThumbZoom, .ngg-gallerysingle-thumbnail a:hover .imgThumbZoom {background-position:0 100%;} .gallery a .imgThumbGlow, .ngg-gallery-thumbnail a .imgThumbGlow, .ngg-gallerysingle-thumbnail a .imgThumbGlow {width:119px;height:60px;z-index:100;position:absolute;top:-1px;left:0px;background:transparent url('images/TG_home-imgThumbGlow.png') no-repeat 0 0;} .ngg-gallerysingle {overflow:hidden;float:left;width:121px;margin-left:31px;} .galleryContainer {padding-top:10px;} .galleryContainer .ngg-gallerysingle:first-child {margin-left:0px !important;} .ngg-gallerysingle-thumbnail-box {width:121px;overflow:hidden;text-align:left;height:97px;background:transparent url('images/TG_imgThumb-BG.png') no-repeat 0 0;} .ngg-gallerysingle-thumbnail {margin:3px 0px 0px 4px;position:relative;} .ngg-gallerysingle-thumbnail a {border:0px;} .ngg-gallerysingle-thumbnail a img {max-width:113px;} .alignright,img.alignright{float:right;margin:0px 0px 15px 15px;} .alignleft,img.alignleft{float:left;margin:0px 15px 15px 0;} .aligncenter,img.aligncenter{display:block;margin:0px auto 15px auto;text-align:center;} .entry-content input, .entry-content textarea, #comments input, #comments textarea {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .entry-content form {padding-top:15px;} .entry-content input, #comments input, .entry-content textarea, #comments textarea {border:1px solid #999;padding:8px 10px;font-size:116%;} .cform {width:500px !important;} .cform li {clear:both;} .cform input.single {width:200px !important;} .cform textarea {width:350px !important;} .cform input.cf-box-b {display:block;float:left;clear:both;} .cform label.cf-group-after, .cform label.cf-after {display:block !important;float:left !important;width:200px !important;margin-left:5px;padding-top:3px !important;} .cform label.cf-group-after span, .cform label.cf-after span {width:200px !important;} .cform .cf-sb {clear:both;padding-top:15px !important;text-align:left !important;padding-left:95px !important;} .postShare {float:right;margin:0px 0px 15px 15px;width:80px;} .postShare a {border:0px;background:transparent;} #tabber {clear:both;margin-top:25px;width:100%;} #tabber #tabs div.tab {position:relative;line-height:39px;vertical-align:middle;width:295px;float:left;background:transparent url('images/TG_tabOff.png') no-repeat center top;height:39px;font-size:93%;color:#5c5c5c;text-shadow: #e5e5e5 0px 1px 0px;} #tabber #tabs div.tab span {text-align:center;display:block;} #tabber #tabs div.tab a {text-align:center;display:block;background:transparent;font-weight:normal;color:#5c5c5c;text-shadow: #e5e5e5 0px 1px 0px;border:0px;} #tabber #tabs div.tab a:hover {color:#f5f5f5;text-shadow: #5c5c5c 0px 1px 0px;} #tabber #tabs div.tabON {color:#424242;} #tabber #tabs div.tabON div {position:absolute;background:transparent url('images/TG_topNav-currentItemGlow.png') no-repeat center bottom;width:295px;height:37px;} #tabber #tabContent {width:855px;clear:both;padding:10px 15px 0px 15px;} #tabber #tabContent #tabContent-inner {padding:5px 15px 0px 15px;} #tabber #tabContent .tabContent-row {margin-bottom:5px;padding:10px 10px 7px 10px;background-color:#424242;color:#FFF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} #tabber #tabContent .tabContent-row .pressTitle {float:left;width:600px;} #tabber #tabContent .tabContent-row .pressTitle span {font-style:italic;color:#ccc;} #tabber #tabContent .tabContent-row .pressDate {float:left;width:150px;color:#ccc;} #tabber #tabContent .tabContent-row .pressLink {float:left;width:50px;} #tabber #tabContent .tabContent-row-container {margin-bottom:25px;} #tabber #tabContent .tabContent-row-parent {padding:10px 10px 7px 10px;background-color:#424242;color:#FFF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:5px;} #tabber #tabContent .tabContent-row-child {padding:10px 10px 7px 10px;background-color:#727272;color:#FFF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:5px;} a.pdfLink {border:0px;position:relative;background:transparent url('images/pdfIcon.png') no-repeat 0 0;width:16px;height:16px;float:left;} a.externalLink {border:0px;position:relative;background:transparent url('images/externalIcon.png') no-repeat 0 0;width:16px;height:16px;float:left;} a.pdfLink span, a.externalLink span {position:absolute;left:-9999px;} .pressKitContent-row {padding:10px 0px;} .pressKitContent-cell {float:left;width:256px;margin-left:10px;} .pressKitContent-row .pressKitContent-cell:first-child {margin-left:0px;} .pressKitThumb {float:left;width:113px;} .pressKitThumb a {border:0px;} .pressKitAssetInfo {float:left;width:133px;margin-left:10px;} .pressKitType {margin-top:5px;} .pressKitType span {font-weight:bold;} .entry-date {margin-top:10px;margin-bottom:10px;} .entry-meta {margin-top:25px;text-align:center;padding:10px 10px 7px 10px;background-color:#424242;color:#FFF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:5px;} .entry-meta a:hover {color:#FFF;border-bottom:1px dotted #FFF;} div.navigation div.nav-next {float:right;text-align:right;} div.navigation div.nav-previous {float:left;} div.navigation div {width:50%;} div.navigation a {font-weight:bold;border-bottom:1px dotted #424242;} div.navigation + .post {margin-top:15px;} div#nav-below {display:none;} #comments {margin-top:25px;} #comments label {font-size:116%;margin-bottom:2px;} #comments h3 {margin-bottom:15px;} #comments ol li {list-style-type:none;} #commentLeft {width:106px;float:left;margin-right:5px;padding-top:2px;} #commentRight {float:left;width:775px;} .comment-author-pic {width:106px;height:89px;background:transparent url('images/TG_commentsAvatarBG.gif') no-repeat 0 0;} .comment-author-pic img {position:relative;top:6px;left:7px;max-width:75px;max-height:75px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:5px;} .comment-author {margin-bottom:10px;} .comment-author-link {display:inline;padding-right:10px;} .comment-author-link a {font-size:123.1%;font-weight:bold;} .comment-meta {font-size:85%;display:inline;} #comments ol li a {font-weight:bold;border-bottom:1px dotted #424242;} #comments .unapproved {font-style:italic;} .comment-meta .edit-link {display:inline;} #commentRight p {font-style:italic;font-size:116%;} /* LOWER WIDGETS ----------------------------------------------------------------------------- */ #lower {clear:both;position:relative;height:196px;background:transparent url('images/TG_lowerArea-BG.gif') no-repeat 0 0;margin-top:45px;} #tarver-logo {width:271px;height:313px;background:transparent url('images/TG_tarver-games-logo.png') no-repeat 0 0;z-index:100;position:absolute;right:-125px;top:-20px;} #lower #primary {margin-top:25px;} #lower li.widget {float:left;width:210px;margin-left:30px;margin-right:15px;padding-top:13px;} #lower li#text-3 {width:118px;margin:28px 0px 0px 30px;padding-top:0px;} #lower li#text-3 a {display:block;margin-bottom:5px;} #lower li h3 {display:none;} li.widget p {font-size:85%;color:#d7d7d7;line-height:138%;margin-bottom:10px;margin-top:12px;} li.widget p a {color:#d7d7d7;} li.widget p a:hover {color:#5cdbee;} li.widget a.more-link {color:#5cdbee;background:transparent url('images/TG_readMoreBTN.png') no-repeat 0 1px;padding-left:15px;font-size:85%;} li.widget a.more-link:hover {color:#d7d7d7;} img.widgetTitle {display:block;} #newsletterSignup div#newsletterFields {height:25px;overflow:hidden;border:0px;background:transparent url('images/TG_lowerArea-newsletterFields.gif') no-repeat 0 0;} #newsletterSignup input {position:relative;z-index:101;float:left;width:60px;border:0px;padding:6px 4px 4px 4px;background:transparent;color:#FFF;font-weight:bold;font-size:85%;} input#newsletterBTN {cursor:pointer;width:58px;height:12px;border:0px;background:transparent url('images/TG_lowerArea-newsletterBTN.png') no-repeat 0 0;margin-top:5px;} input#newsletterBTN:hover, input#newsletterBTN:focus {background-position:0 100%;} /* FOOTER ----------------------------------------------------------------------------------- */ div#footer {width:830px;line-height:162%;font-family:Verdana, Arial, sans-serif;font-size:85%;} #footerNav {float:left;width:425px;padding-top:9px;margin-left:2px;} #footerNav ul {list-style-type:none;} #footerNav li {float:left;margin-left:15px;} #footerNav li:first-child {margin:0px;} #footerNav li a {color:#424242;} #footerNav li a:hover {color:#59daee;} #footerRSS {float:left;width:163px;text-align:center;padding-top:9px;} #footerRSS a {color:#424242;background:transparent url('images/TG_footerRSS.gif') no-repeat right center;padding:9px 0px;padding-right:30px;} #footerRSS a:hover {color:#59daee;} #footerRight {float:right;width:240px;color:#424242;padding-top:9px;text-align:right;} #footerCredits {float:right;text-align:right;} #footerCredits a {color:#c7c7c7;} #footerCredits a:hover {color:#59daee;} /* Just some example content */ form#commentform .form-label { margin:1em 0 0; } form#commentform span.required { background:#fff; color:#c30; } form#commentform,form#commentform p { padding:0; } 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%; } p.wp-caption-text{ font-style:italic; } div.sidebar h3 { font-size:1.2em; } div.sidebar input#s { width:7em; } div.sidebar li { list-style:none; margin:0 0 2em; } div.sidebar li form { margin:0.2em 0 0; padding:0; } div.sidebar ul ul { margin:0 0 0 1em; } div.sidebar ul ul li { list-style:disc; margin:0; } div.sidebar ul ul ul { margin:0 0 0 0.5em; } div.sidebar ul ul ul li { list-style:circle; } input#author,input#email,input#url { width:50%; }