/*
 *  Name: BradleyHalpern.com
 *  Date: May 2011
 *  Description: Standard stylesheet
 *  Version: 3.0
 *  Author: Bradley Halpern
 *  Autor URI: http://www.bradleyhalpern.com
 */


/* Setup */
html, body {-webkit-text-size-adjust: none;}
body {
	width: 100%;
	margin: 0;
	background-color: #f1efed;
	background: #f1efed url('bg.jpg') repeat;
	font-family: HelveticaNeue-Light, HelveticaNeue, 'Helvetica Neue', Tahoma, sans-serif;
	color: black;
	line-height: 1.3em;
	-webkit-font-smoothing: antialiased;
}
.meta {
	display: none;
}
header, section, footer, aside, nav, article, figure {
	display: block;
}
h1, h2, h3, h4, h5, h6 {color: #666;}
h3 {
	font-size: 18px;
	color: #B30909;
}
img {
	border: none;
}
a {
	color: #0b08a4;
	border-bottom: 1px #0b08a4 dotted;
	text-decoration: none;
}
a:hover {
	border-bottom: 1px solid;
}
.page {
	width: 94%;
	max-width: 960px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
.fr {
	float:right;
}
.fl {
	float: left;
}
.hidden, .slidedown, .fadein {
	display: none;
}
.ob {
	text-indent: -99999px;
	display: inline-block;
}
noscript#message p {
	color: black;
	position: relative;
	z-index: 10;
	top: -5em;
}

/* Titles */
section h1, .page-title {
	text-transform: uppercase;
	border-bottom: 1px solid #d9d6c4 /*#c2c2c2*/;
	font-size: 12px;
	color: #b30909;
	margin-top: 0;
}

/* Header */
/*header.home {
	height: 80px;
}*/
#top {
	width: 94%;
	max-width: 960px;
	height: 75px;
	margin: 0 auto 0 auto;
}
#top h1 {
	float: left;
}
#top h1 a {
	color:black;
	border-bottom: none;
}

/* Navigation */
header nav {
	float: right;
	margin-top: 1em;
	position: relative;
}
header nav ul {
	padding-left: 0;
}
nav ul {
	list-style: none;
	position: relative;
}
nav ul li {
	display: inline;
	border-top: 1px #c2c2c2 solid;
}
nav ul li a, nav ul li a:hover {
	padding-top: 0.3em;
	padding-left: 2em;
	color: black;
	border: 0;
}
nav ul li#current {
	border-top: 5px #c2c2c2 solid;
}
nav ul li#selected { 
	position: absolute;
	top: -5px;
	left: 0; 
	width: 100px; 
	height: 5px; 
	background: #b30909;
	border: none;
}

/* Footer */
footer.site-footer {
	width: 94%;
	max-width: 960px;
	border-top: 1px solid #d9d6c4 /*#c2c2c2*/;
	margin: 0 auto 1em auto;
}
footer.site-footer p {
	margin: 0.8em 0 0 0;
	padding: 0;
	font-size: 10px;
	text-align: center;
}

/* Forms */
input, textarea {
	font-family: HelveticaNeue-Light, HelveticaNeue, 'Helvetica Neue', Tahoma, sans-serif;
}
input.text, textarea {
	border: 1px solid #999;
	outline: none;
	margin-top: 2px;
	padding: 3px 10px 3px 6px;
	color: #999;
	-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 2px inset;
	-moz-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 2px inset;
	box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 2px inset;
	resize: none;
}
input.text:focus, textarea:focus {
	border: 1px solid #4D90FE;
	-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 2px inset;
}
button, input.submit {
	border: 1px solid #B6B6B6;
	font-weight: normal;
	color: #4F4F4F;
	background: url('form_fallback.png') 0 0 repeat-x;
	background: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(1, rgb(237,237,237)),
    	color-stop(0, rgb(196,196,196))
	);
	background: -moz-linear-gradient(
		center top,
		rgb(237,237,237),
		rgb(196,196,196)
	);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
	margin: 0;
	height: 30px;
}
button:hover, input.submit:hover,
button:focus, input.submit:focus {
	-webkit-transition: -webkit-box-shadow 0.25s ease-in-out;
    -moz-transition: -moz-box-shadow 0.25s ease-in-out;
    -o-transition: -o-box-shadow 0.25s ease-in-out;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset; 
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
}
button:focus, input.submit:focus, .selected {
	outline: none !important;
	color: #1c4257; border-color: #7096ab !important;
	background: url('form_fallback.png') 0 -50px repeat-x;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(185,224,245)),
		color-stop(0, rgb(146,189,214))
	) !important;
	background: -moz-linear-gradient(
		center top,
		rgb(185,224,245),
		rgb(146,189,214)
	) !important;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset !important; 
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset !important;
}

