@charset "UTF-8";
/* CSS Document */
/* =============================================================================
   HTML5 and Cross-Browser Stuff | Normalizing Styles
   ========================================================================== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

[hidden] {display: none;}

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
}

body {margin: 0;}

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

b, 
strong {font-weight: bold;}

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

svg:not(:root) {overflow: hidden;}

form {margin: 0;}

fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}

legend {
    border: 0; /* 1 */
    *margin-left: -7px; /* 2 */
}

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

button,
input {
    line-height: normal; /* 1 */
}

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

button::-moz-focus-inner,
input::-moz-focus-inner {border: 0; padding: 0;}

textarea {overflow: auto; vertical-align: top;}

table {border-collapse: collapse; border-spacing: 0;}

/* =============================== STYLES & STRUCTURE =========================== */

@font-face {
    font-family: 'Lobster13Regular';
    src: url('Lobster_1.3-webfont.eot');
    src: url('Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lobster_1.3-webfont.woff') format('woff'),
         url('Lobster_1.3-webfont.ttf') format('truetype'),
         url('Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
    font-weight: normal;
    font-style: normal;
	text-rendering: optimizeLegibility;

}

body {background-color:rgb(240,240,240);}

.clear {width: 100%; height: 1px; margin: 0 0 -1px; clear: both;}

.wrapper {max-width: 980px; margin: 0 auto;}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

h1 {
	color:#000;
	font-family: 'Lobster13Regular';
	font-weight:lighter;
	font-size:3.4em;
	line-height:1.65;
	margin-top:40px;
	margin-bottom:20px;
	background-color:none;
}

h2 {
	color:rgb(100,100,100);
	font-weight:normal;
	font-size:1.15em;
	text-align:justify;
	line-height:1.65;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h3 {
	color:rgb(60,60,60);
	font-weight:normal;
	font-size:1.5em;
	text-align:justify;
	line-height:1.65;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h4 {
	color:rgb(100,100,100);
	font-weight:normal;
	font-size:1.15em;
	text-align:justify;
	line-height:1.65;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

p {
	color:rgb(100,100,100);
	line-height:1.25;
	margin:20px auto;
	padding:0 10px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.gray_text {
	color:rgb(40,40,40);
	line-height:1.65em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
}
	

#header {
	width:100%;
	background-color:rgb(120,120,120);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgb(60,60,60);
	padding-top: 10px;
	min-height:80px;
	max-height:160;
	overflow-y: visible;
}

header {max-width:960px; margin:0 auto; padding:0 10px;}

.logotext {
	display:inline;
	float:left;
	padding-left:5px;
	margin-top:40px;
	margin-bottom:24px;
}

#header a {
	font-family: 'Lobster13Regular';
	color:rgb(220,221,223);
	font-size:1.25em;
	letter-spacing:0.075em;
	text-decoration:none;
	cursor: pointer;	
	text-shadow:0px 1px 1px rgba(40,40,40,0.5);	
}


#header a:hover {
	color:rgb(255,255,255);
	text-shadow:0px 1px 1px #000;	
}

#header ul {
	list-style-image:none;
	text-decoration:none;
	float:right;
	display:inline;
	padding-left:10px;
	margin-top:40px;
	margin-bottom:24px;

}

#header li {
	list-style-image:none;
	text-decoration:none;
	display:inline;
	float:left;
	text-align:center;
	margin-left:20px;
}

#header li a {
	font-family: 'Lobster13Regular';
	color:rgb(220,221,223);
	font-size:1.25em;
	letter-spacing:0.075em;
	text-decoration:none;
	cursor: pointer;	
	text-shadow:0px 1px 1px rgba(40,40,40,0.5);	
}


#header li a:hover {
	color:rgb(255,255,255);
	text-shadow:0px 1px 1px #000;	
}

#intro {
	margin:0 auto;
	margin-bottom:20px;
	padding:0 10px;
}

#intro h1 {
	color:rgb(100,100,100);
	font-weight:normal;
	font-size:1.15em;
	text-align:justify;
	line-height:1.65;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding:20px 0;
	margin:0 auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#intro ul {
	list-style:none;
	display:inline;
	margin:0 auto;
	padding:0;
}

#intro li {
	flost:left;
	display:inline;
	margin:0;
	padding:0 5px 0 0;
}

#intro li a:hover {color:#333; cursor:pointer;}

#content p {
	font-size: 0.875em;
	text-justify:auto;
}

#content a {
	color:rgb(40,40,40);
	font-weight:bold;
	text-decoration:none;
	cursor: pointer;		
}


#content a:hover {
	color:rgb(100,100,100);
}

#thumbs {
	padding:10px 10px 0;
}

#thumbs ul {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}

#thumbs li {
	width: 160px;
	height: 160px;
	float:left;
	margin: 0;
	padding: 0;
}

#thumbs li a {
	display: inline-block;
}

#thumbs li a:hover {
	background-color:rgb(60,60,60);
	overflow-y:hidden;
	line-height:1px;
}

#thumb1 {
	background-color:rgb(221,66,21);
	
}

#thumb2 {
	background-color:rgb(230,88,30);
	
}

#thumb3 {
	background-color:rgb(28,64,117);
	
}

#thumb4 {
	background-color:rgb(0,153,255);
	
}

#thumb5 {
	background-color:rgb(255,204,0);
	
}

#thumb6 {
	background-color:rgb(30,190,240);
	display: block;
}

#thumb7 {
	background-color:rgb(0,88,170);
	
}

