/*
Theme Name: MikeKus.com
Theme URI: http://mikekus.com
Description: The Portfolio and Blog of Mike Kus
Version: 1
Author: Mike Kus (mike@mikekus.com)
*/

/********** Reset **********/
/* Adapted from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End Reset */











/********** Site Wide Content Areas **********/

body {
	font-family:"Courier New", Courier, monospace;
	background:#f7f6f0;
	/*background:#e4ebe4 url(images/presentation/background_letters.png) top center no-repeat;*/
	/*background:#f6f6f3 url(images/presentation/background_letters_white.png) top center no-repeat;*/
	/*background:#f6f5ef url(images/presentation/background_tile_light_texture.jpg) top left repeat;*/
	background-attachment:fixed;
    font-size: 10pt;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: #fff 0px 1px 0px;
	letter-spacing:-0.035em;
	color:#292929;
}

/*body#post {
	background:#f6f6f3 url(images/presentation/background_letters_white.png) top center no-repeat;
	background-attachment:fixed;
}*/

body#photographs {
	background:#faf9f3 url(images/presentation/grid_tile_red_small.png) top center repeat;
	background-attachment:fixed;
}

body#fourzerofour {
	background:url(images/presentation/tv_fuzz_small.gif) top left repeat;
	background-attachment:fixed;
}

#section {
	width:976px;
	margin: 0 auto;
	position:relative;
	/*background: url(images/presentation/grid.png) top left repeat-y;*/
}

.content {
	width:976px;
	position:relative;
	padding-top:17px;
}

.primaryContent {
	width:644px;
	position:relative;
	float:left;
}

.secondaryContent {
	width:282px;
	float:right;
	position:relative;
}









/********** Text **********/

h1, h2, h3, h4, h5, h6, p.title {
	font-family:Helvetica, Arial, sans-serif;
	letter-spacing:-0.05em;
	color:#292929;
}

h1 {
	font-size:185%;
	font-weight:bold;
	float:left;
	line-height:1.16em;
	margin-bottom:25px;
}

h2 {
	font-size:700%;
	font-weight:bold;
	letter-spacing:-0.075em;
	padding:0px 0px 0px 55px;
	margin:0px 0px 0px -62px;
}

h2.onlineDesign {
	background:url(images/presentation/01b.png) 0 2px no-repeat;
}

h2.offlineDesign {
	background:url(images/presentation/02.png) 0 0px no-repeat;
}

h2.photosTitle {
	background:url(images/presentation/03.png) 0 0px no-repeat;
	margin:0px 0px 0px -62px;
}

h2.archiveTitle {
	background:url(images/presentation/03.png) 0 0px no-repeat;
	margin:32px 0px 45px -60px;
}

h2.four0fourTitle {
	background:url(images/presentation/03.png) 0 0px no-repeat;
	margin:32px 0px 10px -60px;
}


h3 {
	font-size:170%;
	font-weight:bold;
	line-height:1.16em;
}

h4 {
	
}

h5 {

}

h6 {

}

p {
	padding-bottom:20px;
	line-height:1.45em;
}

span.italic {
	font-style:italic;
}













/********** links **********/

/*a {
	color:#292929;
	text-decoration:none;
	border-bottom:1px solid #d03737;
	padding:0px;
}

a:hover {
	color:#d03737;
	border-bottom:none;
}*/

a {
	color:#292929;
	text-decoration:none;
	background:#fff;
	border-bottom:1px solid #d03737;
	padding:1px 2px 1px 2px;
}

a:hover {
	color:#fff;
	background:#d03737;
	border-bottom:none;
	text-shadow: #b03434 0px -1px 0px;
}

a:active,
a:focus {
	color:#292929;
	background:#ffea00;
	border-bottom:none;
	text-shadow: none;
}

a.special {
	font-family:monospace, Courier, monospace;
	text-shadow: #b03434 0px -1px 0px;
	font-size: 105%;
	color:#f5f5ed;
	text-decoration:none;
	background:#d03737;
	padding:2px 4px 2px 5px;
	border-bottom:none;
}

