@charset "utf-8";
/* CSS Document */

/* Overwrites */
	html {background: #CCC url(../images/bg-gray.jpg) repeat;}
	body {
	    background: url(../images/bg-archive.jpg);
        background-attachment: fixed;
		background-size: 100%;
		background-repeat: no-repeat; 
		font-family: Arial, helvetica, serif; 
		font-size: 14px; 
		margin: 0px; 
		}
	a {color:#CC0000; text-decoration:none;}
	a:visited {color:#660000;}
	a:hover {color:#660000; text-decoration:underline;}
    p {font-size: 1.5rem;}
	img {max-width: 100%;}
	h1 {font-size: 3em; line-height: 1.2em; margin: 0 .5em .75em;}
	h2 {font-size: 2.5em; padding-top: 2rem; text-transform: uppercase;}
	h3 {font-size: 3em; font-family: 'Satisfy', cursive;}
	h4 {font-size: 1.5em; line-height: 2; margin: 2em 0;}
	
/* Global Styles */
	.links a {display: block; margin-bottom: .3em;}
	.content {background-color: #efe4da;}
	.content img {max-width: 100%;}
	.padder {padding: 10px;}
	.alignright {float:right; margin:0 0 10px 10px;}
	.left {text-align:left;}
	.right {text-align:right; padding-right: 4px;}
	.center {text-align:center;}
	.alignRight {display:block; float:right;}
	.alignLeft {display:block; float-left:right;}
	.clear {clear:both;}
	
	strong {font-weight: 700;}

		
/* Sections */
	.section {clear:both;}
    .section .container,
	.section.nav .container {background-color: #f5ae2a;}
	.section.header .container {padding-top: 2rem;}
	
	.section.white .container {background-color: white;}
	
	.yellow {background-color: #f1c00d;}
	
	.footer .container {padding: 2rem 0;}

/* Special Fonts */
    .title-das {text-transform: uppercase;}
    .title-fancy {text-transform: uppercase;}
	

/* Nav */
	.nav { }
	.nav a {display:inline-block; color: #000; padding: 10px 10px; text-transform:uppercase;}
	.nav a:hover {background-color: black; color:white;}
	
	.usernav {position:absolute; top: 10px; right: 10px; width: 200px;}
	.usernav a {background-color: black; border-radius: 4px; color:white; display:inline-block; float:right; margin-right: 1rem; padding: .3rem;}
	
/* General */
    .logo {padding: 80px 0 10px 0; text-align:center;}
    .badge {text-align:center;}
	.credit { font-size: 1rem; position: absolute; margin-left: 32%; margin-top: -35px; text-align: center; text-transform: uppercase; z-index: 100 !important;}
	.intro {}
	
	
/* Buttons */
	a.btn  {
		background: #000;
		border-radius: 6px;
		-webkit-box-shadow: 9px 7px 21px -8px rgba(0,0,0,0.75);
		-moz-box-shadow: 9px 7px 21px -8px rgba(0,0,0,0.75);
		box-shadow: 9px 7px 21px -8px rgba(0,0,0,0.75);
		color: white;
		font-size: 2rem;
		margin: 20px 10px;
		padding: 6px 16px; 
	}
	.btn:hover  {background-color:darkgray; text-decoration:none;}
	.btn.main {
		font-size: 2.3rem;
		font-weight:bold;
		padding: 10px 20px; 
		text-transform:uppercase;
	 }
	.button.primary {background-color:black; color:white;}
	.btn.main:hover  {background:none; background-color: #333;}
		
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #000;
		display: inline-block;
		height: 38px;
		padding: 0 30px;
		color: #FFF;
		text-align: center;
		font-size: 11px;
		font-weight: 600;
		line-height: 38px;
		letter-spacing: .1rem;
		text-transform: uppercase;
		text-decoration: none;
		white-space: nowrap;
		border-radius: 4px;
		border: 1px solid #bbb;
		cursor: pointer;
		box-sizing: border-box; 
	}
	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	.button:focus,
	button:focus,
	input[type="submit"]:focus,
	input[type="reset"]:focus,
	input[type="button"]:focus {
		background: #000;
		color: #FFF;
		border-color: #888;
		outline: 0; 
	}
	.button.button-primary,
	button.button-primary,
	input[type="submit"].button-primary,
	input[type="reset"].button-primary,
	input[type="button"].button-primary {
		color: #FFF;
		background: #33C3F0;
		border-color: #33C3F0; 
	}
	.button.button-primary:hover,
	button.button-primary:hover,
	input[type="submit"].button-primary:hover,
	input[type="reset"].button-primary:hover,
	input[type="button"].button-primary:hover,
	.button.button-primary:focus,
	button.button-primary:focus,
	input[type="submit"].button-primary:focus,
	input[type="reset"].button-primary:focus,
	input[type="button"].button-primary:focus {
		color: #FFF;
		background-color: #1EAEDB;
		border-color: #1EAEDB; 
	}
	
/* Callouts */
	.callout { background-color:black; color:white; border-radius: 20px; margin: 2rem 0; padding: 20px;}
	.callout ul.bullet li {list-style-image: url('http://108.167.183.246/~discadm/images/star.png'); }
	.callout .btn.main {background-color: #CC0000;}
	
	.highlight {background-color:lemonchiffon; border-radius: 10px; color:gray; font-family: georgia, times, serif; font-size: 2rem; font-style: italic; padding: 2rem; margin: 2rem 0;  text-align:center;}
	

/*Slideshow */
	.rslides {
	  position: relative;
	  list-style: none;
	  overflow: hidden;
	  width: 100%;
	  padding: 0;
	  margin: 0;
	  }
	
	.rslides li {
	  -webkit-backface-visibility: hidden;
	  position: absolute;
	  display: none;
	  width: 100%;
	  left: 0;
	  top: 0;
	  }
	
	.rslides li:first-child {
	  position: relative;
	  display: block;
	  float: left;
	  }
	
	.rslides img {
	  display: block;
	  height: auto;
	  float: left;
	  width: 100%;
	  border: 0;
	  }

/* Social */
    .social-icon {background: url('http://108.167.183.246/~discadm/images/sprite-social.png') no-repeat; float:left; height: 32px; margin-right: 1rem; width: 32px;}
	.social-icon.fb {background-position: 0 0;}
	.social-icon.li {background-position: 0 -50px;}



/* Media Queries */
    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {
        
    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
		.credit { margin-top: -25px;}
    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {
		.credit { margin-top: -25px;}
    }