#thumb8 {
	background-color:rgb(255,155,29);
	
}

#thumb9 {
	background-color:rgb(138,0,10);
	
}

#thumb10 {
	background-color:rgb(16,90,98);
	
}

#thumb11 {
	background-color:rgb(255,0,116);
	
}

#thumb12 {
	background-color:rgb(34,26,40);
	
}

ul.projects  {
	display:block;
	margin:0 auto;
	padding:0;
	width:100%;
	list-style:none;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
}

ul.projects li {
	display:block;
	margin: 40px auto 0;
	padding:20px 10px;
	background-color:#eee;
	-moz-border-top-left-radius:0.35em;
	-webkit-border-top-left-radius:0.35em;
	border-top-left-radius:0.35em;
	-moz-border-top-right-radius:0.35em;
	-webkit-border-top-right-radius:0.35em;
	border-top-right-radius:0.35em;
	-moz-box-shadow: 0px -5px 8px rgba(40,40,40,0.1);
	-webkit-box-shadow: 0px -5px 8px rgba(40,40,40,0.1);
	box-shadow: 0px -5px 8px rgba(40,40,40,0.1);
}

ul.projects li hgroup {
	width:100%;
	padding:0 0 5px;
	margin:0 0 35px;
	background:none;
	border-bottom:solid 1px rgb(160,160,160);
}

ul.projects li h2 {
	font-family: 'Lobster13Regular';
	font-size:1.45em;
	font-weight:lighter;
	letter-spacing:0.025em;
	color:rgb(60,60,60);
	display:inline;
	line-height:1.25;
	margin-top:10px;
	margin-left:2px;
	background-color:none;
}

ul.projects li h4 {
	font-size:1em;
	color:rgb(100,100,100);
	display:inline;
	line-height:1.25;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:10px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background-color:none;
}

ul.projects.studies li {
	display:block;
	margin: 40px auto 0;
	padding:20px 10px;
	background-color:#ddd;
	-moz-border-top-left-radius:0.35em;
	-webkit-border-top-left-radius:0.35em;
	border-top-left-radius:0.35em;
	-moz-border-top-right-radius:0.35em;
	-webkit-border-top-right-radius:0.35em;
	border-top-right-radius:0.35em;
	-moz-box-shadow: 0px -2px 10px rgba(40,40,40,0.4);
	-webkit-box-shadow: 0px -2px 10px rgba(40,40,40,0.4);
	box-shadow: 0px -2px 10px rgba(40,40,40,0.4);
}

/*.study {
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 10px 20px 10px;
	display:block;
	width:960px;
	background-color:#ddd;
	-moz-border-radius-topleft:0.25em;
	-webkit-border-top-left-radius:0.25em;
	border-top-left-radius:0.25em;
	-moz-border-radius-topright:0.25em;
	-webkit-border-top-right-radius:0.25em;
	border-top-right-radius:0.25em;
	-moz-box-shadow: 0px -3px 8px rgba(40,40,40,0.5);
	-webkit-box-shadow: 0px -3px 8px rgba(40,40,40,0.5);
	box-shadow: 0px -3px 8px rgba(40,40,40,0.5);
}*/

h3.portfolio {
	font-size:1.15em;
	color:#000;
	padding:3px;
	margin-left:0;
	font-family: 'Lobster13Regular';
	background-color:none;
	border-bottom: 1px solid rgb(160,160,160);
	display:inline;
}

p.portfolio {
	color:rgb(40,40,40);
	font-size:0.85em;
	font-family: sans-serif;
	font-weight:lighter;
	line-height:1.5;
	margin-right:5px;
}

h1.study {
	font-family: 'Lobster13Regular';
	font-size:1.45em;
	letter-spacing:0.025em;
	color:#000;
	display:inline;
	line-height:1.25;
	margin-top:10px;
	margin-left:2px;
	padding:0;
	background-color:none;
	-moz-border-top-left-radius:none;
	-webkit-border-top-left-radius:none;
	border-top-left-radius:none;
	-moz-border-top-right-radius:none;
	-webkit-border-top-right-radius:none;
	border-top-right-radius:none;
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none;
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
}

.float_lft {
	float:left;
	margin-right:10px;
	margin-bottom:7px;
}

.float_right {
	float:right;
	margin-left:10px;
	margin-bottom:7px;
}

img.inline {
	display:inline;
	margin-bottom:7px;
}

.enjoy {
	display:block;
	width:100%;
	margin-top:40px;
	margin-bottom:25px;
	padding-top:25px;
	padding-bottom:40px;
	font-family: 'Lobster13Regular';
	font-size:3.5em;
	line-height:2.75;
	text-align:center;
}

.back_up {
	float:right;
	font-family: 'Lobster13Regular';
	font-size:1em;
	line-height:1.25;
	display:inline;
	margin:7px 0 0 5px;
}

.back_up a {
	color:rgb(200,200,200);
	text-decoration:none;
}

.back_up a:hover {
	color:rgb(60,60,60);
}

#footer {
	margin:40px auto 60px;
	padding:10px 10px 20px 10px;
	border-top: 1px solid #ccc;
}

#footer nav {
	width:auto;
	float:right;
}

#footer nav p {
	font-family: sans-serif;
	font-size:0.75em;
	color:rgb(100,100,100);
}

#footer nav a {
	font-family: sans-serif;
	color:rgb(160,160,160);
	text-decoration:none;
	cursor: pointer;		
}


#footer nav a:hover {
	color:rgb(40,40,40);
}

/* Transitions */

a, a:hover {transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms;}