/*
THEME NAME: Myke Preuss
THEME URI: http://www.waytoogood.ca
DESCRIPTION: Portfolio Site
AUTHOR: <a href="http://http://www.waytoogood.ca">Myke Preuss</a>
AUTHOR URI: http://www.waytoogood.ca
VERSION: 2.0
*/

@font-face {font-family: Documenta; src: url('fonts/DTLDocumentaT.otf');}
@font-face {font-family: DocumentaItal; src: url('DTLDocumentaT-Italic.otf');}
@font-face {font-family: Documenta; src: url('fonts/DTLDocumentaT-Bold.otf'); font-weight: bold;}

@font-face {font-family: Gotham; src: url('fonts/GothamHTF-Book.otf');}
@font-face {font-family: Gotham; src: url('fonts/GothamHTF-Bold.otf'); font-weight: bold;}

/* Some basic resets and global styles */

html, body, span,
h1, h2, h3, h4, 
p, a, img, ul, li {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
	font-family: Gotham, Arial, Helvetica, Verdana, Lucida Grande, sans-serif;
	vertical-align: baseline;
	color: #242424;
	list-style-image: none;
	list-style-type: none;
	outline: none;
}

html {
	background-color: #030404;
	min-width: 1265px;
}

body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 #242424;}}

a img {
	border: none;
}

a:hover {
	color: #002fa7;
}

.container {
	width: 100%;
	float: left;
}

/* START Navigation */

.branding-overlay, .work-list {
	position: absolute;
	z-index: 5000;
}

.branding-overlay {
	top: 10px;
	left: 10px;
}

h1.blog-title, h1.blog-title a {
	font-size: 48px;
	line-height: 60px;
	text-transform: uppercase;
	width: 370px;
	font-weight: bold;
}

h1.blog-title a {
	display: inline;
	position: relative;
	-webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
}

h1.blog-title a.blog-title-overlay {
	position: absolute; 
	left: 2px;
	top: 2px;
	opacity: 0.8;
	-webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
}


.blog-description {
	font-size: 18px;
	line-height: 24px;	
	background: url(images/title-bg.png);
	width: 352px
}

.nav-overlay {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 6000;
	text-align: right;
}

body.s-category-work .nav-overlay {
	position: absolute;
}

.nav-overlay {
	position: fixed;
}

.menu ul li, .menu ul li a {
	float: left;
	color: #e5e5e5;
}

.menu ul li {
	margin: 0px 10px;
	background: url(images/transparent-desc.png);
	opacity: 0.95;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
}

.menu ul li a {
	padding: 5px 20px 0px;
}

.menu ul li.current_page_item a, .s-category-work .work-title a {
	-webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);	
}

/* END Navigation */


/* START Work Page Nav */

.work-list {
	top: 124px;
	left: 10px;
}

.work-list ul li {
	position: relative;
	float: left;
	clear: both;
}

.work-list ul li a {
	float: left;
}

.work-list li a, .menu li a {
	font-size: 18px;
	line-height: 24px;	
}

.work-title a, .menu li a {
	font-weight: bold;
}

/* END Work Page Nav */


/* START Content */

.post {
	position: relative;
	float: left;
	width: 25%;	
}

.entry-content {
	width: 96%;
	min-width: 310px;
	min-height: 218px; 
	height: auto !important; 
	height: 218px;
	margin: 0% 2%;	
}

.entry-content a {
	float: left;
}

img.tile-over {
	position: absolute;
	z-index: 1000;
	height: 96%;
	width: 96%;
	opacity: 0.2;
}

img.tile-over:hover {
	opacity: 0.8;
}

img.tile-under {
	position: absolute;
	z-index: 0;
	width: 96%;
	height: 96%;
}

/* END Content */


/* START Portfolio Page */

body.s-category-work {
	overflow: hidden;
}

.single .post {
	width: 100%;
}

.work-description h2.entry-title {
	font-size: 24px;
	line-height: 30px;
	width: 420px;
	cursor: pointer;
	color: #e5e5e5;
	opacity: 0.9;
}

.drop-down-arrow {
	margin-top: 5px;
	width: 24px;
	height: 18px;
	background: url(images/dropdown-arrow.png);
	float: right;
	background-position: 0px 0px;
}

.work-description h2.entry-title span.left-title-text {
	font-size: 24px;
	line-height: 30px;
	float: left;
	color: #e5e5e5;
}

