/*	Built with the aid of Less Framework 3 http://lessframework.com	*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, figcaption, hgroup, footer, header, nav, section {margin: 0;padding: 0;border: 0;}a img {border: 0;}
h1 { display: block; width: 373px; height: 54px; background: url(images/seanwes.png) center center no-repeat; margin-bottom: 25px; }
h2 { font-size: 42px; line-height: 48px; }

ul li a { width: 32px; height: 32px; }
.button,.hide,ul li a { text-indent: -9999px; overflow: hidden; display: block; border-radius: 0; -moz-border-radius: 0; }
.button,.button a:link,.button a:visited,ul li a:link,ul li a:visited { background-position: left top; background-repeat: no-repeat !important; display: block; border: 0; }
.button:hover,.button a:hover,ul li a:hover { background-position: left bottom; }
.button:hover { cursor: pointer; }
.button:active,.button a:active,ul li a:active { background-position: left center; }
.right { float: right; }

body { font: 24px/36px jokal, serif; font-weight: 400; background: url(images/body-bg.png); text-shadow: 1px 1px 2px rgba(0,0,0,.1); -moz-text-shadow: 1px 1px 2px rgba(0,0,0,.1); -webkit-tap-highlight-color: #fff; color: #1c191a; }

a { -webkit-transition: color .3s linear; -o-transition: color .3s linear; -moz-transition: color .3s linear; text-decoration: none; outline: none; }
a:active,a:focus { text-decoration: underline; }
a:link,a:visited { color: #1370a3; }
a:hover,a:active { color: #0d4e70; }

p,h2 { margin-bottom: 30px; margin-top: 0; }

ul { background: rgba(0,0,0,.1); border: 2px rgba(0,0,0,.2) solid; width: 440px; height: 48px; margin-top: 30px; border-radius: 24px; -moz-border-radius: 24px; }
	ul li { display: inline; }
	li { display: inline; float: left; padding: 8px 0 0 20px; }

#twitter { background-image: url(images/twitter.png); }
#facebook { background-image: url(images/facebook.png); }
#dribbble { background-image: url(images/dribbble.png); }
#forrst { background-image: url(images/forrst.png); }
#gowalla { background-image: url(images/gowalla.png); }
#youtube { background-image: url(images/youtube.png); }
#tumblr { background-image: url(images/tumblr.png); }
#instagram { background-image: url(images/instagram.png); }

.container { padding: 84px 60px 0; width: 648px; margin: 0 auto; }
#box { padding: 30px; background: rgba(0,0,0,.1); border: 2px rgba(0,0,0,.2) solid; }

::selection 	 {background: #fff;}
::-moz-selection {background: #fff;}

@media only screen and (min-width: 1212px) {
	.container { padding: 96px 72px 0; width: 1068px; }
	h1 em { white-space: normal; }
}

@media only screen and (max-width: 767px) {
	body { -webkit-text-size-adjust: 100%; }
	.container { padding: 60px 42px 0; width: 396px; }
	h1 em { white-space: normal; }
}

@font-face {
    font-family: 'jokal';
    src: url('../fonts/jokal.eot?') format('eot'),
         url('../fonts/jokal.woff') format('woff'),
         url('../fonts/jokal.ttf') format('truetype'),
         url('../fonts/jokal.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}