a.special:hover {
	color:#fff;
	background:#292929;
	text-shadow:none;
	border-bottom:none;
}

a.special:active,
a.special:focus {
	color:#292929;
	text-shadow:none;
	border-bottom:none;
	background:#ffea00;
}












/********** Header **********/

#header {
	position:relative;
	width:976px;
	margin-bottom:20px;
}

#headerRight {
	float:right;
	position:relative;
	width:644px;
	border-bottom:20px solid #292929;
}

a.logoDead {
	background:url(images/presentation/logo_dead.png) top left no-repeat;
	float:right;
	display: block;
	width:126px;
	height: 128px;
	border: none;
	margin-top:27px;
	}
	
a.logoDead:hover {
	background:url(images/presentation/logo_dead.png)  0px -140px no-repeat;
	}
	
a.logoDead img {
	height:0;
}

ul.mainNav {
	float:left;
	margin:0px 0px 21px 0px;
}

ul.mainNav li {
	display:inline;
	float:left;
	padding:0px 0px 0px 0px;
	text-transform:uppercase;
}

ul.mainNav li a,
ul.categories li a {
	-webkit-transition-property: color;
  	-webkit-transition-duration: 150ms;
	-moz-transition-property: color;
  	-moz-transition-duration: 150ms;
	transition-property: color;
  	transition-duration: 150ms;
	background:none;
}

ul.mainNav li a {
	float:left;
	text-decoration:none;
	font-size:115%;
	padding:31px 0px 0px 0px;
	margin:0px 18px 0px 0px;
	border-bottom:none;
}

ul.mainNav li a:hover {
	color:#d03737;
	text-shadow: #fff 0px 1px 0px;
	border-top:5px solid #d1d1ca;
	padding:26px 0px 0px 0px;
}

ul.mainNav li a:active {
	border-top:5px solid #d03737;
}

#home ul.mainNav li a.home,
#blog-post ul.mainNav li a.blog,
#archive ul.mainNav li a.archive,
#portfolio ul.mainNav li a.portfolio,
#photographs ul.mainNav li a.photos,
#post ul.mainNav li a.blog {
	color:#d03737;
	border-top:5px solid #d03737;
	padding:26px 0px 0px 0px;
}

#fourzerofour ul.mainNav li a {
	background:#fff;
}










/********** Footer **********/

#footer {
	position:relative;
	width:976px;
	margin-bottom:20px;
}

#footerRight {
	float:right;
	position:relative;
	width:644px;
	border-top:20px solid #292929;
	padding-top:0px;
}

#footerRight a.logoDead {
	background:url(images/presentation/logo_dead_small.png) top left no-repeat;
	float:right;
	display: block;
	width:90px;
	height: 90px;
	border: none;
	margin-top:15px;
	}
	
#footerRight a.logoDead:hover {
	background:url(images/presentation/logo_dead_small.png)  0px -100px no-repeat;
	}
	
#footerRight a.logoDead img {
	height:0;
}

#footerRight .mainNav {
	border-bottom:1px solid #d5d5d1;
	width:530px;
	margin-bottom:15px;
}

#footerRight .mainNav li a {
	padding:14px 0px 9px 0px;
	margin:0px 18px 0px 0px;
	border-bottom:none;
}

#footerRight .mainNav li a:hover {
	border-top:none;
	padding:14px 0px 9px 0px;
}

#footerRight ul.mainNav li a:active {
	border-top:none;
}

#home #footerRight ul.mainNav li a.home,
#blog-post #footerRight ul.mainNav li a.blog,
#archive #footerRight ul.mainNav li a.archive,
#portfolio #footerRight ul.mainNav li a.portfolio,
#photographs #footerRight ul.mainNav li a.photos,
#post #footerRight ul.mainNav li a.blog {
	border-top:none;
	padding:14px 0px 9px 0px;
}

#footerRight p {
	font-size:90%;
	padding-bottom:5px;
	
}

