/*
Theme Name: Podgamer
Description: Podgamer (with added bits)
Version: v0.1
Author: Craig Grannell (snubcommunications.com)
*/

/*
STYLE SHEET FOR OFFICE FOR PODGAMER
Created by Craig Grannell
www.snubcommunications.com

Table of contents
-------------------
1. page defaults
2. masthead and navigation
3. contents and search area
4. sidebar content
5. main content and post areas
6. comments area
7. footer
8. JN tragedy attic
9. OH NO! It's the media queries bit
-------------------

Colour settings
news blue: 0b65d3
reviews red: c00d17
features yellow: fff200
style switcher orange: ff7f00
favourites pink: ec008c

-------------------
*/

/* ---- 1. _page defaults ---- */

body {
background: #000000 url(images/page-background.png) repeat-x;
font: 13px/18px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
}

li { list-style-type: none; }

#skipLinks {
position: absolute;
left: -1000px;
}

#wrapper {
margin: 0 auto;
width: 940px;
}

/* ---- 2. _masthead and navigation ---- */

#masthead {
height: 120px;
background: url(images/masthead-strip.png) 0 100% no-repeat;
position: relative;
margin-bottom: 14px;
}

#logo {
width: 480px;
height: 72px;
text-indent: -2000px;
overflow: hidden;
position: absolute;
top: 14px;
}

#logo a {
width: 480px;
height: 72px;
background: url(images/nav-sprites.png) 0 -200px;
display: block;
}

#logo a:hover {
background: url(images/nav-sprites.png) 0 -300px;
}

#navigation {
position: absolute;
left: 653px;
top: 16px;
}

#navigation ul {
text-indent: -100px;
list-style: none;
width: 287px;
}

#navigation li {
float: left;
margin-right: 7px;
width: 63px;
height: 75px;
overflow: hidden;
}

#navigation a {
float: left;
width: 63px;
height: 75px;
display: block;
}

#nFeatures a { background: url(images/nav-sprites.png) -100px 0; }
#nReviews a { background: url(images/nav-sprites.png) 0 0; }
#nNews a { background: url(images/nav-sprites.png) -200px 0; }
#nForums a { background: url(images/nav-sprites.png) -300px 0; }

#nFeatures a:hover { background: url(images/nav-sprites.png) -100px -100px; }
#nReviews a:hover { background: url(images/nav-sprites.png) 0 -100px; }
#nNews a:hover { background: url(images/nav-sprites.png) -200px -100px; }
#nForums a:hover { background: url(images/nav-sprites.png) -300px -100px; }

/* ---- 3. _contents and search area ---- */

#contentsAndSearch {
line-height: 22px;
overflow: auto;
margin-bottom: 20px;
}

#contentsAndSearch ul,
#contentsAndSearch p {
font-size: 11px;
}

#contentsAndSearch p {
text-align: right;
}

#contentsAndSearch li,
#contentsAndSearch h2 {
border-bottom: 1px dotted #808080;
}

#contentsAndSearch a {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

#contentsAndSearch li a:visited {
color: #cccccc;
}

#contentsAndSearch a:hover {
text-decoration: underline;
}

#latestFeatures h2 {
color: #c00d17;
}

#latestFeatures {
width: 299px;
float: left;
border-bottom: 1px solid #7f7f7f;
padding-right: 21px;
}

#latestFeatures h2 a {
color: #c00d17;
float: right;
}

#latestFeatures h2 a.pg_toggle {
float: left;
}

#latestReviews h2 {
color: #fff200;
}

#latestReviews {
width: 299px;
float: left;
border-bottom: 1px solid #7f7f7f;
margin-right: 21px;
}

#latestReviews h2 a {
color: #fff200;
float: right;
}

#latestReviews h2 a.pg_toggle {
float: left;
}

/* --- search box and contacts info --- */

#searchBoxC {
float: left;
background: url(images/search-background.png);
width: 299px;
margin-top: 5px;
height: 133px;
overflow: hidden;
}

#searchC {
height: 81px;
margin-bottom: 10px;
}

