/*
Theme Name: Maplewood Studio
Theme URI: http://www.maplewoodstudio.com
Description: Maplewood Studio
Version: 1.0
Author: Dan Davies
Author URI: http://www.darfuria.com
*/

* {margin: 0px; padding: 0px; text-decoration: none; border: none;}

.cboth {clear: both;}

body {background: url(images/background_body.jpg) no-repeat 46% 68px #000000; font-family: Arial, sans-serif; color: #FFFFFF; font-size: 14px;}

body {padding-bottom: 500px;}

#topbar {width: 100%; height: 40px; background-color: #121b21;}

#holder {width: 960px; margin: 0px auto;}

#header {position: relative; height: 150px; margin-bottom: 20px;}
#header .logo {width: 236px; height: 90px; background: url(images/logo_maplewood.jpg) no-repeat; cursor: pointer; position: absolute; left: 0px; top: -15px;}
#header .broadcasting {height: 27px; font-size: 19px; padding: 0px 20px; line-height: 27px; -moz-border-radius: 4px; position: absolute; top: -10px; right: 0px; background-color: #6a6a6a;}
#header .phone {text-transform: lowercase; font-size: 24px; color: #6a7378; position: absolute; top: 45px; right: 0px;}
#header .phone a {color: #6a7378;}
#header .phone a:hover {color: #bf1e2e;}
#header .navigation {position: absolute; top: 130px; left: 0px; text-align: center; width: 100%;}
#header .navigation ul {list-style: none;}
#header .navigation ul > li {display: inline; font-size: 17px; margin-right: 14px; padding-right: 14px; border-right: 1px solid #bf1e2e; text-transform: lowercase;}
#header .navigation ul > li:last-child {margin-right: 0px; padding-right: 0px; border-right: none;}
#header .navigation a {color: #FFFFFF;}
#header .navigation a:hover {color: #bf1e2e;}

#hero {width: 960px; height: 325px; margin-bottom: 10px; background: url(images/hero_amp.png) no-repeat top right;}
#hero p {font-size: 52px; line-height: 60px; width: 560px; text-transform: lowercase; padding-left: 25px; padding-top: 100px;}
#hero span {color: #bf1e2e;}

#pagehero {width: 960px; height: 144px; margin-bottom: 10px; position: relative; margin-bottom: 35px;}
#pagehero img {position: absolute; top: 0px; left: 0px; z-index: 50;}
#pagehero h1 {position: absolute; left: 25px; top: 45px; z-index: 100; font-size: 52px; line-height: 60px; width: 560px; text-transform: lowercase; font-weight: normal;}
#pagehero.gallery {background: url(images/hero_news.png) no-repeat;}

#newshero {width: 960px; height: 144px; margin-bottom: 10px; position: relative; margin-bottom: 35px; background: url(images/hero_news.png) no-repeat top right;}
#newshero h1 {position: absolute; left: 25px; top: 45px; z-index: 100; font-size: 52px; line-height: 60px; width: 560px; text-transform: lowercase; font-weight: normal;}

#content {}

#content .topboxes {width: 960px; height: 274px; background: url(images/background_topboxes.jpg) no-repeat; position: relative;}
#content .topboxes h2 {font-size: 28px; font-weight: normal; text-transform: lowercase; color: #bf1e2e; margin-bottom: 30px;}
#content .topboxes p {margin-top: 25px; line-height: 20px; width: 80%;}
#content .topboxes .left {width: 315px; height: 274px; position: absolute; left: 0px; top: 0px; padding: 30px 30px 0px 30px;}
#content .topboxes .middle {width: 315px; height: 274px; position: absolute; left: 315px; top: 0px; padding: 30px 30px 0px 30px;}
#content .topboxes .right {width: 315px; height: 274px; position: absolute; left: 640px; top: 0px; padding: 30px 30px 0px 30px;}

#content .bottomboxes {width: 960px; height: 340px; background-color: rgba(16,25,30,0.2); position: relative;}
#content .bottomboxes h2 {font-size: 20px; font-weight: normal; text-transform: lowercase; color: #bf1e2e; margin-bottom: 30px;}
#content .bottomboxes p {margin-top: 25px; line-height: 20px; width: 80%; margin-bottom: 15px;}
#content .bottomboxes .left {width: 315px; height: 209px; position: absolute; left: 0px; top: 0px; padding: 30px 30px 0px 30px;}
#content .bottomboxes .middle {width: 315px; height: 209px; position: absolute; left: 315px; top: 0px; padding: 30px 30px 0px 30px;}
#content .bottomboxes .right {width: 315px; height: 209px; position: absolute; left: 640px; top: 0px; padding: 30px 30px 0px 30px;}
#content .bottomboxes a {color: #bf1e2e;}
#content .bottomboxes a:hover {text-decoration: underline;}

#content .topboxes .left,
#content .topboxes .middle,
#content .topboxes .right,
#content .bottomboxes .left,
#content .bottomboxes .middle {cursor: pointer;}

#page {background-color: rgba(16,25,30,0.2);}
#page .post p {line-height: 160%; margin-bottom: 15px;}
#page .post li {line-height: 160%; margin-bottom: 4px;}
#page .post ul {margin-bottom: 15px; margin-left: 15px;}
#page .post h2 {color: #BF1E2E; font-weight: normal; margin-bottom: 15px; font-size: 22px;}
#page .post h3 {color: #BF1E2E; font-weight: normal; margin-bottom: 15px; font-size: 20px;}
#page .post h4 {color: #BF1E2E; font-weight: normal; margin-bottom: 15px; font-size: 18px;}
#page .post a {color: #BF1E2E;}
#page .post a:hover {text-decoration: underline;}

#page .review {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #FFFFFF;}

#page .fullwidth {padding: 0px 19px 0px 9px;}

#page #page_left {width: 620px; margin-left: 28px; float: left;}

#page #page_right {width: 248px; float: left; margin-left: 22px;}
#page #page_right h2 {color: #BF1E2E; font-weight: normal; margin-bottom: 15px; font-size: 22px; text-transform: lowercase;}
#page #page_right h3 {color: #FFFFFF; font-weight: normal; margin-bottom: 10px; font-size: 18px; text-transform: lowercase;}
#page #page_right ul {list-style: none;}
#page #page_right li {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #FFFFFF;}
#page #page_right p {margin-bottom: 10px; line-height: 160%;}
#page #page_right a {color: #BF1E2E; text-decoration: none;}
#page #page_right a:hover {text-decoration: underline;}
#page #page_right ul.archive a {color: #FFFFFF;}

#footer {margin-top: -108px; position: relative; z-index: 999; font-size: 13px;}

#footer .navigation {margin-bottom: 45px;}
#footer .navigation ul {list-style: none; text-align: center;}
#footer .navigation li {display: inline; margin-right: 15px; padding-right: 15px; border-right: 1px solid #371118;}
#footer .navigation li:last-child {margin-right: 0px; padding-right: 0px; border-right: none;}
#footer .navigation a {color: #87898b;}
#footer .navigation a:hover {color: #bf1e2e;}

#footer .copyright {text-align: center; color: #87898b; font-size: 12px;}
#footer .copyright a {color: #87898b;}
#footer .copyright a:hover {color: #bf1e2e;}