#footerRight p.argh {
	border-bottom:1px solid #d5d5d1;
	padding-bottom:15px;
	margin-bottom:15px;
	width:530px;
	
}

.mediatemple {
	float:left;
	width:170px;
	height:31px;
	display:block;
	background:none;
	border-bottom:none;
	box-shadow: none;
  	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
	margin:0px 0px 10px -6px;
}

.mediatemple {
	float:left;
	width:170px;
	height:31px;
	display:block;
	background:none;
	border-bottom:none;
	opacity:0.8;
}

.mediatemple:hover {
	background:none;
	border-bottom:none;
}

.mediatemple:hover {
	background:none;
	border-bottom:none;
	opacity:1;
}








/********** Archive **********/	

#archive .primaryContent  {
	width:810px;
}

#archive ul.archiveList  {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}


#archive ul.archiveList li {
	background:none;
	padding:40px 0px 40px 0px;
	position:relative;
	border-bottom:1px solid #e4e4e0;
}

#archive ul.archiveList li:last-child {
	border-bottom:none;
}

#archive ul.archiveList li p.published {
	padding:0px 0px 0px 0px;
	text-transform:uppercase;
	font-family:Monaco,  Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	text-shadow:none;
	color:#292929;
	position:absolute;
	top:48px;
	left:0;
}

#archive ul.archiveList li p.published span {
	background:#ffea00;
	padding:2px 3px 2px 3px;
}

#archive ul.archiveList li h3 {
	margin:0px 0px 0px 163px;
	font-size:250%;
	width:530px;
	width:
}

#archive ul.archiveList li h3 a {
	background:none;
	border-bottom:none;
	
}

#archive ul.archiveList li h3 a:hover {
	color:#ce3831;
	text-shadow: #fff 0px 1px 0px;
	
}

#archive a.commentsBubble {
	position:absolute;
	top:40px;
	right:0;
}

#archive ul.consumption {
	position:absolute;
	top:68px;
	right:0;
}






/********** Blog **********/

#post .primaryContent ul,
#post .primaryContent ol {
	margin:0px 0px 40px 148px;
}

#post .primaryContent ul li,
#post .primaryContent ol li {
	background:url(images/presentation/bullet_cross.jpg) 0px 1px no-repeat;
	padding:0px 0px 0px 20px;
	margin-bottom:7px;
	color:#c02f2f;
}

#post .primaryContent ul li span,
#post .primaryContent ol li span {
	background:#fff;
}

#post .primaryContent ol {
	margin:0px 0px 40px 168px;
}

#post .primaryContent ol li {
	background:none;
	padding:0px 0px 0px 0px;
	margin-bottom:7px;
	color:#c02f2f;
	list-style-type:decimal;
}

.postHeader {
	width:100%;
}

.postTitle {
	width:644px;
	position:relative;
}

#post h2 {
	font-size:700%;
	line-height:.9em;
	text-shadow:none;
	margin:0px 0px 20px -8px;
	padding:0px;
}

#post .primaryContent h3,
#post .secondaryContent h3 {
	margin-bottom:10px;
}

#post .primaryContent h3 {
	padding-left:166px;
}

#post .primaryContent p {
	padding:0 0 40px 166px;
	line-height:1.5em;
}

#post .primaryContent blockquote p {
	padding:0 0 30px 125px;
	line-height:1.5em;
	font-size:150%;
	color:#d03737;
	font-family:Monaco,  Geneva, Arial, Helvetica, sans-serif;
	font-style:italic;
	text-shadow:none;
}

#post blockquote p span {
	background:#ffebeb;
}

#post p.published {
	padding:0px 0px 0px 0px;
	text-transform:uppercase;
	font-family:Monaco,  Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	text-shadow:none;
}

#post p.published span {
	background:#ffea00;
	padding:2px 3px 2px 3px;
}

#post p.author {
	color:#929292;
	padding:0px 0px 0px 25px;
	text-transform:uppercase;
	font-family:Monaco,  Geneva, Arial, Helvetica, sans-serif;
	margin:0px 0px 10px -27px;
	background:url(images/presentation/arrow_black.png) 0px 2px no-repeat;
}