#searchform {
padding: 30px 0 0 75px;
}

#searchform input {
background: none;
border: none;
font-size: 15px;
line-height: 15px;
}

#searchform input:focus {
border: none;
outline: none;
}

#searchBoxC p {
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-align: left;
line-height: 16px;
margin: 0 0 0 10px;
}

#searchBoxC p span {
text-transform: uppercase;
}

/* ---- 4. _sidebar content ---- */

#sidebar {
width: 300px;
float: left;
overflow: hidden;
border-bottom: 10px solid #242529;
}

#latestNews,
#ourFavourites,
#recentComments,
#recentPosts,
#recentBanter,
#mostRead,
#yourFavourites,
#flannelPanel,
#bargAlert,
#latestRecommended,
#latestEssential,
{
border-bottom: 1px solid #7f7f7f;
width: 299px;
}

#latestNews h2 {
color: #0b65d3;
}

#latestNews h2 a {
color: #0b65d3;
float: right;
}

#latestNews h2 a.pg_toggle {
float: left;
}

#ourFavourites h2 {
color: #ec008c;
}

#ourFavourites h2 a {
color: #ec008c;
float: right;
}

#ourFavourites h2 a.pg_toggle {
float: left;
}

#yourFavourites h2 {
color: #ec008c;
}

#yourFavourites h2 a {
color: #ec008c;
float: right;
}

#yourFavourites h2 a.pg_toggle {
float: left;
}

#mostRead h2 {
color: #f00;
}

#mostRead h2 a {
color: #f00;
float: right;
}

#mostRead h2 a.pg_toggle {
float: left;
}

#bargAlert h2 {
color: #f00;
}

#bargAlert h2 a {
color: #f00;
float: right;
}

#bargAlert h2 a.pg_toggle {
float: left;
}

#latestRecommended h2 {
color: #f00;
}

#latestRecommended h2 a {
color: #f00;
float: right;
}

#latestRecommended h2 a.pg_toggle {
float: left;
}

#latestEssential h2 {
color: #f00;
}

#latestEssential h2 a {
color: #f00; 
float: right;
}

#latestEssential h2 a.pg_toggle {
float: left;
}

#styleSwitcher h2 {
color: #ff7f00;
}

#styleSwitcher h2 a {
color: #ff7f00;
float: right;
}

#styleSwitcher h2 a.pg_toggle {
float: left;
}

#archiveMonth h2 {
color: #f00;
}

#archiveMonth h2 a.pg_toggle {
float: left;
}

#recentComments h2 {
color: #0bd3b4;
}

#recentPosts h2 {
color: #00c500;
}

#recentBanter h2 {
color: #00c500;
}

#recentBanter h2 a {
color: #00c500;
float: right;
}

#recentBanter h2 a.pg_toggle {
float: left;
}

#flannelPanel h2 {
color: #f00;
}

#flannelPanel h2 a {
color: #f00;
float: right;
}

#flannelPanel h2 a.pg_toggle {
float: left;
}

#latestNews,
#ourFavourites,
#styleSwitcher,
#archiveMonth,
#recentComments,
#recentPosts,
#recentBanter,
#mostRead,
#yourFavourites,
#flannelPanel,
#bargAlert,
#latestRecommended,
#latestEssential,
#mpuContainer {
margin-bottom: 20px;
}

#mpuContainer {
height: 250px;
overflow: hidden;
background: #000;
color: #fff;
}

#mpuContainer a { color: #f00; }

#sidebar {
line-height: 22px;
}

#sidebar ul,
#sidebar p {
font-size: 11px;
}

#sidebar ul {
line-height: 16px;
}

#sidebar li {
padding: 3px 0;
}

#sidebar p {
text-align: right;
}

#sidebar li,
#sidebar h2 {
border-bottom: 1px dotted #808080;
}

#sidebar a {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

#sidebar li a:visited {
color: #cccccc;
}

#sidebar a:hover {
text-decoration: underline;
}

