/* Theme Name: Metromedia Energy Theme URI: http://www.mmenergy.com Description: Website for Metromedia Energy Author: Graphic D-Signs Author URI: http://graphicd-signs.com Version: 2.0 . This theme can be used for commercial or non-commercial use so long as it is not redistributed or resold in any way. . */ @import url(css/reset.css); /*-----------------------------------*/ /* Basic Styles /*-----------------------------------*/ p { margin: 0 0 15px 0; } h2 { font-size: 19px; font-weight: 700; color: #621815; margin: 0 0 30px 0 ; } h3 { font-size: 15px; font-weight: 700; margin: 0 0 8px 0; } h4 { } h5 { } h6 { } strong { font-weight: 700; } a { text-decoration: none; color: #621815; font-weight: 700; } a:hover { color: #011e3b; } ul { margin: 0 0 15px 15px; } li { list-style: disc; } .clear { clear: both; } .alignleft { float: left; margin: 0 15px 15px 0;} .alignright { float: right; margin: 0 0 15px 15px; } .left { float: left; } .right { float: right; } body { background: #043564; font-family: "mic-32-new-web",sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; color: #031325; } #top { background: url(images/bg.jpg) repeat-x; } #container { width: 975px; height: auto; margin: 0 auto; } #content { width: 975px; background: #eac7a4; margin: 0 0 45px 0; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; } /*-----------------------------------*/ /* Header Styles /*-----------------------------------*/ #headerwrap { width: 1030px; height: 155px; margin: 0 auto; background: url(images/header.jpg) no-repeat; } .page-template-default #headerwrap { width: 1030px; height: 155px; margin: 0 auto; background: url(images/headerinner.jpg) no-repeat; } header { position: relative; width: 975px; margin: 0 auto; } .logo { position: absolute; left: 40.1%; top: 0; z-index: 1px; } nav { width: 975px; } nav ul { width: 370px; margin: 123px 0 0 0; } nav ul.navleft { float: left; } nav ul.navright { float: right; width: 365px; } nav li { font-family: "league-gothic",sans-serif; float: left; list-style: none; font-weight: 400; height: 30px; } nav li a span { color: #412c0a; padding: 0 11px; font-size: 23px; text-transform: uppercase; text-decoration: none; text-shadow: .5px .5px .5px #f5e287; font-weight: 400; letter-spacing: 1px; } /* Styles for drop downs */ nav ul li ul { width: 213px; display: none; position: absolute; padding: 0; margin: 0; z-index: 100000000000; top: 153px; float: left; } nav ul li:hover > ul { display: block; width: 213px; } nav ul li ul li { font-size: 16px; height: 30px; display: block; text-align: left; float: none; width: 213px !important; padding: 10px 0 0 0; margin: 0; background: #557ba1; } nav ul li ul li a span { width: 196px !important; color: #011d3a; margin: 0; text-transform: none; text-shadow: none; height: 30px; display: block; padding: 0 0 0 25px; background: url(images/hr.jpg) 20px 25px no-repeat; } nav li a:hover span { color: #011e3b ; } nav ul li ul li a:hover span { color: #85a9cd; } #headerwrap header nav ul.navleft li ul li.drop { width: 213px; height: 43px; display: block; background: url(images/dropbot.png) no-repeat; } /*-----------------------------------*/ /* Main Styles /*-----------------------------------*/ #slider { height: 343px; margin: 0 auto; } .theme-default .nivoSlider { box-shadow: none !important; z-index: 0; } section#slider div div.slider-main div.slide-wrapper { background: none; } #boxes { width: 975px; height: 227px; margin: 0 0 45px 0; } #boxes aside.box { float: left; text-align: center; display: block; } #boxes aside.box.one a { width: 195px; height: 227px; background: url(images/box1.jpg) no-repeat; display: block; } #boxes aside.box.two a { width: 195px; height: 227px; background: url(images/box2.jpg) no-repeat; display: block; } #boxes aside.box.three a { width: 195px; height: 227px; background: url(images/box3.jpg) no-repeat; display: block; } #boxes aside.box.four a { width: 195px; height: 227px;background: url(images/box4.jpg) no-repeat; display: block; } #boxes aside.box.five a { width: 195px; height: 227px; background: url(images/box5.jpg) no-repeat; display: block; } #boxes aside.box p { padding: 160px 38px 0; text-align: center; line-height: 17px; color: #f5f2f2; font-weight: 400; font-size: 13px; } /*-----------------------------------*/ /* Inner Styles /*-----------------------------------*/ #banner { width: 975px; height: 234px; margin: 0 auto; } aside#left { float: left; width: 310px; } aside#left article aside#sidebartop { background: url(images/sidebartop.jpg) no-repeat; height: 30px; padding: 90px 0 0 0; } aside#left article aside#sidebartop a { padding: 0 0 0 63px; color: #82a6c8; } aside#left article aside#sidebar { background: url(images/sidebar.jpg) repeat-y; padding: 8px 0 20px 0; } aside#left article aside#sidebar ul { margin: 0 0 0 32px; } aside#left article aside#sidebar li { background: url(images/sidebarbullet.png) 0px 4px no-repeat; padding: 8px 0 8px 30px; list-style: none; } aside#left article aside#sidebar li a { color: #031325; } aside#left article aside#sidebar li a:hover { color: #621815; } aside#left article aside#sidebarbot { background: url(images/sidebarbot.jpg) no-repeat; height: 202px; display: block; margin: 0 0 20px 0; } aside#right { float: right; width: 620px; padding: 25px 45px 50px 0; } /*-----------------------------------*/ /* Toggle Styles /*-----------------------------------*/ section#container section#content aside#right article h5.toggle { background: url(images/plus.jpg) 7px 7px no-repeat #cd975c; } section#container section#content aside#right article h5.toggle a { background: none; color: #621815; } section#container section#content aside#right article div.toggle-content div.block { background: #EAC7A4; padding: 0; } section#container section#content aside#right article h5.toggle.active { background: url(images/min.jpg) 7px 7px no-repeat #cd975c; } aside#right article div.toggle-content div.block div { padding: 40px 25px 0px 30px; margin: 0 0 110px 0; min-height: 260px; } aside#right article div.toggle-content div.block div p { margin: 0;} div.toggle-content div.block p img { padding: 0 0 0 0; } div.toggle-content div.block p img.alignleft { margin: 27px 45px 0 10px; clear: both; } /*-----------------------------------*/ /* Toggle Styles: Classics /*-----------------------------------*/ aside#right article div.toggle-content div.block div.coke { background: url(images/toggles/classics/cola-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.dietcoke { background: url(images/toggles/classics/dietcola-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.root { background: url(images/toggles/classics/root-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.ginger { background: url(images/toggles/classics/ginger-bg.jpg) no-repeat; } .long { padding: 0 0 65px 0 !important; } aside#right article div.toggle-content div.block div.dietginger { background: url(images/toggles/classics/dietginger-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.vanillacream { background: url(images/toggles/classics/vanillacream-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.lemonup { background: url(images/toggles/classics/lemonup-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.icedtea { background: url(images/toggles/juice/icedtea-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.seltzer { background: url(images/toggles/classics/seltzer-bg.jpg) no-repeat; } /*-----------------------------------*/ /* Toggle Styles: Novelty /*-----------------------------------*/ aside#right article div.toggle-content div.block div.cottoncandy { background: url(images/toggles/novelty/cottoncandy-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.candyapple { background: url(images/toggles/novelty/candyapple-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.mtnchill { background: url(images/toggles/novelty/mtnchill-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.redpop { background: url(images/toggles/novelty/redpop-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.greenapple { background: url(images/toggles/fruit/greenapple-bg.jpg) no-repeat; } /*-----------------------------------*/ /* Toggle Styles: Tropical /*-----------------------------------*/ aside#right article div.toggle-content div.block div.banana { background: url(images/toggles/tropical/banana-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.colachamp { background: url(images/toggles/tropical/colachamp.jpg) no-repeat; } aside#right article div.toggle-content div.block div.mango { background: url(images/toggles/tropical/mango-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.troppunch { background: url(images/toggles/tropical/troppunch-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.pineapple { background: url(images/toggles/juice/pineapple-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.orangepineapple { background: url(images/toggles/juice/orgpineapple-bg.jpg) no-repeat; } /*-----------------------------------*/ /* Toggle Styles: Juice /*-----------------------------------*/ aside#right article div.toggle-content div.block div.apple { background: url(images/toggles/juice/apple16-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.blueraz { background: url(images/toggles/fruit/blueraz-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.lemontea { background: url(images/toggles/juice/lemontea16-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.sweettea { background: url(images/toggles/juice/sweattea-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.greentea { background: url(images/toggles/juice/greentea-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.mango { background: url(images/toggles/juice/mango-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.citruspunch { background: url(images/toggles/juice/citruspunch-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.fruitpunch { background: url(images/toggles/juice/fruitpunch16-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.grape { background: url(images/toggles/juice/grape-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.watermelon { background: url(images/toggles/juice/watermelon-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.orange { background: url(images/toggles/fruit/orange-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.strawkiwi { background: url(images/toggles/juice/strawkiwi-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.mangojuice { background: url(images/toggles/tropical/mango-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.orgpine { background: url(images/toggles/tropical/orgpine-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.orange16 { background: url(images/toggles/fruit/orange16-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.grape16 { background: url(images/toggles/juice/grape16-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.watermelon16 { background: url(images/toggles/fruit/watermelon-bg.jpg) no-repeat; } /*-----------------------------------*/ /* Toggle Styles: Fruit /*-----------------------------------*/ aside#right article div.toggle-content div.block div.strawberry { background: url(images/toggles/fruit/straw-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.lemonade { background: url(images/toggles/fruit/lemonade-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.peach { background: url(images/toggles/fruit/peach-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.fruitpunch2 { background: url(images/toggles/fruit/fruitpunch-bg.jpg) no-repeat; } aside#right article div.toggle-content div.block div.blackcherry { background: url(images/toggles/fruit/blackcherry-bg.jpg) no-repeat; } /*-----------------------------------*/ /* Form Styles /*-----------------------------------*/ section#top section#container section#content aside#right article div#wpcf7-f5-p31-o1.wpcf7 form.wpcf7-form p span.wpcf7-form-control-wrap input.wpcf7-form-control { height: 20px; } /*-----------------------------------*/ /* Footer Styles /*-----------------------------------*/ #footerwrap { width: 1030px; height: 393px; margin: 0 auto; background: url(images/footer.jpg) no-repeat; } footer { width: 975px; margin: 0 auto; } footer article#footertop { height: 202px; } footer article#footertop ul { width: 273px; float: left; margin: 90px 0 0 65px; } footer article#footertop li { list-style: none; } footer article#footertop img { width: 334px; float: left; } footer article#footertop a.facebook { float: left; padding: 116px 0 0 41px; color: #FFF; font-weight: 700; font-size: 12px; } footer article#footerbot { padding: 54px 150px 0 150px; } footer article#footerbot ul { text-align: center; margin: 0 0 60px 0; } footer article#footerbot li { float: left; font-family: "league-gothic",sans-serif; list-style: none; } footer article#footerbot li a span { color: #a74f20; padding: 0 16px; font-size: 22px; font-weight: 400; } footer article#footerbot li a:hover span { color: #412c0a; } footer article#footerbot p { text-align: center; color: #a69fa0; } article#footerbot p a { color: #a69fa0; } article#footerbot p a:hover { color: #621815; }