/*
Affinity: A responsive HTML5 website template by HTML5Templates.com
Released for free under the Creative Commons Attribution 3.0 license (html5templates.com/license)
Visit http://html5templates.com for more great templates or follow us on Twitter @HTML5T
*/
/*********************************************************************************/
/* Desktop (>= 480px) */
/*********************************************************************************/
/* Header */
#header-wrapper {
background: url(images/img07.png) no-repeat center top;
}
#header {
overflow: hidden;
min-height: 205px;
position: relative;
}
/* Logo */
#logo {
overflow: hidden;
padding: 30px 0 30px 0;
}
#logo h1 {
margin: 0;
}
#logo h1 a {
display: block;
letter-spacing: -1px;
text-align: center;
text-decoration: none;
text-shadow: -1px -1px 0px #AC531B;
text-transform: lowercase;
font-family: 'Allura', cursive;
font-size: 70pt;
font-weight: 200;
color: #FFFFFF;
}
/* Menu */
#menu-wrapper {
background: url(images/img06.png) top right repeat;
}
#menu {
height: 60px;
}
#menu ul {
text-align: center;
}
#menu li {
display: inline-block;
padding: 0px 20px;
line-height: 60px;
}
#menu a {
display: block;
float: left;
margin-right: 2px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Abel', sans-serif;
font-size: 13pt;
color: #FFFFFF;
}
#menu .current_page_item {
background: #00626B;
color: #FFFFFF;
box-shadow: inset 0px -2px 20px 0px rgba(0,0,0,0.2);
}
#menu .current_page_item a {
color: #FFFFFF;
}
#menu a:hover {
}
/* Page Wrapper */
#page-wrapper {
overflow: hidden;
padding: 30px 0px;
background: #FFFFFF;
}
/* Banner */
#banner {
overflow: hidden;
padding: 0px 30px 30px 30px;
}
#banner a img {
display: block;
width: 100%;
}
/* Content */
#content {
padding: 0px 0px 0px 30px;
}
.twocolumn2 #content {
padding: 0px 30px 0px 0px;
}
.onecolumn #content {
padding: 0px 30px;
}
#content section {
margin-bottom: 30px;
border-bottom: 1px solid #E6E6E6;
}
#content section:last-child {
border-bottom: 0;
}
.onecolumn #content section {
border-bottom: none;
}
#content h2 {
padding: 0px 0px 40px 0px;
letter-spacing: -2px;
text-transform: uppercase;
font-size: 30pt;
color: #2A2A2A;
}
#content img {
border: 10px solid #F3F3F3;
}
#content a img {
}
#content .post {
padding: 0px 0px 40px 0px;
}
#content .img-alignleft {
float: left;
margin-right: 40px;
}
/* Sidebar1 */
#sidebar1 {
padding: 0px 0px 0px 0px;
}
#sidebar1 section {
margin: 0px 0px 50px 0px;
}
#sidebar1 h2 {
height: 50px;
background: url(images/img01.png) repeat;
margin-bottom: 20px;
padding: 0px 0px 0px 20px;
line-height: 50px;
text-transform: uppercase;
font-size: 20pt;
color: #FFFFFF;
}
/* Sidebar2 */
#sidebar2 {
padding: 0px 30px 0px 0px;
}
.twocolumn2 #sidebar2 {
padding: 0px 0px 0px 30px;
}
#sidebar2 h2 {
height: 50px;
background: url(images/img10.png) no-repeat right top;
margin-bottom: 20px;
padding: 0px 0px 0px 20px;
line-height: 50px;
text-transform: uppercase;
font-size: 20pt;
color: #FFFFFF;
}
#sidebar2 .sbox1 {
margin-bottom: 50px;
}
#sidebar2 .sbox2 {
margin-bottom: 50px;
}
#sidebar2 .sbox3 {
}
/** Footer Column Content */
#footer-content {
overflow: hidden;
padding: 50px 0px 0px 0px;
text-shadow: 1px 1px 0px rgba(0,0,0, .3);
color: #F3F1EE;
}
#footer-content h2 {
padding: 0px 0px 40px 0px;
text-transform: uppercase;
font-size: 20pt;
color: #FFF;
}
#footer-content .imgleft {
float: left;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 30px;
border: 5px solid #FFFFFF;
}