a.commentsBubble {
	width:48px;
	height:33px;
	background:url(images/presentation/comments_bubble.png) top left no-repeat;
	font-family:Helvetica, Arial, sans-serif;
	font-size:130%;
	font-weight:bold;
	text-align:center;
	color:#faf9f3;
	text-shadow:none;
	float:right;
	border-bottom:none;
	padding:16px 1px 0px 0px;
	position:absolute;
	/*top:18px;
	left:-67px;*/
	top:0;
	right:0;
	text-shadow: #8c1f1f 0px -1px 0px;
}

a.commentsBubble:hover {
	background:url(images/presentation/comments_bubble.png) 0 -60px no-repeat;
	text-shadow: none;
}

a.commentsBubble:active,
a.commentsBubble:focus {
	background:url(images/presentation/comments_bubble.png) 0 -120px no-repeat;
	text-shadow: #fff370 0px 1px 0px;
	color:#292929;
}

/*#blog-post .content img {
	margin-bottom:40px;
	box-shadow:none;
	box-shadow:none;
  	-moz-box-shadow:none;
  	-webkit-box-shadow:none;
	float:right;
}*/

#post .primaryContent p img,
#post .primaryContent p iframe {
	margin:0px 0px 0px -166px;
	box-shadow:none;
	box-shadow:none;
  	-moz-box-shadow:none;
  	-webkit-box-shadow:none;
}

#blog-post .primaryContent p.imageCaption {
	margin:-35px 0px 0px 0px;
	font-family:Lucida Grande, Monaco,  Geneva, Arial, Helvetica, sans-serif;
	color:#929292;
	font-size:85%;
	font-style:italic;
	text-shadow:none;
	padding-left:0px;
	float:left;
}

ul.consumption {
	width:146px;
	position:absolute;
	top:54px;
	right:0;
}

ul.consumption li {
	line-height:1.3em;
}

ul.consumption li a {
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	border-bottom:none;
	padding:5px 0px 6px 31px;
	margin:0px 0px 6px 0px;
	display:block;
}

ul.consumption li.rssLink a {
	background:url(images/presentation/icon_rss.png) top left no-repeat;
	color:#ff8400;
}

ul.consumption li.rssLink a:hover {
	background:url(images/presentation/icon_rss.png) 0px -50px no-repeat;
	text-shadow:none;
	color:#292929;
}

ul.consumption li.rssLink a:active,
ul.consumption li.rssLink a:focus {
	background:url(images/presentation/icon_rss.png) 0px -100px no-repeat;
	text-shadow:none;
}

ul.consumption li.twitterLink a {
	background:url(images/presentation/icon_twitter.png) top left no-repeat;
	color:#49a7c4;
}

ul.consumption li.twitterLink a:hover {
	background:url(images/presentation/icon_twitter.png) 0px -50px no-repeat;
	text-shadow:none;
	color:#292929;
}

ul.consumption li.twitterLink a:active,
ul.consumption li.twitterLink a:focus {
	background:url(images/presentation/icon_twitter.png) 0px -100px no-repeat;
	text-shadow:none;
}

ul.consumption li.archiveLink a {
	background:url(images/presentation/icon_archives.png) top left no-repeat;
	color:#86b40b;
}

ul.consumption li.archiveLink a:hover {
	background:url(images/presentation/icon_archives.png) 0px -50px no-repeat;
	text-shadow:none;
	color:#292929;
}

ul.consumption li.archiveLink a:active,
ul.consumption li.archiveLink a:focus {
	background:url(images/presentation/icon_archives_02.png) 0px -100px no-repeat;
	text-shadow:none;
}

ul.recentArticles {
	line-height:1.3em;
}

ul.recentArticles li {
	padding-bottom:7px;
}

ul.recentArticles li a {
	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:110%;
	text-shadow:none;
	background:url(images/presentation/icon_arrow.png) top left no-repeat;
	color:#292929;
	border-bottom:none;
	padding:5px 0px 6px 31px;
	display:block;
}

