/*   
Theme Name: Matthieu Tremblay - Portolio Wordpress Theme
Description: Wordpress theme for Portfolio of Matthieu Tremblay. Based on the HTML5 Reset Theme http://html5reset.org
Author: Matthieu Tremblay
Author URI: http://www.matthieutremblay.com/
Version: 1.0
*/

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

@import url(http://fonts.googleapis.com/css?family=Lato:400,900,400italic,900italic);

* { outline: none !important; }

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {
	font-family: "Georgia", serif;
	font-size:12px;
	line-height:24px;
	background:fixed;

	/* CSS3 Gradient Generatorby: Damian Galarza: http://gradients.glrzad.com/ */
	background-image: linear-gradient(bottom, #ffffff 53%, #ececec 100%);
	background-image: -o-linear-gradient(bottom, #ffffff 53%, #ececec 100%);
	background-image: -moz-linear-gradient(bottom, #ffffff 53%, #ececec 100%);
	background-image: -webkit-linear-gradient(bottom, #ffffff 53%, #ececec 100%);
	background-image: -ms-linear-gradient(bottom, #ffffff 53%, #ececec 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.53, #ffffff),
		color-stop(1, #ececec)
	);

}

h1, h2, h3, h4, h5, h6, nav.site, nav.project-categories { 
	font-family: 'Lato', sans-serif;
}

header h1 {
	font-size:2.8em;
	font-weight:900;
	letter-spacing:-1px;
	padding-top:40px;
	line-height:50px;
	margin-bottom:30px;
}

nav.site {
	font-size:1.7em;
	text-transform: lowercase;
	margin-bottom:15px;
}

nav.project-categories {
	font-size:1.4em;
	text-transform: lowercase;
	margin-bottom:20px;
}



nav.site li,
nav.project-categories li { display:inline; padding:0 15px 0 0 ;}

.current-cat > a,
.current_page_item > a				{  font-weight:bold !important; color: #69f !important; }



header h1 a {
	text-decoration:none;
	color:#555;
	text-shadow:1px 1px 0px #fff;
}

header h1 a:hover { }

header h2 { }

.project-title {
	margin-bottom:8px !important;
	font-style:italic;
}

.project-year {
	font-weight:400;
	margin-bottom:4px;
}

.projects .project-title { float:left; font-size:1.25em; max-width:350px; }
.projects .project-title a { color: #555; }
.projects .project-year  { float:right; color:#777 !important; text-align:right; }



/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {
	color: #375dab;
	text-decoration:none;
   -webkit-transition:color 0.2s ease-in;
   -moz-transition:color 0.2s ease-in;
   -o-transition:color 0.2s ease-in;
   transition:color 0.2s ease-in;
}

.hover, a:hover {color: #69f !important;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #888; text-shadow: none;}
::selection {background: #888; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #888; } 

ins {background-color: #888; color: #000; text-decoration: none;}
mark {background-color: #888; color: #000; font-style: italic; font-weight: bold;}



/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

#content { display:none;  }

div.projects, div.single-project, div.single-page {
	padding-top:30px;
}

.projects article {
	margin-bottom: 30px;
}

/* shadow for boxes on index pages */
.projects article .project-gallery a img {
	display:block;
	-webkit-box-shadow: 0 0 5px #777;
	-moz-box-shadow: 0 0 5px #777;
	box-shadow: 0 0 5px #777;
}

.fancybox { }

.fancybox-title {
	font-family: 'Lato', sans-serif !important;
	color:#222;
	font-size:1.4em;
	font-style:italic;
	font-weight:700;
	text-shadow:1px 1px 0px #fff;
}

.caption {
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	font-style:italic;
	text-align:left;
	margin-bottom:10px;	
}



.entry-content { font-weight:400; }
.entry-content a {}
.entry-content a:hover {}

.entry-content p {
	margin-bottom:12px;
	font-size:1.3em;
	line-height: 1.5em;

}

.project-gallery {
	
}

.project-gallery a {
	position: relative;
	margin:0 0 20px 0;
	display:block;
}

.project-gallery a img {
	display:block;
}

.project-gallery a:hover { 

}

.project-gallery a .overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(_/img/overlay.png) top left no-repeat;
}


.not-found-404 h1 { color:#666; text-align:center; margin-bottom:20px; }
.not-found-404 h2 { color:#888; text-align:center; margin-bottom:30px; }

.not-found-404 .entry-content { padding-top:80px; }



#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}


article hr {
	border-style: solid;
	border-color: #e0e0e0;
	border-width: 1px 0 0 0;
	margin:20px 0;
	clear: both;
	display: block;
}

h3.url {
	margin-top:30px;

}

.url a {
	font-size:1.2em;
}

.url a.photo-visual-art {
	padding-right:20px !important;
	background: url(_/img/flickr.png) top right no-repeat;
	font-size:1em !important;
}


.permalink label {
	float:left;
	width:20%;

}
.permalink input {
	font-size:12px;
	border:1px solid #999;
	padding:2px 0px; color:#666;
	outline: none !important;
	width:79%;
	margin-bottom:50px;
}


footer { 
	font-size:1.2em;
	color:#999;
	font-family: 'Lato', sans-serif;	
	padding:20px 0 100px 0;
}

.copyright {
	
}

blockquote {
	font-style:italic;
	font-size:90%;
	padding:10px;
}

/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


.wpcf7-form p {
	font-size:14px;
	font-weight:900;
	font-family: 'Lato', sans-serif;
	text-transform: lowercase;
}

.wpcf7-form input[type="text"],
.wpcf7-form textarea {
	width:300px;
	border: 1px solid #cacaca !important;
	margin-top:5px;
	

	font-family:"Georgia", serif !important;
	
	background-color:#fff;
	padding:4px 3px;
	outline:none !important;
   -webkit-transition:box-shadow,background-color 0.2s ease-in;
   -moz-transition:box-shadow,background-color 0.2s ease-in;
   -o-transition:box-shadow,background-color 0.2s ease-in;
   transition:box-shadow,background-color 0.2s ease-in;	   
   
}

.wpcf7-form img.captcha-img { 
	position:relative;
	top:6px;
	left:3px;
}

.wpcf7-form input.captcha {
	width:154px !important;
	margin-left:5px;
}

.wpcf7-form input[type="submit"] {
	font-size:12px !important;
	width:100px;
	margin:10px 0;
}


.wpcf7-form input[type="text"]:focus,
.wpcf7-form textarea:focus
 {
	background-color:#fff;
	-moz-box-shadow: inset 0 0 5px #cacaca;
	-webkit-box-shadow: inset 0 0 5px #cacaca;
	box-shadow: inset 0 0 5px #cacaca;
}

.resume a.pdf {
	float:left;
	margin-right:30px;
}

.resume a.pdf span {
	display:block;
	
	background: transparent url(_/img/pdf.png) 0px 0px no-repeat;
	width:241px;
	height:278px
}

.resume a.pdf h2 {  text-align:center; font-weight:400 !important; margin-bottom:40px;}

.resume a.pdf span:hover {
	background-position-y: -277px;
	cursor:pointer !important;
}

.resume p.updated {
	

}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

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

	
	header h1 { font-size:2.3em !important; }
	
	nav.site ul { line-height:30px; }
	
	nav.project-categories { line-height:30px; }

	.wpcf7-form input[type="text"],
	.wpcf7-form textarea {
		width:220px !important;
	}

	.wpcf7-form input.captcha {
		width:70px !important;
	}


}


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

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

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}