/* 1.0 Normalize */

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
	max-width: 100%; 
}

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

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

.button {
	display: block;
	padding: 5px 20px;
	background: #F79322;
/*	border: 5px solid #bbb;*/
	color: #fff !important;
	text-decoration: none !important;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 20px;
}

.button:hover {
	background: #0076a3;
    background: -webkit-linear-gradient(#0076a3, #199BCD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0076a3, #199BCD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0076a3, #199BCD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0076a3, #199BCD); /* Standard syntax */
}

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

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/* Accessibility Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Clears */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/* Typography */
body,
button,
input,
select,
textarea {
	color: #555;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	padding: 1.5em 0 0;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 30px;
	font-size: 1.8rem;
	font-weight: 700;
}

h2 {
	color: #666;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
}

h3 {
	color: #333;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 700;
}

h4 {
	color: #333;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 800;
}

h5 {
	color: #767676;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h6 {
	color: #333;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 800;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}

/* Structure */
body {
	background: #0076a3;
}
.header { height: 87px; width: 100%; max-width: 1000px; margin-right: auto; margin-left: auto; position: relative; }
.header a {
	display: block;
}

.menuwrapper {
	float: right;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	right: 0;
}

.menu ul {
	padding: 0;
	margin: 0;
}
.menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	text-align: left;
	cursor: pointer;
	border-right: 1px solid #eeeeee;
	text-transform: uppercase;
	display: inline-block;
}

.menu li:last-child {

	border-right: 0;

}

.menu li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
	font-size: 20px;
	line-height: 1;
	font-family: "Montserrat", sans-serif;
}

.menu li a:hover {
	color: #eeeeee;
}

.menu li:last-child a {

	padding-right: 0;

}

.maincontentwrapper {

	padding: 0 10px;
	
}

.maincontent {
	width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background:#fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: auto;
}

.footerwrapper { padding: 0 10px 10px; }
	.footer { width: 100%; max-width: 1000px; margin-right: auto; margin-left: auto; background: #eeeeee; border-top: 1px solid #cccccc; padding: 20px 0; font-size: 13px; line-height: 23px; text-align:center; }

	.footer .copyright {
	    color: #bbb;
	    font-size: 0.85em;
	    letter-spacing: 0.25em;
	    margin-bottom: 0;
	    text-transform: uppercase;
	}

	.wrap {
		
		padding: 30px 40px 0;

	}
	.narrowcolumn { float: left; width: 65%; margin: 0; }
	.widecolumn { margin: 0;  }
		.narrowcolumn ul, .widecolumn ul,
		.narrowcolumn ol, .widecolumn ol { padding: 10px 0 20px 30px; }
			.narrowcolumn ul li, .widecolumn ul li,
			.narrowcolumn ol li, .widecolumn ol li { padding: 0 0 15px 10px; }
				.narrowcolumn ul li:last-child, .widecolumn ul li:last-child,
				.narrowcolumn ol li:last-child, .widecolumn ol li:last-child { padding-bottom: 0; }
				.narrowcolumn ul li ul, .widecolumn ul li ul,
				.narrowcolumn ol li ul, .widecolumn ol li ul { padding-top: 15px; padding-bottom: 0; }
		.narrowcolumn p, .widecolumn p { padding: 0 5px 0 0; text-align: justify; }
		.narrowcolumn a, .widecolumn a { color: #c45810; text-decoration:underline; }
			.narrowcolumn a:hover, .widecolumn a:hover { color: #555; text-decoration:none; }
		.narrowcolumn a img, .widecolumn a img { border: 3px solid #cdcdcd; max-width: 100%; }
			.narrowcolumn a:hover img, .widecolumn a:hover img { border: 3px solid #c45810; }
	.widecolumn.centered {
		text-align: center;
	}

	.entry .subtitle {

		font-family: "Montserrat", sans-serif;
		font-size: 1.2rem;

	}

	.entry .readmore {

		float: right;
		clear: both;

	}

	.entry .readmore::after {

	}

.sidebar { margin: 0; width: 30%; overflow:hidden; float: right; background: url('images/sidebarbg.jpg') no-repeat right top; }
	.sidebar ul { padding: 0 0 0 3px; margin: 0; list-style:none }
		.sidebar ul li,
		.sidebar .widget { list-style:none }
			.sidebar ul li a { display: block; padding: 0 0 0 0; color: #575555; font-size:15px; text-decoration: none; border-bottom-width: 1px;  }
				.sidebar ul li a:hover { color:#2b2828; text-decoration: underline; }

			.sidebar #twitter {
			margin: 0 0 30px 0; background-image:none;
		}
			.sidebar #twitter ul li {
				list-style: none; font-size: 11px; margin: 0 10px 15px 0;
			}
				.sidebar #twitter ul li span {
					font-size: 14px; line-height: 20px; color: #575555;
				}
			.sidebar #twitter a {
				color: #3d6080; text-decoration: none;
			}
				.sidebar #twitter a:hover {
					color: #2b2828;
				}

			.sidebar #twitter p#follow a {
				display: block; padding: 0 15px 0 0;
				font: italic 20px Georgia, Serif;
			}

#content { }

.narrowcolumn .postmetadata { text-align: left; clear: both; }

.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }
.even, .alt { border-left: 1px solid #ddd; }

small { }

.headerimg .description { text-align: center; }

.commentlist li, #commentform input, #commentform textarea { }
.commentlist li ul li { }
.commentlist li { }
.commentlist li .avatar {  float: right; border: 1px solid #eee; padding: 2px; background: #fff; }

.commentlist cite, .commentlist cite a { }

.commentlist p { text-transform: none; }

#commentform p { }

.commentmetadata { font-weight: normal; }

small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
}

code {

}

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }


#wp-calendar #prev a, #wp-calendar #next a {}
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize;
}
/* End Typography & Colors */



/* Begin Structure */

.post { padding: 0 0 15px; }
.post .entry { }
.post hr { display: block; }
.post h2.blog a {
	text-decoration: none;
}

.narrowcolumn .postmetadata { padding-top: 10px; padding-bottom: 10px; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }

.postmetadata { margin:5px 0 0 0 ; padding:5px 5px 5px 5px; border-top: 3px dashed #E9E9E9; border-bottom: 3px dashed #E9E9E9; }

.clear { clear: both; }


/* End Structure */



/*	Begin Headers */

/* End Headers */



/* Begin Images */
p img { padding: 0; max-width: 100%; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left; }

.featured.alignleft { padding-right: 20px; padding-bottom: 20px; }
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */


/* End Entry Lists */



/* Begin Form Elements */
#searchform { padding: 13px 30px 0 0; }

.sidebar #searchform #s { width: 100px; padding: 20px; }

.sidebar #searchsubmit { padding: 1px; }

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select { width: 130px; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
/* End Form Elements */



/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px;	margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */



/* Begin Sidebar */


.sidebar form { margin: 0; }
/* End Sidebar */



/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 10px 10px; padding: 5px 20px 5px 55px; background: #ebebeb url('images/blockquote.png') no-repeat left 5px;color: #363636; }

blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

.hidden { display: none; }

hr { display: none; }

a img { border: none; }

.navigation { text-align: center; margin-bottom: 40px; font-family: "Montserrat", sans-serif; text-transform: uppercase; }
.navigation a { text-transform: uppercase; text-decoration: none; }
/* End Various Tags & Classes*/



/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }


.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

#rangeswrapper .wp-caption { float: left; padding: 5px; margin: 2px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { padding: 0; margin: 0; }
/* End captions */




.icon {
	text-decoration: none;
	border-bottom: none;
	position: relative;
}
.icon:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
}
.icon .label {
    display: none;
}