#latestNews,
#latestFeatures,
#latestReviews,
#recentComments,
#recentPosts,
#recentBanter,
#mostRead,
#yourFavourites,
#ourFavourites,
#bargAlert,
#latestRecommended,
#latestEssential,
#flannelPanel {
color: #bbb;
}

#flannelPanel span { font-size: larger; font-variant: small-caps; }

/* now alt style only
#recentBanter span.c { font-weight: bold; color: #008d00; }
#recentBanter span.f { color: #00a500; }
*/

/* ---- 5. _main content and post areas ---- */

#mainContent {
width: 620px;
float: left;
overflow: hidden;
margin-right: 20px;
}

h2 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

.archiveList h2#lozenge, .searchList h2#lozenge {
margin: 0 auto 0px;
display: block;
line-height: 20px;
font-size: 11px;
background: #c00d17;
font-weight: bold;
padding: 0px 5px;
text-decoration: none;
text-align: center;
color: #ffffff;
width: 200px;
}

.post {
background: url(images/post-background.png);
padding: 20px 23px 20px;
margin-bottom: 20px;
position: relative;
width: 574px;
}

.icon {
position: absolute;
top: 23px;
right: 20px;
width: 65px;
height: 76px;
overflow: hidden;
}

.icon img {
display: block;
margin: 0;
text-align: right;
}

.icon p {
margin: 0;
}

.post h2 {
font-size: 12px;
width: auto;
background: none;
padding: 0;
color: #c00d17;
position: absolute;
line-height: 12px;
}

h3 {
font: bold 30px Arial, Helvetica, sans-serif;
margin-bottom: 10px;
margin-top: 23px;
margin-right: 80px;
}

div.staticPage .post h3, .archiveList .post h3 {
margin-top: 3px;
}

h3 a {
text-decoration: none;
color: #000000;
}

h3 a:hover {
text-decoration: underline;
}

.homePage h3 {
}

h4 {/* cross-head */
font-size: 13px;
margin: 0;
}

h4.byline {
margin: -8px 0px 12px;
padding: 0;
font-size: 12px;
color: #444;
font-weight: normal;
font-style: italic;
}

h4.byline a { color: #444; }
h4.byline a:hover { color: #000000; }

/* spesh guests (PS) */
h4.byline span { color: #c00d17; font-weight: bold;}
h4.byline span a { color: #c00d17;  font-weight: bold;}

h5 {/* multi-review head */
font: bold 20px Arial, Helvetica, sans-serif;
border-top: 1px dotted #aaaaaa;
margin: 23px -20px 12px;
padding: 10px 20px 0;
}

#mainContent p {
font-size: 12px;
margin-bottom: 20px;
}

.post ul, .post ol {
font-size: 12px;
margin-bottom: 20px;
margin-left: 20px;
}

.post ul li {
list-style-type: disc !important;
}

.post ol li {
list-style-type: decimal !important;
}

.post ul li, .post ol li {
margin-bottom: 10px;
}

blockquote {
padding-left: 40px;
font-style: italic;
border-left: 3px solid #dddddd;
}

#mainContent p.gameMeta {
font-size: 11px;
font-weight: bold;
border: 1px solid #dddddd;
background: #eeeeee;
padding: 10px;
width: 470px;
margin: 0;
}

#mainContent p.frontComments {
margin-top: -8px;
border-top: 1px solid #ddd;
font-size: 11px;
padding-top: 10px;
margin-bottom: 10px;
}

.wp-caption {
width: 614px !important;
margin: 0 -20px 20px;
padding: 20px 0 10px;
text-align: center;
background: #5d5e65 url(images/caption-background.png) repeat-x;
}

#ps .wp-caption {
width: 550px !important;
margin: 0 0 20px -20px;
background: #ddd;
}

.wp-caption img {
display: block;
margin: 0 auto 10px;
border: 3px solid #ffffff;
}

.wp-caption p {
margin: 0 auto !important;
}

span.youtube {
width: 614px !important;
margin: 0 -20px 20px;
padding: 20px 0 10px;
text-align: center;
background: #5d5e65 url(images/caption-background.png) repeat-x;
display: block;
}