.drop-down-arrow.triangleDown {
	background-position: 0px 18px;
}

.drop-down-arrow.triangleHover {
	background-position: 24px 0px;
}

.drop-down-arrow.triangleHover.triangleDown {
	background-position: 24px 18px;
}


.work-description {
	position: absolute;
	top: 0px;
	right: 70px;
	width: 420px;
	padding: 10px 20px;
	z-index: 5000;
	background: url(images/transparent-desc.png);
	color: #e5e5e5;
	opacity: 0.95;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
}

.work-description p {
	display: none;
	padding-top: 10px;
	float: left;
}

.work-description p, .work-description p a {
	color: #e5e5e5;
	opacity: 0.8;
}

.work-description p a:hover {
	text-decoration: underline;
}

.image-text-holder {
	position: relative;
	float: right;
}

.portfolio-image {
	float: left;
	position: relative;
}

.single .entry-content .portfolio-image.panel p {
	position: absolute;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	padding: 10px 20px;;
	z-index: 5000;
	background: url(images/transparent-desc.png);
	color: #e5e5e5;
	opacity: 0.8;
	width: 620px;
	right: 0px;
}

.portfolio-image img {
	float: right;
	width: 790px;
	padding: 10px 10px 0px 0px;
	position: relative;
}


ul.ngg-galleryoverview, ul.ngg-galleryoverview li {
	float: left;
}

.single .entry-content {
	position: relative;
	width: 100%;
	overflow: hidden;
	float: left;
	margin: 0px;
}

/* These 2 lines specify style applied while slider is loading */

.csw {
	width: 100%;
}

p.loading {
	margin: 200px auto; 
	float: none !important; 
	width: 150px; 
	text-align: center;
}

.portfolio-gallery {
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 100%;
	/*clear: both;*/
	float: left;
}
		
.portfolio-gallery .panelContainer {
	position: relative;
	/*left: 0;
	top: 0;*/
	width: 100%;
	list-style-type: none;
	float: left;
}
		
.portfolio-gallery .panelContainer .panel {
	float:left;
	height: 100%;
	position: relative;
}

.panel-container {
	float: left;
	position: relative;
}

.stripNavL, .stripNavR {
	position: absolute;
	top: 246px;
	z-index: 6000;
	text-align: center;
}

.stripNavL a, .stripNavR a {
	font-size: 24px;
	padding: 5px;
}		

.stripNavL a {
	float: left;
}

.stripNavR a {
	float: right;
}
		
.stripNavL {
	left: -10px;
}
		
.stripNavR {
	right: 0px;
}

/* END Collection Slider */


.ngg-navigation {
	float: right;
}

.navigation {
	float: left;
	width: 940px;
	padding: 0px 10px;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
}

/* END Single Page */

/* START Blog Page */

ul.blog-nav {
	padding: 108px 10px 0px;
}

ul.blog-nav li {
	margin: 4px 0px;
	padding: 10px;
	float: left;
}

ul.blog-nav li a {
	width: 330px;
	float: left;
}

ul.blog-nav li a:hover, .more-link a:hover {
	text-decoration: underline;
}

.pageid-148 .post {
	position: relative;
	height: 300px;
	width: 33.333%;
}

.pageid-148 h2.entry-title {
	padding: 20px 10px 0px 20px;	
}

.pageid-148 h2.entry-title a {
	font-size: 30px;
	line-height: 40px;
	background: url(images/title-bg.png);
}

.pageid-148 h2.entry-title a:hover {
	text-decoration: underline;
}

.pageid-148 .entry-date {
	font-size: 11px;
	line-height: 14px;
	padding: 0px 0px 0px 20px;	
}

.pageid-148 p {
	padding: 10px 10px 10px 20px;	

	font-family: Documenta, Georgia, Times;
}

.pageid-148 .more-link {
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
	padding: 0px 3px;
	background: url(images/title-bg.png);
}

/* SINGLE Blog Page */

.post.single-blog-nav {
	width: 33.333%;
	float: left;
}

.post.single-blog {
	float: left;
	width: 600px;
	margin: 20px 0px 60px;
}

.single-blog h2.entry-title {
	float: left;
	width: 600px;
	font-size: 30px;
	line-height: 40px;
	padding: 24px;
	margin-bottom: 24px;
	font-weight: bold;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background: url(images/title-bg.png);	
}