ul.recentArticles li a:hover {
	background:url(images/presentation/icon_arrow.png) 0 -50px no-repeat;
	color:#cf3737;
}

ul.recentArticles li a:active,
ul.recentArticles li a:focus {
	background:url(images/presentation/icon_arrow.png) 0 -100px no-repeat;
	color:#292929;
	}
	
ul.recentArticles li.archiveLink a {
	background:url(images/presentation/icon_archives_02.png) 0 -150px no-repeat;
}	

ul.recentArticles li.archiveLink a:hover {
	background:url(images/presentation/icon_archives_02.png) 0px -50px no-repeat;
	text-shadow:none;
	color:#cf3737;
}

ul.recentArticles li.archiveLink a:active,
ul.recentArticles li.archiveLink a:focus {
	background:url(images/presentation/icon_archives_02.png) 0px -100px no-repeat;
	text-shadow:none;
	color:#292929;
}

/********** Comments **********/

h2#comments {
	border-top:20px solid #292929;
	padding:30px 0px 0px 0px;
	margin-bottom:40px;
	margin-top:5px;
}

.primaryContent ol#commentList {
	margin:0px 0px 0px 0px;
}

.primaryContent ol#commentList li h3 {
	margin:0px 0px 6px 0px;
}

.primaryContent ol#commentList li p.date {
	padding-bottom:25px;
}

.primaryContent ol#commentList li {
	list-style-type:none;
	border-bottom:1px solid #e4e4e0;
	margin-bottom:40px; 
}

.primaryContent ol#commentList li p {
	color:#292929;
}

.primaryContent ol#commentList li .avatar {
	margin:0px 0px 0px 66px;
	float:left;
	/*-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;*/
}

.primaryContent ol#commentList li.authorComment p {
	color:#c02f2f;
}

.primaryContent ol#commentList li.authorComment img {
	box-shadow: 0px 1px 5px #5f5f5f;
  	-moz-box-shadow: 0px 1px 5px #5f5f5f;
  	-webkit-box-shadow: 0px 1px 5px #5f5f5f;
	-o-box-shadow: 0px 1px 5px #5f5f5f;
}


/********** Comments Form **********/

h2#leaveAComment {
	font-size:350%;
	margin-bottom:40px;
}

.primaryContent #commentForm {
	margin-bottom:20px;
	float:left;
}

.primaryContent #commentForm p {
	padding:0px 0px 20px 0px;
	position:relative;
}

.primaryContent #commentForm p label {
	position:absolute;
	top:6px;
	left:60px;
}

.primaryContent #commentForm p span {
	color:#cf3737;
}

.primaryContent #commentForm input,
.primaryContent #commentForm textarea {
	font-size:110%;
	font-family:"Courier New", Courier, monospace;
	margin-left:166px;
	width:220px;
	height:20px;
	border:1px solid #dadada; 
	padding:5px 10px 5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

.primaryContent #commentForm input:focus,
.primaryContent #commentForm textarea:focus {
	box-shadow: 0px 0px 5px #dadada;
  	-moz-box-shadow: 0px 0px 5px #dadada;
  	-webkit-box-shadow: 0px 0px 5px #dadada;
	-o-box-shadow: 00px 0px 5px #dadada;
	background:#f9fcf3;
}

.primaryContent #commentForm textarea {
	padding:10px 10px 10px 10px;
	width:456px;
	height:200px;
}

#commentForm input[type="submit"] {
	font-family:Helvetica, Arial, sans-serif;
	font-size:150%;
	border:none;
	background:#cf3737;
	padding:1px 0px 0px 0px;
	width:242px;
	height:35px;
	color:#fff;
	text-shadow: #8c1f1f 0px -1px 0px;
}

#commentForm input[type="submit"]:hover {
	background: #292929;
	text-shadow: none;
	}	
	
#commentForm input[type="submit"]:active,
#commentForm input[type="submit"]:focus {
	background: #ffea00;
	color:#292929;
	text-shadow: #fff370 0px 1px 0px;
	}	
	
