/*















	Theme Name: HTML5 Blank















	Theme URI: http://html5blank.com















	Description: HTML5 Blank WordPress Theme















	Version: 1.4.3















	Author: Todd Motto (@toddmotto), design: Eda Pavletic















	Author URI: http://toddmotto.com















	Tags: Blank, HTML5, CSS3































	License: MIT















	License URI: http://opensource.org/licenses/mit-license.php















*/































/*------------------------------------*\















    MAIN















\*------------------------------------*/































/* CSS Document */



























@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300&subset=latin-ext);































/* Color Legend */















































/* Reset */































html, body { margin: 0; padding: 0; border: 0;  















				background: black; font-size:12px;















				font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;}































div, span, article, aside, footer, header, hgroup, nav, section,















h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 















table, tr, th, td, tbody, tfoot, thead {































	padding: 0;















	border: 0;















	vertical-align: baseline;















	background: transparent;















	}































img 	{ margin:0; padding:0; border:0; max-width:100%; height: inherit; }































table, tr, th, td, tbody, tfoot, thead {















	margin: 0; padding: 0; border: 0;















	vertical-align: baseline;















	background: transparent;















	}















	















table { border-collapse: collapse; border-spacing: 0; }















	















input, select, textarea, form, fieldset {















	margin: 0; padding: 0; border: 0;















	}































article, aside, dialog, figure, footer, header, hgroup, nav, section { 















	display:block; }































h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { 















	font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;















	font-weight: normal;















	font-style: normal;















	line-height: 130%; 















	text-indent: 0;















	text-decoration: none;















	text-align: left;















	color:#fff;















	}































ol, ul { list-style: none; }















































/* Global */































html 	{	}















body	{ 	}































































/* Headings */































h1, h2, h3, h4, h5, h6 {  }































h1 { font-size: 20px; font-weight: 400; margin-bottom:20px; 	}















h2 {font-size: 20px; font-weight: 400; 	}















h3 {font-size: 18px; font-weight: 400; 	}















h4 {font-size: 16px; font-weight: 400;  	}















h5 {font-size: 14px; font-weight: 400;   	}















h6 {font-size: 14px;  font-weight: 700; padding-bottom:10px; margin-bottom:0; 	}















.widget_categories h3	{ text-align:right;  color: rgb(51, 102, 255);	}















.widget_nav_menu h3	{ text-align:right;  color: rgb(51, 102, 255);	}















h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }











.sidebar-widget_left h3	{ text-align: right; color: rgb(51, 102, 255);		}







.sidebar-widget_left



 







.widget_search		{ margin-top: 20px;		}























/* Text Elements */







p           	{ font-size: 12px; font-weight: 300; letter-spacing: 0.1rem; line-height: 130%;    }















.post		{  font-size: 12px; font-weight: 300; letter-spacing: 0.1rem; line-height: 130%; margin:0; padding-bottom:15px;	}















article p .post		{ line-height:130%; 		}















