/* ========== Elements ========== */

/* Table of Contents
==================================================
    #Headings
    #Thumbnails
    #Buttons
    #Accordion
    #Tabs
    #Alerts
    #Infobox
    #Blockquote
    #Dropcaps
    #Lists
    #Forms */
    
    
/*#Headings 
================================================== */ 

	h1 {
		font-weight: 400;
color: #5B4099;
font-size: 1.6em;
letter-spacing: -0.05555556em;
	}
	
	h2 {
		font-weight: 400;
		color: #b0b0b0;
		font-size: 1.25em; /* 20 / 16 */
	}
	
	h3 { font-size: 1em; font-weight: 400; }
	
	h4 { font-size: 1em; font-weight: 300; }
	
	h6 { font-size: 0.875em; }  
	

	
/*#Thumbnails 
================================================== */

	.thumb { padding-bottom: 20px; }
	
	.screen-roll {
		display: block;
		position: relative;
	}
	
	.screen-roll span {
		position: absolute;
		z-index: 10;
		width: 100%;
		height: 100%;
		background: #221e1e url('img/thumb-hover.png') no-repeat center center; /* IE 8 */ 
		background: rgba(34, 30, 30, .60) url('img/thumb-hover.png') no-repeat center center;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
		filter: alpha(opacity=0);
		-webkit-transition: opacity .33s linear;
		-moz-transition: opacity .33s linear;
		-o-transition: opacity .33s linear;
		transition: opacity .33s linear;
	}
	
	.screen-roll span:hover {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
		filter: alpha(opacity=100);
		-webkit-transition: opacity .33s linear;
		-moz-transition: opacity .33s linear;
		-o-transition: opacity .33s linear;
		transition: opacity .33s linear;
	}
	
	.thumb img { width: 100%; }
	
	.thumb h3 { padding-top: 30px; }

	.thumb .meta {
		font-size: 0.875em; /* 14 / 16 */
		color: #999999;
	}


		

/*#Buttons
================================================== */

	a.button {
		display: inline-block;
		color: #fff!important;
		background: #5B4099;
		line-height: 100%;
		padding: 8px 20px 11px 20px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	a.button:hover {
		color: #fff!important;
		background: #221e1e;
	}	

	a.button.dark {
		display: inline-block;
		color: white!important;
		background: #221e1e;
		line-height: 100%;
		padding: 8px 20px 11px 20px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	a.button.dark:hover {
		color: #221e1e!important;
		background: #fff;
	}
	
	
/*#Accordion 
================================================== */

	.accordionButton {	
		border-bottom: 1px dotted #d0d0d0;
		cursor: pointer;
		padding-top: 20px;
		-webkit-transition: background 0.33s linear;
		-moz-transition: background 0.33s linear;
		-o-transition: background 0.33s linear;
		transition: background 0.33s linear;
	}
		
	.accordionButton:hover {
		background: #f2f2f2;
		-webkit-transition: background 0.33s linear;
		-moz-transition: background 0.33s linear;
		-o-transition: background 0.33s linear;
		transition: background 0.33s linear;
	}	
		
	.accordionButton .heading {
		font-size: 0.875em;
		font-weight: 400;
		padding-bottom: 20px;
		line-height: 105%;
		background: url('img/list-plus.png') no-repeat top left;
		text-indent: 22px;
		margin-left: 5px;
	}	
	 
	.accordionContent {	
		font-size: 0.875em; /* 12/16 */
		padding-left: 22px;
		padding-top: 20px;
		padding-bottom: 10px;
		display: none;
	}
	
	
/*#Tabs 
================================================== */

	#tabs li, #tabs p {
		float: left;
	}
	
	#tabs p {
		font-size: 0.875em; /* 12/16 */
		padding: 20px;
		background: #f2f2f2;
	}
	
	#tabs ul li a {
		font-size: 0.875em; /* 14/16 */
		color: #5c5c5c;
		display: block;
		padding: 8px 13px;
		border-top: 2px solid transparent;
		-webkit-transition: background 0.33s linear;
		-moz-transition: background 0.33s linear;
		-o-transition: background 0.33s linear;
		transition: background 0.33s linear;
	}
	
	#tabs ul li a:hover {
		background: #d0d0d0;
		-webkit-transition: background 0.33s linear;
		-moz-transition: background 0.33s linear;
		-o-transition: background 0.33s linear;
		transition: background 0.33s linear;
	}
	
	#tabs ul li.active a {
		background: transparent;
		border-top: 2px solid #5B4099;
		background: #f2f2f2;
	}
	
	
/*#Alerts 
================================================== */	
	
	.alert {
		display: block;
		text-align: center;
		padding: 10px 20px;
		font-size: 0.875em;
	}
	
	.alert.error {
		color: #b3696c;
		background: #f9e5e6;
		border: 1px solid #f7c7c9;
		border-left-width: 4px;
		border-right-width: 4px;
	}
	
	.alert.success {
		color: #8FA442;
		background: #E3EBC6;
		border: 1px solid #C2D288;
		border-left-width: 4px;
		border-right-width: 4px;
	}
	
	.alert.info {
		color: #528DA9;
		background: #D8ECF5;
		border: 1px solid #9AC9DF;
		border-left-width: 4px;
		border-right-width: 4px;
	}
	
	.alert.notice {
		color: #C4A21B;
		background: #FCF7D9;
		border: 1px solid #F5DC7D;
		border-left-width: 4px;
		border-right-width: 4px;
	}
			

