/*



      ############# 
    ##            *## 
   #        %      **#
  #        %%%    ***#
 #       %%F%D%%   ****#
#          %%%    *****#
#   ###     %     ###***# 
#  # ####       #### #**# 
#  #     #     #     #**# 
#   #####  # #  #####***# 
#         #   #  *******# 
 ### #           **# ### 
     # - - - - - - #                 
      | | | | | | |
	
     freakdesign.com               




*/


body{
	background:#40cd66;
}

/*********************
1: NORMALIZE
*********************/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}h2{font-size:1.5em;margin:.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:.83em;margin:1.67em 0;}h6{font-size:.67em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_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:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
iframe{margin:0;padding:0;border:none;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing :border-box;}


/*********************
2: TOOLS AND PRESETS
*********************/

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.reset {margin:0;padding:0;}
.border-radius {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.hidden{display:none;}

/*********************
3: TRANSITIONS / ANIMATIONS
*********************/

.transition {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition:    all .25s ease-in-out;
	-ms-transition:     all .25s ease-in-out;
	-o-transition:      all .25s ease-in-out;
	transition:         all .25s ease-in-out;
}


/*********************
FONT FACE
*********************/

@font-face{
	font-family:'Roboto';
	src:url('//cdn.freakdesign.com.au/fonts/Roboto-Regular-webfont.eot');
	src:url('//cdn.freakdesign.com.au/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('//cdn.freakdesign.com.au/fonts/Roboto-Regular-webfont.woff') format('woff'),
	url('//cdn.freakdesign.com.au/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
	url('//cdn.freakdesign.com.au/fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
	font-weight:400;
	font-style:normal
}

@font-face{
	font-family:'Roboto';
	src:url('//cdn.freakdesign.com.au/fonts/Roboto-Bold-webfont.eot');
	src:url('//cdn.freakdesign.com.au/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('//cdn.freakdesign.com.au/fonts/Roboto-Bold-webfont.woff') format('woff'),
	url('//cdn.freakdesign.com.au/fonts/Roboto-Bold-webfont.ttf') format('truetype'),
	url('//cdn.freakdesign.com.au/fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
	font-weight:500;
	font-style:normal
}

@font-face{
	font-family:'Roboto';
	src:url('//cdn.freakdesign.com.au/fonts/Roboto-Light-webfont.eot');
	src:url('//cdn.freakdesign.com.au/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
	url('//cdn.freakdesign.com.au/fonts/Roboto-Light-webfont.woff') format('woff'),
	url('//cdn.freakdesign.com.au/fonts/Roboto-Light-webfont.ttf') format('truetype'),
	url('//cdn.freakdesign.com.au/fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
	font-weight:300;
	font-style:normal
}

@font-face{
	font-family:'Roboto';
	src:url('//cdn.freakdesign.com.au/fonts/Roboto-Thin-webfont.eot');
	src:url('//cdn.freakdesign.com.au/fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
	url('//cdn.freakdesign.com.au/fonts/Roboto-Thin-webfont.woff') format('woff'),
	url('//cdn.freakdesign.com.au/fonts/Roboto-Thin-webfont.ttf') format('truetype'),
	url('//cdn.freakdesign.com.au/fonts/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
	font-weight:200;
	font-style:normal
}

@font-face{
	font-family:'RobotoSlab';
	src:url('//cdn.freakdesign.com.au/fonts/robotoslab-light-webfont.eot');
	src:url('//cdn.freakdesign.com.au/fonts/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('//cdn.freakdesign.com.au/fonts/robotoslab-light-webfont.woff') format('woff'),
	url('//cdn.freakdesign.com.au/fonts/robotoslab-light-webfont.ttf') format('truetype'),
	url('//cdn.freakdesign.com.au/fonts/robotoslab-light-webfont.svg#RobotoSlabLight') format('svg');
	font-weight:300;
	font-style:normal
}

@font-face{
	font-family:'RobotoSlab';
	src:url('//cdn.freakdesign.com.au/fonts/robotoslab-regular-webfont.eot');
	src:url('//cdn.freakdesign.com.au/fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('//cdn.freakdesign.com.au/fonts/robotoslab-regular-webfont.woff') format('woff'),
	url('//cdn.freakdesign.com.au/fonts/robotoslab-regular-webfont.ttf') format('truetype'),
	url('//cdn.freakdesign.com.au/fonts/robotoslab-regular-webfont.svg#RobotoSlabRegular') format('svg');
	font-weight:400;
	font-style:normal
}

@font-face{
	font-family:'RobotoSlab';
	src:url('//cdn.freakdesign.com.au/fonts/robotoslab-thin-webfont.eot');
	src:url('//cdn.freakdesign.com.au/fonts/robotoslab-thin-webfont.eot?#iefix') format('embedded-opentype'),
	url('//cdn.freakdesign.com.au/fonts/robotoslab-thin-webfont.woff') format('woff'),
	url('//cdn.freakdesign.com.au/fonts/robotoslab-thin-webfont.ttf') format('truetype'),
	url('//cdn.freakdesign.com.au/fonts/robotoslab-thin-webfont.svg#RobotoSlabthin') format('svg');
	font-weight:200;
	font-style:normal
}

/*********************
DEFAULTS
*********************/
body {font-family: 'Roboto', sans-serif;font-weight: 300}
nav{background:#1D5339;transition:background .5s;text-align:center;}
nav:hover{background:#121212;}
nav ul, nav li{margin:0;padding:0;}
nav li {display: inline-block;}
nav a {display:inline-block;color:#fff;text-decoration:none;padding:.5em;transition:background .25s}
nav a:hover{background:#fff;color:#121212}

h1{
	color:#fff;
	font-family: 'Roboto';
	font-weight:200;
	font-size: 1.5em;line-height: 1.4;
	text-align: center;
}


.link a{background: #1BBFD5;
color: #FFFFFF;
padding: 1em;
display: inline-block;
text-decoration: none;
border-radius: 3px;
border: 1px solid #0A8A8A;
font-size: 1.5em;
transition: background .25s;
}

#donate{border:5px solid #ccc;padding:1em;margin:2em 0;}
.link a:hover {background:#212121;box-shadow: 0 0 10px #666;border-color:#000;}
.link a {margin-bottom:20px;}
.link{text-align: left;margin:2em 0;}
input[type="submit"]{
	border: none;
padding: .25em 1em;
font-size: 1em;
background: #17466B;
color: #fff;
border-radius: 3px;
}
input[type="submit"]:hover{
	background: #009FDD;
}


#amount-input {
background: #FFF;
padding: .25em;
margin-left: .25em;
border: none;
border-bottom: 1px solid #436CC2;
width: 4em;
transition:width .25s;
}
#amount-input:focus{}
#tip{

padding: 1em;
background: #E1F5F3;
color: #193C5C;
border-radius: 3px;
border: 1px solid #ccc;
font-weight: 400;
margin-top: .5em;
display: inline-block;

}

article.full{
background: #fff;
color: #666;
width: 100%;
padding: 1em;
width:100%!important;
}

h2{
	color:#fff;
	font-family: 'Roboto';
	font-weight:300;
	font-size: 1.2em;
	line-height: 1.4em;
}
h3{
	color:#212121;
	font-family: 'Roboto';
	font-weight:300;
	font-size: 1em;
	line-height: 1.4em;
	border-bottom:1px solid #40cd66
}

.content ul{
	font-size: .9em;
	font-weight: 400;
	
}
.content li{
	margin: 0 0 1em;
}
.content ul {padding:0;}
.content p {line-height: 1.4}
.content h2 {color:#212121;}
img {border-bottom: 5px solid #708B00;
box-shadow: 0 0 10px #666;width:100%;
}

article.full h1{
	font-size:1.5em;
	color:#1D5339;
	text-transform: uppercase;
	font-weight: 200;
}

.pagebody>article, .full .margin, nav .margin{width:92%;margin:0 auto;}
article.full{margin: 0 -8% 0 0;transition: margin .25s;}
h1 a{text-decoration: none;color:#fff;}
h1 a:hover{text-decoration: underline;}

@media only screen and (min-width: 481px) {

	.pagebody>article, .full .margin, nav .margin{width:90%;margin:0 auto;}
nav a {padding:1em;}
	article.full{margin: 0 10% 0 0;transition: margin .25s;}

} 








@media only screen and (min-width: 768px) {
h1, nav{text-align:left;}
nav li:first-child{margin-left:-1.9em}
nav a {padding:2em;}
.pagebody>article, .full .margin, nav .margin{width:80%;margin:0 auto;}
article.full{margin: 0 -10% 0 0;transition: margin .25s;}


		/*********************
		GRID
		*********************/

		.onecol    { width: 5.801104972%;  }       
		.twocol    { width: 14.364640883%; }       
		.threecol  { width: 22.928176794%; }       
		.fourcol   { width: 31.491712705%; }       
		.fivecol   { width: 40.055248616%; }       
		.sixcol    { width: 48.618784527%; }       
		.sevencol  { width: 57.182320438000005%; } 
		.eightcol  { width: 65.74585634900001%; }  
		.ninecol   { width: 74.30939226%; }        
		.tencol    { width: 82.87292817100001%; }  
		.elevencol { width: 91.436464082%; }       
		.twelvecol { width: 99.999999993%; }       


		.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
		  position: relative;
		  float: left;
		  margin-left: 2.762430939%;
		}

		.first, .twelvecol {
		  margin-left: 0;
		}

		.last {
		  float: right;
		}

.sixcol.last{padding-left: 1em;}
.sixcol.first{padding-right: 1em;}


article.full{
padding: 2em 0;
}


h1{
	font-size: 3em;line-height: 1.4;
}


h2{
	font-size: 1.5em;
	line-height: 1.5em;
}
h3{
	font-size: 1.2em;
	line-height: 1.5em;
}

article.full h1{
	font-size:2em;
}
small {font-family: sans-serif;font-style: italic;}






	

} 
@media only screen and (min-width: 1030px) {

	.pagebody>article, .full .margin, nav .margin{width:70%;margin:0 auto;}
article.full{margin: 0 -15% 0 0;}

.sixcol.last{padding-left: 2em;}
.sixcol.first{padding-right: 2em;}

} 


@media only screen and (min-width: 1240px) {

.pagebody>article, .full .margin, nav .margin{width:60%;margin:0 auto;}
article.full{margin: 0 -20% 0 0;}	

} 

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {



} 


@media print {


} 

.modal-redirect {display: none;visibility: hidden;}

body.oldlink .pagebody{
	-webkit-filter: blur(2px);
}

body.oldlink .modal-redirect {
display: block;
visibility: visible;
background: rgba(0,0,0,.9);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.modal {
background: white;
padding: 1em;
max-width: 400px;
margin: 3em auto 0;
border-radius: 2px;
font-size: 12px;
text-align: center;
position: relative;
}

.modal h3 {
font-size: 25px;
text-transform: uppercase;
}

.modal p {line-height: 1.7em}

.modal-redirect .close {
	position: absolute;
	top: .25em;
	right: .25em;
	font-size: 20px;
	text-decoration: none;
	color:#000;
}