.errorMessage {
	margin:-14px 0px 0px 166px;
	color:#cf3737;
}	










/********** Photos **********/

#photosTitleArea {
	padding:40px 0px 50px 0px;
	position:relative;
}








/********** Portfolio Styles **********/

#portfolioWeb {
	padding:40px 0px 33px 0px;
	position:relative;
}

#portfolioOffline {
	padding:90px 0px 45px 0px;
	position:relative;
}

.thickLine {
	width:644px;
	height:20px;
	float:right;
	background:#292929;
	margin-top:15px;
}

ul.categories {
	margin:0px 0px 0px 0px;
	float:left;
	position:absolute;
	top:79px;
	left:808px;
}

#portfolioOffline ul.categories {
	position:absolute;
	top:129px;
	left:808px;
}

ul.categories li {
	padding:0px 0px 0px 0px;
	margin-bottom:2px;
	text-transform:uppercase;
	line-height:1.3em;
}

ul.categories li a {
	text-decoration:none;
	font-size:115%;
	padding:0px 0px 0px 22px;
	border-bottom:none;
}

ul.categories li a:hover {
	background:url(images/presentation/arrow_nav_double.png) top left no-repeat;
	color:#d03737;
	text-shadow: #fff 0px 1px 0px;
}

#portfolio #portfolioWeb ul.categories li a.online,
#portfolio #portfolioOffline ul.categories li a.offline {
	background:url(images/presentation/arrow_nav_double.png) 0px -50px no-repeat;
	color:#d03737;
}

ul.projectInfo {
	width:312px;
	margin-bottom:20px;
}

ul.projectInfo li {
	border-bottom:1px solid #e4e4e0;
	padding:0px 0px 18px 20px;
	margin:0px 0px 18px 0px;
}

ul.projectInfo li p {
	padding:0px 0px 0px 0px;
}

ul.projectInfo li span p {
	margin:0px 0px 20px 0px;
}

ul.projectInfo li:last-child {
	border-bottom:none;
	margin-bottom:0px;
}

ul.projectInfo li h4,
p.title {
	color:#8f8f8b;
	font-size:75%;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Monaco,  Geneva, Arial, Helvetica, sans-serif;
	line-height:1.16em;
	margin-bottom:7px;
}

/* Up and Down Portfolio Links*/

a.upLink {
	background:url(images/presentation/button_up.png) top left no-repeat;
	display: block;
	width:55px;
	height: 47px;
	border: none;
	text-indent:-9999px;
	overflow:hidden;
	}
	
a.upLink:hover {
	background:url(images/presentation/button_up.png)  0px -100px no-repeat;
	}

a.upLink:active,
a.upLink:focus {
	background:url(images/presentation/button_up.png)  0px -200px no-repeat;
	}
	
a.downLink {
	background:url(images/presentation/button_down.png) top left no-repeat;
	display: block;
	width:55px;
	height: 47px;
	border: none;
	text-indent:-9999px;
	overflow:hidden;
	}
	
a.downLink:hover {
	background:url(images/presentation/button_down.png)  0px -100px no-repeat;
	}

a.downLink:active,
a.downLink:focus {
	background:url(images/presentation/button_down.png)  0px -200px no-repeat;
	}	
	
a.topLink {
	position:absolute;
	top:20px;
	right:0;
}

a.bottomLink {
	position:absolute;
	top:77px;
	right:0;
}


/********** Portfolio Containers **********/

.halfColumn {
	width:478px;
}

#createDM,
#kicksend,
#zero,
#giftRocket,
#amazee,
#eventSites2010,
#chirp,
#carsonified,
#devdays,
#summerCamp,
#events2009,
#ollyHite,
#ourGreatAdventure,
#fourDayProjects,
#theThingsWemake,
#chirpTshirt,
#fowdTshirt,
#slides,
#microsoft,
#journal,
#ollyAlbum,
#urbanswallow,
#moki,
#wasted,
#mailchimp,
#twitterPosters,
#beroccaPosters {
	width:976px;
	position:relative;
	padding:20px 0px 0px 0px;
	margin-bottom:120px;
}

