/*







	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;	}







/* 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) {}