.single-blog .entry-content {
	position: relative;
	padding: 24px 24px 0px 24px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background: url(images/title-bg.png);	
}

body.postid-312, .postid-312 .single-blog .entry-content {
	background: #000;
}

.postid-312 .single-blog .entry-content img {
	padding-bottom: 60px;
}

.postid-312 .single-blog .entry-content .more-link, .postid-312 .single-blog h2.entry-title {
	display: none;
}

.post.single-blog .entry-content p {
	padding-bottom: 24px;
	font-family: Documenta, Georgia, Times;
}

.single-blog .entry-content a {
	font-family: Documenta, Georgia, Times;
	float: none;
	padding: 0px 3px;
	background: url(images/title-bg.png);
}

.single-blog .entry-content a:hover {
	text-decoration: underline;
}

.post.single-blog .entry-content .more-link a {
	margin-bottom: 12px;	
	float: right;
}

/* START F1 Countdown Styles */

.countdown {
	width: 360px;
	float: left;
	padding: 0px 0px 48px 120px;
}

.imageLayout div { 
	float: left; 
	width: 30px; 
	height: 40px; 
  background: url(images/digits.jpg) no-repeat 0px 0px; 
} 
    
.imageLayout .image0 { 
	background-position: -0px 0px;
}

.imageLayout .image1 { 
	background-position: -30px 0px;
}

.imageLayout .image2 { 
	background-position: -60px 0px;
}
	 
.imageLayout .image3 { 
	background-position: -90px 0px;
}
	 
.imageLayout .image4 { 
	background-position: -120px 0px;
}
	 
.imageLayout .image5 { 
	background-position: -150px 0px;
}	 

.imageLayout .image6 { 
	background-position: -180px 0px;
}	 

.imageLayout .image7 { 
	background-position: -210px 0px;
}	 

.imageLayout .image8 { 
	background-position: -240px 0px;
}	 

.imageLayout .image9 { 
	background-position: -270px 0px;
}	 

.imageLayout .imageDay { 
	background-position: -330px 0px;
}	 

.imageLayout .imageSep { 
	background-position: -300px 0px;
}	 

.imageLayout .imageSpace { 
	background-position: -360px 0px;
}	 

/* START Adobe Countdown Styles */

.adobe-imageLayout {
	position: relative;
	z-index: 1000;
}

.adobe-imageLayout div { 
	float: left; 
	width: 54px; 
	height: 91px; 
  	background: url(images/digits-adobe.png) no-repeat 0px 0px; 
} 
    
.adobe-imageLayout .image0 { 
	background-position: -0px 0px;
}

.adobe-imageLayout .image1 { 
	background-position: -54px 0px;
}

.adobe-imageLayout .image2 { 
	background-position: -108px 0px;
}
	 
.adobe-imageLayout .image3 { 
	background-position: -162px 0px;
}
	 
.adobe-imageLayout .image4 { 
	background-position: -216px 0px;
}
	 
.adobe-imageLayout .image5 { 
	background-position: -270px 0px;
}	 

.adobe-imageLayout .image6 { 
	background-position: -324px 0px;
}	 

.adobe-imageLayout .image7 { 
	background-position: -378px 0px;
}	 

.adobe-imageLayout .image8 { 
	background-position: -432px 0px;
}	 

.adobe-imageLayout .image9 { 
	background-position: -486px 0px;
}	 

.adobe-imageLayout .imageSep { 
	background-position: -540px 0px;
}	 

.adobe-imageLayout .imageSpace { 
	background-position: -594px 0px;
}

.adobe-image {
	position: relative;
	float: left;
	width: 594px;
	height: 91px;
	margin: 0px 3px 24px 0px;
	background: url(images/adobe-image.jpg);
	z-index: 0px;
}


/* END Adobe Countdown Styles */

/* END Blog Page */


/* START Social Page */

.social-icon-holder {
	float: left;
	width: 100%;
	padding: 20px 0px 82px;
}

#socialGrid {
	float: right;
	padding: 0px 10px;
}

.socialGrid {
	float: right;
	padding: 0 10px 0px 0px;
}

ul.socialGrid {
	margin:0 0 0 -7px !important;
}

