/*
	============================================================

			  Custom theme for Smoke School
	
					  ©2015 INVISIBLE INK
					  Author: Chris Duren
					  www.invisibleink.com

			Increase your visibility with Invisible Ink
			
	============================================================
*/

body	{
	font: 14px/1.6 "Libre Baskerville", arial, helvetica, sans-serif;
	font-weight: 400;
	color: #39312d;
	}
	
h2, h3, h4, h5, h6	{
	padding: 0;
	font-family: "Montserrat", Georgia, Serif;
	font-weight: 700;
	}

h2	{
	font-size: 28px;
	line-height: 28px;
	color: #666;
	margin: 0 0 20px 0;
	}
	
h3	{
	font-size: 24px;
	line-height: 24px;
	color: #990134;
	margin: 0 0 15px 0;
	}

h4	{
	font-size: 20px;
	line-height: 20px;
	color: #990134;
	margin: 0 0 15px 0;
	}

h6	{
	font-size: 18px;
	line-height: 18px;
	color: #666;
	margin: 0 0 15px 0;
	}

img	{border: 0;}

p	{
	padding: 0;
	margin: 0 0 18px 0;
	}
	
strong	{
	font-weight: 900;
	color: #000;
	}

a	{
	color: #000;
	font-weight: 900;
	}
	
a:hover	{color: #3e7340;}

hr	{
	height: 1px;
	margin: 15px 0;
	border-bottom: 1px dashed #ccc;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	color: #fff;
	background: transparent;
	}
	
form	{
	margin: 0;
	padding: 0;
	}
	
	/*   Images	*/
		
.align_right	{
	float: right;
	margin: 0 0 10px 20px;
	}
	
.align_left	{
	float: left;
	margin: 0 20px 10px 0;
	}
	
	/*   Tables	*/
		
.chart	{
	margin-bottom: 20px;
	border: 0;
	border-spacing: 1px;
	width: 100%;
	}
	
.chart th, .chart tr:nth-child(1)	{background: #990134; color: #fff !important; font-weight: bold;}
.chart tr:nth-child(2n+2)	{background: #e5e5e5;}
.chart td, .chart th	{padding: 8px 10px;}

	/*   Buttons	*/
		
button, .btn { 
	color: #fff; 
	background-color: #990134;
	padding: 17px 25px;
	margin: 5px !important;
	border: 0;
	cursor: pointer;
	font-size: 19px;
	line-height: 19px;
	font-family: "Montserrat", arial, helvetica, sans-serif;
	font-weight: 700;
	border-radius: 20px;
	box-shadow: 4px 4px 3px 0px #ccc;
	} 

button	{width: auto; overflow: visible;}

.btn:hover, .btn:focus, button:hover, button:focus {
	background: #666;
    transition: all 0.2s ease-in-out;
	box-shadow: 3px 3px 2px 0px #ccc;
    }

a:link.btn, a:visited.btn, a:hover.btn, a:focus.btn	{
	color: #fff;
	text-decoration: none;
	display: inline-block;
	zoom: 1;
	*display: inline;
	}