/* ----------------------------------------------*/
/* ----------->>> NORMAILIZATION <<<-------------*/
/* ----------------------------------------------*/
/* Adapted from HTML5Boilerplate / normalize.css */
/* ----------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
h1,h2,h3,h4 {font-weight:normal;font-size:1em}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) {overflow: hidden;}
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }

/* -------------------------------------------*/
/* ----->>> AUTHOR: NICKSCHAIDER.COM <<<------*/
/* -------------------------------------------*/


/* ---------------------------------------*/
/* ---------->>> @FONT-FACE <<<-----------*/
/* ---------------------------------------*/
@font-face {
    font-family: 'cottonboll';
    src: url('./fonts/Pacifico-webfont.eot');
    src: url('./fonts/Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/Pacifico-webfont.woff') format('woff'),
         url('./fonts/Pacifico-webfont.ttf') format('truetype'),
         url('./fonts/Pacifico-webfont.svg#PacificoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'applesauce';
    src: url('./fonts/SofiaProLight.eot');
    src: url('./fonts/SofiaProLight.eot?#iefix') format('embedded-opentype'),
         url('./fonts/SofiaProLight.woff') format('woff'),
         url('./fonts/SofiaProLight.ttf') format('truetype'),
         url('./fonts/SofiaProLight.svg#PacificoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'suitcase';
    src: url('./fonts/intro-webfont.eot');
    src: url('./fonts/intro-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/intro-webfont.woff') format('woff'),
         url('./fonts/intro-webfont.ttf') format('truetype'),
         url('./fonts/intro-webfont.svg#PacificoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ------------------------------------*/
/* ---------->>> HELPERS <<<-----------*/
/* ------------------------------------*/
.ir {display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr;}
.ir br {display:none;}                      /* Use .ir on image replacement elements */
.hidden {display: none;visibility:hidden;}  /* Hide for both screenreaders and browsers */
.invisible {visibility:hidden;}             /* Hide visually and from screenreaders, but maintain layout */ 
.clear {overflow: hidden;}                  /* Contain floats in parent container */ 

/* -----------------------------------------*/
/* ---------->>> BASIC STYLES <<<-----------*/
/* -----------------------------------------*/
body {background:url(images/bg_blueswirl.jpg) repeat #1b7499;font-family:applesauce,'hoefler text';color:#fff}

::-moz-selection         {background: #fff; color: #222;    text-shadow: none;}
::selection              {background: #fff; color: #222;    text-shadow: none;}
section ::-moz-selection {background: #1b7499; color: #fff; text-shadow: none;}
section ::selection      {background: #1b7499; color: #fff; text-shadow: none;}

h1,h2,h3,h4, #logo {font-family:"cottonboll"}
a, a:visited {color: #fff}
a:hover, a:focus {text-decoration:underline;color:#ffd819}
p {margin:0;padding:0}


em.nsc {font-style:normal;font-family:"suitcase"}
#logo {color:#fff;display:block;text-align:center;text-decoration:none;font-weight:normal}
  #logo:hover, #logo:focus {color:#ffd819}

#logo, section h1 {text-shadow:0 2px 3px rgba(20,20,20,0.4)}

footer {background:#222}

html {overflow-y: scroll}

/* -----------------------------------------*/
/* ---------->>> MOBILE FIRST <<<-----------*/
/* -----------------------------------------*/
#wrapper {padding-bottom:40px}
.full {display:none}
#logo {font-size:5em;margin:100px 20px}
nav {text-align:center;margin:0 0 50px 0;border-top: 1px solid #fff;font-size:1.3em;}
  nav li a {text-decoration:none;border-bottom: 1px solid #fff;display:block;padding:8px 0}
  nav li a:hover,nav li a:focus,nav li a:active {text-decoration:none;background:#222}

#main {width: 95%;margin:0 auto;}
  #main section {margin:20px 0;padding:0 5px;font-size:1.2em;line-height:1.5em}
  #main section .content {background:#fff;padding:15px;color: #333;}
  #main section a,#main section a:visited {color:#444}
    #main section a:hover,#main section a:focus {color:#000}
  section header h1 {font-size:1.5em;text-align:center;}
  #graphic_design {}
    #graphic_design .preview {margin:10px 0}
    #graphic_design .preview a {display:block}
  #about_nick {}
    #about_nick img {width:100%;max-width: 341px;text-align:center;margin:0 auto;display:block}
  #contact_nick {}
  
footer.mobile {position:fixed;bottom:0px;left:0;width:100%;text-align:center;padding:10px 0}
  footer.mobile span {cursor:pointer;}
  footer.mobile a,footer.mobile a:active {text-decoration:none;display:block;color:#fff}
    footer.mobile a:hover,footer.mobile a:hover {text-decoration:none;display:block}
  footer.mobile em {font-style:normal;text-transform:uppercase}
  footer.mobile div.hidden {padding:10px 0}
  footer.mobile div a {font-size:1.2em;visibility:visible}



/* ------------------------------------------*/
/* ---------->>> MEDIA QUERIES <<<-----------*/
/* ------------------------------------------*/

/* ------------->>> TABLETS <<<--------------*/
@media only screen and (min-width: 480px) {  
#logo {font-size:3em;margin:50px 0;}

#about_nick .content{overflow:hidden}
  #about_nick img {float:left;padding:0 15px 10px 0;width:200px;display:inline-block}
  #about_nick p {}

}
/* -------->>> LANDSCAPE TABLET <<<----------*/
@media only screen and (min-width: 760px) {  
#logo {font-size:4em}

nav {text-align:center;margin:0 0 20px 0;font-size:1.3em;border:none;background:#222}
  nav li {display:inline;}
  nav li a {text-decoration:none;display:inline-block;padding:8px 15px;border:none}
  nav li a:hover,nav li a:focus,nav li a:active {background:none}

#main {width:100%}
  #main section {padding:0px 50px;font-size:1.1em;}
  #about_nick img {width:auto}

}
/* ---------->>> DESKTOP SCREENS <<<-----------*/
@media only screen and (min-width: 1140px) {
.mobile {display:none}
.full {display:block}
#logo {font-size:4.8em}
#main {width:900px;margin:0 auto}
  #main section h1 {margin:40px 0;text-align:left;font-size:2.5em}
  #main section h2 {font-size:1.5em}

footer.full {padding:1px 20px 20px}
  footer.full h1 {font-size:2em}

#backtotop {position:fixed;bottom:20px;right:20px}

/*header.mn {}
  header.mn nav {margin:5px auto;width:900px;text-align:right}
  header.mn h1 {font-size:84px}
#main {width:980px;margin:0 auto 150px}
  #main section {margin-top: 55px}

  .previewbox {width:302px;height:150px;background:#fcfbef;display:block;float:left;margin:0 0 36px;
  -webkit-border-radius: 10px;
  -moz-border-radius:    10px;
  border-radius:         10px;}
    .previewbox:nth-of-type(3n+2) {margin:0 36px}

footer.mn {}
  footer.mn div {width:980px;margin:auto}
  footer.mn h3 {font-size:2.6em;margin:25px 0 30px}
  footer.mn p {margin:}
    footer.mn p.left {margin:5px 0 25px}
    footer.mn p.right {margin:9px 0 25px}

label {display:inline-block;width:100px; margin:10px 0}
input, textarea {width:460px}
*/
}

/* -----------------------------------*/
/* ---------->>> TIPTIP <<<-----------*/
/* -----------------------------------*/
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px }
#tiptip_holder.tip_bottom { padding-top: 5px }
#tiptip_holder.tip_right { padding-left: 5px }
#tiptip_holder.tip_left { padding-right: 5px }
#tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 6px 10px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); }
/* tiptip webkit hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); }
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88) }
	#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92) }
}


/* ------------------------------------------*/
/* ---------->>> PRINT STYLES <<<------------*/
/* Inlined to avoid required HTTP connection */   
/* ------------------------------------------*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}