/* Chiggity Check It Out */

/* Reset kind of, kill the paddings and margins! */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,object,cite {margin:0; padding:0;}
img {border:0;}
/* End reset */

@font-face {
	font-family: 'brailleregular';
	src: url('../../fonts/braille-webfont.eot');
	src: url('../../fonts/braille-webfont_.eot#iefix') format('embedded-opentype'),
		 url('../../fonts/braille-webfont.woff') format('woff'),
		 url('../../fonts/braille-webfont.ttf') format('truetype'),
		 url('../../fonts/braille-webfont.svg#brailleregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.braille {font-family: 'brailleregular'; text-transform: lowercase;}

body, textarea, input, select {font: normal 100% "clavo", Helvetica, Arial, sans-serif; color: #666;}
h1 {font-size:3em; margin-bottom:.5em;}
h2 {font-size:2em; margin-bottom:.75em;}
h3 {font-size:1.5em; margin-bottom:1em;}
h4 {font-size:1.2em; line-height:1.5em; margin-bottom:1.2em;}
h5, h6 {font-size:1em; line-height:1.5em; font-weight:bold;}
h5 {margin-bottom:1em;}
p {line-height:1.5em; margin-bottom:1.5em;}
em, .italic {font-style:italic;}
strong, .bold {font-weight:bold;}
blockquote {padding-left:1.5em; margin-left:1.5em; border-left:1px solid #666666;}
hr {border:none; background:#666666; height:1px; margin-bottom:1.5em;}

/*::selection {background:#ff6319; color:#fff;}
::-moz-selection {background:#ff6319; color:#fff;}
input.error {box-shadow: 0px 0px 5px 0px rgba(179, 8, 56, 1);}
.highlight {background: #fec057; background: rgba(254,192,87,0.35);}*/

li ul, li ol {margin:0 20px;}
ul, ol {margin:0 0 20px 20px; line-height:1.5em;}
ul {list-style-type:disc;}
ul ul {list-style-type:square;}
ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
li {margin-left:20px;}
ul.space-out li {margin-bottom:.75em;}
ul.no-bullets {margin-left:0; list-style:none;}

a {color:#34C892; text-decoration:underline;}
a:hover, a:focus {text-decoration:none; background:#f0f0f0; background:rgba(162,149,138,.1); color:#333;}

.container {max-width: 800px; margin: 40px auto 0 auto;}
.nav {width: 280px; float: left; position:fixed;}
.content {max-width: 480px; margin-left: 320px;}

.nav h2, .nav ul, .nav p {text-align: right;}
.nav h2 {margin: 0 0 10px; line-height: 0.75em; color: #34C892; padding-right:8px;}
.nav ul {list-style: none; margin:0; border:1px solid #ddd; border-width: 1px 0;}
.nav li {display: inline-block; margin:0;}
.nav ul a {display: block; height: 40px; line-height: 40px; text-decoration: none; padding: 0 5px; color: #666;}
.nav h2 a {text-decoration: none;}
.nav p {margin: 10px 0 0; line-height: 1.1em; color: #ccc; padding-right: 8px;}

.article {border-bottom: 1px solid #666; margin-bottom: 30px;}
.thin_column {max-width:640px; margin:0 auto;}

input[type="submit"] {padding:10px 20px;}

/* Just for you pages */
.rez-icons {margin-bottom:20px; padding-top:10px; font-size:3em; font-weight:bold; line-height:150px; text-align: center;}
.rez-icons img {height:150px; width:150px; vertical-align: middle; margin-top: -10px;}
.w50 {width:50%; padding:0 40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* END just for you pages */

/********** OVERRIDES *************/
.hide, .show970, .show768, .show640, .show480, .show320 {display:none;}
.overflow-hidden {overflow:hidden;}
.nowrap {white-space:nowrap;}
.nopadmargin {padding:0; margin:0;}
.nopadtop, img.nopadtop {padding-top:0;}
.nopadbottom {padding-bottom:0;}
.nopadright {padding-right:0;}
.nopadleft {padding-left:0;}
.nomargintop {margin-top:0;}
.nomarginbottom {margin-bottom:0;}
.nomarginright {margin-right:0;}
.nomarginleft {margin-left:0;}
.add-margintop-20 {margin-top:20px;}
.add-marginbottom-20 {margin-bottom:20px;}
.add-marginbottom-10 {margin-bottom:10px;}
.add-marginleft-20 {margin-left:20px;}
.clear {clear:both;}
.right {float:right;}
.left {float:left;}
.nobold {font-weight:normal;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.lh2x {line-height:2em;}
.f0-5 {font-size:0.5em;}
.f0-75 {font-size:0.75em;}
.f1-25 {font-size:1.25em;}
.f1-5 {font-size:1.5em;}
.f1-75 {font-size:1.75em;}
.f2 {font-size:2em;}
.f2-5 {font-size:2.5em;}
.f3 {font-size:3em;}
.f4 {font-size:4em;}
.w100 {width:100%;}
.redtext {color: red;}
.lightgraytext {color:#757575;}
.greentext {color:#34C892;}

/********** MEDIA QUERIES *********/
@media all and (min-width:1200px) {
	.container {max-width: 1040px;}
	.content {max-width: 720px;}
}
@media all and (min-width:1440px) {
	.container {max-width: 1280px;}
	.content {max-width: 960px;}
}
@media all and (max-width:800px) {
	.show768 {display:block;}
	.hide768 {display:none;}

	.container {max-width: 480px; margin: 20px auto 0 auto;}
	.nav {width: auto; float: none; position:relative;}
	.content {margin:20px auto 0 auto;}

	.nav h2, .nav ul, .nav p {text-align: center;}
	.nav p br {display:none;}

	/* Just for you pages */
	.w50 {width:100%; padding:0;}
	/* END just for you pages */
}
@media all and (max-width:639px) {
	.show640 {display:block;}
	.hide640 {display:none;}
}
@media all and (max-width:490px) {
	.show480 {display:block;}
	.hide480 {display:none;}

	.container {padding:0 15px;}

	/* Just for you pages */
	.rez-icons img {height:100px; width:100px; margin-top: -10px;}
	/* END just for you pages */
}
@media all and (max-width:320px) {
	.show320 {display:block;}
	.hide320 {display:none;}
}