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; }