/* Alerts & Messages */
.message {
	background-color: #E2E2E2;
	border: 1px #C2C2C2 solid;
	padding: 5px 10px 5px 10px;
	clear: both;
}
.error {
	background: #FFD9C8 url('error.png') 5px 6px no-repeat;
	padding-left: 27px;
	border: 1px solid #F0BAA2;
}
.success {
	background: #EDFCD5 url('success.png') 5px 6px no-repeat;
	padding-left: 27px;
	border: 1px solid #D4EBAF;
}
.alert {
	background: #FEF6D2 url('alert.png') 5px 6px no-repeat;
	padding-left: 27px;
	border: 1px solid #EFE3AE;
}
.email-success {
	background: #EDFCD5 url('email.png') 5px -4px no-repeat;
	border: 1px solid #D4EBAF;
	padding-left: 42px;
	position: relative;
	top: 1px;
}
.email-error {
	background: #FFD9C8 url('email-error.png') 5px -3px no-repeat;
	border: 1px solid #F0BAA2;
	padding-left: 42px;
	position: relative;
	top: 1px;
}

/* Homepage */
#launch {
	margin-top: 1em;
	background: #eeeeee; /* Old browsers */
	border: 1px solid #ccc;
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
#launch article {
	float: left;
	width: 33%;
	margin-left: 0.5%;
	border: 1px;
	padding: 5px 0px;
	background: none;
	-webkit-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in; 
	transition: background 0.2s ease-in;
}
#launch-first {
	margin-left: 0 !important;
}
#launch-last {
	float: right !important;
}
#launch article a {
	border: none;
}
#launch article:hover {
	background: rgba(0, 0, 0, 0.1);
	-webkit-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in; 
	transition: background 0.2s ease-in;
	
}
#launch article img {
	height: 56px;
	width: 56px;
	float: left;
	margin: 5px;
	border: 1px solid black;
}
#launch article h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0.8em 0 0 5px;
	border-bottom: 1px solid black;
	line-height: 1.5em;
}
#launch article p {
	margin: 0.3em 0 0 0;
	font-size: 12px;
	line-height: 1.2em;
	color: black;
}

/* Shadow */
#shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.6;
	z-index: 99;
	display: none;
}

/* Resume */
#resume section {
	margin-bottom: 1.5em;
}
#resume .main-content {
	max-width: 620px;
	width: 65%;
	float: left;
	margin-right: 10px;
}
#resume .sidebar {
	float: right;
	max-width: 300px;
	width: 30%;
	/*background-color: #e2e2e2;
	border: 1px #c2c2c2 solid;*/
	/*-moz-box-shadow:    inset 0 0 10px #d9d6c4;
	-webkit-box-shadow: inset 0 0 10px #d9d6c4;
	box-shadow:         inset 0 0 10px #d9d6c4;*/
	border: 1px solid #d9d6c4;
	background: #eceadf url('../images/ui-bg_fine-grain_10_eceadf_60x60.png') 50% 50% repeat;
	margin-right: 0;
	padding: 7px;
	line-height: 1.4em;
}
#resume .sidebar h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 16px 0 0 0;
}
#resume .sidebar p {
	text-indent: -2em;
	padding-left: 2em;
}
#resume article {
	margin-bottom: 1em;
}
#resume article h3 {
	display: inline;
	margin: 0;
	padding: 0;
	color: black;
	font-size: 16px;
}
#resume article p, #resume article ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	margin-bottom: 0;
	font-size: 14px;
}
#resume article span {
	float: right;
	color: #999;
	clear: right;
}
#resume article .location {
	font-size: 16px;
	line-height: 20px;
}

