/* ============================== */

/* ! Layout for desktop version   */

/* ============================== */
body {
	
}

.pixelClouds {
	min-height: 177px;
	width: auto;
}


header {
	height: 120px;
	position: relative;
	margin-bottom: 38px;
}

header h1 {
	padding-top: 12px;
	padding-left: 0;
	display: inline-block;
	margin-bottom: 0;
}

/*nav*/

nav {
	/*
position: absolute;
	right: 5px;
	bottom: 44px;
*/	
}

/*Start navigation*/
nav a { padding-right: 1em; }
nav ul { margin: 0; padding: 0; list-style: none; }
nav ul li { float: left; }

nav a:link, nav a:visited, nav a:active { -webkit-transition: color .3s linear; text-decoration: none; color: #F8BAD9; }
nav a:hover { color: rgba(252,47,149,.9) }
nav a#current { color: #FC2F95; }

/*footer*/
footer {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 24px;
}

/*general styles*/
.clear {
      clear: both;
}

section {z-index: 0; }

.onTop { z-index: 100; }


/* ============================= */

/* ! Layout for mobile version   */

/* ============================= */
@media handheld, only screen and (max-width: 1024px) {


.container {
	padding-left: 20px;
	padding-right: 20px;
}

}


@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {

.container {
	padding-left: 0;
	padding-right: 0;
}

footer {
	margin-right: 20px;
	margin-left: 20px;
}



}

@media handheld, only screen and (max-width: 767px) {

body {

}



}

/* ========================================== */

/* ! Provide higher res assets for iPhone 4   */

/* ========================================== */

/* Provide higher res assets for iPhone 4 */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
.download {
background: url(../img/downarrow@2x.png) no-repeat;
background-size: 27px 28px;
}
*/

}

/* ========================================== */

/* Type & image presets */

/* ========================================== */
img,object,embed { margin-bottom:20px; }
body { font-family:Helvetica Neue, Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; 
/* Changing this will break the baseline grid. */
-webkit-text-size-adjust:none; 
/* Stops the iPhone scalling type up */
}

/*a {
text-decoration: none;
color: #005698;
font-weight: bold;
border-bottom: 1px solid #adadad;
}

a:hover {
color: #000;
border-bottom: none;
}*/
a img { display:block; 
/* Stops image links getting text link styles */
}
img { }
p,ul,ol,blockquote { margin-bottom:24px; 
/* Changing this will break the baseline grid. */
}
li { margin-bottom:6px; }
blockquote { }
h1 { font-size:30px; line-height:36px; 
/* Changing this will break the baseline grid. */
margin-bottom:24px; 
/* Changing this will break the baseline grid. */
font-family: FunktionRegular, Helvetica, Arial; font-weight:300; }
h2 { font-size:20px; margin-bottom:24px; 
/* Changing this will break the baseline grid. */
font-family: FunktionRegular, Helvetica, Arial; font-weight:300; }
h3 { font-size:18px; margin-bottom:24px; 
/* Changing this will break the baseline grid. */
font-family:FunktionRegular, Helvetica, Arial; font-weight:300; }

/* ========================================== */

/* Theme */

/* ========================================== */
body {
	background: #f3f3f3 url(../images/popshop-linen.png) 0 0 repeat; 
	color: #3c3c3c; font-family: ff-providence-sans-web-pro-1, ff-providence-sans-web-pro-2, 'Gill Sans', Helvetica, sans-serif; text-shadow: rgb(255, 255, 255) 0px 1px 0px; text-shadow: rgba(255, 255, 255, 0.75) 0px 1px 0px;
}

a:link, a:visited, a:active {
	text-decoration: none; 
	color: #EBAE15; 
	-webkit-transition: color .3s linear;
	border: 0;
}

