/*
---------------------------------------------
Style: Petro Innovation
Description: Main stylesheet for petroinnovation.net.
Author: Visual Elixir
Author URI: http://www.visualelixir.com
Copyright: Visual Elixir, All Rights Reserved
--------------------------------------------- */

/* Global
--------------------------------------------- */
body {font:62.5% Georgia, "Times New Roman", serif; margin:0; color:#000; background:#ecf4e9 url(../images/pi_main_bkg.png) repeat-x;}
img {border-style:none;}
ul,li {margin:0; padding:0; list-style-type:none;}

/* Typography
--------------------------------------------- */
a,a:link,a:active,a:visited {color:#1194ca; font-weight:bold; text-decoration:none;}
a:hover {color:#24a689; text-decoration:none;}
p {font-size:1.2em; margin:0 0 1.4em 0; line-height:1.6em;}
blockquote {margin:0; padding:0 0 0 30px; background: url(../images/open_quote.png) no-repeat 0 6px;}
blockquote p {margin:0; padding:0 30px 0 0; font-size:2em; font-weight:bold; background: url(../images/close_quote.png) no-repeat bottom right; display:inline;}
#footer {color:#ecf4e9; font-size:1.1em;}

.itc {font-style:italic;}
.strong {font-weight:bold;}
.ghost {display:none;}

h1, h2, h3, h4, h5 {color:#000; font-weight:bold;}
#logo h1 {margin:0; padding:0;}
h1 {font-size:3em; margin:0 0 0.6em 0;}
h2 {font-size:2.8em; margin:0 0 0.6em 0;}
h3 {font-size:1.8em; margin:0 0 0.8em 0;}
h4 {font-size:1.4em; margin:0 0 0.8em 0;}
h5 {font-size:1.2em; margin:0 0 0.8em 0;}

/* Navigation
--------------------------------------------- */
#top-nav {float:left; width:350px; margin:0; background:url(../images/topnav_bkg.png) bottom right no-repeat;}
ul#nav {margin:0; padding:76px 0 0 16px; list-style:none; font-size:1.4em;}
ul#nav li {float:left; margin:0; padding:0; list-style:none;}
#top-nav ul#nav li a {float:left; margin:0; padding:12px 12px 10px 12px; text-decoration:none; color:#000;}
#top-nav ul#nav li a:hover, #top-nav ul#nav li a:active {color:#106e7b;}

ul.sidenav {margin:0; padding:0; list-style:none;}
ul.sidenav li {margin:0; list-style:none; font-size:1.2em; font-weight:bold; border-bottom:1px solid #1e3f4c; display:block;}
ul.sidenav li a {color:#d9e8ce; padding:0.8em 0 0.8em 0; display:block;}
ul.sidenav li a:hover, ul#nav li a:active {color:#6bb5be;}

/* Layout
--------------------------------------------- */
#container {margin:0; padding:0;}

#header {margin:0; padding:0; background:#0f1b20 url(../images/pi_top_bkg.png) bottom repeat-x;}
.header-content {width:900px; margin:0 auto; padding:0; text-align:left;}
#top-left {float:left; width:550px; margin:0; padding:0;}
#top-right {float:left; width:350px; margin:0; padding:0;}
#logo a {margin:0; padding:0; text-indent:-9999px; display:block; width:268px; height:94px; background:url(../images/pi_logo.png) no-repeat; overflow:hidden;}

.col2-left {float:left; width:550px; margin:0; padding:0;}
.col2-right {float:left; width:350px; margin:0; padding:0;}

#main {margin:0; padding:0;}
.main-content {width:900px; margin:0 auto; padding:0; text-align:left;}

.feature-image {margin:10px 0 0 0; padding:0;}
.left-entry {width:460px; margin:10px 0 0 0; padding:30px; background:#fff; border:10px solid #fff;}
.left-entry ul {margin:0; padding:0.8em 0 0 0;}
.left-entry li {margin:0; padding:0 0 1em 1.8em; font-size:1.2em; line-height:1.6em; background:transparent url(../images/arrow_light.png) 0 0.3em no-repeat;}

.sidebar-dark {margin:10px 0 0 0; padding:30px; background:#122b35;}
.sidebar-light {margin:10px 0 0 0; padding:30px; background:#d7e3d2 url(../images/sb_light_bkg.png) 0 100% no-repeat;}
.sidebar-light ul {margin:0; padding:0;}
.sidebar-light li {margin:0; padding:0 0 1em 1.8em; font-size:1.2em; line-height:1.6em; background:transparent url(../images/arrow_dark.png) 0 0.15em no-repeat;}

#footer {width:460px; margin:10px 0 0 0; padding:20px 40px 20px 40px; background:#122b35 url(../images/footer_bkg.png) 0 100% no-repeat;}
#velixir {width:460px; margin:10px 0 0 0; padding:0 40px 10px 40px; text-align:right;}

/* Forms
--------------------------------------------- */
fieldset {border:0; margin:0; padding:0;}
legend {display:none;}
.zemContactForm {font-size:1.2em;}
.zemError li {font-size:1em; color:#d3601a; font-weight:normal;}
.zemText {margin:0.4em 0 1.4em 0; padding:0; width:280px;}
.zemTextarea {margin:0.4em 0 1.4em 0; padding:0; width:450px;}

/* Clear
--------------------------------------------- */
.clr:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clr {display:inline-block;}

/* Hide from IE Mac \*/
.clr {display:block;}
* html .clr {height: 1%;}
/* End hide from IE Mac */

/* The End */