span.youtube object {
display: block;
margin: 0 auto 10px;
border: 3px solid #ffffff;
}

.post a {
color: #000000;
}

.more-link {
margin: 10px auto;
display: block;
line-height: 20px;
font-size: 11px;
background: #c00d17;
font-weight: bold;
padding: 0 5px;
text-decoration: none;
display: block;
text-align: center;
color: #ffffff;
width: 200px;
}

.post a.more-link {
color: #ffffff;
}

.post a.more-link:hover {
text-decoration: underline;
}

.wp-caption-text {
font-size: 12px;
font-weight: bold;
color: #ffffff;
width: 486px;
margin: 0 auto;
}

.wp-caption-text a { color: #fff; }

img.alignright {
float: right;
margin: 0 0 20px 20px;
}

#mainContent p.rating_squash {
text-align: center;
font-size: 20px;
}

p.rating_squash strong {
color: #c00d17;
font-size: 40px;
}

#mainContent p.rating {
text-align: center;
font-size: 20px;
line-height: 40px;
}

p.rating strong {
color: #c00d17;
font-size: 40px;
}

.postMeta {
background: url(images/post-background.png) 0 100%;
margin: 0 -23px -23px;
padding: 0 23px 43px;
}

.postMetaShort { /* when no sig block */
background: url(images/post-background.png) 0 100%;
margin: 0 -23px -23px;
padding: 0 23px 8px;
}

.authorBadge {
float: left;
margin-right: 20px;
}

#mainContent .postMeta p {
margin: 0;
color: #464646;
font-weight: bold;
}

.postMeta a {
color: #464646;
text-decoration: none;
}

.postMeta a:hover {
text-decoration: underline;
}

.postMeta h4 {
padding-top: 4px;
font-size: 14px;
}

#mainContent .postMeta #ps {
border: 3px solid #c2c2c2;
border-radius: 10px;
width: 510px;
padding: 20px 20px 0;
margin: 46px auto 0;
box-shadow: 0 0 6px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
}

#mainContent .postMeta #ps p {
font-weight: normal; /* to counteract postMeta's bold */
font-size: 12px;
margin-bottom: 20px;
color: #111111;
}

#mainContent .postMeta #ps h6 {
font: bold 16px Arial, Helvetica, sans-serif;
border-top: 1px solid #cccccc;
padding: 23px 0 0;
margin: 0 0 6px;
}

#mainContent .postMeta #ps h6.ps-intro {
border-top: 0;
padding-top: 3px;
}

#mainContent .postMeta #ps h6.ps-intro span {
display: block;
color: #c00d17;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
}

#relatedPosts, #tagged {
background: url(images/related-posts-background.png) no-repeat;
height: 161px;
padding: 0 10px;
margin-bottom: 20px;
line-height: 23px;
color: #fff;
}

#relatedPosts span { font-size: 10px; font-weight: bold; }
#tagged span { font-weight: bold; }

#relatedPosts .twin { font-size: 10px; font-style: normal; }
#relatedPosts .l { width: 49%; float: left; }
#relatedPosts .m { width: 8px; float: left; }
#relatedPosts .r { width: 49%; float: left; }

#relatedPosts h2, #tagged h2 {
padding-top: 5px;
color: #ffffff;
}

#relatedPosts ul, #tagged ul {
font-size: 11px;
font-weight: bold;
}

#relatedPosts li, #tagged li,
#relatedPosts h2, #tagged h2 {
border-bottom: 1px dotted #808080;
}

#relatedPosts a, #tagged a {
color: #ffffff;
text-decoration: none;
}

#relatedPosts li a:visited {
color: #cccccc;
}

#relatedPosts a:hover, #tagged a:hover {
text-decoration: underline;
}

#postNavigation {
margin: 0 auto 0px;
display: block;
line-height: 20px;
font-weight: bold;
padding: 0px 5px;
text-decoration: none;
color: #ffffff;
}

