/*
Theme Name: WWQ Blog
Theme URI: http://thewwqgame.org/
Description: Theme for the Official WWQ Blog.
CSS Horror by Adam, who was too busy that week and had to go to sleep.
Please don't judge us by this code. We're much better usually. 

The design rocks thought. You know you love it.

Version: 1.0
Author: Internet Life
Author URI: http://internetlife.co.il/

      CSS Layout Created by Keith Donegan of Code-Sucks.com
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:url(images/bg.gif) top center;
}
.topbg {position:absolute; width:100%; z-index:-2; top:0px; left:0px; height:372px; background:url(images/header3.jpg) top center repeat-x;}

#wrapper { 
 margin: 0 auto;
 width: 972px;
}
.centerize { 
 margin: 0 auto;
 width: 972px;
}
#faux {
 background: url(faux-4-2-col.gif);
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#topStrip {
 color: #666;
 padding: 0px;
 height: 54px;
 margin: 0px 0px 0px 0px;
 background: url(images/topStrip.png) top center repeat-x;
}
#header {
 color: #666;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 height:200px;
}
#rightcolumn { 
 display: inline;
 color: #666;
 margin: 0px;
 padding: 0px;
 width: 310px;
 float: right;
}
#leftcolumn { 
 float: left;
 color: #fff;
 margin: 0px 16px 0px 0px;
 padding: 0px;
 width: 644px;
 display: inline;
 position: relative;
}
#footer { 
 width: 992px;
 clear: both;
 color: #666;
 margin: 0px 0px 20px 0px;
 padding: 0px 15px;
}
.clear { clear: both; background: none; }
img {border:0px;}
input, textarea {outline-style:none;} /* remove safari blue highlight

/* General Stuff */
a:link {color:#cc00cc; text-decoration:none;}
a:visited {color:#cc00cc; text-decoration:none;}
a:hover {text-decoration:underline;}

#topStrip ul li {font-size:14px; font-weight:bold; list-style:none; display:block; float:left; margin:0 30px 0px 0px; background:url(images/topStripSep.png) right 3px no-repeat;}
#topStrip ul li a:link {display:block; color:white; padding:8px 30px 0 0; height:22px;}
#topStrip ul li a:visited {display:block; color:white; padding:8px 30px 0 0; height:22px;}
#topStrip ul li a:hover {color:#99cc00; text-decoration:none;}
#topStrip ul li.current a:link {color:#666;}
#topStrip ul li.current a:visited {color:#666;}
#topStrip ul li.current a:hover {color:#99cc00;}
#topStrip ul li a.home:link {padding:8px 30px 0 20px; background:url(images/homeIcon.gif) left center no-repeat;}
#topStrip ul li a.home:visited {padding:8px 30px 0 20px; background:url(images/homeIcon.gif) left center no-repeat;}
#topStrip ul li.current a.home:link {padding:8px 30px 0 20px; background:url(images/homeIconOn.gif) left center no-repeat;}
#topStrip ul li.current a.home:visited {padding:8px 30px 0 20px; background:url(images/homeIconOn.gif) left center no-repeat;}

#header .logo {float:left; margin: 7px 0 0 0;}
#header .rwethereyet {height:80px; width:200px; float:left; margin: 114px 0 0 0;}
#header .rwethereyet .rweBubble {display:block; height:32px; background:url(images/bubble_left.png) top left no-repeat; float:left; padding:0 0 0 10px; margin:0 0 0 15px;}
#header .rwethereyet .rweBubble a:link {display:block; height:28px; background:url(images/bubble_right.png) top right no-repeat; padding:4px 10px 0px 5px; color:#666; font-size:11px;}
#header .rwethereyet .rweBubble a:visited {display:block; height:28px; background:url(images/bubble_right.png) top right no-repeat; padding:4px 10px 0px 5px; color:#666; font-size:11px;}
#header .rwethereyet .rweBubble a:hover {display:block; height:28px; background:url(images/bubble_right.png) top right no-repeat; padding:4px 10px 0px 5px; color:#666; font-size:11px; text-decoration:none; cursor:default;}
#header .rwethereyet .silhouette {float:left; margin: 0px 30px 0 0;}

#leftcolumn .LeftColumnTop {height:6px; background:url(images/contentColumnTop.png) top right no-repeat;}
#leftcolumn .LeftColumnMid {background:url(images/contentColumnBg.png) top right; padding:20px 0 20px 0; width:630px; margin:0 0 0 14px; min-height:640px;}
#leftcolumn .LeftColumnBot {height:145px; background:url(images/contentColumnBot.png) top right no-repeat;}
#leftcolumn .singlePost {margin:0 40px 40px 40px; padding:0 0 40px 0; background:url(images/postSep.gif) bottom center repeat-x;}
#leftcolumn .singlePost h1 {font-size:30px; margin:0px 0px 10px 0px;}
#leftcolumn .singlePost h1 a:link {color:white; text-decoration:none;}
#leftcolumn .singlePost h1 a:visited {color:white; text-decoration:none;}
#leftcolumn .singlePost h1 a:hover {color:#669900; text-decoration:none;}

#leftcolumn .singlePost .postMeta {color:#666; font-size:12px;}
#leftcolumn .singlePost .dateFlop {color:#314b00; z-index:204; position:relative; margin:15px 0 0px -54px; background:url(images/dateFlop.png) top center no-repeat; height:40px; width:115px; padding:0 0 0 55px; font-weight:bold; text-align:center;}
#leftcolumn .singlePost .dateFlop .year {font-size:21px; float:left; margin:0 4px 0 0;}
#leftcolumn .singlePost .dateFlop .day {font-size:13px; float:left; height:14px; margin:1px 0 0 0;}
#leftcolumn .singlePost .dateFlop .month {font-size:8px; float:left; margin:13px 0px 0 -16px; height:10px;}
#leftcolumn .singlePost .dateFlop .commentCount {margin:5px 0 0 40px; float:left;}
#leftcolumn .singlePost .postContent {margin:0px 0px 20px 0px; font-size:14px; line-height:24px; font-weight:normal;}
#leftcolumn .singlePost .postContent p {margin-bottom:15px;}
#leftcolumn .singlePost .postMore {font-size:16px; font-weight:bold; margin: 10px 0px 0px 0px;}
#leftcolumn .singlePost .img {background:url(images/postImgBorder.gif) top center no-repeat; height:216px; width:543px; padding:8px 0 0 8px; margin:20px 0;}
#leftcolumn .singlePost .sep {background:url(images/postSep.gif) bottom center repeat-x; margin:10px 0; clear:both; height:5px}
#leftcolumn .inner {background:url(none); min-height:700px;}

#leftcolumn .shareBar {height:41px; width:551px; background:url(images/shareBar.jpg) top center no-repeat;}
#leftcolumn .shareSumpin {display:block; border:0px solid green; float:left; vertical-align:middle;}
#leftcolumn .shareTweet {margin:12px 0 0 41px;}
#leftcolumn .shareDigg {margin:12px 0 0 15px;}
#leftcolumn .shareDel {margin:11px 0 0 36px; color:#333; font-weight:bold; font-size:14px;}
#leftcolumn .shareDel img {vertical-align:middle; margin:0 5px 0 0}
#leftcolumn .shareShare {margin:12px 0 0 51px;}
#leftcolumn .shareShare a:link {color:#333; font-weight:bold; font-size:14px;}
#leftcolumn .shareShare a:visited {color:#333; font-weight:bold; font-size:14px;}

#leftcolumn .commentZone h3 {font-size:30px; color:#666; margin:30px 0 40px 0;} 

#leftcolumn a.commentButton:link {outline:0px; float:right; display:block; height:25px; width:107px; background:url(images/commentButton.png) top center no-repeat; color:white; padding:8px 0 0 35px; margin:-70px 0 0 0;}
#leftcolumn a.commentButton:visited {outline:0px; float:right; display:block; height:25px; width:107px; background:url(images/commentButton.png) top center no-repeat; color:white; padding:8px 0 0 35px; margin:-70px 0 0 0;}
#leftcolumn a.commentButton:hover {text-decoration:none;}

#leftcolumn .commentButton span {display:block;}

#leftcolumn .singleComment {width:550px; clear:both; margin:0 0 20px 0; font-size:14px;}
#leftcolumn .singleComment .avatarThumb {float:left; width:68px; height:67px; padding:8px 0 0 7px; background:url(images/avatarBorder.gif) top center;}
#leftcolumn .singleComment .commentTop {width:430px; height:22px; padding:10px 0 0 40px; background:url(images/commentTop.png) right top no-repeat; float:right;}
#leftcolumn .singleComment .commentBody {width:470px; background:url(images/commentBg.png) right top repeat-y; float:right; padding:0px; margin:0px;}
#leftcolumn .singleComment .commentBody p {margin:0 10px 0 40px; line-height:24px;}
#leftcolumn .singleComment .commentBody span {margin:0 0 0 40px;}
#leftcolumn .singleComment .commentBot {width:470px; height:16px; background:url(images/commentBot.gif) right bottom no-repeat; float:right; vertical-align:bottom; padding:0px; margin:0px;}
#leftcolumn .singleComment .commentDate {font-size:12px; color:#666;}
#leftcolumn .singleComment .commentAuthor {color:#666; line-height:30px;}

#leftcolumn .commentZone fieldset {border:0px;}
#leftcolumn .commentZone fieldset label {display:block; margin:0 0 10px 0;}
#leftcolumn .commentZone fieldset .commentButton {margin:-42px 0 0 0;}
#leftcolumn .commentZone textarea {border:0px; height:117px; width:540px; padding:10px 0 0 10px; background:url(images/commentTxt.png) top center no-repeat; font-size:14px; color:#666; margin:0 0 10px 0; font-family:arial; overflow:hidden;}
#leftcolumn .commentZone input {border:0px; height:26px; width:241px; padding:7px 0 0 10px; background:url(images/commentInput.png) top center no-repeat; font-size:14px; color:#666; font-family:arial;}
#leftcolumn .commentZone .req {height:15px; width:49px; padding:6px 0 0 11px; background:url(images/required.png) center center no-repeat; text-transform:uppercase; font-size:8px; display:block; float:right; margin:-128px 10px 0 0; position:relative; z-index:2;}
#leftcolumn .commentZone .lInp {width:251px;}
#leftcolumn .commentZone .lInp .req {margin:-28px 8px 0 0;}

#leftcolumn .contactZone fieldset {border:0px;}
#leftcolumn .contactZone fieldset label {display:block; margin:0 0 10px 0; float:left;}
#leftcolumn .contactZone fieldset .sec {margin-left:47px;}
#leftcolumn .contactZone fieldset .commentButton {margin:0px 0 0 0;}
#leftcolumn .contactZone textarea {border:0px; height:117px; width:540px; padding:10px 0 0 10px; background:url(images/commentTxt.png) top center no-repeat; font-size:14px; color:#666; margin:0 0 10px 0; font-family:arial; overflow:hidden;}
#leftcolumn .contactZone input {border:0px; height:26px; width:241px; padding:7px 0 0 10px; background:url(images/commentInput.png) top center no-repeat; font-size:14px; color:#666; font-family:arial;}
#leftcolumn .contactZone .req {height:15px; width:49px; padding:6px 0 0 11px; background:url(images/required.png) center center no-repeat; text-transform:uppercase; font-size:8px; display:block; float:right; margin:-128px 10px 0 0; position:relative; z-index:2;}
#leftcolumn .contactZone .lInp {width:251px;}
#leftcolumn .contactZone .lInp .req {margin:-28px 8px 0 0;}

#rightcolumn .sideBarTop {height:5px; background:url(images/sideBarTop.png) top center no-repeat;}
#rightcolumn .sideBarMid {background:url(images/contentColumnBg.png) top center;}
#rightcolumn .sideBarBot {height:70px; background:url(images/sideBarBot.png) top center no-repeat;}
#rightcolumn p, h1, h2, h3, h4, h5 {margin:0 40px;}
#rightcolumn .m30 {margin:0 30px 20px 30px;}

#rightcolumn .black {font-size:15px; color:#666; display:block;}

#rightcolumn .sideRSS a:link {display:block; background:url(images/rss.png) left center no-repeat; padding:15px 0 0 65px; height:50px;}
#rightcolumn .sideRSS a:visited {display:block; background:url(images/rss.png) left center no-repeat; padding:15px 0 0 65px; height:50px;}
#rightcolumn .sideRSS a:hover {background:url(images/rss_on.png) left center no-repeat; text-decoration:none;}
#rightcolumn .sideRSS .orange {font-size:18px; font-weight:bold; color:#ff6600;}

#rightcolumn .sideTwitter {margin-bottom:30px;}
#rightcolumn .sideTwitter a:link {display:block; background:url(images/twitter.png) left center no-repeat; padding:15px 0 0 65px; height:50px;}
#rightcolumn .sideTwitter a:visited {display:block; background:url(images/twitter.png) left center no-repeat; padding:15px 0 0 65px; height:50px;}
#rightcolumn .sideTwitter a:hover {background:url(images/twitter_on.png) left center no-repeat; text-decoration:none;}
#rightcolumn .sideTwitter .orange {display:block; padding:3px 0 0 0;}

#rightcolumn h3 {font-weight:normal; font-size:17px; margin-bottom:10px;}
#rightcolumn ul {padding:0px; margin:0px 40px 40px 40px; list-style:none; font-size:14px;}
#rightcolumn ul li {margin:0 0 10px 0;}
#rightcolumn ul li a:link {display:block;}
#rightcolumn ul li a:visited {display:block;}

#rightcolumn #theMail {height:60px; overflow:hidden;}
#rightcolumn #theMail #sideEmailSent {display:none;}
#rightcolumn #theMail .emailError {display:none;}
#rightcolumn #theMail .thanks {font-size:11px;}
#rightcolumn #sideEmail {display:block; height:33px; width:251px; background:url(images/sideEmail.png) top center no-repeat;}
#rightcolumn #sideEmail input {height:23px; width:132px; background:#ccc; border:0px solid green; font-size:14px; color:#666; padding:5px 0 0 0; margin:2px 0px 0px 14px;}
#rightcolumn #sideEmail a:link {background:url(none); float:right; margin:-22px 15px 0 0; color:white; outline:0px; padding:0px;}
#rightcolumn #sideEmail a:visited {background:url(none); float:right; margin:-22px 15px 0 0; color:white; outline:0px; padding:0px;}
#rightcolumn #sideEmail .emailError {color:red;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#rightcolumn #sideEmail a:link {margin:8px 15px 0 0;}
} /* Quick fix for Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
#rightcolumn #sideEmail a:visited {margin:8px 15px 0 0;}
} /* Quick fix for Safari */


#rightcolumn #sideEmailSent {display:block; height:25px; width:251px; background:url(images/sideEmailSent.png) top center no-repeat; text-align:center; padding:8px 0 0 0;}

.bringDownIE6 {display:none;}

#footer .footerChar {float:left; display:block; margin:-5px 0 0 0;}
#footer p {font-size:12px; color:#666; padding: 0 0 0 60px; line-height:20px;}
#footer p a {display:block; float:left; width:100px; margin:-20px 0 0 60px;}