ul.socialGrid li {
	border: medium none !important;
	float: left;
	height: 32px !important;
	list-style-type: none !important;
	margin: 0 0 7px 7px !important;
	padding: 0 !important;
	position: relative;
	width: 32px !important;
}

ul.socialGrid li a {
	display: block;
	height: 32px;
	margin: 0 !important;
	outline-color: -moz-use-text-color !important;
	outline-style: none !important;
	outline-width: medium !important;
	padding: 0 !important;
	text-indent: -99999px;
	width: 32px;
}

ul.socialGrid li.flavors a {
	background: url(images/flavours-button.png);
}

ul.socialGrid li.wave a {
	background: url(images/google-wave-button.png);
}

ul.socialGrid li.cargo a {
	background: url(images/cargo-logo.png);
}

.social-bg {
	border-top: 4px solid #030404;
	border-bottom: 4px solid #030404;
	float: left;
	margin-bottom: 72px;
	width: 100%;
}

.social-holder {
	width: 33.333%;
	float: left;
}

a.social-image {
	width: 100%;
	float: left;
	height: 70px;
}

a.social-image img {
	margin: 10px;
}

/* Twitter */

.twitter-holder {
	padding: 0px;
}

.tweet {
	float: left;
	clear: both;
	padding: 3%;
	width: 94%;
}

/* Flickr */

a.flickr-image {
	float: left;
	width: 25%;
	height: 160px;
	overflow: hidden;
}

a.flickr-image img {
	margin: 0px 0px 0px -35px;	
}

/* Last.fm */

#lastfmrecords {
	float: left;
	width: 100%;
}

#lastfmrecords ol {
	width: 100%;
}

#lastfmrecords ol, #lastfmrecords ol li a {
	float: left;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

#lastfmrecords ol li a {
	float: left;
	width: 33%;
	height: 130px;
	overflow: hidden;
}

#lastfmrecords ol li img {
	height: 130px;
	width: 130px;
	margin-left: 10px;
}

/* END Social Page */


/* START Music Page */

.pageid-114 .entry-content {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
}

.pageid-114 .entry-content a {
	font-size: 24px;
	float: left;
	line-height: 30px;
	padding: 45px 0px;
	height: 55px;
	width: 16.666%;
	text-align: center;
}

.pageid-114 .entry-content a:hover {
	text-decoration: underline;
}

/* END Music Page */


/* START 404 Page */

.error404 {
	padding: 162px 10px 0px;
	width: 100%;
}

.error404 h2.entry-title {
	font-size: 30px;
	float: left;
	line-height: 48px;
	width: 100%;
	font-weight: bold;
}

.error404 .entry-content {
	float: left;
	margin: 0px;
}

/* END 404 Page */


/* START Contact Page */

body.pageid-146 {
	background: url(../../uploads/2010/01/myke1.jpg);
}

.pageid-146 .content {
	padding: 0px 12px;
}

.contact-info {
	margin-top: 112px;
}

.contact-info {
	float: left;
}

.contact-box {
	padding: 10px 100px 10px 10px;
	margin: 10px;
}

/* END Contact Page */


/* START Visual Stimulation Page */

.pageid-80 .entry-content {
	padding-top: 130px;
	width: 100%;
	margin: 0px;
	float: left;
}

.pageid-80 p {
	padding: 0px 10px;
	width: 400px;
}

.pageid-80 .ngg-galleryoverview {
	margin-top: 24px;
	padding: 12px;
	border-top: 4px solid #030404;
	border-bottom: 4px solid #030404;
	background: #fff;
}

.pageid-80 img {
	width: 33%;
}

.pageid-80 .pagination-holder {
	width: 100%;
	float: left;
	padding: 14px 0px 60px;
	margin-top: 14px;
}

.pageid-80 .ngg-navigation {
	float: right;
	padding-right: 48px;
}

.pageid-80 .ngg-navigation a {
	font-size: 30px;
	padding: 5px;
}

.pageid-80 .ngg-navigation a:hover {
	background: #e5e5e5;
	color: #242424;
}

.pageid-80 .ngg-navigation span {
	float: left;
	font-size: 30px;
	padding: 5px;
}

.pageid-80 .page-numbers {
	padding: 5px;
	float: left;
}

.pageid-80 a.next {
	float: left;
}

/* END Visual Stimulation Page */

/* START Hide Stat Counter in IE */
.statcounter {
	display: none;
}
/* END Hide Stat Counter in IE */