header {
text-align:center;
margin-bottom:5em;
padding:0 1em;
}
header h1 {
color:#CC2038;
font-size: 60px;
font-family: "Lusitana", serif;
font-weight: 400;
letter-spacing: 0%;
padding-bottom:0;
margin-bottom:0;
}
header small {
font-size: 30px;
font-family: Ms Madi, serif;
font-weight: 400;
letter-spacing: 0%;
}

body {
font-size: 18px;
font-family: Khula;
margin:0;
padding:0;
}

body#index h2 {
font-size: 20px;
font-family: Khula;
font-weight: 800;
letter-spacing: 0%;
color:#A94399;
}

body#index h3 {
font-size: 16px;
font-family: Khula;
font-weight: 800;
color:#A94399;
margin-top:0;
margin-bottom:0;
}

body#index article.summary {
	padding:0.5em 1em;
	background-color:#F0F0F0;
}
body#index main {
margin:0 auto;
width:100%;
max-width:1080px;
}
body#index main aside.resources {
}

body#index main aside {
width:100%;
max-width:540px;
float:left;
margin-top:2em;
}

a {
color:#365F91;
text-decoration:none;
}
body#index main aside a {
}
body#index main aside a:hover {
text-decoration:underline;
}

body#index main aside div.resource {
padding:0 1em;
}

main form {
    display: block;
    margin: 0;
    padding: 1em;
	background:#F0F0F0;
}


main form fieldset {
    width: auto;
    border: none;
    padding: 0 0 10px;
    margin: 0 0 10px;
}

main form label {
color:#365F91;
    display: inline-block;
	font-weight:300;
    cursor: pointer;
    text-align: left;
    margin: 10px 0 0;
	font-size:0.8em;
	line-height:1em;
}

main form input[type=email] {
    display: block;
    padding: 2px 5px;
    width: 94%;
    height: 30px;
    line-height: 35px;
}

main form textarea {
    display: block;
    width: 97%;
    height: 120px;
    margin: 0;
}

main form input[type=email], textarea {
background-color:#E9E9E9;
border:1px solid #365F91;
}


main form [type=submit] {
    display: block;
    width: 120px;
    height: 30px;
    margin: 0;
	font-size:0.8em;
background-color:#365F91;
color:#fff;
border:1px solid #e8e8e8;
cursor:pointer;
}

body.template7.childof9 main  {
	margin:0 auto;
	width:90%;
}

body.template7.childof9 main code {
	white-space:pre;
	background:#f0f0f0;
	border:1px solid #e8e8e8;
	display:block;
	padding:0.5em 1em;
}

#code-snippets code {
font-size:0.8em;
overflow:hidden;
}

.snippet-tile {
  display: inline-block;
  width: 300px;
  margin: 1rem;
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
  transition: 0.2s;
}

body.has-sidebar header + main {
    float: right;
	width:100%;
    max-width: calc(100% - 400px);
}

body header + main + aside {
    float: left;
    width: 400px;
    background: #e8e8e8;
    height: 1200px;
}

body#not-found.childof0 main {
	text-align:center;
}

body#not-found main ul {
	list-style-type:none;
}