/* 
----------------------------------------------------------------
Resist V2.0 - Barbara Kruger Edition
Artist Information: http://en.wikipedia.org/wiki/Barbara_Kruger
Author:   Beth Dean
Author Email: beth@resistmedia.net
Author URL: resistmedia.net
Last Modified:  03.26.2009
---------------------------------------------------------------- */

/*---------------------------------------------------------------- 
=Base
---------------------------------------------------------------- */

body {
	background-attachment: fixed;
	background-color: #000;
	background-image: url(../img/79578_3184.jpg);
}

#who,
#what,
#where {
	background-color: #f00;
	color: #fff;
}

#where {
	width: 100%;
}

body#about,
body#blog {
	background-image: url(../img/bg_about_bw.jpg);
	background-repeat: repeat-x;
	background-color: #fdfdd8;
}

body#blog {
	background-image: url(../img/79576_4432.jpg);
	background-repeat: repeat-x;
	background-color: #274b6b;
}

body#blog.downloads {
	background-image: url(../img/akronFactory2.jpg);	
}

body#contact {
	background-image: url(../img/akronFactory.jpg);
	background-repeat: repeat-x;
	background-color: #000;	
}

body#about.aboutWork {
	background-image: url(../img/akronfactory3.jpg);
	background-repeat: repeat;
}

#extraneousWrapper {
	display: block;
	float: left;
	margin-bottom: 100px;	
}

/*---------------------------------------------------------------- 
=Headers
---------------------------------------------------------------- */

h1,
h2,
ul {
	margin: 20px auto;
}

h1 {
	margin-top: 50px;
	padding-top: 30px;
}

h2 {
	margin-top: 30px;
	padding: 20px 0 20px 20px;
}

#about h1 {
	background-image: url(../img/bg_transparent_dustyblue.png);
	color: #fff;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}

#contact h1 {
	background: #f00;
	color: #fff;
	display: inline;
	float: left;
	margin: 50px 0 20px 0;
	padding: 10px 20px 10px 10px;
}

#about h2 {
	background-color: #c00;
	color: #fff;
	width: 150px;
	margin: 50px 0 20px 0;
	padding: 10px;
}

#about h3 {
	margin: 0 0 10px 0;
	padding: 0;
}

#about h4 {
	margin: 0;
	padding: 0;
}

#blog h1 {
	margin-bottom: 20px;
}

div.entry h1,
div.entry h3 {
	background-image: url(../img/bg_transparent.png);
	padding: 10px;
	width: 100%;
}

div.entry h3 {
	color: #f00;
}

#aboutSite h4 {
	margin-bottom: 20px;
	padding: 20px 10px 10px 10px;
}

#howWork h4 {
	background-image: url(../img/bg_transparent_dustyblue.png);
	padding: 10px 0;
}

#howWork h4.sectionTitle {
	padding-left: 10px;
	padding-top: 20px;
}

#comments h3 {
	margin: 0 0 0 100px;
	padding: 0 0 20px 0;
}

#postComment h5 {
	color: #f00;
	display: block;
	padding: 20px 0 0 5px;	
}

/*---------------------------------------------------------------- 
=Nav (Primary)
---------------------------------------------------------------- */

ul {
	padding: 10px 0 0 20px;
}

ul li {
	display: inline;
	margin-right: 60px;
}

#where {
	bottom: 0;
	position: fixed;
}

#where ul {
	padding: 0 0 0 50px;
}

#where ul li {
	padding: 0;
}

body#home #where {
	background: none;
	background-image: url(../img/bg_transparent.png);
}

/*---------------------------------------------------------------- 
=Lists
---------------------------------------------------------------- */

#about #who ul {
	margin: 0;
	padding: 0;	
}

#about #who ul li {
	border-top: 1px dotted #c00;
	display: block;
	margin: 0;
	padding: 5px 0 0 0;
	width: 100%;
}

#elsewhere ol li {
	display: inline;
	margin-right: 10px;
}

#blog dl {
	margin-bottom: 10px;
}

#blog dl.archives {
	margin-bottom: 0;
}

#blog dt {
	margin-bottom: 5px;
}

#blog dd {
	border-top: 1px dotted #c00;
	padding: 5px 0;
}

.content ol {
	list-style-type: decimal;
}