#postNavigation a {
color: #ffffff;
text-decoration: none;
}

#postNavigation a:hover {
text-decoration: underline;
}

#postNavigation .l, #postNavigation .r { width: 250px; font-size: 11px; margin: 0px; background: #c00d17; }

#postNavigation .l { float: left; text-align: center; }
#postNavigation .r { float: right; text-align: center; clear: right; }

/* ---- 6. _comments area ---- */

#commentsContainer {
background: #34363e;
padding: 20px 23px 20px;
margin-bottom: 20px;
position: relative;
width: 574px;
line-height: 20px;
color: #bbbbbb;
}

#commentsContainer h2 {
color: #ffffff;
margin-bottom: 10px;
}

#commentsContainer h3 {
font-size: 12px;
margin: 0;
border-bottom: 1px solid #808080;
padding-bottom: 10px;
}

#commentsContainer a {
color: #eeeeee;
}

ol.commentlist {
list-style: none;
}

.commentlist cite {
font-size: 11px;
font-weight: bold;
font-style: normal;
color: #ffffff;
}

.commentlist .comment-body {
padding: 10px 0;
}

.commentmetadata {
float: right;
font-size: 11px;
margin-top: -20px;
}

#commentsContainer .commentmetadata a {
color: #bbbbbb;
}

.comment-body p {
color: #ffffff;
}

.comment-author-craig-grannell>div div cite,
.comment-author-reverendstu>div div cite,
.comment-author-jn>div div cite {
background: #666666;
padding: 3px 10px;
font-size: 12px;
}

.bypostauthor>div div cite {
background: #c00d17;
padding: 3px 10px;
font-size: 12px;
}

.comment-reply-link {
background: #808080;
font-size: 11px;
font-weight: bold;
padding: 0px 5px;
text-decoration: none;
display: block;
width: 40px;
text-align: center;
float: right;
margin-top: -20px;
}

.comment-reply-link:hover {
text-decoration: underline;
}

.commentlist .children {
list-style: none;
padding-left: 40px;
}

.commentlist li {
border-bottom: 1px solid #808080;
}

.commentlist .children li {
border: 0;
border-top: 1px dotted #808080;
}

#respond {
padding-top: 20px;
}

#respond h3 {
border: 0;
margin-bottom: 0;
}

#respond form, #respond label {
font-size: 12px;
}

#respond form #author,
#respond form #email,
#respond form #url {
border: 0;
font-size: 13px;
line-height: 20px;
height: 20px;
width: 230px;
margin-right: 10px;
border-left: 10px solid #ccc;
padding-left: 10px;
color: #000000;
}

#respond #comment {
border: 0;
font-size: 13px;
line-height: 20px;
width: 554px;
border-left: 10px solid #ccc;
padding-left: 10px;
color: #000000;
}

#respond input:hover, #respond textarea:hover {
background: #eeeeee;
}

#respond #comment:focus,
#respond form #author:focus,
#respond form #email:focus,
#respond form #url:focus {
border-left-color: #fff200;
background: #ffffff;
outline: none;
}

#respond #submit {
background: #ffffff;
border: 0;
padding: 10px 15px;
font-size: 12px;
font-weight: bold;
}

#respond #submit:hover {
background: #fff200;
cursor: pointer;
text-decoration: underline;
}

.cancel-comment-reply a {
display: block;
line-height: 20px;
font-size: 11px;
background: #c00d17;
font-weight: bold;
padding: 0px 5px;
text-decoration: none;
display: block;
text-align: center;
float: right;
margin-top: -27px;
}

/* ---- 7. _footer area ---- */

#footer {
clear: both;
background: url(images/masthead-strip.png) 0 20px no-repeat;
padding-top: 60px;
color: #dddddd;
font-size: 11px;
text-align: center;
}

#footer a {
color: #dddddd;
}

/* ---- 8. spesh (one-off pages) ---- */

/* score explan table for About */
.ratingTable {
border: 0;
width: 570px;
border-collapse: collapse;
}

.ratingTable tr {
height: 60px;
}