a:hover { color: #E28010; }

/*pixelClouds*/
.pixelClouds {
	/* background: transparent url(../images/pixel_clouds.png) -1050% -64px repeat-x; */
	background: url(../images/woodheader2.png) 0 0 repeat-x;
	position: relative;
	z-index:1;
	min-height: 200px;	
}

.pixelClouds:before {
   content:"";
   position:absolute;
   z-index:-1;
   top:0;
   left:0;
   width:100%;
   height:200px;
   /* background: transparent url(../images/mini-cloud.png) 15% -10px no-repeat; */
   }

/*header*/
header {
	/*background: transparent url(../images/mini-cloud.png) -15% 54px no-repeat;*/
}

header h1 a:link, header h1 a:visited, header h1 a:hover, header h1 a:active { color: #32282D; font-size: 1.75em; line-height: 1.625em; font-weight: 100; text-shadow: rgb(255, 255, 255) 0px 1px 0px; text-shadow: rgba(255, 255, 255, .4) 0px 1px 0px; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(50,40,45,.5)), to(rgba(50,40,44,1))); }

/*nav*/
nav { font-size: 1.375em; font-weight: 300; font-family: FunktionRegular; line-height: 1em; margin: 48px 0 0 0; float: right; display: inline-block; text-shadow: rgb(16, 16, 16) 0px 1px 0px; text-shadow: rgba(16, 16, 16 0,75) 0px 1px 0px; }

nav a:link, nav a:visited, nav a:active { -webkit-transition: color .3s linear; text-decoration: none; color: #ECE5DD; }
nav a:hover { color: rgba(41,158,191,1); }
nav a#current { color: rgba(216,210,201,1); }

/*Start aside*/
aside { opacity: .66; -webkit-transition: opacity .5s linear; margin-top: -4px;
	margin-bottom: 48px; font-family: FunktionRegular, 'Gill Sans'; }
aside:hover { opacity: 1; }

aside p { font-size: 0.8571em; text-transform: uppercase; margin: 0 0 1em 0; word-spacing: 0.25em; }

aside h3 { color: #4C3E35; margin-top: 1em; margin-bottom: 12px; text-transform: uppercase; font-family: FunktionRegular; }

aside h4 { padding-left: 0; margin: 0 0 0.5em 0; color: #299EBF; text-transform: uppercase; font-family: FunktionRegular; }

.photos { border: 8px solid rgb(255, 255, 255); -webkit-box-shadow: 0 1px 3px #aaa; }

aside #twitter { max-width: 90%; }

#twitter { width: auto; height: auto; padding: 0.5em; background: rgba(255, 255, 255, .5); -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 0 0 2em 0; float: left; display: block; word-wrap: break-word; font-family: ff-providence-sans-web-pro-1,ff-providence-sans-web-pro-2;}

/*Start section*/

section p { word-spacing: 0.25em; /*line-height: 1.5em;*/ font-size: 1.125em; }

section img, section video { max-width: 94%; background: #fff; border: 10px solid #fff; -webkit-box-shadow: 0 2px 3px #efefef; -moz-box-shadow: 0 2px 3px #efefef; box-shadow: 0 2px 3px #aaa; margin-bottom: 48px; }

/*section h1.blog-entry-title a { position: relative; min-width: 48px; height: 48px; z-index: 1; }
section h1.blog-entry-title a:before { content:""; position: absolute; top: 0; left: 0; background: transparent url(../images/h1-bg-blog.png) 0 0 no-repeat; z-index: -1px; }*/


section h1, section h1.blog-entry-title a { color: #C0B4A8; font-family:  Funftion, Helvetica, Arial; /*font-size: 1.25em;*/ }
section h1.blog-entry-title a { -webkit-transition: color .5s linear; }
section h1.blog-entry-title a:hover {color: #878983; }

section h2 { color: #C0B4A8; }

section h3 {
	font-family: FunktionRegular, Helvetica, Arial; color: #ABA196;
}

/*hr*/
hr { display: none; }

.hr { margin: 0 0 1.75em 0; height: 0; width: 98%; border-top: 1px solid #d4d5c8; border-bottom: 1px solid #fcfdf4; display: block; float: left; }

.hr-top { margin: 0 0 1em 0; height: 0; width: 100%; /* background: transparent url(../images/header-split.png) left bottom no-repeat; */ border-top: 1px solid rgba(255, 255, 255, .7); border-bottom: 1px solid rgba(255, 255, 255, .3); float: left; }

.text ul li { margin-left: 40px; }

/*tags*/
ul.tags { padding-left: 0; margin-left: 0; opacity: .6; text-transform: uppercase; -webkit-transition: opacity .5s linear; cursor: default; }
ul.tags:hover { opacity: 1; }
ul.tags li { list-style: none; display: inline; padding-right: 8px; margin-left: 0; color: #082A5D; font-size: 12px; }


/*postmeta*/
ul.postMeta { list-style: none; opacity: .6; text-transform: uppercase; -webkit-transition: opacity .5s linear; cursor: default; margin-bottom: 0; }
ul.postMeta:hover { opacity: 1; }
ul.postMeta li { color: #C39B79; font-size: 12px; }

ul.postMeta li.day, li.day { margin-left: 0; background: transparent url(../images/calendar-icon.png) 0 0 no-repeat; height: 16px; text-indent: 20px; float: left; line-height: 16px; }
ul.postMeta li.year, li.year { margin-left: 10px; line-height: 16px; text-indent: 8px; }
ul.postMeta li.note, li.note { margin-left: 10px; padding-right: 10px; }

li.odd, li.even { list-style: none; }

.extraMargin { height: 20px; }

.photo img { /*-webkit-box-shadow: 0 1px 4px rgba(65, 65, 65, .6);*/ }

.ninecol section { padding-left: 12px; /*padding-top: 24px;*/ }

.post h2 a:link, .post h2 a:visited, .post h2 a:active { color: #C0B4A8; }

/*#withBackground { background: -webkit-gradient(linear, 75% 75%, 75% 75%, from(rgba(255, 255, 255, .3)), to(rgba(255, 255, 255, .2)), color-stop(.1,rgba(255, 255, 255, .3))); min-height: 500px; background: -moz-linear-gradient(left, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .2) 75%); overflow: hidden; }*/

/*footer*/
.ribbon {
	background: #473941;  
	background: -moz-linear-gradient(top, #473941, #32282D);  
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#473941), to(#32282D));  
	padding: 20px 20px;  
	margin-left: -10px;
	margin-right: 10px;  
	margin-top: 60px;  
	position: relative;  
	width: auto;
	-moz-box-shadow: 1px 1px 3px #292929;  
	-webkit-box-shadow: 1px 1px 3px #292929;  
	box-shadow: 1px 1px 3px #292929;
}

.arrow {  
     width: 0; height: 0;  
     line-height: 0;  
     border-left: 10px solid transparent;  
     border-top: 10px solid #251D22;  
     top: 102%;  
     left: 0;  
     position: absolute;  
} 

footer {
	/*background: url(../images/paper-line.png) 0 0 repeat, url(../images/mail.png) -10px 0 repeat-x;*/ background: #fff; font-family: ff-providence-sans-web-pro-1,ff-providence-sans-web-pro-2, Helvetica, Arial; -webkit-box-shadow: 0 1px 3px #999; -moz-box-shadow: 0 1px 3px #999; -box-shadow: 0 1px 3px #999; background-color: #fff; padding-top: 64px; margin-top: -60px; /*-webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px;*/
}

footer h4 { color: #D1C8C2; font-weight: 500; font-size: 120%; padding-left: 0; margin-bottom: 0; margin-top: 6px; font-family: FunktionRegular, Helvetica, Arial; }

footer ul li {
	list-style: none;
	
}

.footer img {
	box-shadow: 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px #fff;
}

.footerSprite {
	background-image: url(../images/footer-sprite.png);
	background-color: transparent;
	background-repeat: no-repeat;
	box-shadow: 0 0 0 #000;
}

.footerIcons {
	height: 48px;
	width: 48px;
}

#imac {
	background-position: 0 -48px;
}

#macbook {
	background-position: 0 -240px;
}

#iphone {
	background-position: 0 -144px;
}

#ipad {
	background-position: 0 -96px;
}

#eos550 {
	background-position: 0 -192px;
}

#g9 {
	background-position: 0 0px;
}

#espresso {
	background-position: 0 -432px;
}

#coda {
	background-position: 0 -288px;
}

#transmit {
	background-position: 0 -672px;
}

#littlesnapper {
	background-position: 0 -576px;
}

#kaleidoscope {
	background-position: 0 -528px;
}

#pixelmator {
	background-position: 0 -624px;
}

/*li.object a img {
	display: inline-block;
}*/

li.object, li.apps {
	position: relative;
	padding: 0 0 0 74px;
	min-height: 64px;
	margin-bottom: 24px;
}

li.object a img, li.apps a img {
	left: 0;
	position: absolute;
	top: -12px;
}
ul.apps li, ul.gadgets li {
	float: none;
	max-width: 100%;
	/*margin-bottom: 48px;*/
}

ul.apps li img, ul.gadgets li img {
	/*float: left;
	padding-right: 16px;*/
	box-shadow: 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0 #fff;
}

.minHeight {
	min-height: 72px;
}

.itunes {
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	box-shadow: 1px 1px 2px #ccc;
	/*-webkit-transform: rotate(1deg);*/
	margin-top: 21px;
	margin-bottom: 24px;
	width: 90%;
}

.paper {
	background: url(../images/paper-line.png) 0 24px repeat, url(../images/mail.png) -10px 0 repeat-x;  font-family: "museo-slab-1","museo-slab-2", Helvetica, Arial; -webkit-box-shadow: 0 1px 3px #999; -moz-box-shadow: 0 1px 3px #999; -box-shadow: 0 1px 3px #999; background-color: #fff;
	padding: 19px 20px 16px 20px;
}

.whitePaper {
	/*background: url(../images/paper-line.png) 0 0 repeat, url(../images/mail.png) -10px 0 repeat-x;*/  font-family: "museo-slab-1","museo-slab-2", Helvetica, Arial; -webkit-box-shadow: 0 1px 3px #999; -moz-box-shadow: 0 1px 3px #999; -box-shadow: 0 1px 3px #999; background-color: #fdfdfd;
	padding: 20px;
}

/*Social Media*/
ul.socialMedia { margin: 0; padding: 0; list-style: none; font-size: 0.9285em; }

ul.socialMedia li { display: block; line-height: 32px; /* height: 3.125em; */ margin: 0 0 20px 0; }

ul.socialMedia li img { float: left; padding-right: 1.5em; border: 0; }

ul.socialMedia li a:link, ul.socialMedia li a:visited, ul.socialMedia li a:hover, ul.socialMedia li a:active { text-decoration: none; color: #1CB4FF; color: #0A0F1C; color: #4c4c4c; }

.flickrIcon { background: transparent url(../images/social/24/social-sprite.png) 0 -160px no-repeat; }
.fancyIcon { background: transparent url(../images/social/24/social-sprite.png) 0 0 no-repeat; }
.twitterIcon { background: transparent url(../images/social/24/social-sprite.png) 0 -32px no-repeat; }
.vimeoIcon { background: transparent url(../images/social/24/social-sprite.png) 0 -192px no-repeat; }
.goodreadsIcon { background: transparent url(../images/social/24/social-sprite.png) 0 -224px no-repeat; }
.myspaceIcon { background: transparent url(../images/social/24/social-sprite.png) 0 -96px no-repeat; }
.tumblrIcon { background: transparent url(../images/social/24/social-sprite.png) 0 -64px no-repeat; }
.forrstIcon { background: transparent url(../images/social/24/social-sprite.png) 0 -128px no-repeat; }
.social { width: 32px; height: 32px; }

.noPadding {
	padding-right: 0;
	padding-left: 0;
}

/* Fonts */
/*h1 { font-size: 1.5em; line-height: 1.25em; margin: 0 0 0.5em 0; }h2 { font-size: 1.1875em; line-height: 1.125em; color: #66AF22; margin: 0 0 0.5em 0; } h3 { font-size: 1.125em; line-height: 1em;}*/

.greenFont {
	color: #299EBF;
}

.clear {
      clear: both;
}

blockquote {
	font-size: 140%;
	font-style: italic;
}

/* Clearing floats */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* General Styles */
img { border: 0; }

/* Blog */
div.blog-entry { margin-bottom: 1em; padding-bottom: 0,5em; line-height: 21px;  }

.blog-entry-title { }

.blog-image-smiley { vertical-align: bottom; /* position: absolute; */ }

.blog-entry-date { padding: 0 0 0.5em 0; font-size: 0.5625em; margin-top: -24px; }

.blog-entry-body { position: relative; padding-bottom: 24px; /*line-height: 21px;*/}

.blog-entry-tags { margin: 1em 0; font-size: 0.75em; /* position: absolute; */ color: #585858; padding: 0; }

.blog-read-more { display: block; padding: 6px 0; }

.blog-entry-tags a { background: #E1E2D3; -moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; padding: 2px 4px; opacity: .5; }

.blog-archive-headings-wrapper {
	background: rgb(231, 231, 231);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity: .5;
	line-height: 2em;
	margin: 0 0 0.5em 0;
}

.blog-archive-headings-wrapper:hover {
	opacity: 1;
}

.blog-archive-month, .blog-archive-link {
	display: inline;
	padding: 0.5em;
}

.copyright {
	width: 100%;
	text-align: center;
	color: #777;
	font-size: 0.9133em;
	font-family: FunktionRegular;
}

/*portfolio*/
p.images img { max-width: 100%; }a.polaroid { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; display: block; background: #fff; padding: 10px; margin:5px; /*-moz-box-shadow: #ccc 5px 5px 20px; -webkit-box-shadow: #ccc 5px 5px 20px;*/ margin-bottom:1em; }a.polaroid img { width: 24px; }a.polaroid:hover { -moz-box-shadow: #666 5px 5px 20px; -webkit-box-shadow: #666 5px 5px 20px; }.miniThumbs { width:100px; height: 100px; padding: 0; border: 8px solid #fff; background: #fff; overflow: hidden; float: left; margin: 2em 8px 2em 10px; -webkit-box-shadow: 1px 2px 3px #656565; -moz-box-shadow: 1px 2px 3px #656565; position: relative;
}.miniThumbs img { max-width: 200%; border: 0 none; position: absolute; bottom: -75%; left: -25%; }

.to-top { opacity: .5; -webkit-transition: opacity linear .5s; padding-left: 10px;
}

.to-top:hover { opacity: 1; }

.papertags {
	background: #C0B4A8;
	padding: 10px 40px 20px 40px;
	display: block;
	position: relative;
	height: auto;
	clear: none;
}

.papertags:after {
	content: "";
	position: absolute;
	top: -11px;
	left: 0;
	background-image: url(../images/tags2.png);
	background-position: top left;
	background-repeat: repeat-x;
	display: block;
	width: 100%;
	height: 22px;
}

.backtotop {
	box-shadow: 0 0 0 #000;
	border-radius: 50px;
	opacity: .5;
}

/* Style for mobile version */
@media handheld, only screen and (max-width: 767px) {

/*#withBackground { background: rgba(255, 255, 255, .3); }*/
header h1 { padding-top: 6px; }

nav { margin: -12px 0 0 0; float: none; padding: 0; }


}


@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
header h1 {
	padding-top: 0;
	margin: 12px 0 0 0;
	font-size: 1.375em;
	float: left;
}

nav {
	font-size: 1em;
}

.ninecol section { padding-left: 0; }

.ribbon { margin-left: 10px; }

/*#withBackground { background: transparent; }*/
}