.content ol li,
.content ul li {
	border-bottom: 1px dotted #666;
	padding: 5px;
	padding-left: 10px;
	padding: 0 5px 5px 10px;
}

.content ul li {
	display: block;
}

#about #extraneousWrapper ul,
#about #linkRoll ul {
	padding: 10px;
}

#aboutSite ul {
	background-image: url(../img/bg_transparent_dustyblue.png);
}

#aboutSite ul li {
	margin: 10px;
}

#contact #workQuestions li {
	border-bottom: 1px dotted #c00;
	display: block;
	padding-bottom: 10px;
	width: 500px;
}

#contact #workQuestions li.last {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/*---------------------------------------------------------------- 
=Comments
---------------------------------------------------------------- */

#comments ul {
	clear: both;
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
}

#comments ul li {
	clear: both;
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
}

#comments dl {
	clear: both;
	display: block;
}

#comments dt {
	float: left;
	margin-left: 10px;
	margin-right: 20px;
}

#comments dd {
	background-image: url(../img/bg_transparent.png);
	border: none;
	margin-left: 100px;
	padding: 10px;
	width: 600px;
}

#comments .author dd {
	background-image: url(../img/bg_transparent_blue.png);
}

#comments dd.name {
	color: #fff;
	min-width: 500px;
}

#comments .userComment p {
	margin: 0 0 20px 0;
}

.userComment {
	padding-top: 0;
}

#comments p {
	color: #fff;
}

#comments h3 {
	color: #fff;
}

#howWork ol {
	padding-left: 0;
}

/*---------------------------------------------------------------- 
=Home
---------------------------------------------------------------- */

body#home #who {
	margin: 0;
}

body#home #who {
	background: none;
	background-image: url(../img/bg_transparent.png);
	display: block;
	margin: 50px 0 0 60px;
	padding: 10px 0 5px 10px;
	width: 285px;
}

body#home h1 {
	margin: 0;
	padding: 0;
}

body#home #what {
	display: block;
	margin: 20px 0 0 60px;
	padding: 10px 0 5px 10px;
	width: 610px;
}

body#home h2 {
	margin: 0;
	padding: 0;
}

body#home #why {
	background-image: url(../img/bg_transparent.png);
	display: block;
	margin: 20px 0 0 60px;
	padding: 10px 0 5px 10px;
	width: 215px;
}

body#home h3 {
	color: #fff;
	font-size: 25px;
}

/*---------------------------------------------------------------- 
=About
---------------------------------------------------------------- */

#about #who {
	background: none;
	color: #fff;
	margin-left: 480px;
	width: 500px;
}

#about p {
	margin: 10px 0;
	color: #fff;
	background-image: url(../img/bg_transparent_dustyblue.png);
	margin-bottom: 20px;
	padding: 10px;
}

#about #lastFM,
#about #flickr {
	background-image: url(../img/bg_transparent_dustyblue.png);
	padding: 10px;
	margin-bottom: 20px;
}

#about #who p {
	padding: 10px;
}

#elsewhere {
	color: #fff;
	margin: 20px 0;
	padding: 10px;
	width: 480px;
	background-image: url(../img/bg_transparent_dustyblue.png);
}

#elsewhere p {
	margin-bottom: 10px;
}

#howWork li {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}

#about p.more {
	background-image: url(../img/bg_transparent.png);
	display: inline;
	float: right;
	margin: 0;
	width: auto;
}

#aboutSite h4,
#linkRoll {
	background-image: url(../img/bg_transparent_dustyblue.png);
}

#linkRoll p {
	background: none;
	margin: 0;
}

#linkRoll h4 {
	padding: 10px 10px 0 10px;
}

#linkRoll h4,
#linkRoll ul {
	margin-bottom: 10px,
}

#howWork {
	margin-top: 60px;
}

#howWork p {
	margin: 0;
}

#aboutNav {
	float: left;
	position: fixed;
	margin-top: 10px;
	width: 180px;
}

#aboutNav p {
	background-image: url(../img/bg_transparent.png);
	color: #fff;
	display: block;
	float: left;
	margin-top: -10px;
	padding: 10px;
	width: auto;
}

#aboutNav p.me {
	margin-right: 30px;
}

/*---------------------------------------------------------------- 
=Blog
---------------------------------------------------------------- */

.entry {
	color: #fff;
	margin: 20px 0 20px 50px;
	width: 700px;
}

