html, body { margin:0; padding:0; border:0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

/* #IMG ================================================== */

.row img, object, embed { border:0; max-width:100%; height:auto; }
		
/* #1140px 6 GRID ================================================== */
.container { display: block; padding:0 20px;  margin: 0 auto; overflow: hidden; *zoom: 1;   }
.containerNOpadding { display: block; padding:0;  margin: 0 auto; overflow: hidden; *zoom: 1;   }

.up50 {margin-top: -50px;}
.row {
	display: block;
	width: 100%;
	max-width:1140px;
	margin:50px auto;
	min-height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

.row [class*="col"] { float: left; display:inline; min-height: 1px; margin-left: 2.127659574468085%;}
.row [class*="col"]:first-child { margin-left: 0; }

.row .twelvecol { width: 100%; *width: 99.94680851063829%; }
.row .elevencol { width: 91.48936170212765%; *width: 91.43617021276594%; }
.row .tencol { width: 82.97872340425532%; *width: 82.92553191489361%; }
.row .ninecol { width: 74.46808510638297%; *width: 74.41489361702126%; }
.row .eightcol { width: 65.95744680851064%; *width: 65.90425531914893%; }
.row .sevencol { width: 57.44680851063829%; *width: 57.39361702127659%; }
.row .sixcol { width: 48.93617021276595%; *width: 48.88297872340425%; }
.row .fivecol { width: 40.42553191489362%; *width: 40.37234042553192%; }
.row .fourcol { width: 31.914893617021278%; *width: 31.861702127659576%; }
.row .threecol { width: 23.404255319148934%; *width: 23.351063829787233%; }
.row .twocol { width: 14.893617021276595%; *width: 14.840425531914894%; }
.row .onecol { width: 6.382978723404255%; *width: 6.329787234042553%; }

.row .offsettwelve { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; }
.row .offsettwelve:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; }
.row .offseteleven { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; }
.row .offseteleven:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; }
.row .offsetten { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; }
.row .offsetten:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; }
.row .offsetnine { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; }
.row .offsetnine:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; }
.row .offseteight { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; }
.row .offseteight:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; }
.row .offsetseven { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; }
.row .offsetseven:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; }
.row .offsetsix { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; }
.row .offsetsix:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; }
.row .offsetfive { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; }
.row .offsetfive:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; }
.row .offsetfour { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; }
.row .offsetfour:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; }
.row .offsetthree { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; }
.row .offsetthree:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; }
.row .offsettwo { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; }
.row .offsettwo:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; }
.row .offsetone { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; }
.row .offsetone:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; }

/* #Tablet (Portrait / width:768px) ================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.row .threecol, .row .threecol:first-child { width: 40%; margin: 1% 5%; }
.row .twelvecol, .row .twelvecol:first-child, .row .fourcol, .row .fourcol:first-child, .row .fivecol, .row .fivecol:first-child, .row .sixcol, .row .sevencol { width: 90%; margin: 2% 5%; }
.row [class*="offset"]:first-child, .row [class*="col"]:first-child {margin: 2% 5%;}

#titleabout, #titleskills, #titlecontact, {padding-top:60px;}

#h_title {margin: 10% auto auto auto}

#tini1 {display:none;}
#tini2 {display:block; visibility:visible;}
#recipecol1 {margin-bottom:0; padding-bottom:0;}
#recipecol2 {margin-top:0; padding-top:0;}
#recipecol2 h3, #recipecol2 br {display:none;}
}
/* #Mobile (less than 768px) ================================================== */

@media only screen and (max-width: 767px) {
body { font-size: 0.8em; line-height: 1.5em; -webkit-text-size-adjust: auto; -moz-text-size-adjust: auto;}
	
body, .container, .row { width:100%; min-width: 100px; margin:0; padding-left: 0px; padding-right: 0px;}	
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { width:90%; display:block; margin: 0 0 25px 0; padding:0 5% 10px 5%;}
.row .offsettwo, .row .offsettwo:first-child { width:90%; display:block; margin: 0 0 25px 0; padding:10px 5%;}
.row [class*="offset"]:first-child {margin: 2% 5%;}

#nav p {display:none;overflow:hidden;}
#nav ul {width:50%;margin:0 auto;}
#footer, #footer_logo {margin:0; padding:0;}



#titleabout, #titleskills, #titlecontact, #btnLinks {padding-top:60px;}
#tini1 {display:none;}
#tini2 {display:block; visibility:visible;}
#recipecol1 {margin-bottom:0; padding-bottom:0;}
#recipecol2 {margin-top:0; padding-top:0;}
#recipecol2 h3, #recipecol2 br {display:none;}

.skillblock {margin: 0; padding:0 5% 10px 5%;}
}


/* #ALIGN ================================================== */

.right { float:right;}
.left { float:left; }
.center { text-align:center; margin:0 auto; }
.first { margin-left:0; }
.last { margin-right:0; }

/* #CLEAR ================================================== */

/* Self Clearing Goodness */
.container:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; }

/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .row:before, .row:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.row:after, .clearfix:after { clear:both; }
.row, .clearfix { zoom:1; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}