/*
Weekly Geek CSS
by Chris Furniss




*/




/* =================== 1.0 GLOBAL ITEMS ================================ */




/* ------------------- 1.1 housecleaning ----------------- */




html, body, form {
margin:0;
padding:0;
}




a{outline:none;}




a img {
border:0;
}




.clear{clear:both;} /* generic clearing class used to stretch bgs */




/* ------------------- 1.2 Outer structural parts -------- */








#content {
width:850px;
position:relative;
margin:0 auto;
padding:0;
border:3px solid #6E9740;
background:#fff;
z-index:2;
overflow:visible;
clear:both;
}




#alpha {
width:129px;
float:left;
padding:48px 10px 4px 10px;
margin:0;
text-align:right;
font-size:11px;
line-height:14px;
overflow:visible;
}




*html #alpha {
width:119px;
padding-right:0;
}




#beta {
float:left;
width:548px;
border-top:1px dotted #323232;
border-left:1px dotted #DEC1DE;
border-right:1px dotted #DEC1DE;
padding:0;
margin:0;
}




#delta {
float:left;
width:149px;
margin:0;
padding:0;
font-size:11px;
line-height:14px;
z-index:1;
}




#footer {
background:#6F973F;
height:100px;
text-align:center;
padding:10px;
color:#B1D686;
font-size:11px;
}




#footer a {
color:#B1D686;
}




/* ------------------- 1.3 Default text/img -------------- */




body {
background:#93C956 url(http://weeklygeekshow.com/new_weekly_geek_test/img/bg.jpg) top left repeat-x;
font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;
font-size:14px;
line-height:24px;
color:#3E3E3E;
}




form, input, textarea, select, radio {
}




input {
}




h1 {
}




h2 {
}




h3 {
}




ul {
}




li {
}




a, a:link, a:active, a:visited {
color:#963695;
text-decoration:none;
}




a:visited {
color:#963695;
text-decoration:none;
}




a:hover {
color:#963695;
text-decoration:underline;
}








a.arrow {
padding-right:16px;
background:url(http://weeklygeekshow.com/new_weekly_geek_test/img/arrow.jpg) center right no-repeat;
padding-top:2px;
padding-bottom:2px;
}




blockquote {
color:#666666;
border-left:3px solid #6E9740; 
padding-left:10px;
}




.mt-image-left {
    float: left;
    margin: 0 20px 20px 0;
}




.mt-image-center {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}




.mt-image-right {
    float: right;
    margin: 0 0 20px 20px;
}




.enclosure a, a.button-download, a.button-arrow, a.button-email {
display:block;
width:88px;
height:28px;
text-align:left;
font-size:11px;
margin:14px 8px;
padding:0 28px 0 10px;
color:#fff;
line-height:24px;
text-transform:lowercase;
}




a.button-email {
background:url(http://weeklygeekshow.com/new_weekly_geek_test/img/button-email-bg.jpg) top left no-repeat;
}




.enclosure a, a.button-download {
background:url(http://weeklygeekshow.com/new_weekly_geek_test/img/button-download-bg.jpg) top left no-repeat;
}




a.button-arrow {
background:url(http://weeklygeekshow.com/new_weekly_geek_test/img/button-arrow-bg.jpg) top left no-repeat;
}




strong.caption {
font-style:italic;
font-size:12px;
font-weight:bold;
margin:10px auto;
text-align:center;
display:block;
}




/* =================== 2.0 HEADER ITEMS ================================ */




#header {
width:858px;
height:50px;
margin:0 auto;
position:relative;
overflow:visible;
z-index:5;
padding:0;
}




#header a {
color:#fff;
}




#header a:hover {
color:#ffea2;
border-bottom:1px #fff dotted;
text-decoration:none;
}




#header ul#topnav {
list-style:none;
margin:0;
padding:0;
float:right;
height:50px;
}




#header ul#topnav li {
list-style:none;
margin:0;
padding:14px 18px 0 18px;
float:left;
background:url(http://weeklygeekshow.com/new_weekly_geek_test/img/topnav-li.jpg) top right no-repeat;
}




#header ul#topnav li a {
color:#fff;
font-size:17px;
font-weight:bold;
}




#header #logo {
position:absolute;
top:0;
left:-87px;
z-index:100;
}




#header #signin {
position:absolute;
width:200px;
height:42px;
left:88px;
margin:0;
padding:8px 0 0 10px;
line-height:18px;
font-size:11px;
}




#header #signin .userpic {
display:none;
/*width:40px;
height:40px;
position:absolute;
top:6px;
left:0;
border:1px solid #6E9740;*/
}




#header #signin h3 {
display:none;
}












#header #signin p {
color:#fff;
margin:0;
padding:0;
font-weight:bold;
font-size:11px;
}