.icons {
	cursor: default;
	list-style: none;
	padding: 0!important;
	margin: 0;
	text-align: center;
}
.icons li {
	display: inline-block;
	padding: 0 !important;
}
.icons li .icon {
	display: inline-block;
	width: 3em;
	height: 3em;
	line-height: 3em;
	text-align: center;
	text-decoration: none;
	color: #555;
}
.icons li .icon:hover:before { color: #c45810; }
.icons li .icon:before {
	font-size: 1.5rem;
}

.widecolumn .portfolio {
	list-style: none;
	padding-left: 0 !important;
	margin: 0 -10px;
	display: flex;
	flex-wrap: wrap;
}
.widecolumn .portfolio li {
	padding: 0 10px 10px !important;
	width: calc(100% / 3);
}
.widecolumn .portfolio li img {
	width:100%;
	display: block;
}

/* home boxes */
#homebox { background:#ececec; border: 1px solid #dfdfdf; clear:both; overflow:auto; padding:10px 35px; margin:10px 0 0; }
#skills { float:left; padding: 0 30px 0 0; width:300px; }
#tech { float:left; padding: 0 30px 0 0; width:300px; }
#social, #social2 { float:left; width:200px; }
	#social2 { margin-top:20px; border-right:1px solid #cfcfcf; }
#skills ul, #tech ul, #social ul, #social2 ul { list-style:none; padding: 0; margin: 0; }
#skills li { padding:0; margin: 0;  line-height:25px; }
#tech li { padding:0 0 0 30px; margin: 0; line-height:30px; }
	#dw { background:url('images/buller-dw.png') no-repeat center left; }
	#ps { background:url('images/bullet-ps.png') no-repeat center left; }
	#fw { background:url('images/bullet-fireworks.png') no-repeat center left; }
	#flash { background:url('images/bullet-flash.png') no-repeat center left; }
	#wp { background:url('images/bullet-wp.png') no-repeat center left; }
#social li, #social2 li { padding:0 0 0 40px; margin: 0; line-height:40px; list-style:none; }
#social a, #social2 a { text-decoration:none; color:#2b2828; }
	#twitter { background:url('images/bullet-twitter.png') no-repeat center left; }
	#tumblr { background:url('images/bullet-tumblr.png') no-repeat center left; }
	#flickr { background:url('images/bullet-flickr.png') no-repeat center left; }
	
#latestproject { width:200px; float:left; }
#quote { background: url('images/homequote.png') no-repeat right bottom; width:250px; float:left; }

.contact .cform {
	width: 60%;
	margin: 0 20%;
	padding:10px 0 0 0;
	background: transparent;
	border: 0;

}

.contact .failure,
.contact ol.cf-ol li.cf_li_err {

	background: #fcebed !important;

}

.contact div.cf_info > span {

	text-shadow: inherit;

}

.contact .cform li {
	margin: 0 !important;
}

		.contact .cform input,
		.contact .cform textarea,
		.contact .cform select {
			margin:0 0 8px 0;
			padding:10px;
			background: #f8f7f7;
			border:none;
			border: 1px solid #cfcfcf;
			border-top-left-radius: 5px;
  			border-top-right-radius: 5px;
 			border-bottom-right-radius: 5px;
  			border-bottom-left-radius: 5px;
			vertical-align:top;
			color:#3d6080;
			font-size:14px;
		}
			.contact .cform input:hover,
			.contact .cform textarea:hover,
			.contact .cform select:hover	{
				background: #eee;
			}
			
			.contact .cform input:focus,
			.contact .cform textarea:focus,
			.contact .cform select:focus	{
				background: #eee;
			}
		
		.contact .cform textarea,
		.contact .cform input {
			width: 97%;
		}
		.contact .cform textarea {
			font-family: arial;
			height: 10em;
			overflow:auto;
		}
		.contact .cform input.sendbutton {
			text-transform: uppercase;
			border: 0;
			border-radius: 0;
			background: #F79322;
			box-shadow: none;
			text-shadow: none;
			color: #fff;
			font-size: 20px;
			font-family: "Montserrat", sans-serif;
			padding-left: 20px;
			padding-right: 20px;
			margin: 20px 0;
			width: 100%;
		}

		.contact .cform input.sendbutton:hover {

			background: #0076a3;
		    background: -webkit-linear-gradient(#0076a3, #199BCD); /* For Safari 5.1 to 6.0 */
		    background: -o-linear-gradient(#0076a3, #199BCD); /* For Opera 11.1 to 12.0 */
		    background: -moz-linear-gradient(#0076a3, #199BCD); /* For Firefox 3.6 to 15 */
		    background: linear-gradient(#0076a3, #199BCD); /* Standard syntax */
		    border: 0;

		}

	.contact .cform label { font-size:18px; font-weight:normal; color:#555; padding:0 0 2px; margin-top: 0; margin-bottom: 5px; text-align: left; text-transform: uppercase; font-family: "Montserrat", sans-serif; }

	.contact .cform span.reqtxt, .contact .cform span.emailreqtxt {
		display: none;
	}
	
	.contact .linklove { display:none; visibility:hidden; }

	pre,
	code {
		font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
        font-size: 95%;
        line-height: 140%;
        white-space: pre;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -o-pre-wrap;
        background: #f5f5f5;
        padding: 0.5em 1em;
        border: 1px solid #eee;
	}

	pre code {
		padding: 0;
        background: transparent;
        border: 0;
	}

/* Responsive */

/* Tablet */
@media only screen and (max-width : 960px) {
/* Styles */

	.header {
		height: auto;
		/*clear: both;*/
		text-align: center;
	}
	.menuwrapper {
		position: inherit;
		float: none;
		width: 100%;
		display: block;;
		text-align: center;
		clear: both;
		transform: none;
	}
	.maincontentwrapper {
		clear: both;
	}
	
	.widecolumn .portfolio li {
		width: calc(100% / 3);
	}

}

/* Mobile */
@media only screen and (max-width : 600px) {
	.widecolumn .portfolio li {
		width: 50%;
	}
}
@media only screen and (max-width : 425px) {
	/* Styles */
	
	h1 {
		font-size: 26px;
	}

	.maincontentwrapper {
		padding: 0;
	}
	
	.wrap {
		padding: 10px;
	}

	.maincontent {
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.header {
		padding: 10px 0;
	}

	.header img {
		max-width: 90%;
	}

	.footerwrapper {
		padding: 0;
	}
	
	.narrowcolumn,
	.sidebar {
		width: 100%;
	}

	.menu {

		padding: 0 15px;

	}

	.menu li {
		display: block;
		text-align: center;
		border-right: 0;
		border-bottom: 1px solid #eeeeee;
		padding: 10px 15px;
	}

	.menu li:last-child {

		border-bottom: 0;
		padding-right: 15px;

	}

	.contact .cform {

		width: 95%;
		margin: 0;
	}

	.contact  div.cf_info {
		width: inherit;
	}

	.widecolumn .portfolio {
		margin: 0;
	}

	.widecolumn .portfolio li {
		padding: 0 0 10px 0 !important;
		width: 100%;
	}

}


/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {
	padding: 1em 0 2em;
}

.widget {
	padding-bottom: 3em;
}

h2.widget-title {
	color: #222;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

.widget-title a {
	color: inherit;
}

/* widget forms */

.widget select {
	width: 100%;
}


/* widget lists */

.widget ul {
	list-style: none;
	margin: 0;
}

.widget ul li {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 0.5em 0;
}

.widget ul li + li {
	margin-top: -1px;
}

.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}

.widget ul li li {
	border: 0;
	padding-left: 24px;
	padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* widget markup */

.widget .post-date,
.widget .rss-date {
	font-size: 0.81em;
}

/* Text widget */

.widget_text {
	word-wrap: break-word;
}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
	float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
	background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
	display: block;
}

.widget_rss ul li {
	padding: 2.125em 0;
}

.widget_rss ul li:first-child {
	border-top: none;
	padding-top: 0;
}

.widget_rss li .rsswidget {
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 300;
	line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-transform: uppercase;
}

.widget_rss .rss-date {
	margin: 0.5em 0 1.5em;
	padding: 0;
}

.widget_rss .rssSummary {
	margin-bottom: 0.5em;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
	margin-bottom: 0.5em;
}

/* Gravatar */

.widget-grofile h4 {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0;
}

/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
	border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
	display: block;
}

/* Search */

.search-form {
	position: relative;
	border: 1px solid #000;
	padding: 5px 5px 5px 10px;
}

.search-form .input-text {
	border: 0;
}

.search-form .search-submit {
	bottom: 0;
	padding: 0;
	position: absolute;
	right: 3px;
	top: 3px;
	border: 0;
	width: 60px;
	height: 32px;
}

.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}