#zero {
	margin-bottom:50px;
}

#ourGreatAdventure {
	margin-bottom:0px;
}

#wasted {
	margin-bottom:30px;
}	

/*#chirp ul.projectInfo {
	margin-left:20px;
}*/	

#devdays ul.projectInfo,
#summerCamp ul.projectInfo,
#events2009 ul.projectInfo,
#fourDayProjects ul.projectInfo,
#microsoft ul.projectInfo,
#journal ul.projectInfo,
#chirpTshirt ul.projectInfo,
#wasted ul.projectInfo {
	margin-top:50px;
}

.nudge {
	margin-left:-50px;
}

/********** Photos **********/

#photos {
	width:976px;
	position:relative;
	padding:20px 0px 0px 0px;
	margin-bottom:6px;
}









/********** Images **********/

img,
.video {
	margin-bottom:20px;
	box-shadow: 0px 2px 7px #c1c7c1;
  	-moz-box-shadow: 0px 2px 7px #c1c7c1;
  	-webkit-box-shadow: 0px 2px 7px #c1c7c1;
	/*-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;*/
}

#photos img {
	margin-bottom:40px;
}

/*image no shadow*/

.noShadow,
#chirpTshirt img,
#fowdTshirt img,
.deck,
.journalCover,
.journalPencil,
.ollyCover,
#urbanswallow img,
.ollyLogo,
#moki img,
.mediatemple img {
	box-shadow:none;
  	-moz-box-shadow:none;
  	-webkit-box-shadow:none;
}

.journalCover {
	margin-left:-44px;
}

.ollyCover {
	margin-left:-60px;
}

.urbanFront,
.mokiFront {
	margin-left:-60px;
}

.urbanSpread {
	margin:-30px 3px 15px 0px;
}

.mokiBack {
	margin-top:-130px;
}

.chirpIllo {
	margin-right:-50px;
}

.smallShirt {
	margin:-20px -50px 0px 0px;
}

.fowdIllo {
	margin:-10px 0px 0px -30px;
}

.fireDrill {
	margin:200px 0px 20px 0px;
}










/********** Misc **********/

.left {
	float:left;
}

.right {
	float:right;
}

.left20 {
	margin-left:20px;
}

.right20 {
	margin-right:20px;
}

.gap {
	margin-bottom:10px;
}







/* Webkit styles only Hack Thingy (To deal with odd padding issue on large font sizes) ____________________________________________________________________ */

@media screen and (-webkit-min-device-pixel-ratio:0) {
     #portfolioWeb {
	padding:40px 0px 40px 0px;
	position:relative;
	}
	
	ul.categories {
	position:absolute;
	top:88px;
	left:808px;
	}
	
	#portfolioOffline {
	padding:85px 0px 50px 0px;
	position:relative;
}
	#portfolioOffline ul.categories {
	position:absolute;
	top:133px;
	left:808px;
	}
	
	h2.onlineDesign {
	background:url(images/presentation/01b.png) 0 9px no-repeat;
}

	h2.offlineDesign {
	background:url(images/presentation/02.png) 0 9px no-repeat;
}

	h2.photosTitle {
	background:url(images/presentation/03.png) 0 9px no-repeat;
	margin:0px 0px 0px -62px;
}

h2.archiveTitle {
	background:url(images/presentation/03.png) 0 9px no-repeat;
	margin:32px 0px 45px -60px;
	}
	
	#archive ul.consumption {
	position:absolute;
	top:76px;
	right:0;
}

	h2.four0fourTitle {
	background:url(images/presentation/03.png) 0 9px no-repeat;
	margin:32px 0px 10px -60px;
	}	

}







/* Clearfix ____________________________________________________________________ */

#section:after,
#header:after,
ul#mainNav:after,
ul#mainNav li:after,
.halfColumn:after,
.group:after,
.content:after,
.primaryContent:after,
#footer:after,
#footerLeft:after,
#portfolioWeb:after,
#portfolioOffline:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* End Clearfix */