/*
Theme Name: geekaweek.net
Theme URI: http://geekaweek.net/
Description: Custom Theme for Len Peralta's Geek A Week
Author: mr. x
Version: 1.0
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }

html {
    overflow-y: scroll;
    font-family: Futura-CondensedExtraBold, Impact, Helvetica-Bold, Helvetica, Arial;
    text-shadow:rgba(0,0,0,.1) 0 0 1px;
}

body {
    color: #cf0;
    background: #f00 url(art/background.gif);
    min-width: 1200px;
    margin: 0px 0px 24px 36px;
}

#alert {
  height: 32px;
  background-color: #c00;
  color: #fff;
  text-align: center;
  position: relative;
  left: -36px;
  width: 100%;
  padding-right: 36px;
  display: none;
}

#alert p {
  position: relative;
  top: 6px;
  left: 36px;
}

#alert a {
  color: #cf0;
}

#nav {
    padding-top: 24px;
    float: left;
    width: 350px;
}

#nav ul li {
    font-weight: normal;
    font-size: 36pt;
    text-decoration: none;
}

#nav ul li ul li {
    font-size: 18pt;
    line-height: 18pt;
    margin-left: 32pt;
}

#nav a, .nav a:visited {
    color: #cf0;
    text-decoration: none;
    text-transform: uppercase;
}

#nav a:hover {
    color: #fff;
}

#nav .logo {
    width: 284px;
    height: 268px;
    background: url(art/logo.png) no-repeat;
    padding-bottom: 16pt;
}

#nav .clickable a {
    display: block;
    height: 100%;
    width: 100%;
}

#nav .len {
    font-size: 12pt;
    text-transform: uppercase;
    margin: 0 0 12px 24px;
}

#nav .tagline {
    font-size: 13pt;
    padding-bottom: 18pt;
}

#nav .forsale {
    font-size: 18pt;
    padding-top: 14pt;
}

#nav .copyright {
    font-size: 12pt;
    padding-top: 16pt;
    padding-left: 4pt;
    text-transform: uppercase;
}

#content {
    font-size: 16pt;
    line-height: 18pt;
    width: 720px;
    float: left;
    padding: 15px 0 24px 20px;
}

#content p {
    margin-bottom: 12pt;
}

#content a {
    color: #fff;
    text-decoration: none;
    position: relative;
}

#content a:visited {
    color: #e7e7e7;
}

#content a:hover {
    color: #cf0;
    text-decoration: none;
}

h1 {
    text-align: right;
    font-size: 175px;
    line-height: 175px;
    text-transform: uppercase;
    color: #000;
    filter:alpha(opacity=25);
    -moz-opacity:0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
}

h2 {
    position: absolute;
    top: 60px;
    font-size: 90px;
    line-height: 90px;
    text-transform: uppercase;
}

h3 {
    font-size: 24pt;
    line-height: 28pt;
    padding-bottom: 12pt;
    color: #fff;
}

.navigation {
    margin-top: 16pt;
    text-align: center;
}

.navigation .left {
    background: url(art/left.png) no-repeat;
    width: 53px;
    height: 42px;
    display: inline-block;
}

.navigation .left:hover {
    background: url(art/left-hover.png) no-repeat;
}

.navigation .right {
    background: url(art/right.png) no-repeat;
    width: 53px;
    height: 42px;
    display: inline-block;
}

.navigation .right:hover {
    background: url(art/right-hover.png) no-repeat;
}

.post img {
    background-color: #cbcd9e;
    padding: 4px;
    margin: 0 auto 12pt auto;
    display: block;
}

.single .post img {
    margin: 0 0 12pt 0;
}

.card {
    position: relative;
    width: 568px;
}

.card-landscape {
    position: relative;
    width: 772px;
}

.home .card-landscape {
    margin-top: 70px;
    margin-left: -48px;
}

.tweak2 {
    margin-left: -48px;
}

.card-1 {
    z-index: 1;
}

.card-1 img {
    z-index: 2;
}

.card-2 {
    position: relative;
    margin-top: -700px;
    left: 100px;
    z-index: 3 !important;
}

.card-2 img {
    z-index: 4;
}

.card .frame {
    width: 568px;
    height: 772px;
    background: url(art/frame.png) no-repeat;
    z-index: inherit;
}

.card .frame img {
    position: relative;
    top: 54px;
    left: 52px;
}

.card-landscape .frame {
    width: 772px;
    height: 568px;
    background: url(art/frame-landscape.png) no-repeat;
    z-index: inherit;
}

.card-landscape .frame img {
    position: relative;
    top: 58px;
    left: 58px;
}

.xcard:hover {
    z-index: 10 !important;
}

.artist .photo {
    position: relative;
    top: -15px;
    background: url(art/artist.gif) no-repeat;
    width: 721px;
    height: 288px;
}

.press dl {
    padding-right: 25px;
    margin-left: 10px;
    width: 625px;
    line-height: 115%;
    position: relative;
}

.press dt {
    font-size: 18pt;
    line-height: 20pt;
}

.press dd {
    margin-top: 0px;
    margin-bottom: 8pt;
    padding-right: 12px;
    font-size: 11pt;
}

p.audio {
    background: url(art/audio-icon.png) no-repeat;
    padding-left: 54px;
    min-height: 44px;
}

p.audio a {
    position: relative;
    top: 7px;
}

.shadow {
    text-shadow:#000 2px 2px 2px;
}

.shadow a, .shadow a:visited {
    color: #cf0 !important;
    text-decoration: none !important;
}

.shadow a:hover {
    color: #fff !important;
}

.random {
    text-align: center;
    margin-left: 10px;
    text-transform: uppercase;
    padding-bottom: 24px;
}

.callout {
    width: 450px;
    margin-left: 75px;
    font-size: 18pt;
}

.geeks ul {
    color: #fff;
}

.geeks a.geek {
    font-size: 20pt;
    line-height: 22pt;
}

.geeks a:hover {
    color: #cf0 !important;
    text-decoration: none !important;
}

p.season {
  font-size: 24pt;
  line-height: 24pt;
  padding: 11pt 0 0 0;
}

p.season a {
  color: #cf0 !important;
}

p.season a:hover {
    color: #fff !important;
}