.date {
	background-color: #c00;
	float: left;
	margin-top: 50px;
	padding: 10px;
	width: 60px;
}

.link .date {
	margin-top: 0;
}

.content {
	float: left;
	margin-left: 20px;
	width: 600px;
}

.entry p,
.entry ol,
.entry object,
#blog .entry ul {
	background-image: url(../img/bg_transparent.png);
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
}

#workEntry .entry ul {
	background: none;
}

.entry p.teaser,
.entry span.teaser {
	color: #fff;
}


#blog .link p {
	background-image: url(../img/bg_transparent_blue.png);
}

.link {
	clear: both;
	padding-top: 50px;
}

#sidebar {
	background-image: url(../img/bg_transparent.png);
	color: #fff;
	margin: 70px 40px 0 0;
	padding: 10px;
	position: fixed;
	right: 0;
	top: 0;
	width: 200px;
}

#search {
	clear: both;
	display: block;
	height: 100px;
	padding: 0;
}

#search input#keywords {
	background-color: #fff;
	border: none;
	display: block;
	height: 25px;
	margin: 0;
	width: 100%;
}

#search input#submit {
	background: none;
	background-image: url(../img/button_submit.png);
	background-position: right;
	background-repeat: no-repeat;
	border: none;
	color: none;
	display: block;
	height: 22px;
	margin: 0;
	padding: 0;
	text-indent: -9000;
	width: 100%;
}

#search p {
	margin: 0 ;
	text-align: right;
}

.mix strong {
	color: #f00;
}

#comments p {
	background: none;
	margin: 0;
	padding: 0;
}

#comments {
	margin-bottom: 10px;
	padding: 10px 10px 10px 50px;
}

#postComment {
	background-image: url(../img/bg_transparent.png);
	clear: both;
	display: block;
	height: 500px;
	margin-bottom: 200px;
	margin-left: 100px;
	padding: 0 10px 40px 10px;
	width: 600px;
}

#postComment input,
#postComment textarea {
	border: none;
	width: 590px;
}

#postComment input {
	height: 20px;
	margin-bottom: 10px;
}

#postComment textarea {
	height: 150px;
}

#postComment label {
	color: #fff;
	display: block;
	padding: 0;
	margin: 0 0 5px 5px;
}

#postComment .submit,
#contact .submit {
	background: none;
	color: #f00;
	float: right;
	margin: 10px 5px 0 0;
}

#comments form {
	display: block;
}

div.quote p {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.quote p cite {
	background-image: url(../img/bg_transparent_blue.png);
	border-top: 1px dotted #000;
	color: #f00;
	clear: both;
	display: block;
	font-size: 20px;
	margin: 0;
	margin-left: -10px;
	padding: 10px 10px;
	width: 600px;
	text-align: right;
}

div.quote blockquote {
	background-image: url(../img/bg_transparent_blue.png);
	color: #ccc;
	display: block;
	float: left;
	font-size: 35px;
	line-height: 45px;
	clear: both;
	margin: 0;
	margin-top: 50px;
	padding: 10px;
	width: 100%;
}

div.quote blockquote p {
	margin-bottom: 0;
	line-height: 45px;
}

#blogNav {
	background: none;
	clear: both;
	margin: 0 0 0 150px;
	padding-top: 20px;
	width: 600px;
}

#blogNav p {
	background: none;
	background-color: #c00;
	display: inline;
	font-size: 20px;
	padding: 0;
}

/*---------------------------------------------------------------- 
=Work
---------------------------------------------------------------- */

#workEntry {
	background-image: url(../img/bg_graphPaper.png);
	background-repeat: repeat;
}

#workEntry.work .entry {
	background-color: #09F;
	padding: 5px 10px 20px 10px;
	margin-top: 50px;
}

#workEntry.work .entry ul {
	margin-bottom: 20px;
}

.clear {
	clear: both;
}

#workEntry.work .entry ul li {
	display: block;
	float: left;
	height: 160px;
	margin: 0 20px 0 0;
	padding: 0;
	width: 220px;
}

#workEntry .entry {
	margin-left: 73px;
	width: 656px;
}

#workEntry.work .entry {
	width: 740px;
}

#workEntry #sidebar {
	background: none;
	background-color: #09F;
	color: #fff;
	top: 3px;
}

#workEntry #sidebar dl dt {
	padding-bottom: 5px;
}