#header #signin p a {
font-size:11px;
font-weight:bold;
}




#header li label {
display:none;
}








#header input.text {
background:#76A945;
color:#fff;
font-size:14px;
font-weight:bold;
height:16px;
width:114px;
padding:4px;
margin:0;
border:0;
float:left;
}




#header input.submit {
padding:0;
margin:4px;
float:left;
}




#ad-top {
padding:0;
margin:12px;
float:right;
text-align:right;
width:746px;
background:#383838;
border-bottom:1px solid #DEC1DE;
}








/* =================== 3.0 NAVIGATION & LINK STYLES ==================== */












/* =================== 4.0 HOMEPAGE-SPECIFIC =========================== */












/* =================== 5.0 CONTENT-SPECIFIC ============================ */




/* ------------------- 5.1 Standard content guidelines -------------------- */












#alpha ul {
margin:10px 0 20px 0;
padding:0;
list-style:none;
}




#alpha ul li {
margin:7px 0;
padding:0;
}








#alpha p {
margin:14px 0;
padding:0;
}




#alpha #ad-skyscraper {
width:172px;
padding:8px 4px 4px 4px;
text-align:center;
height:632px;
margin-left:-45px;
margin-top:14px;
margin-bottom:14px;
margin-right:0;
background:url(http://weeklygeekshow.com/new_weekly_geek_test/img/ad-skyscraperbg.jpg) bottom left no-repeat;
z-index:1000;
clear:both;
}




#alpha #ad-skyscraper p.advertise {
display:block;
margin:0;
padding:0;
}




#alpha #ad-skyscraper p.advertise a {
color:#93C956;
}








#alpha .email {
background:url(img/email.gif) top left no-repeat;
}




#alpha .twitter {
background:url(img/icon_twitter.gif) top left no-repeat;
}




#alpha .email,
#alpha .twitter {
display:block;
width:14px;
float:right;
height:17px;
margin:0 2px;
text-indent:1000000px;
outline:none;
overflow:hidden;
}




#alpha p span {
display:block;
}




#beta p {
font-weight:lighter;
}




#beta p strong {
font-weight:900;
}




#delta h2 {
background:url(http://weeklygeekshow.com/img/delta-h2bg.jpg) top left no-repeat;
height:29px;
line-height:30px;
width:129px;
padding:0 0 0 10px;
margin-left:-1px;
margin-right:0;
margin-top:14px;
margin-bottom:14px;
color:#fff;
font-size:14px;
font-weight:bold;
}




#delta h2 a {
color:#fff;
}




#delta h3, #delta span.headline {
margin:0 10px 8px 10px;
padding:0;
font-size:11px;
font-weight:bold;
display:block;
clear:both;
}




#delta span.headline a {
margin:0;
padding:0;
}




#delta p, #delta .feedburnerFeedBlock div {
margin:14px 14px 14px 10px;
}




#delta ul {
margin:0 0 0 10px;
padding:0;
width:129px;
list-style-image:url(http://weeklygeekshow.com/img/bullet-delta.gif);
}




#delta ul li {
margin:0 14px 8px 10px;
padding:0;




}




#delta .feedburnerFeedBlock ul {
list-style:none;
margin:0;
padding:0;
width:150px;
}




#delta .feedburnerFeedBlock ul li {
margin:0 10px 8px 0;
display:block;
padding:0;
list-style:none;
}




#delta .feedburnerFeedBlock ul li p {
margin:0;
padding:0;
}




#delta .feedflare {
display:none;
}




#delta form {
margin:0 auto;
clear:both;
}




#creditfooter {
display:none;
}




/* entry definitions */




.entry, .page {
padding:20px;
border-bottom:1px dotted #323232;
clear:both;
}




.page .entry {
padding:0;
}