.ratingTable th {
font-weight: bold;
color: #c00d17;
font-size: 40px;
width: 80px;
}

body table td.rCat {
font-size: 25px;
font-weight: bold;
width: 140px;
text-align: center;
border-bottom: 5px solid #aaaaaa;
color: #aaaaaa;
}

.ratingTable .endGroup th,
.ratingTable .endGroup td {
border-bottom: 5px solid #c00d17;
}

.ratingTable a {
text-decoration: none;
color: #c00d17;
}

.ratingTable .rCat a {
color: #aaaaaa;
}

.ratingTable a:hover {
text-decoration: underline;
}

/* JN offline dev */
span#mr_pop { display: none; }

/* pods of view table */
.view { width: 570px; border: 0px solid #000; border-collapse: collapse; }
.view tr { height: 90px; }
.view tr.view_title { background: #fff; }
.view tr.view_title span { font-size: x-small; }
.view tr.bod_sc { background: #fff; }
.view tr.bod_cg { background: #fff; }
.view tr.bod_ng { background: #fff; }
.view tr.bod_pg { background: #fff; }
.view tr.bod_JN { background: #fff; }
.view tr.bod_dead { background: #fff; }

.view td { width: 114px; padding: 0px; vertical-align: middle; text-align: center; } /* ie, (570 / 5) games */
.view td.view_title { border-bottom: 1px solid #000; border-right: 1px solid #000; background: #fff; font-size: larger; }
.view td.bod_sc { border-right: 1px solid #000; background: url(images/RevStu.png) 12px 8px no-repeat; }
.view td.bod_cg { border-right: 1px solid #000; background: url(images/Craig_Grannell.png) 12px 8px no-repeat; }
.view td.bod_ng { border-right: 1px solid #000; background: url(images/Nathan_Grayson.png) 12px 8px no-repeat; }
.view td.bod_pg { border-right: 1px solid #000; background: url(images/Podgamer.png) 12px 8px no-repeat; }
.view td.bod_JN { border-right: 1px solid #000; background: url(images/J_Nash.png) 12px 8px no-repeat; }
.view td.bod_dead { border-right: 1px solid #000; background: #fff; font-size: smaller; }

/* game names (border top, bottom, right) */
.view td.game1 { border-top: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; background: #888; font-weight: bold; }
.view td.game2 { border-top: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; background: #aaa; font-weight: bold; }
.view td.game3 { border-top: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; background: #888; font-weight: bold; }
.view td.game4 { border-top: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; background: #aaa; font-weight: bold; }
.view td.game5 { border-top: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; background: #888; font-weight: bold; }

/* bod views (border bottom, right) */
.view td.view1 { border-bottom: 1px solid #000; border-right: 1px solid #000; background: #888; padding: 4px; font-size: smaller; }
.view td.view2 { border-bottom: 1px solid #000; border-right: 1px solid #000; background: #aaa; padding: 4px; font-size: smaller; }
.view td.view3 { border-bottom: 1px solid #000; border-right: 1px solid #000; background: #888; padding: 4px; font-size: smaller; }
.view td.view4 { border-bottom: 1px solid #000; border-right: 1px solid #000; background: #aaa; padding: 4px; font-size: smaller; }
.view td.view5 { border-bottom: 1px solid #000; border-right: 1px solid #000; background: #888; padding: 4px; font-size: smaller; }
.view td.view_blank { border-bottom: 1px solid #000; border-right: 1px solid #000; background: #000; padding: 4px; font-size: smaller; }
/* end of pods of view table */

/* SCIENCE table */
.SCIENCE { width: 570px; border: 0px solid #000; border-collapse: collapse; }
.SCIENCE tr { height: 50px; }
.SCIENCE tr.d { background: #fff; }
.SCIENCE td { width: 57px; padding: 0px; vertical-align: middle; text-align: center; }

/* def bits */
.SCIENCE td.d { border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; width: 57px; font-size: x-small; }
.SCIENCE td.d.t { border-top: 0px; font-weight: bold; font-size: smaller; }
.SCIENCE td.d.t.b { border-bottom: 0px; }

/* game bits */
.SCIENCE td.gn { border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; font-size: smaller; font-style: italic; padding: 4px; }
.SCIENCE td.g { border-bottom: 1px solid #000; border-right: 1px solid #000; }
.SCIENCE td.g.y { background: url(images/tick_green32x32.png) 12px 8px no-repeat; }
/* end of SCIENCE table */

/* ---- 8 Part II. blocks, blobs and awards ---- */

/* recom and ess */
.award { text-align: center; padding: 0px; margin: -4px 0 16px 0; }
.award_up { text-align: center; padding: 0px; margin: 16px 0 -4px 0; }
.award_down { text-align: center; padding: 0px; margin: 20px 0 -16px 0; }

/* game info block */
#wrapper p.info {
margin-top: -3px;
margin-bottom: 20px;
font-weight: bold;
font-size: 11px;
color: #444444;
padding: 10px;
background: #eeeeee;
border: 1px solid #dddddd;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

#wrapper p.info a {
color: #444444;
}

/* sock */
.sociable {
float: left;
}

.sociable ul {
overflow: auto;
}

.sociable img {
padding-top: 5px !important;
}

.sociable img:hover {
padding-top: 0 !important;
}

/* judgment thumbs */
#ratings-c {
margin: 17px 0 15px;
height: 66px;
width: 80px;
float: right;
}

#ratings-c div.judge {
margin-bottom: -2px !important;
text-align: right;
}

#ratings-c img {
padding-top: 5px !important;
margin-left: 5px;
}

/* exclusive P Gamer disastrous aggravation-avoiding ruin-o-tip */
.spoiler { background: #000; color: #000; padding: 2px; }
.spoiler:hover { color: #fff; }

/* P Gamer quiz */
#pgq { padding-bottom: 48px; }
#pgq_yes, #pgq_no { margin-top: 8px; width: 32px; padding: 8px; border: 1px solid #000; }
#pgq_text { text-align: left; }
#pgqc { text-align: center; }
#pgq_yes { text-align: center; float: left; }
#pgq_no { text-align: center; float: right; }
#pgq_yes a, #pgq_no a { text-decoration: none; }
#pgq_yes a:hover { background: #0f0; }
#pgq_no a:hover { background: #f00; }

/* currency pop-up test */
abbr { border-bottom: 1px dotted #000; }

/* ---- 9. _media queries ---- */

/* iPad */
@media screen and (max-device-width:480px), (min-device-width:481px) and (max-device-width:1024px) {
.post {
background: #ffffff;
border: 3px solid #c00d17;
padding: 17px 20px 17px;
-webkit-border-radius: 10px;
}
input, textarea {
-webkit-appearance: none !important;
-webkit-border-radius: none;
}
#respond form #author,
#respond form #email,
#respond form #url,
#respond #comment {
background-color: #ffffff;
padding: 5px 10px;
-webkit-border-radius: 0px;
}
#respond #comment {
width: 544px;
}
}

/* all iPhone/v thin browser */
@media  screen and (max-device-width: 480px),
screen and (max-width: 480px) {

h4.byline, #mainContent .post p {
font-size: 19px;
line-height: 30px;
margin-bottom: 30px;
}

.more-link {
font-size: 19px;
line-height: 30px;
width: 350px;
}

abbr { border: 0px; }
}

/* iPhone landscape */
/*@media (max-device-width:480px) and (orientation:landscape) { } */

/* iPhone portrait */
/* @media (max-device-width:320px) and (orientation:portrait) { } */
/*
     FILE ARCHIVED ON 04:45:01 Nov 27, 2010 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:58:32 Sep 11, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.607
  exclusion.robots: 0.055
  exclusion.robots.policy: 0.043
  esindex: 0.01
  cdx.remote: 25.129
  LoadShardBlock: 187.17 (3)
  PetaboxLoader3.datanode: 157.133 (4)
  load_resource: 127.016
  PetaboxLoader3.resolve: 47.83
*/