#workEntry #sidebar dl dd {
	border-top: 1px dotted #fff;
	margin-bottom: 10px;
	padding-top: 5px;
}

#workEntry h1,
#workEntry h2 {
	background: none;
	background-color: #09F;
	color: #fff;
}

#workEntry h2 {
	font-size: 20px;
	margin: 20px 0;
	width: 100%;
}

#workEntry .entry p {
	background: none;
	color: #fff;
	background-color: #09F;
}

#workEntry.work .entry ul li p {
	font-size: 16px;
	padding: 5px 0;
	text-align: center;
}

#workEntry #extraneousWrapper {
	margin-top: 23px;
}

#workEntry img {
	padding: 0;
	background-color: #09f;
}

#workEntry.work img {
	padding: 10px;
}

#workEntry.work .entry img {
	background-color: #fff;
}

#workEntry p.sample {
	background: none;
	padding: 0;
}

#workNav {
	position: fixed;
	right: 0;
	margin-top: 53px;
	z-index: 100;
}

#workNav h2 {
	font-size: 40px;
	padding-right: 10px;
}

#workNav p {
	background-color: #f00;
	color: #fff;
	display: block;
	float: right;
	margin-bottom: 10px;
	padding: 10px;
	text-align: right;
	width: 140px;
}

#workNav p.getInTouch {
	margin-top: 10px;
	clear: both;
}


	

/*---------------------------------------------------------------- 
=Contact
---------------------------------------------------------------- */

#contact p {
	clear: both;
	display: block;
}

#contact p,
#contact #workQuestions {
	background-image: url(../img/bg_transparent.png);
	color: #fff;
	padding: 10px;
}

#contact p {
	margin-bottom: 20px;
	width: 300px;
}

#contactForm {
	background-image: url(../img/bg_transparent_dustyblue.png);
	position: fixed;
	margin: 30px 20px 0 0;
	right: 0;
	top: 0;
	width: 530px;
}

#contactForm #workQuestions {
	background: none;
}

#contactForm form {
	background: none;
	width: 530px;
}

#contactForm p {
	background: none;
	margin: 0;
	padding: 0;
	width: 505px;
}

#contactForm input {
	width: 500px;
}

#contactForm label {
	display: block;
	margin: 5px 0;
}

#contactForm textarea {
	height: 280px;
	margin-bottom: 10px;
	padding: 10px;
	width: 485px;
}

#contact form {
	padding: 10px;
}

#contact .submit {
	background: #fff;
	border: none;
	margin: 0 0 10px 0;
	padding: 5px;
	width: 100px;
}

#workQuestions,
#linkRoll,
#aboutMeta,
#aboutSite {
	display: none;
	margin-top: 50px;
}

#workQuestions {
	margin-top: 0;
	padding-bottom: 0;
	width: 500px;
}

/*---------------------------------------------------------------- 
=Typography
---------------------------------------------------------------- */

body {
	font-family: Helvetica, Arial, sans-serif;
}

#what h2 {
	font-size: 60px;
}

h1 {
	font-size: 50px;
}

h2 {
	font-size: 100px;
}

.entry h3 {
	font-size: 20px;
	line-height: 30px;
}

.entry h1 {
	font-size: 30px;
	line-height: 40px;
}

.date {
	font-size: 20px;
}

#about #who ul li {
	font-size: 14px;
	line-height: 0;
}

div.entry p {
	line-height: 22px;
}

div.entry p.teaser,
div.entry span.teaser {
	font-size: 20px;
	line-height: 26px;
}

.entry em {
	font-size: 18px;
}

#workNav p, 
#aboutNav p {
	font-size: 20px;
}

.aboutWork p.teaser {
	font-size: 20px;
	line-height: 28px;
}

#where ul li {
	font-size: 35px;
}

#about h1 {
	font-size: 45px;
}

#about h2 {
	font-size: 40px;
}

#about h3,
#about h4 {
	font-size: 25px;	
}

#howWork h4 {
	margin-top: 0;
}

#howWork h4.sectionTitle {
	font-size: 35px;
}

#contact h1 {
	font-size: 50px;
}

#contact p,
#contact li {
	line-height: 18px;
}

#contactForm textarea {
	font-family: Helvetica, Arial, sans-serif;
}

#about p {
	line-height: 22px;
}

#about #who p {
	font-size: 16x;
	line-height: 18px;
}