/* Portfolio */
#portfolio #index {
	min-height: 675px;
}
#portfolio article {
	display: block;
	float: left;
	margin: 5px;
	/* Used to be inline but was changed for IE7 */
}
#portfolio #index article {
	margin: 1%;
	width: 31%;
}
#portfolio article a.thumb {
	border: 5px solid #e5e4e1;
	margin: 0;
	display: inline-table;
	-webkit-transition: border 0.2s ease-in;
	-o-transition: border 0.2s ease-in;
	-moz-transition: border 0.2s ease-in; 
	transition: border 0.2s ease-in;
}
#portfolio article a.thumb:hover {
	border: 5px solid #c9c8c5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: border 0.2s ease-in;
	-o-transition: border 0.2s ease-in;
	-moz-transition: border 0.2s ease-in; 
	transition: border 0.2s ease-in; 
}
#portfolio article a.thumb {
	width: 100%;
}
#portfolio article a.thumb img {
	/*width: 300px;
	height: 200px;*/
	width: 100%;
	display: block;
}
#portfolio section#index {
	margin-left: -5px;
	margin-right: -5px;
}
.project {
	display: none;
}
#portfolio .hover {
	position: relative;
	z-index: 100;
}
#portfolio .tags span {
	background-color: black;
	opacity: .90;
	color: #F1EFED;
	padding: 3px;
	line-height: 1.7em;
}
#portfolio .info, #portfolio .lesson {
	float:right;
	width: 340px;
}
#portfolio .lesson {
	display: none;
}
#portfolio .details button {
	padding: 10px;
}
#portfolio .details .preview {
	width: 600px;
	float: left;
}
#portfolio .details .preview a {
	border-bottom: none;
}
#portfolio .details .preview span {
	display: none;
	background: black;
	opacity: 0.8;
	color: white;
	font-size: 24px;
	line-height: 1em;
	float: right;
	margin-top: -38px;
	padding: 5px;
}
#portfolio .details .preview img {
	width: 100%;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
}
#portfolio nav {
	clear: both;
	margin: 1em 0 0 0;
	text-align: center;
}
#portfolio .preview .featured-controlNav {
	padding: 0;
}

/* Contact */
.page #contact-form {
	width: 500px;
	float: right;
	margin-bottom: 1em;
}
#contact #contact-form input, #contact #contact-form textarea, #contact #contact-form button {
	font-size: 18px;
	font-family: HelveticaNeue-Light, HelveticaNeue, 'Helvetica Neue', Tahoma, sans-serif;
}
#contact #contact-form input.text, #contact #contact-form textarea {
	max-width: 400px;
	width: 94%;
}
#contact #contact-form textarea {
	height: 200px;
	margin-bottom: 3px;
}

/* Ajax Contact Box */
#contactbox {
	display: none;
	position: fixed;
	z-index: 10001;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}
#contactbox-content {
	display:none;
	position: fixed;
	z-index: 10002;
	height: 100%;
	width: 100%;
}
#contactbox #contact {
	display: block;
	position: relative;
	z-index: 10002;
	background: white;
	background: rgba(255,255,255,0.95);
	opacity: 0;
	padding: 30px;
	width: 418px;
	margin: 10% auto 0 auto;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
#contactbox #contact h2 {
	margin-top: 0;
}
#contactbox #contact h2 #social-media {
	float: right;
	position: relative;
	top: -5px;
}
#contactbox #contact h2 #social-media a {
	border-bottom: none;
	opacity: 0.8;
	-moz-transition: opacity 0.2s ease-in;
	-webkit-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}
#contactbox #contact h2 #social-media a:hover {
	opacity: 1;
	-moz-transition: opacity 0.2s ease-in;
	-webkit-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}
/*#contactbox #contact #contact-form {
	width:418px;
}*/
#contactbox #sending {
	height: 20px;
	width: 20px;
	display: none;
	position: relative;
	top: 5px;
	left: 10px;
}
#contactbox #result {
	margin-left: 1em;
}

/* Calendar */
#calendar #feature_loading {
	height: 1100px;
	background-position: 50% 15%;
}
#calendar iframe {
	display: none;
}

/* Slider */
#slider {
	display: none;
}
#feature {
	margin: 0 auto -30px auto;
	/*background: url('/images/scuba-bg.png') center center no-repeat;*/
	/*height: 450px;*/
	overflow: hidden;
	width: 100%;
	max-width: 960px;
}
#feature p {
	width: 420px; /* 450px */
	height: 440px;
	margin: -450px auto 0 auto;
	padding: 5px 510px 5px 20px;
	color: white;
	line-height: 1.5em;
	position: relative;
	z-index: 9998;
	font-size: 18px;
	display: none;
}
#feature .featured-controlNav {
	padding: 0 15px;
	text-align: left;
	display: block;
	z-index: 9999;
	position: relative;
	top: -30px;
}
/*.featured-controlNav .featured-control {
	display: block;
	width: 22px;
	height: 22px;
	background: url('slider-nav.png') no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
}
.featured-controlNav .active {
	background-position: 0 -22px;
}*/
#feature .background-shadow {
	background: none;
	display: block;
	padding: 5px;
}
#feature_loading, #slides_loading {
	width: 960px;
	height: 450px;
	margin: 0 auto 0 auto;
	background: url('loading.gif') 50% 50% no-repeat;
}
#feature_loading noscript div {
	margin-bottom: -450px;
}