/*#Info Box 
================================================== */


	.infobox {
		background: #f2f2f2;
		border: 1px solid #DFDFDF;
		padding: 25px;
		
	}
	
	.infobox p { font-size: 0.875em; }
	
	.infobox .button { margin-top: 10px; font-size: 0.875em; }
	
	
/*#Blockquotes 
================================================== */

	blockquote {
		background: #d9d9d9 url('img/quote.png') no-repeat top left;
		padding: 20px 20px 20px 55px;
		font-family: times, timesnewroman, serif;
		font-style: italic;
		font-size: 0.875em;
		letter-spacing: normal;
	}
	
	
/*#Dropcaps
================================================== */

	.dropcap {
		float: left;
		background: #d0d0d0;
		padding: 8px 13px;
		font-size: 14px;
		font-weight: bold;
		color: #474747;
		margin-right: 7px;
	}
	
	.dropcap.dark {
		background: #474747;
		color: #d0d0d0;
	}
	
	
/*#Lists
================================================== */

	.list li {
		font-size: 0.875em;
		padding-left: 20px;
		display: block;
	}
	
	.list.arrow li { background: url('img/list-arrow.png') no-repeat center left; }
	.list.arrow2 li { background: url('img/list-arrow-2.png') no-repeat center left; }
	.list.checklist li { background: url('img/list-check.png') no-repeat center left; }
	.list.checklist2 li { background: url('img/list-check-2.png') no-repeat center left; }
	.list.circle li { background: url('img/list-circle.png') no-repeat center left; }
	.list.star li { background: url('img/list-star.png') no-repeat center left; }
	.list.plus li { background: url('img/list-plus.png') no-repeat center left; }
	.list.dash li { background: url('img/list-dash.png') no-repeat center left; }
	
	
/*#Forms
================================================== */	
		
	.form-field {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.form-field label {
		float: left;
		margin-bottom: 10px;
	}

	.form-field span input, .form-field span textarea {
		border: none;
		outline: none;
		padding: 0 10px;
		width: 100%;
		height: 35px;
		background: #f2f2f2;
		border: 1px solid #DFDFDF;
		-webkit-appearance: none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color: #949494;
	}
	
	.form-field span textarea {
		overflow: auto;
		height: 180px;
		padding: 18px;
	}
	
	.form-click input {
		border: none;
		display: inline-block;
		outline: none;
		cursor: pointer;
		text-align: center;
		-webkit-font-smoothing: antialiased;
		text-rendering: geometricPrecision;
		text-decoration: none;
		-webkit-appearance: none;
		font-size: 1em;
		font-family: 'Lato', helvetiva, arial, sans-serif;
		font-weight: 300;
		color: #fff!important;
		background: #5B4099;
		line-height: 100%;
		padding: 8px 20px 11px 20px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	.form-click input:hover { text-decoration: none; color: #fff!important; background: #221e1e; }		

/*========== 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) {
	
		h1 { line-height: 110%; }
		
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
	
		h1 { line-height: 110%; }
		
		.thumb { padding-top: 20px; }
	
	}

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

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {	
	
	
	}
	
	
	/* Targets Retina Enabled Devices */
	@media 
	  only screen and (-webkit-min-device-pixel-ratio: 2),
	  only screen and (   min--moz-device-pixel-ratio: 2),
	  only screen and (   -moz-min-device-pixel-ratio: 2),
	  only screen and (     -o-min-device-pixel-ratio: 2/1),
	  only screen and (        min-device-pixel-ratio: 2),
	  only screen and (                min-resolution: 192dpi),
	  only screen and (                min-resolution: 2dppx) {
	  
	  	.list.arrow li { background: url('img/list-arrow_402x.png') no-repeat center left; }
	  	.list.arrow2 li { background: url('img/list-arrow-2_402x.png') no-repeat center left; }
	  	.list.checklist li { background: url('img/list-check_402x.png') no-repeat center left; }
	  	.list.checklist2 li { background: url('img/list-check-2_402x.png') no-repeat center left; }
	  	.list.circle li { background: url('img/list-circle_402x.png') no-repeat center left; }
	  	.list.star li { background: url('img/list-star_402x.png') no-repeat center left; }
	  	.list.plus li { background: url('img/list-plus_402x.png') no-repeat center left; }
	  	.list.dash li { background: url('img/list-dash_402x.png') no-repeat center left; }
	  	
	  	.list li {
	  		-webkit-background-size: 12px 12px;
	  		-moz-background-size: 12px 12px;
	  		background-size: 12px 12px;
	  	}
	  	
	  	.accordionButton .heading {
	  		background: url('img/list-plus_402x.png') no-repeat top left; 
	  		-webkit-background-size: 12px 12px;
	  		-moz-background-size: 12px 12px;
	  		background-size: 12px 12px; 
	  	}
	  	
	  	blockquote {
	  		background: #d9d9d9 url('img/quote_402x.png') no-repeat top left;
	  		-webkit-background-size: 41px 36px;
	  		-moz-background-size: 41px 36px;
	  		background-size: 41px 36px;
	  	}
	
	}			