.description p	{ color:#999;	}















.description h6	{ color:#999;	}







.description ul li	{ color:#999;	}



.tagcloud a	{

	font-size:12px !important;

	display:block;

	text-align:right;

}



























a           	{   }















a:link			{ color: #fff;  }















a:visited		{ color: #fff;  }















a:active		{ color: rgb(51, 102, 255); }















a:focus			{ color: rgb(51, 102, 255); }















a:hover     	{ color: rgb(51, 102, 255); }































blockquote  	{ }































strong      	{ font-weight: 700; }















em		      	{ font-style: italic; }















#nav_menu-2	{ width:30%; float:left;	}







#nav_menu-3	{ width:30%; float:left;	}







#nav_menu-2	#nav_menu-3	{ display:inline;	}















.category-widget h3	{ text-align:left;}























.category-widget ul li	{ padding-bottom:10px; padding-left:20px;	}






iframe {
  max-width: 100%;
}









/* Images */






























































/* Lists */































ul          	{  }















ol          	{  }































ul li		    { }















ol li	     	{  }































dl          	{  	}















dt       		{  	}















dd          	{ 	}































































/* Tables */















































































/* Miscellaneous */















































sup, sub    	{ line-height: 0; }































































/* Containers */















#main-slider_1 div.slider-content	{ background: #000;}























article	{ margin-bottom:25px;	}























#wrapper	{ width: 100%;	}































header		{ width:30%; float: left; margin-right: 2%;	}































nav		{ width:68%; float:right;  }































section		{ width: 68%; float: left; padding-top: 35px; z-index: -100; }















section p, section h	{padding-right:2%; }































footer	{ width:100%; clear:both; height:200px; }































#box_01	{ width: 30%; float: left; text-align: right; padding-right: 2%; }















#box_01 p, #box_01 h6	{text-align: right; padding-right: 2%; }















#box_02	{width: 30%; float: left; padding-left: 2%; border-right: 1px solid #fff; border-left: 1px solid #fff; text-align: left;	}















#box_03	{width: 30%; padding-left: 2%; float: left;text-align: left; }































#box_01 #wp-calendar	{ float: right; text-align: right;	}































.sidebar-widget_left	{  text-align: right;  padding-right: 2%; }















.sidebar-widget_left ul li	{  text-align: right;  line-height:130%;	}















.sidebar-widget_left p, .sidebar-widget_left h6	{ text-align: right;  	}















.sidebar-widget_left #wp-calendar	{ float: right; text-align: right;	}















.sidebar-widget_left img	{ width: 95%; height: auto;	}















.widget_nav_menu h1	{ text-align: right; 	}















.widget_nav_menu h2	{ text-align: right; }















.widget_nav_menu h3	{ }















.widget_nav_menu h4	{ text-align: right; 	}















.widget_nav_menu h5	{ text-align: right; 	}















.widget_nav_menu h6	{ text-align: right; }











.widget_twitter_timeline	{ padding-top: 20px;	}



















.widget_tag_cloud h3	{text-align: right; padding-top: 25px;  color: rgb(51, 102, 255);	}































.clear	{ height: 20px; clear: both;	}































.textwidget	{	}







.cff-wrapper	{ padding-left:25px;	}























section article h1, h2, h3, h4, h5, h6	{  text-align: left;	}















.entry-header	{ width:100%; }











#nav_menu-4	{ margin-top:50px;	 }















/* Layout Extra */















































































/* Navigation Extra */















































/* Navigation Menu */































.current-menu-item a	{ color:#06F; font-weight:bold;		}









@media (min-width:1127px) {















article p	{ width: 60%;	}























header		{ width:20%; float: left; margin-right: 2%;	}































nav		{ width:78%; float:right;  }































section		{ width: 78%; float: left; padding-top: 35px; }















section p, section h	{padding-right:2%; }































footer	{ width:100%; clear:both; height:200px; }































#box_01	{ width: 20%; float: left; text-align: right; padding-right: 2%; }















#box_01 p, #box_01 h6	{text-align: right; padding-right: 2%; }















#box_02	{width: 35%; float: left; padding-left: 2%; border-right: 1px solid #fff; border-left: 1px solid #fff; text-align: left;	}















#box_03	{width: 35%; padding-left: 2%; float: left;text-align: left; }















































































.nav-bar	{ height: 40px; margin-top: 25px;	}































.main-nav ul, .main-nav li	    {  display: inline;  }















 















.main-nav a	{ padding: 5px 20px 5px 20px; 















		display: block; text-decoration: none;  }































.main-nav a:hover	{ background-color: #0E265D; color: #fff; }







































.main-nav ul ul a	{ width:150px;  padding: 10px 20px; display:block;}







.main-nav ul ul a:hover	{ width:150px;  padding: 10px 20px; display:block; color:#66F; }







































.main-nav ul li		{ position: relative; float: left;	}































.main-nav ul ul		{ position: absolute; top:-999999px; left: 0; opacity: 0; background: #0E265D; text-align: left;	}































.main-nav ul li:hover > ul	{ position: absolute; top: 100%; opacity:1; background-color: #0E265D; z-index:1; }































}















































































@media (max-width:1126px) {















article 	{ width: 100%;	}































nav	{ margin-right: 2%; }































.nav-bar	{ height: auto; width: 200px; float: left;	}































.main-nav ul, .main-nav li	    {  display: block;  }































.main-nav a	{ padding: 7px; 



		display: block; text-decoration: none; 	}































.main-nav a:hover	{ background-color: #0E265D; color: #fff; }































.main-nav ul li		{ position: relative;  display: block; 	}































.main-nav ul ul		{ position: absolute; top:-999999px; left: 0; opacity: 0; background: #0E265D; text-align: left;	}































.main-nav ul li:hover > ul	{ position: relative; top:0; opacity:1; background-color: #0E265D; }































}



@media (max-width:600px) {

	header	{

		width:100%;

		float:none;

	}

.sidebar-widget_left	{

	padding-top:0px;

}



.sidebar-widget_left img {

    width: 250px;

    height: auto;

}



.nav-bar	{

	width:100%;

}



.main-nav a	{ 

	text-align: right;

}



section	{

	width: 100%;

	padding: 0 10px;

}

	

}



/* Forms */































/* Miscellaneous  */































.left	{ width:100%;		}















































.copyright	{ font-size: 10px; text-align: left; bottom:10px;		}















































































/* Grid















–––––––––––––––––––––––––––––––––––––––––––––––––– */















.container {















  position: relative;















  width: 100%;















  max-width: 960px;















  margin: 0 auto;















  padding: 0 20px;















  box-sizing: border-box; }















.column,















.columns {















  width: 100%;















  float: left;















  box-sizing: border-box; }































/* For devices larger than 400px */































@media (max-width: 468px) {















.sidebar-widget_left p	{ font-size: 70%;	}































}































/* For devices larger than 550px */































@media (min-width: 550px) {















  .container {















    width: 80%; }















  .column,















  .columns {















    margin-left: 4%; }















  .column:first-child,















  .columns:first-child {















    margin-left: 0; }































  .one.column,















  .one.columns                    { width: 4.66666666667%; }















  .two.columns                    { width: 13.3333333333%; }















  .three.columns                  { width: 22%;            }















  .four.columns                   { width: 30.6666666667%; }















  .five.columns                   { width: 39.3333333333%; }















  .six.columns                    { width: 48%;            }















  .seven.columns                  { width: 56.6666666667%; }















  .eight.columns                  { width: 65.3333333333%; }















  .nine.columns                   { width: 74.0%;          }















  .ten.columns                    { width: 82.6666666667%; }















  .eleven.columns                 { width: 91.3333333333%; }















  .twelve.columns                 { width: 100%; margin-left: 0; }































  .one-third.column               { width: 30.6666666667%; }















  .two-thirds.column              { width: 65.3333333333%; }































  .one-half.column                { width: 48%; }































  /* Offsets */















  .offset-by-one.column,















  .offset-by-one.columns          { margin-left: 8.66666666667%; }















  .offset-by-two.column,















  .offset-by-two.columns          { margin-left: 17.3333333333%; }















  .offset-by-three.column,















  .offset-by-three.columns        { margin-left: 26%;            }















  .offset-by-four.column,















  .offset-by-four.columns         { margin-left: 34.6666666667%; }















  .offset-by-five.column,















  .offset-by-five.columns         { margin-left: 43.3333333333%; }















  .offset-by-six.column,















  .offset-by-six.columns          { margin-left: 52%;            }















  .offset-by-seven.column,















  .offset-by-seven.columns        { margin-left: 60.6666666667%; }















  .offset-by-eight.column,















  .offset-by-eight.columns        { margin-left: 69.3333333333%; }















  .offset-by-nine.column,















  .offset-by-nine.columns         { margin-left: 78.0%;          }















  .offset-by-ten.column,















  .offset-by-ten.columns          { margin-left: 86.6666666667%; }















  .offset-by-eleven.column,















  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }































  .offset-by-one-third.column,















  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }















  .offset-by-two-thirds.column,















  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }































  .offset-by-one-half.column,















  .offset-by-one-half.columns     { margin-left: 52%; }































}















































/* Base Styles















–––––––––––––––––––––––––––––––––––––––––––––––––– */















/* NOTE















html is set to 62.5% so that all the REM measurements throughout Skeleton















are based on 10px sizing. So basically 1.5rem = 15px :) */















html {















  font-size: 62.5%; }















body {































  color: #fff; }















































/* Typography















–––––––––––––––––––––––––––––––––––––––––––––––––– */







































/* Larger than phablet */















@media (min-width: 550px) {















































}































p {















  margin-top: 0; }















































/* Links















–––––––––––––––––––––––––––––––––––––––––––––––––– */















a {















  color: #fff }















a:hover {















  color: #71940; }















































/* Buttons















–––––––––––––––––––––––––––––––––––––––––––––––––– */















.button,















button,















input[type="submit"],















input[type="reset"],















input[type="button"] {















  display: inline-block;





























  padding: 0 5px;















  color: #555;















  text-align: center;















  font-size: 11px;















  font-weight: 600;















  line-height: 28px;















  letter-spacing: .1rem;















  text-transform: uppercase;















  text-decoration: none;















  white-space: nowrap;















  background-color: transparent;















  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 {















  color: #333;















  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-color: #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; }















































/* Forms















–––––––––––––––––––––––––––––––––––––––––––––––––– */















input[type="email"],















input[type="number"],















input[type="search"],















input[type="text"],















input[type="tel"],















input[type="url"],















input[type="password"],















textarea,















select {





























  padding: 6px 5px; /* The 6px vertically centers text on FF, ignored by Webkit */















  background-color: #000;















  border: 1px solid #D1D1D1;















  border-radius: 4px;















  box-shadow: none;















  box-sizing: border-box; }















/* Removes awkward default styles on some inputs for iOS */















input[type="email"],















input[type="number"],















input[type="search"],















input[type="text"],















input[type="tel"],















input[type="url"],















input[type="password"],















textarea {















  -webkit-appearance: none;















     -moz-appearance: none;















          appearance: none; }















textarea {















  min-height: 65px;















  padding-top: 6px;















  padding-bottom: 6px; }















input[type="email"]:focus,















input[type="number"]:focus,















input[type="search"]:focus,















input[type="text"]:focus,















input[type="tel"]:focus,















input[type="url"]:focus,















input[type="password"]:focus,















textarea:focus,















select:focus {















  border: 1px solid #33C3F0;















  outline: 0; }















label,















legend {















  display: block;















  margin-bottom: .5rem;















  font-weight: 600; }















fieldset {















  padding: 0;















  border-width: 0; }















input[type="checkbox"],















input[type="radio"] {















  display: inline; }















label > .label-body {















  display: inline-block;















  margin-left: .5rem;















  font-weight: normal; }















































/* Lists















–––––––––––––––––––––––––––––––––––––––––––––––––– */















ul {}















ol { }















ol, ul { }















ul ul,















ul ol,















ol ol,















ol ul { }















li {}















































/* Code















–––––––––––––––––––––––––––––––––––––––––––––––––– */















code {















  padding: .2rem .5rem;















  margin: 0 .2rem;















  font-size: 90%;















  white-space: nowrap;















  }















pre > code {















  display: block;















  padding: 1rem 1.5rem;















  white-space: pre; }















































/* Tables















–––––––––––––––––––––––––––––––––––––––––––––––––– */















th,















td {















  padding: .5rem .5rem;















  text-align: left;















  border-bottom: 1px solid #fff; }















th:first-child,















td:first-child {















  padding-left: 0; }















th:last-child,















td:last-child {















  padding-right: 0; }















































/* Spacing















–––––––––––––––––––––––––––––––––––––––––––––––––– */















button,















.button {















  margin-bottom: 1rem; }















input,















textarea,















select,















fieldset {















  margin-bottom: 1.5rem; }















pre,















blockquote,















dl,















figure,















table,















p,















ul,















ol,















form {















  }















































/* Utilities















–––––––––––––––––––––––––––––––––––––––––––––––––– */















.u-full-width {















  width: 100%;















  box-sizing: border-box; }















.u-max-full-width {















  max-width: 100%;















  box-sizing: border-box; }















.u-pull-right {















  float: right; }















.u-pull-left {















  float: left; }















































/* Misc















–––––––––––––––––––––––––––––––––––––––––––––––––– */















hr {















  margin-top: 3rem;















  margin-bottom: 3.5rem;















  border-width: 0;















  border-top: 1px solid #fff; }















































/* Clearing















–––––––––––––––––––––––––––––––––––––––––––––––––– */































/* Self Clearing Goodness */















.container:after,















.row:after,















.u-cf {















  content: "";















  display: table;















  clear: both; }















































/* Media Queries















–––––––––––––––––––––––––––––––––––––––––––––––––– */















/*















Note: The best way to structure the use of media queries is to create the queries















near the relevant code. For example, if you wanted to change the styles for buttons















on small devices, paste the mobile query code up in the buttons section and style it















there.















*/















































/* Larger than mobile */















@media (min-width: 400px) {

	

	}































/* Larger than phablet (also point when grid becomes active) */















@media (min-width: 550px) {}































/* Larger than tablet */















@media (min-width: 750px) {}































/* Larger than desktop */















@media (min-width: 1000px) {}































/* Larger than Desktop HD */















@media (min-width: 1200px) {}