/* RESET
------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; max-width: 100%;}
.container, iframe { max-width: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
html, body	{ height:100%; }
a img,:link img,:visited img { border:none }
:focus { outline: 0; }
a, a:hover  { text-decoration:none;} 
a, a:active, a:visited {outline: 0 !important; } /* Firefox */
table { border-collapse: collapse; border-spacing: 0; }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after {  -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
.clearFloat::before, .clearFloat::after { display:table; content:"";}
.clearFloat::after	{ clear:both; }
img	{ max-width: 100%; height: auto; width: auto9; /* ie8 */ }

/* PALETTE
------------------------------------------------------------------------------------*/
body { color: #666; background: #FFF; }
h1.siteName, a { color: #666; }
a:hover	{ color: #000; }


/* HTML / FONTS
------------------------------------------------------------------------------------*/
body {
	font-family: 'Open Sans', sans-serif; 
	display: optional;  
    font-weight: 300;
    line-height: 1.5em;
    -webkit-font-smoothing: antialiased;
}

h1 {}
h2 {}
h3 {}
h4 {}
p {margin-bottom: 20px;}

p::-moz-selection { color: WHITE; background: GREY;}
p::selection { color: WHITE; background: GREY; }

/* HEADERS / NAVIGATION
------------------------------------------------------------------------------------*/
.navbar-wrapper {background: BLACK;} /* full-width */
.container-fluid {}
.navbar {}
.navbar-default {background-color: transparent;border-color: transparent;} /* padded inner */
.navbar-static-top {}

a.header_logo_link, .navbar-default .navbar-nav>li>a	{color: WHITE;}
a.header_logo_link:hover, .navbar-default .navbar-nav>li>a:hover	{color: RED;}

/* site title 
-----------------*/
.siteTitle	{
	margin: 10px 0 0 15px;
	max-width: 400px;
	float: left;
}
a.header_logo_link	{
	font-family: "Lora" !important;
	font-size: 1.8em;
}

@media only screen and (min-width: 768px)	{
	a.header_logo_link	{font-size: 2em;}
}

/* main navigation 
-----------------*/
.navmenu_align {
    float: right;     
    width: 100%;
}
@media only screen and (min-width:768px)	{
	.navmenu_align {width: auto; padding-right: 15px;}
}

/* toggle button (=navbar-header)
-----------------*/
.navbar-header	{}
.navbar-default .navbar-toggle {border-color: #ddd; margin-top: -30px;} /* #ddd default */

/* links / dropdown
-----------------*/
#navbar {}
.menu-main-navigation-container	{width: 100%;}
.navbar-default .navbar-collapse {border-color: GREY;padding: 0;} /* top of mob-menu */
.navbar-nav {margin:0;}
#navbar ul {list-style-type: none;padding: 0;}
#navbar ul li {display: block; font-size: 15px; margin: 1px auto 0px; padding: 10px 0;border-bottom: 1px solid GREY;text-align: center;}
#navbar ul li:first-child	{padding-top: 8px;}

@media only screen and (min-width: 768px)	{ /* wide links */
	#navbar ul li,
	#navbar ul li:first-child {padding: 0;border-bottom: 0px;} 
}

/* FOOTER
------------------------------------------------------------------------------------*/
.copyright	{text-align:center;}



/* HOME
------------------------------------------------------------------------------------*/

/* ABOUT
------------------------------------------------------------------------------------*/

/* 
------------------------------------------------------------------------------------*/

/* 
------------------------------------------------------------------------------------*/

/* 
------------------------------------------------------------------------------------*/


/* CONTACT
------------------------------------------------------------------------------------*/


/* FONTS
------------------------------------------------------------------------------------*/