/* The featured Slider styles */
.featuredSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.featuredSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.featured-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.featuredSlider a.featured-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.featured-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.featured-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.featured-box img { display:block; }

/* Caption styles */
.featured-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.featured-caption p {
	padding:5px;
	margin:0;
}
.featured-caption a {
	display:inline !important;
}
.featured-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.featured-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.featured-prevNav {
	left:0px;
}
.featured-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.featured-controlNav a {
	cursor:pointer;
	background-color: #fff;
	display: inline-block;
	overflow: hidden;
	width: 10px;
	height: 0;
	padding-top: 10px;
	margin: 0 5px;
	text-align: center;
	-webkit-border-radius: 300px;
	border-radius: 300px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-box-shadow:    inset 0 0 2px #000;
    -webkit-box-shadow: inset 0 0 2px #000;
    box-shadow:         inset 0px 0px 2px #000;
}
.featured-controlNav a.active {
	font-weight:bold;
	background-color: #000;
}


/* "Pull" page layout */
.pull-page {
	padding: 0 20%;
	font-size: 21px;
	line-height: 1.2em;
}
.pull-page .pull-full {
	width: 156%;
	margin-left: -28%;
}
.pull-page img.pull-left {
	margin: 10px 10px 10px -28%;
	width: 70%;
	float: left;
}

/* Lightbox */
#lightbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  text-align: left;
}


#lightbox .popup {
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#lightbox .content {
  display: table;
  min-width: 370px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#lightbox .content > p:first-child{
  margin-top:0;
}

#lightbox .content > p:last-child{
  margin-bottom:0;
}

#lightbox .close{
  border-bottom: none;
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#lightbox .close img{
  opacity:0.3;
}
#lightbox .close:hover img{
  opacity:1.0;
}

#lightbox .loading {
  text-align: center;
}

#lightbox .image {
  text-align: center;
}

#lightbox img {
  border: 0;
  margin: 0;
}

#lightbox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.lightbox_hide {
  z-index:-100;
}

.lightbox_overlayBG {
  background-color: #000;
  z-index: 99;
}




#download-page {
	max-width: 600px;
	margin: 0 auto;
}
#download-zip {
	background: url('../images/download-folder.png?test=1') no-repeat;
	padding-left: 136px;
	min-height: 128px;
}
/*#download-zip button {
    display: inline-block;
    background: #5083b5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4eafe), color-stop(3%,#79acde), color-stop(3%,#79acde), color-stop(100%,#5083b5));
    background: -moz-linear-gradient(center top, #c4eafe 0%, #79acde 3%, #79acde 3%, #5083b5 100%);
    -webkit-box-shadow: 0px 1px 1px 0px #ffffff;
    -moz-box-shadow: 0px 1px 1px 0px #ffffff;
    box-shadow: 0px 1px 1px 0px #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0px 1px 0px #476e94;
    padding: 5px 35px;
    border-color: #4e85b8;
    border-width: 1px;
    border-style: solid;
    text-transform: capitalize;
    text-align: center;
    font-family: Helvetica Neue;
    font-size: 1em;
    color: #ffffff;
    font-weight: normal;
}
#download-zip button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6f0fe), color-stop(3%,#9ec2e6), color-stop(3%,#9ec2e6), color-stop(100%,#5083b5));
    background: -moz-linear-gradient(center top, #d6f0fe 0%, #9ec2e6 3%, #9ec2e6 3%, #5083b5 100%);
}
#download-zip button:active {
    background: #79acde;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd1f7), color-stop(3%,#5083b5), color-stop(3%,#5083b5), color-stop(100%,#79acde));
    background: -moz-linear-gradient(center top, #9dd1f7 0%, #5083b5 3%, #5083b5 3%, #79acde 100%);
    text-shadow: 0px 0px 0px #476e94;
    padding: 9px 29px 7px 29px;
}*/
#download-zip .button {
    display: inline-block;
}
#download-zip button, #download-zip .button {
    background: #ececec;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(50%,#ececec), color-stop(100%,#ececec));
    background: -moz-linear-gradient(center top, #ffffff 0%, #f3f3f3 50%, #ececec 50%, #ececec 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1px 20px;
    border-color: #8e8e8e;
    border-width: 1px;
    border-style: solid;
    color: #000000;
    font-weight: 100;
}
#download-zip button:active, #download-zip .button:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdd6ee), color-stop(50%,#6ba0e6), color-stop(50%,#4c94e6), color-stop(100%,#add4ee));
    background: -moz-linear-gradient(center top, #bdd6ee 0%, #6ba0e6 50%, #4c94e6 50%, #add4ee 100%);
    border-color: #4a4a8c;
}
#steve {
	border-bottom: none;
	opacity: 0.7;
	position: relative;
	top: 5px;
	-moz-transition: opacity 0.2s ease-in;
	-webkit-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}