.entry .avatar {
width:50px;
height:72px;
background:url(http://weeklygeekshow.com/new_weekly_geek_test/img/avatar-bg.jpg) top left no-repeat;
position:relative;
float:left;
margin-top:-21px;
margin-right:8px;
padding:0;
text-align:center;
z-index:100;
}




.entry .avatar img {
position:absolute;
top:5px;
left:5px;
width:40px;
height:40px;
}












.entry .avatar a.fn {
color:#fff;
text-decoration:none;
font-size:10px;
text-transform:lowercase;
position:absolute;
left:4px;
top:43px;
text-align:center;
width:40px;
height:12px;
}




.entry h1 {
color:#3E3E3E;
font-size:25px;
font-weight:normal;
line-height:1.2em;
padding:0;
margin:0;
text-align:left;
position:relative;
top:-12px;
letter-spacing:-1px;




}




.page h1 {
color:#3E3E3E;
font-size:25px;
font-weight:normal;
line-height:1.2em;
padding:0;
margin:0;
text-align:left;
position:relative;
top:0;
letter-spacing:-1px;
}




.entry .byline {
font-size:10px;
position:relative;
padding:0;
top:-12px;
left:1px;
margin:0;
}




p.readmore, p.meta {
text-align:center;
font-size:11px;
}




a.button-previous, a.button-next {
display:block;
width:264px;
border-bottom:1px solid #93C956;
border-top:1px solid #93C956;
margin:0 0 14px 0;
padding:7px 0;
background:#93C956;
color:#93C956;




}




a.button-previous.on, a.button-next.on {
color:#fff;
}




a.button-previous {
text-align:left;
float:left;
margin-left:0;
padding-left:10px;
}




a.button-next {
text-align:right;
float:right;
margin-right:0;
padding-right:10px;
}




a.button-previous:hover, a.button-next:hover {
background:#6E9740;
text-decoration:none;
}




.content-nav {
}




.comment {
padding:20px;
border-bottom:1px dashed #93C956;
position:relative;
font-size:11px;
line-height:18px;
clear:both;
}




.comment.isauthor {
background:#FFFDE5;
color:#000000;
}




.comment .userpic {
float:left;
margin-right:10px;
margin-top:15px;
width:40px;
height:40px;
overflow:hidden;
position:relative;
display:block;
}




.commenter-profile {
margin:2px;
}




.comment .commentbody {




}




#beta .comment .author {
float:left;
width:250px;
text-align:left;
padding:0;
margin:0;
font-weight:bold;
}




.comment .date {
float:right;
width:250px;
text-align:right;
padding:0;
margin:0;
color:#949494;
}




#comments-open {
padding:10px;
clear:both;
}




#comments-open-data {
font-size:11px;
padding:0;
margin:0;
display:block;
}




#comments-open-data label {
display:block;
text-align:right;
width:40px;
height:20px;
line-height:20px;
float:left;
}




#comments-open-text label {
display:block;
text-align:left;
height:20px;
font-size:11px;
}




#comment-form-name, #comment-form-url, #comment-form-email {
clear:both;
}




input#comment-url, input#comment-name, input#comment-email {
display:block;
border:1px solid #cccccc;
width:140px;
float:left;
margin-left:10px;
padding:4px;
font-size:10px;
}




#comments-open-text {
clear:both;
margin:0;
padding:0;
}




#comments-open-footer {
clear:both;
text-align:left;
margin-right:10px;
margin-top:10px;
}




#comment-text {
width:300px;
}




/* shop page */




.shop-item {
display:block;
width:220px;
float:left;
margin:4px;
text-align:center;
}




.shop-item p {
margin:0;
padding:0;
}




.shop-item .shop-title {
font-weight:bold;
}




.shop-item .shop-price {
color:red;
font-size:11px;
}




/* =================== 6.0 FOOTER ITEMS ================================ */




/* =================== lightbox css ==================================== */
#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}




#lightbox a img{ border: none; }




#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}




#imageContainer{
padding: 10px;
}




#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}




#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(http://www.weeklygeekshow.com/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.weeklygeekshow.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.weeklygeekshow.com/images/nextlabel.gif) right 15% no-repeat; }








#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}




#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}





.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}




* html>body .clearfix {
display: inline-block; 
width: 100%;
}




* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}









/* tag cloud styles */




#delta ul.widget-list {
text-align:left;
margin:0 0 0 10px;
padding:0;
font-size:10px;
list-style:none;
background:none;
display:block;
font-size:0.8em;
}




.taglevel1 { font-size: 1.75em;font-weight:bold; }
.taglevel2 { font-size: 1.65em;font-weight:bold; }
.taglevel3 { font-size: 1.525em; }
.taglevel4 { font-size: 1.4em; }
.taglevel5 { font-size: 1.275em; }
.taglevel6 { font-size: 1.15em; }
.taglevel7 { font-size: 1.025em; }
.taglevel8 { font-size: 0.9em; }
.taglevel9 { font-size: 0.85em; }
.taglevel10 { font-size: 0.8em; }




#delta ul.widget-list li.tag-item {
display:inline;
float:left;
list-style:none;
background:none;
margin:0;
padding:4px;
}








/* FLICKR BADGE STYLES */
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon
{display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}#flickr_icon_td {padding:0 5px 0 0 !important;}.flickr_badge_image {text-align:center !important;}.flickr_badge_image img {border: 1px solid black !important;}#flickr_badge_uber_wrapper {width:129px;}#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}#flickr_badge_uber_wrapper a:hover,#flickr_badge_uber_wrapper a:link,#flickr_badge_uber_wrapper a:active,#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}



/* this is a secret message */