#workEntry .link p,
#blog .link p {
	font-size: 20px;
	line-height: 22px;
}

#workEntry dt,
#blog dt {
	font-size: 20px;
}

#workEntry dd,
#blog dd {
	font-size: 12px;
}

p.submit {
	text-align: right;
}

#comments h3 {
	font-size: 25px;
}

#comments dd {
	font-size: 14px;
}

.userComment p {
	font-size: 16px;
	line-height: 20px;
}

#comments .commentName {
	font-size: 20px;
}

#postComment h5 {
	font-size: 25px;
}

#postComment .submit,
#contact .submit {
	font-size: 14px;
	text-align: right;
}

#postComment input,
#postComment textarea {
	font-size: 14px;
}

#about p.footnote {
	font-size: 12px;
}

#search input {
	font-size: 20px;
}

/*---------------------------------------------------------------- 
=Links
---------------------------------------------------------------- */

#sidebar a {
	color: #fff;
}

#sidebar a:hover {
	background-color: #f00;
}

.entry a:hover,
#blog #search a:hover {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	padding-top: 3px;
}

.entry li a {
	text-decoration: none;
}

.entry a,
#blog #search a {
	color: #f00;
}

#contact p a,
#about #elsewhere a,
#about p a,
#about #linkRoll a {
	color: #f00;
	padding-top: 3px;
}

#contact p a:hover,
#about #elsewhere a:hover,
#about p a:hover,
#about #linkRoll a:hover {
	background-color: #fff;	
}

.entry a:visited,
#blog #search a:visited {
	color: #f00;
}

#where a {
	color: #fff;

}

#where a:hover {
	background-color: #000;
	color: #fff;
	padding: 10px 10px 5px 5px;
}

body#home #where a:hover {
	background-color: #f00;
	color: #000;	
}

#elsewhere a,
#about #who p a,
#about #linkRoll a {
	background-color: #8Cabb5;
	padding: 3px;
}

#elsewhere a:hover,
#about #who p a:hover {
	background-color: #fff;
}

#workNav p a,
#aboutNav p a,
#about #who p.more a {
	background: none;
	color: #fff;
}

#workNav p a:hover {
	background-color: #000;
}

#aboutNav p a:hover,
#about #who p.more a:hover {
	background-color: #f00;
}

#workQuestions a {
	background-color: #728a8c;
	color: #f00;
	padding: 3px 0;
}

#workQuestions a:hover {
	background-color: #fff;
}

#contact form a {
	background-color: #fff;
	padding: 3px;
}

#contact form a:hover {
	background-color: #728a8c;
}

#comments a.commentName {
	color: #fff;
}

#comments a:hover.commentName {
	background-color: #f00;
	border: none;
}

#comments a.commentDate {
	color: #f00;	
}

#comments a:hover.commentDate {
	background-color: #fff;
}

#blog #blogNav a {
	background-color: #c00;
	color: #fff;
	padding: 10px;
}

#blog #blogNav a:hover {
	background-color: #000;
	border: none;
}

.entry .date h5 a {
	background: none;
	color: #fff;
}

.entry .date h5 a:hover {
	background-color: #000;
	border: none;
	text-decoration: none;
}

#home a {
	color: #fff;
}

#home a:hover {
	background-color: #c00;
}

/*---------------------------------------------------------------- 
=Images
---------------------------------------------------------------- */

#blog .mix img,
.review img.albumArt {
	background-color: #fff;
	float: left;
	height: 275px;
	padding: 10px;
	margin: 0 10px 10px 0;
	width: 275px;
}

#howWork img {
	background-color: #fff;
	float: left;
	height: 175px;
	margin: 0 10px 10px 0;
	padding: 10px;
	width: 175px;
}

.avatar img {
	background-color: #c00;
	height: 45px;
	padding: 10px;
	width: 45px;
}

/*---------------------------------------------------------------- 
=Hacks
---------------------------------------------------------------- */

div.quote h1,
div.link h1,
div.quote .commentParagraph,
div.link .commentParagraph {
	display: none;
}

p.hidden {
	height: 0;
	visibility: hidden;
}

#search form {
	height: 50px;
	margin: 0;
	padding: 0;
}

#search #keywords {
	margin: 0;
}

#search .hiddenFields {
	height: 0;
}

.hiddenFields {
	display: none;
}

#search p {
	clear: both;
}