/*
ZeroFour 1.0 by HTML5 Up!
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/*********************************************************************************/
/* Basic */
/*********************************************************************************/
body
{
min-width: 1200px;
}
.pad-right
{
margin-right: 1.5em;
}
.pad-left
{
margin-left: 1.5em;
}
body.left-sidebar
{
}
body.left-sidebar #sidebar
{
margin-right: 1.5em;
}
body.right-sidebar
{
}
body.right-sidebar #sidebar
{
margin-left: 1.5em;
}
/*********************************************************************************/
/* Sidebar */
/*********************************************************************************/
#sidebar h2
{
font-size: 1.5em;
}
/*********************************************************************************/
/* Wrappers */
/*********************************************************************************/
#header-wrapper
{
padding: 4em 0 0 0;
height: 15em;
}
body.homepage #header-wrapper
{
height: 43em;
}
#banner-wrapper
{
}
#main-wrapper
{
}
#main-wrapper .main-wrapper-style1,
#main-wrapper .main-wrapper-style2,
#main-wrapper .main-wrapper-style3
{
padding: 7em 0 7em 0;
}
#footer-wrapper
{
padding: 7em 0 7em 0;
}
/*********************************************************************************/
/* Header */
/*********************************************************************************/
#header
{
position: relative;
border-radius: 12px;
background: rgba(255,255,255,0.10);
padding: 0.75em;
}
#header .inner
{
position: relative;
height: 5.5em;
background-image: -moz-linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9));
background-image: -webkit-linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9));
background-image: -o-linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9));
background-image: -ms-linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9));
background-image: linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9));
border-radius: 10px;
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 0px 0px 2px rgba(255,255,255,0.075), inset 0px 2px 1px 0px rgba(255,255,255,0.2);
text-shadow: -1px -1px 0 rgba(0,0,0,1);
}
#header h1
{
position: absolute;
left: 1.75em;
top: 50%;
margin-top: -0.65em;
font-size: 1.5em;
color: #fff;
}
/*********************************************************************************/
/* Nav */
/*********************************************************************************/
#nav
{
position: absolute;
right: 2em;
top: 0;
line-height: 5.5em;
}
#nav ul li
{
float: left;
padding: 0 0.8em 0 0.8em;
}
#nav ul li a
{
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-weight: 800;
font-size: 0.95em;
letter-spacing: 0.075em;
padding: 0.5em 0.8em 0.5em 0.8em;
border-radius: 6px;
outline: 0;
}
#nav ul li.active a,
#nav ul li.current_page_item a
{
background: rgba(0,0,0,0.15);
box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.025), 1px 1px 0px 0px rgba(255,255,255,0.025);
}
#nav ul li:last-child
{
padding-right: 0;
}
#nav > ul > li > ul
{
display: none;
}
.dropotron
{
position: relative;
background-image: -moz-linear-gradient(top, rgba(59,59,59,0.95), rgba(38,38,38,0.95));
background-image: -webkit-linear-gradient(top, rgba(59,59,59,0.95), rgba(38,38,38,0.95));
background-image: -o-linear-gradient(top, rgba(59,59,59,0.95), rgba(38,38,38,0.95));
background-image: -ms-linear-gradient(top, rgba(59,59,59,0.95), rgba(38,38,38,0.95));
background-image: linear-gradient(top, rgba(59,59,59,0.95), rgba(38,38,38,0.95));
border-radius: 10px;
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 0px 0px 2px rgba(255,255,255,0.075), inset 0px 2px 1px 0px rgba(255,255,255,0.2), 0px 4px 4px 0px rgba(0,0,0,0.5);
text-shadow: -1px -1px 0 rgba(0,0,0,1);
padding: 1.5em;
line-height: 2.5em;
min-width: 15em;
}
.dropotron-level-0
{
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-top: -2px;
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 0px 0px 2px rgba(255,255,255,0.075), 0px 4px 4px 0px rgba(0,0,0,0.5);
}
.dropotron a,
.dropotron span
{
color: #aaa;
text-decoration: none;
text-transform: uppercase;
font-weight: 800;
font-size: 0.8em;
letter-spacing: 0.075em;
outline: 0;
}
.dropotron li:hover > a,
.dropotron li:hover > span
{
color: #fff;
}
/*********************************************************************************/
/* Banner */
/*********************************************************************************/
#banner
{
width: 940px;
margin: 0 auto;
padding: 5em 0 0 0;
overflow: hidden;
}
#banner h2
{
}
#banner p
{
float: left;
text-align: right;
width: 60%;
line-height: 1.5em;
}
/*********************************************************************************/
/* Footer */
/*********************************************************************************/
#footer
{
}
/*********************************************************************************/
/* Main */
/*********************************************************************************/
#main
{
}