html, body {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background: #242424 url(../images/bg1_01.jpg) repeat;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
}
h1, h2, h3, h4, h5 {
margin-top: 0px;
font-weight: normal;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
}
a, h2 a, h3 a, h4 a, h5 a {
text-decoration: none;
color: #141414;
}
a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
text-decoration: underline;
}
p, ol, ul {
margin-top: 0px;
}
p, ol {
line-height: 180%;
}
strong {
}
a {
color: #66AADB;
}
a img {
border: none;
}
img.border {
}
img.alignleft {
float: left;
}
img.alignright {
float: right;
}
img.aligncenter {
margin: 0px auto;
}
hr {
display: none;
}
/** WRAPPER */
#wrapper {
overflow: hidden;
background: url(../images/bg2_01.png) no-repeat center top;
}
.container {
width: 1180px;
margin: 0px auto;
}
.clearfix {
clear: both;
}
/** HEADER */
#header {
width: 1140px;
min-height: 220px;
padding: 0px 20px;
position: relative;
overflow: auto;
}
/** LOGO */
#logo {
float: left;
width: 420px;
height: 220px;
}
#logo h1 {
line-height: normal;
}
#logo h1 a {
display: block;
padding-top: 129px;
letter-spacing: -1px;
text-transform: uppercase;
font-size: 38px;
font-weight: normal;
color: #FFFFFF;
}
/** MENU */
#menu {
width: 680px;
float: right;
margin: 135px 0 0 0;
padding: 0;
}
#menu ul {
max-width: 680px;
float: right;
margin: 0px;
padding: 0px;
list-style: none;
line-height: 41px;
}
#menu li {
float: left;
margin: 0 0 15px 15px;
padding: 0;
line-height: 41px;
height: 41px;
border: 1px solid transparent;
}
#menu a {
display: block;
height: 41px;
padding: 0px 25px;
text-shadow: 1px 1px 1px #151515;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-weight: normal;
font-size: 17px;
color: #FFFFFF;
}
#menu li.active {
background: url(../images/homepage01.gif) repeat-x left top;
border: 1px #6EA5CB solid;
}
/** PAGE */
#page {
}
/** CONTENT */
#content {
float: left;
width: 775px;
}
.twocolumn2 #content {
float: right;
}
#wide-content {}
#wide-content .bg-darkgrey {
width: 1176px;
}
/** SIDEBAR */
#sidebar {
float: right;
width: 390px;
}
.twocolumn2 #sidebar {
float: left;
}
#sidebar h2 {
display: block;
float: left;
height: 41px;
margin: 0px;
padding: 0px 0px 15px 0px;
letter-spacing: -1px;
text-shadow: 1px 1px 1px #0E0E0E;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-weight: normal;
font-size: 24px;
color: #FFFFFF;
}
/** FOOTER */
#footer {
height: 190px;
}
#footer p {
margin: 0px;
padding: 30px 0px 0px 0px;
text-align: center;
font-size: 16px;
color: #5D5D5D;
}
#footer a {
color: #5D5D5D;
}
.box1-style .bg-lightgrey {
background: url(../images/bg1_03.gif) repeat;
border: 1px #393939 solid;
}
.box1-style .bg-darkgrey {
background: url(../images/bg1_02.gif) repeat-x left top;
border: 1px #000000 solid;
}
.box2-style {
overflow: hidden;
clear: both;
margin-bottom: 15px;
}
.box2-style .bg-lightgrey {
background: url(../images/bg1_03.gif) repeat;
border: 1px #393939 solid;
}
.box2-style .bg-darkgrey {
overflow: hidden;
width: 771px;
background: url(../images/bg1_04.gif) repeat-x left top;
border: 1px #000000 solid;
}
.box3-style {
overflow: hidden;
width: 386px;
margin-bottom: 15px;
}
.box3-style .bgtop {
overflow: hidden;
height: 2px;
background: url(../images/bg2_02.png) no-repeat left top;
}
.box3-style .bgbtm {
height: 2px;
background: url(../images/bg2_05.png) no-repeat left top;
}
.box3-style .bg {
background: url(../images/bg2_04.png) repeat-y left top;
}
.box3-style .content {
overflow: hidden;
background: url(../images/bg2_03.png) no-repeat left top;
padding: 30px 20px 20px 20px;
}
#featured {
margin-bottom: 15px;
}
#featured .bg-lightgrey {
}
#featured .bg-darkgrey {
padding: 17px;
}
#featured .main-image {
overflow: hidden;
position: relative;
width: 1140px;
height: 245px;
border: 1px solid #FFFFFF;
}
#featured .main-image .caption {
position: absolute;
top: 0px;
right: 0px;
width: 310px;
height: 245px;
padding: 60px 30px 0px 30px;
background: url(../images/pics06.png) no-repeat left top;
}
#featured .main-image .caption h2 {
margin: 0px;
padding: 0px 0px 10px 0px;
line-height: 32px;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 28px;
font-weight: normal;
color: #FFFFFF;
}
#featured .main-image .caption p {
line-height: normal;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 23px;
font-weight: normal;
color: #C4C4C4;
}
#featured .other-images {
width: 1142px;
overflow: hidden;
margin: 0px;
padding: 13px 0px 0px 0px;
list-style: none;
}
#featured .other-images li {
position: relative;
float: left;
width: 370px;
height: 240px;
margin: 0px 0px 0px 13px;
padding: 0px;
border: 1px solid #FFFFFF;
}
#featured .other-images li.first {
margin-left: 0px;
}
#featured .other-images li.last {
}
#featured .other-images .caption {
position: absolute;
left: 0px;
bottom: 0px;
width: 330px;
height: 65px;
padding: 15px 20px 0px 20px;
background: url(../images/pics05.png) no-repeat left top;
}
#featured .other-images .caption h3 {
margin: 0px;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 18px;
font-weight: normal;
color: #FFFFFF;
}
#featured .other-images .caption p {
line-height: normal;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 18px;
font-weight: normal;
color: #C4C4C4;
}
#featured .other-images img {
display: block;
}
#featured .main-image .caption h2 a, #featured .other-images .caption h3 a {
color: #FFF;
}
/* Post */
.post {
overflow: hidden;
margin-bottom: 20px;
padding: 30px 0px;
}
.post .date {
float: left;
width: 62px;
height: 60px;
margin-top: 3px;
margin-right: 20px;
padding: 4px 0px 0px 0px;
background: url(../images/homepage02.gif) no-repeat left top;
line-height: normal;
text-transform: uppercase;
text-align: center;
text-shadow: 1px 1px 1px #223A4B;
font-family: 'Oswald', sans-serif;
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
}
.post .date b {
margin: 0px;
padding: 0px;
display: block;
margin-top: -9px;
font-size: 32px;
color: #FFFFFF;
}
.post .title {
}
.post h2 {
margin: 0px;
padding: 0px;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 32px;
font-weight: normal;
color: #141414;
}
.post h2 a {
color: #141414;
}
.post .byline {
margin: -12px 0px 0px 0px;
padding: 0px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 25px;
height: 35px;
line-height: 35px;
color: #484848;
}
.post .imageborder {
margin-bottom: 20px;
border: 1px #FFFFFF solid;
}
.post .imageborder2 {
float: left;
margin-top: 7px;
margin-right: 30px;
border: 1px #FFFFFF solid;
}
.post .meta {
margin: 40px 0 10px 20px;
padding: 0;
line-height:normal;
text-transform: uppercase;
color: #434343;
}
.post .meta .readmore {
display: inline-block;
height: 43px;
margin-right: 10px;
background: url(../images/homepage03.gif) repeat-x left top;
}
.post .meta .comments {
display: inline-block;
height: 43px;
margin-right: 10px;
background: url(../images/homepage04.gif) repeat-x left top;
}
.post .meta a {
display: block;
padding: 0px 25px;
line-height: 43px;
text-shadow: 1px 1px 1px #263E4E;
font-family: 'Oswald', sans-serif;
font-size: 15px;
color: #FFFFFF;
}
.post .entry {
padding: 10px 18px 0px 17px;
text-shadow: 1px 1px 1px #FFFFFF;
}
ul.style1 {
clear: both;
margin: 0px;
padding: 0px;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
color: #A5A5A5;
}
ul.style1 li {
background: url(../images/homepage10.gif) repeat-x left top;
padding: 20px 0px 10px 0px;
line-height: 0;
}
ul.style1 a {
color: #A5A5A5;
}
ul.style1 img {
float: left;
margin-right: 25px;
border: 1px solid #393939;
}
ul.style1 .first {
background: none;
}
ul.style2 {
clear: both;
margin: 0px;
padding: 0px;
list-style: none;
color: #A5A5A5;
}
ul.style2 li {
background: url(../images/homepage10.gif) repeat-x left top;
padding: 20px 0px 15px 0px;
line-height: normal;
}
ul.style2 a {
color: #66AADB;
}
ul.style2 .first {
background: none;
}
ul.style3 {
overflow: hidden;
clear: both;
margin: 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
ul.style3 li {
float: left;
line-height: 0;
padding: 0px 7px 7px 0px;
}
ul.style3 .nopad {
padding-right: 0px;
}
.link-style1 {
display: inline-block;
margin-top: 20px;
padding: 0px 25px;
background: url(../images/homepage03.gif) repeat-x left top;
line-height: 43px;
text-shadow: 1px 1px 1px #263E4E;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 15px;
color: #FFFFFF;
}
.link-style2 {
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #A5A5A5;
}
.link-style2 a {
display: inline-block;
height: 31px;
padding-right: 45px;
background: url(../images/homepage19.jpg) no-repeat right top;
color: #66AADB;
}