html,body {height:100%;margin:0;padding:0}

a:link {
  color:#673ab7;
}

a:visited {
  color:#632e90;
}

a:active {
  color:#ba92dc;
}

a:hover {
  color:#ba92dc;
}

/*
GLOBALS
*/

.margin_0 { margin: 0; }
.margin_25 { margin: 25%; }
.margin_50 { margin: 50%; }
.margin_75 { margin: 75%; }
.margin_100 { margin: 100%; }

.margin_top_px_45 { margin-top: 45px; }

.padding_0 { padding: 0; }
.padding_25 { padding: 25%; }
.padding_50 { padding: 50%; }
.padding_75 { padding: 75%; }
.padding_100 { padding: 100%; }

.padding_px_25 { padding: 25px; }
.padding_px_45 { padding: 45px; }
.padding_px_50 { padding: 50px; }
.padding_px_75 { padding: 75px; }
.padding_px_100 { padding: 100px; }

.border_1_solid { border-style: solid;  border-width:1px; }
.border_2_solid { border-style: solid;  border-width:2px; }
.border_3_solid { border-style: solid;  border-width:3px; }

.fl { float:left; }
.fr { float:right; }
.clear { float:clear; }



.Absolute { position:absolute; }

.cleanlink { text-decoration: none; }

.hidden { visibility: hidden; }
.visible { visibility: visible; }

.textred { color: red; }

.textpurple { color: #673ab7; }

/*Fonts are important*/
@font-face
{
	font-family:Fira Sans Light;
	src: url("FiraSans-Light.ttf");
}
@font-face
{
	font-family:Fira Sans Regular;
	src: url("FiraSans-Regular.ttf");
}
@font-face
{
	font-family:Fira Sans Medium;
	src: url("FiraSans-Medium.ttf");
}
@font-face
{
  font-family:Christmas Jumper;
  src: url("Christmas_Jumper.ttf");
}


.bold {font-weight: bold;}

.margin_lg_bottom {margin-bottom: 25px;}

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

	p, ul, li, input, button
	{
		margin:10px;
		/*padding:6px 45px 6px 45px;*/

		font-size:60px;

    font-family:QuincyCF-ExtraBold;

	}
	span
	{
		font-size:60px;
	}


	#option_a
	{
		width:60px;
		height:60px;
	}

	#option_b
	{
		width:60px;
		height:60px;
	}

}

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

}

/*
	This is supposed to work for iThings, but
	the iPod 4th Gen doesn't want to cooperate.
*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait)

{

}

/*iPod Touch.  Doesn't work for 4th gen.*/
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{

}

/*
	Increase font size and change layout to
	two major columns.  Still just one lane
	of portfolio items on the right.
*/	
@media only screen and (min-width : 640px)
{

}

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

}

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


}

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

}

/*Some color options*/

.makeTextWhite{color:#FFFFFF;}
.makeTextOrange{color:#FF8000;}
.makeTextLightOrange{color:#FFA64D;}

.makeBGBlack{background-color:#000000;}
.makeBGGrey{background-color:#313131;}


/* This magically scales the full-size image as the width shrinks*/
img 
{
	width:100%;
	height:auto;
	max-width:100%;
}

/*Fix for Firefox*/
@-moz-document url-prefix() {  
    img
	{
        width: 100%;
        max-width: 100%;
		height: auto;
    }
}

img.noadjust
{
	width:auto;
	height:auto;
}


div {margin:0px;padding:0px;}

div.container
{

}

div.AutoColumn 
{
	position:relative;
	width:auto;
}

div.MakeBGBlack{background-color:#000000;}

div.MakeBGGrey{background-color:#313131;}

div.box
{
	height:50px;
	width:50px;
}

div.MakeBorder
{
	border: 1px solid #898076;
}

div.MakeLeftBorder
{
	border-left: 3px solid #898076;
}

/*
	TODO: Find a way to make this look good if
	it even makes sense to do so.
*/
div.MakeSideBorder
{
/*
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #898076;

	border-left-style: dotted;
	border-left-width: 1px;
	border-left-color: #898076;
*/
}

div.Left{float:left}
div.Right{float:right}
div.Clear{clear:left}

div.autoWidth {width:auto}
div.autoHeight{height:auto}

div.DoubleContainer{max-width:100%;}

div.MobileMin {min-width:320px;}

div.FullHeight{height:100%;}
div.FullWidth{width:100%;}

div.Force180HeightDown 
{
	height:180px;
	vertical-align:bottom;
	display: table-cell;
}

div.Force50HeightDown 
{
	height:50%;
	vertical-align:bottom;
	display: table-cell;
}

div.ImageCenter
{
	text-align:center;
}

div.PushAway
{
	margin: 0px 45px 0px 45px;
}

/*
	This is a bottom navigation of sorts that will
	be at the bottom right of every page.
*/
div.AboutContainer
{
	text-align:right;
	bottom:45px;
	right:45px;
}

/*

*/


/*ID-specfic styles*/

/* Main screen */

#index_body {

  width: 100%;
}
#one_card_bluff_logo {

    margin-left: auto;
    margin-right: auto;
    display: block;

    max-width: 50%;

}

.one_card_bluff_text {
  font-family:QuincyCF-ExtraBold;

  text-align: center;
}

.one_card_bluff_med {
  font-family:QuincyCF-ExtraBold;

  font-size: 40pt;

  text-align: center;
}

.one_card_bluff_text_small {
  font-family:QuincyCF-ExtraBold;

  font-size: 30pt;

  text-align: center;
}

.one_card_bluff_left {

  font-family:QuincyCF-ExtraBold;

  font-size: 20pt;

}