/*
Theme Name: Shawn Burtis / Lunar Shift
Author: Lunar Shift
Author URI: https://www.lunarshift.com/
Version: 99.99.99
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html { background:url('../images/bg_stripe.jpg') #e3f2fb 0 0 repeat-x }
body { background: url('../images/bg.jpg') center top no-repeat; }
.center {
	margin-left:auto;
	margin-right:auto;
}
#wrapper { text-align:center; width:990px; margin:0px auto; padding-top:15px; color:#252525; font-family:Georgia, 'Times New Roman', Times, seri; font-size:16px }
h2 span {
	font-size:14px;
}
.s-media { margin:0px 7px; }
h1 { text-transform:uppercase; color:#2168b2; font-family:Arial, Gadget, sans-serif; font-size:28px; letter-spacing:3px; line-height:40px }
h1 .sub { font-size:22px; }
h2 { text-transform:uppercase; color:#125441; font-family:Arial, Gadget, sans-serif; font-size:20px; letter-spacing:3px; }
h3 { color:#2168b2; font-family:Arial, Gadget, sans-serif; font-size:15px; font-weight:bold; letter-spacing:1px; line-height:20px; padding-top:12px; }
h3.graphic {  }
h4 { text-align:center; font-style:italic; width:75%; margin:0px auto; font-size:15px; padding-bottom:6px; }

hr { margin:20px 0px; color:#125441; }

#skill_summary, #preface { color:#2168b2; text-align:left; font-style:italic; width:82%; margin:0px auto; font-size:15px; line-height:19px; }
#preface { color:#6a727b; width:65%; }
#name { letter-spacing:2px; font-size:14px }

a { color:#125441; letter-spacing:0.5px }
a:hover { color:#000; }
li a { line-height:24px; color:#125441; margin-left:0px; letter-spacing:0px }
.site a { line-height:32px; margin-left:15px; font-size:14px; letter-spacing:0px; }
.site { display:inline-block; width:280px; margin-right:10px; border:2px ridge #2e2e2e; vertical-align:top; text-align:left; font-size:15px; padding:10px; line-height:21px; padding-top:300px; height:265px; }
	.photo { width:80%; }
	.copy { width:45%; padding-top:0px; height:20em; }
.site:hover { border:2px solid #000; background-image:url('../images/white_50.png') }
.last { margin-left:0px; }
.small { padding-top:15px }

.site hr { margin:10px 0px }

#bestbuy, #brownstones, #jonker, #epk, #doremi, #iamstarving, #tunheim, #snow-sneak, #red-bull, #eat2blean, #yourbestprice { background:no-repeat left top; }
#bestbuy:hover, #brownstones:hover, #jonker:hover, #epk:hover, #doremi:hover, #iamstarving:hover, #tunheim:hover, #snow-sneak:hover, #red-bull:hover, #eat2blean:hover, #yourbestprice:hover { background-color:#fff; background-position:-300px 0px; }
#bestbuy { background-image:url('../images/thumbs/bestbuy.jpg'); }
#brownstones { background-image:url('../images/thumbs/brownstones.jpg'); }
#jonker { background-image:url('../images/thumbs/jonker.jpg'); }
#epk { background-image:url('../images/thumbs/epk.jpg'); }
#doremi { background-image:url('../images/thumbs/doremi.jpg'); }
#iamstarving { background-image:url('../images/thumbs/iamstarving.jpg'); }
#tunheim { background-image:url('../images/thumbs/tunheim.jpg'); }
#snow-sneak { background-image:url('../images/thumbs/snow_sneak.jpg'); }
#red-bull { background-image:url('../images/thumbs/red_bull.jpg'); }
#eat2blean { background-image:url('../images/thumbs/eat2blean.jpg'); }
#yourbestprice { background-image:url('../images/thumbs/yourbestprice.jpg'); }

.site hr {
	border:1px inset #ccc;
}
.graphic-design {
	height:150px;
}
hr.header {
	width:88%;
}
#albumart, #poster_1, #poster_2, #myspace, #hoban, #doremi_menu, #poster_3, #eat2blean, #yourbestprice { background:no-repeat left top; }
#albumart:hover, #poster_1:hover, #poster_2:hover, #myspace:hover, #hoban:hover, #doremi_menu:hover, #poster_3:hover ,#eat2blean:hover, #yourbestprice:hover { background-color:#fff; background-position:-300px 0px; }
#albumart { background-image:url('../images/thumbs/albumart.jpg'); }
#poster_1 { background-image:url('../images/thumbs/show_poster.jpg'); }
#poster_2{ background-image:url('../images/thumbs/poster.jpg'); }
#myspace { background-image:url('../images/thumbs/myspace.jpg'); }
#hoban { background-image:url('../images/thumbs/hoban.jpg'); }
#doremi_menu { background-image:url('../images/thumbs/doremi.jpg'); }
#poster_3 { background-image:url('../images/thumbs/poster_3.jpg'); }
#eat2blean { background-image:url('../images/thumbs/eat2blean.jpg'); }
#yourbestprice { background-image:url('../images/thumbs/yourbestprice.jpg'); }

#photography { background:no-repeat left top; padding-top:280px; text-align:center; }
#photography:hover { /*background-color:#fff; background-position:-797px 0px;*/ }
#photography { background-image:url('../images/photography.jpg'); height:auto;}

#logo { background:no-repeat left top; padding-top:0px; text-align:center;  }
#logo { background-image:url('../images/logo.png'); height:260px; width:938px; }

#pic { float:left; margin-right:30px; border:2px inset #ccc; margin-top:6px; }

#skillset { position:fixed; top:15px; right:0px; width:275px; background:url('../images/white_bg.png') repeat-y; padding-left:17px; border:2px solid #777; border-right:0px solid; padding-bottom:25px; }
#skillset h1 { border-bottom:1px solid #777; width:92%; margin-bottom:5px; font-size:16px; height:33px; }
#skillset h2 { margin-top:12px; margin-bottom:5px; font-size:15px; }
#skillset h3 { padding-top:1px; margin-left:8px; color:#666; font-size:13px; line-height:15px; }
#arrows { display:block; width:30px; height:23px; background:url('../images/arrows.png') no-repeat 0 0; margin-top:8px; }


html {
	background: none;
}
body {
	background:
		url('../images/bg.jpg') center top no-repeat,
		url('../images/bg_stripe.jpg') 0 0 repeat-x,
		#e3f2fb;
	line-height: 1em;
}
#wrapper {
	padding-top:150px;
	width: 990px;
	max-width: 100%;
	opacity: 0.75;
}
h1 {
	margin-bottom: 15px;
	font-family: 'Oswald', sans-serif;
	font-size: 29px;
	letter-spacing: 2px;
	color: black;
}
#contact {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
}
#name {
	font-weight: 400;
	margin: 10px 0;
	display: block;
	text-transform: uppercase;
	color: #2168b2;
	line-height: 40px;
	margin-bottom: 15px;
	font-family: 'Oswald', sans-serif;
	font-size: 37px;
	letter-spacing: 2px;
}

@media (max-width: 500px) {

	h1 {
		font-size: 5.7vw;
		line-height: 1em;
	}
	#name {
		line-height: 1em;
		font-size: 10vw;
	}
	#contact {
		display: block;
		margin-top: 18px;
		line-height: 1.5em;
		font-size: 5vw;
	}
	#contact span {
		display: block;
		opacity: 0;
		line-height: 0;
	}

}