/*
Theme Name: theSevenFive.com v3.7
Theme URI: http://www.thesevenfive.com/
Version: 3.7
Author: Jason Schuller
Author URI: http://www.thesevenfive.com/

This theme was designed and built by Jason Schuller,
whose portfolio you will find at www.thesevenfive.com

The CSS, XHTML and design are all Copyright 2010 Circa75 Media, LLC:
*/

/** CSS Reset **/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
text-shadow: 1px 1px 2px #333;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}

/** The Basics **/
@font-face {
font-family: GraublauWeb;
src: url(fonts/GraublauWeb.otf) format("opentype");
}

@font-face {
font-family: GraublauWeb;
src: url(fonts/GraublauWebBold.otf) format("opentype");
font-weight: bold;
}

body {
background: url(images/bg.jpg) top left no-repeat fixed;
width: auto;
height: auto;
font-family: GraublauWeb, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-size: 14px;
line-height: 18px;
color: #EBEBEB;
}

a:link, a:visited {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #CCCCCC;
}

img a {
text-decoration: none;
}

p {
margin: 0;
padding: 0;
}

#preview{
position:absolute;
display:none;
}

#preview img {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
}

/** Main Content **/
#credit {
background: url(images/credit.png) top left no-repeat;
position: absolute;
top: 20px;
right: 20px;
height: 38px;
}

#credit-cap {
background: url(images/credit.png) top right no-repeat;
position: absolute;
top: 20px;
right: 19px;
height: 38px;
width: 1px;
}

#credit p {
margin: 9px 11px 0 12px;
}

#content {
background: url(images/content-bg.png) top left repeat-y;
width: 960px;
float: left;
}

#content h2 {
margin: 0 0 2px 0;
font-size: 15px;
}

.description {
width: 275px;
float: left;
}

.description h3 {
color: #FFFFFF;
margin: 36px 0 0 20px;
font-size: 15px;
font-weight: bold;
}

.description p {
margin: 2px 50px 0 20px;
}

.content {
float: left;
width: 600px;
padding: 30px 0 0 1px;
}

.content img {
margin: 6px 6px 0 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
}

#header {
float: left;
width: 900px;
}

#logo img {
padding: 23px 0 10px 20px;
}

#jason-schuller {
margin: 0;
padding: 20px 0 0 0;
}

#jason-schuller img {
float: left;
margin: 0 10px 6px 1px;
padding: 0;
}

#jason-schuller p {
margin: 0;
padding: 0 20px 0 0;
}

#woorkup {
background: url(images/woorkup.png) top left no-repeat;
float: left;
width: 900px;
}

#woorkup li {
margin: 6px 0 6px 0;
float: left;
width: 580px;
}

#wordpress {
background: url(images/wordpress.png) top left no-repeat;
float: left;
width: 900px;
}

#twitter {
background: url(images/twitter.png) top left no-repeat;
float: left;
width: 900px;
}

#twitter img {
width: 40px;
height: 40px;
float: left;
margin: 1px 10px 0 0;
padding: 0;
}

.tweet {
float: left;
width: 580px;
padding: 6px 0 6px 0;
font-size: 15px;
color: #FFFFFF;
font-weight: normal;
}

span.username {
display: none;
}

.time {
color: #999;
width: 580px;
float: left;
margin: -5px 0 0 31px;
display: none;
}

#flickr {
background: url(images/flickr.png) top left no-repeat;
float: left;
width: 900px;
}

#delicious {
background: url(images/delicious.png) top left no-repeat;
float: left;
width: 900px;
}

#delicious li {
margin: 6px 0 6px 0;
float: left;
width: 580px;
}

#lastfm {
background: url(images/lastfm.png) top left no-repeat;
float: left;
width: 900px;
padding-bottom: 10px;
}

#lastfm img {
float: left;
margin: 10px 10px 0 0;
}

#polldaddy {
background: url(images/polldaddy.png) top left no-repeat;
float: left;
width: 900px;
padding-bottom: 25px;
}

#polldaddy li {
margin: 2px 0 5px 0;
}

.poll {
width: 580px;
float: left;
margin: 5px 0 10px 0;
}

#polldaddy h2 {
margin: 0 0 2px 0;
}