#steve:hover {
	opacity: 1;
	-moz-transition: opacity 0.2s ease-in;
	-webkit-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}









/* Media queries for resolution independence */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	body {
		margin-top: -21px;
		padding-top: 21px;
	}
	#top {
		width: 94%;
	}
	#resume .main-content {
		width: 100%;
		max-width: 960px;
	}
	#resume .sidebar {
		width: 96%;
		float: left;
		max-width: 960px;
	}
	#feature {
		margin-bottom: 0;
	}
	#feature p {
		width: 94%;
		height: auto;
		margin: 0.8em auto 0 auto;
		padding: 0px;
		color: black;
		z-index: 2;
		font-size: 16px;
	}
	#feature p br {
		display: none;
	}
	/*#hosting {
		min-width: 550px;
	}*/
	/*#hosting .ui-tabs-nav li:nth-child(4), #hosting .ui-tabs-nav li:nth-child(5) {
		display: none;
		overflow-x: scroll;
	}*/
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	footer {
		margin-top: 1em;
	}
	#resume .main-content {
		max-width: 960px;
	}
	#portfolio .details .preview {
		max-width: 600px;
		width: 65%;
	}
	#portfolio .info, #portfolio .lesson {
		width: 35%
	}
	#contact #contact-form input.text, #contact #contact-form textarea {
		max-width: 960px;
	}
	#hosting-login #service #intro {
		width: 55% !important;
	}
	#feature .background-shadow {
		background: none !important;
	}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	#top {
		width: 100%;
	}
	#top h1 {
		float: none;
		width: 94%;
		text-align: center;
	}
	header {
		margin-bottom: -1px;
	}
	header nav {
		float: none;
		width: 100%;
		text-align: center;
	}
	#slider {
		width: 100%;
	}
	#feature .background-shadow {
		background: none !important;
	}
	#launch article {
		width: 100%;
		float: none !important;
		height: 68px;
	}
	#resume article p, #resume article ul {
		font-size: 12px;
	}
	#portfolio .details .preview {
		max-width: 600px;
		width: 100%;
	}
	#portfolio .info, #portfolio .lesson {
		width: 100%
	}
	#contactbox #contact {
		width: 75%;
	}
	#contact #contact-form input.text, #contact #contact-form textarea {
		max-width: 960px;
	}
	#hosting-login #login-wrapper {
		margin-right: auto !important;
	}
	#hosting-login #service #intro {
		width: 100% !important;
		max-width: 960px !important;
		float: none !important;
	}
	#pricing {
		float: none !important;
		width: 100% !important;
	}
	#hosting-login #login {
		float: none !important;
		text-align: left !important;
	}
	#top h1 {
		margin-bottom: 0.0em;
	}
	header nav ul {
		background-color: #B30909;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	nav ul li#selected {
		display: none;
	}
	nav ul li#current {
		border-top: none;
	}
	nav ul li {
		border-top: none;
		text-align: center;
	}
	nav ul li a, nav ul li a:hover {
		color: #f1efed;
		padding-left: 3%;
		padding-right: 3%;
		text-shadow: 0px 2px 3px #666;
	}
	/*nav ul li a:before, nav ul li a:after {
	    content: attr(title);
	    float: right;
	    padding-left: 3%;
	    color: rgba(0,0,0,.1);
	    position: absolute;
	}
	nav ul li a:before { top: 1px; left: 1px }
	nav ul li a:after  { top: 1px; left: 1px }*/
	.pull-page, .pull-page .pull-full {
		padding: 0;
		width: 100%;
		margin-left: 0;
	}
	.pull-page img.pull-left {
		margin: 10px 0;
		width: 100%;
	}
	#portfolio section#index {
		margin: 0;
	}
	.page {
		margin-top: 1em;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	header {
		margin-bottom: -3px;
	}
	header nav {
		font-size: 14px;
	}
	#contactbox #social-media img {
		width: 24px !important;
		height: 24px !important;
	}
	#portfolio section#index {
		margin-left: 0px;
		margin-right: 0px;
	}
	#portfolio #index article{
		width: 62%;
		margin-left: 19%;
		/*height: 187px;*/
	}
}





.js-show {
	display: none;
}
.clear {
	clear: both;
	height: 0px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}