/*
Theme Name: Pioneer Drilling 2009
Theme URI: http://www.almostanything.com.au
Description: Default 2009 Theme for Pioneer Drilling's Site
Version: 1.0
Author: Almost Anything Web and Graphic Design
Author URI: http://www.almostanything.com.au
*/

/*
 * COLOURS
 * Headding Yellow		:	ffaa17
 * Border Yellow		:	f8c301
 * Darker BG grey/brown	:	333229
 * Lighter BG grey/brown:	35342b
 * Subheadding orange	:	f46127
 * White				: 	fff
 * Black				:	000
 * 
 * There are more colours.. but thats basically all the ones needed that arent in images :)
 *
 * LAST EDIT
 * by		:	Michael
 * date		:	2 Sep 08
 * what		:	Initial Clone of the theme to start skinning the site!
 * 
 * CONTENTS
 * 1.Header and Body
 * 2.Main Content
 * 3.Forms and image gallery changes
 *	a Forms
 *	b Gallery
 * 3.Footer
 * 4.Forms
 * 5.Navigation
 * 6.News
 */

/*
 * 1.Header and Body
 */
body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
	background:#333229 url(images/bg_tile.png) 4px 4px repeat;
	color:#fff;
}
#header {
    background: url(images/masthead.jpg) top left no-repeat;
    width: 986px;
    height: 276px;
}
#header div {
    float: right;
    color: #ccc;
    font: italic bold 1em / 80px sans-serif;
}
#header h1 {
	visibility:hidden;
}
#flash_masthead {
	left:0;
	position:absolute;
	top:150px;	
}
#search {
    display: inline;
}
#description {
    display: inline;
    margin-right: 1em;
}
.widthlimiter {
    width: 986px;
    margin: 0 auto;
	position:relative;
	padding:112px 0 0;
}
.pagecontainer {
	background:url(images/content_bg.png) center repeat-y;
	margin-bottom:1px;
}
#menu {
    width: 100%;
    height: 33px;
	position:absolute;
	top:79px;
	left:0;
}
#pioneer_logo {
	background:url(images/logo_bottom.jpg) -2px 15px no-repeat;
	height:211px;
	left:27px;
	position:absolute;
	top:373px;
	width:197px;

}
#content img{
	padding:4px;
	border: 1px solid #F8C301;
	background:#333229;
}
/*
 * 2.Main Content
 */
#content{
    font: normal 0.9em/1.2em sans-serif;
	padding:0 1%;
	padding-bottom:40px;
	margin:13px 0 0 0;
	clear:both;
	padding-left:265px;
	padding-right:40px;
	position:relative;
	overflow:hidden;
	min-height:160px;
	background:transparent url(images/containerCorners.png) bottom left no-repeat;
}

#downloadbrochure {
	background:transparent url(images/downloadbrochureBg.png) top left repeat;
	position:absolute;
	top:105px;
	left:10px;
	width:194px;
	padding:20px 10px;
}

#downloadbrochure img {
	padding:0;
}

#downloadbrochure h2 {
	margin:0 0 15px 0;
	padding:3px 15px;
	color:#fff;
	font-size:23px;
	line-height:26px;
	text-align:center;
	background:transparent url(images/downloadbrochureBg.png) top left repeat;
	border:1px solid transparent;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}

#downloadbrochure h2 span {
	font-size:36px;
	color:#fba717;
}

.homepagebox {
	width:190px;
	float:left;
	border:1px solid #990f0b;
	background:#5a0807 url(images/homeBoxBg.png) top right repeat-y;
	padding:10px;
	margin:0 15px 15px 0;
	height:300px;
}

#exploration {
	height:130px;
}

#boredpiers {
	height:133px;
}

.homepagebox h2 {
	color:#f46127;
	font-size:1.1em;
	margin:0;
}

.homepagebox p {
	font-size:.85em;
}

#content .homepagebox img {
	padding:0;
	border: none;
	background:transparent;
	width:179px;
	display:block;
	margin:0 auto;
}

#content .pioneerintro {
	color:#ffaa17;
	clear:both;
	font-size:1.2em;
	font-family:"Helvetica LT Light", "Century Gothic", Futura, Helvetica, sans-serif;
	line-height:1.6em;
}

h1, h2, h3, h4, h5 {
    color: #ffaa17;
}
h1 {
    margin: 0;
    padding: 0;
    font: normal bold 2em/80px sans-serif;
}
h2 {
    font: normal bold 1.8em sans-serif;
    margin: 0.5em 0;
	clear:both;
}
h3 {
    font: normal bold 1.4em sans-serif;
    margin: 0.4em 0
}
a {
    color: #ffaa17;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
    text-decoration: underline;
}
#content img.alignleft, #content div.alignleft {
	float:left;
	margin:0 0.5em 0.5em 0;
}
#content img.alignright, #content div.alignright {
	float:right;
	margin:0 0 0.5em 0.5em;
}
#content img.aligncentered, #content div.aligncentered {
	text-align:center;
	margin:0 auto;
}
.rigsdiv{ /* the table on the Services page that holds the rigs summary */
	float:right;
	width:319px;
	padding:81px 15px 25px;
	margin:0;
	background:url(images/rigstable_bg.jpg) top left repeat-y;
	position:relative;


}

.rigsdiv h2 {
	position:absolute;
	width:349px;
	top:0;
	left:0;
	background:url(images/rigstable_h2.jpg) top left repeat-y;
	margin:0;
	padding:0;
	height:71px;
	text-indent:-999em;
}
.rigsdiv .rigscap {
	position:absolute;
	width:319px;
	bottom:0;
	left:0;
	background:url(images/rigstable_tail.jpg) bottom left no-repeat;
	margin:0;
	padding:0;
	height:18px;
	text-indent:-999em;
}
/*
 * 3a.Forms
 * Override any of the default cforms styles here by prefixing with #content
 * to increase specifity
 */
#content .cform legend {
    font-family: sans-serif;
}
#content .cform input, #content .cform textarea {
   font-family:sans-serif;
   color:#000;
   width:300px;
}
#content .cform input.sendbutton  {
	width:100px;
}
#content div#usermessagea {
	background-color: #fff;
	width: 100%;
	color: #000;
}
.linklove { /*hides link to author but still gives them the backlink*/
    display: none;
}
#content .cform  {
	float:right;
	width:300px;
}

button {
	background:none;
	border:none;
	padding:0;
}

/*
 * 3b.Gallery
 * Override any of the default gallery styles here by prefixing with #content
 * to increase specifity
 */
#content .ngg-gallery-thumbnail img  {
    background-color:#333229;
	border:1px solid #f8c301;
}

/*
 * 3.Footer
 * Text for the footer is actually embedded in the image, so negative margin it all out!
 */
#footer {
    background: url(images/footer.png) top no-repeat;
    width: 986px;
    height: 94px;
	overflow:hidden;
	text-align:center;
}
#footer p {
	text-indent:-999em;
}
#footer a {
    color: #ccc;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}

/*
 * 5.Navigation
 * Ahhh, the fun part. If you get stuck, ask Jeff Vader. I'm his brother.
 * http://www.youtube.com/watch?v=7tUNNM-Hyu8
 */

/*** ESSENTIAL STYLES ***/

form#search {
	background:#561f19;
	height:22px !important;
	padding:3px 5px 5px 5px;
	position:absolute;
	bottom:0;
	right:10px;
	border:1px solid #222;
	border-width:1px 1px 0 1px;
}

form#search input {
	height:15px;
	font-size:.7em;
	padding:0;
	width:90px;
	border:1px solid #000;
}

form#search input#btnSearch {
	height:auto;
	font-size:.8em;
	background:#000;
	color:#fff;
	border:1px solid #000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-border-radius:5px;
	-webkit-box-shadow:1px 1px 0 #8a0000;
	-moz-box-shadow:1px 1px 0 #8a0000;
	box-shadow:1px 1px 0 #8a0000;
	padding:0;
	position:relative;
	top:1px;
	left:1px;
	width:auto;
}

form#search input#btnSearch:focus, form#search input#btnSearch:active {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	position:relative;
	top:2px;
	left:2px;
}

.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}

.nav {
	line-height:32px;
}

.nav ul { /* dropdown width */
	position:absolute;
	top:-999em;
	width:99%;
}

.nav ul li {
	width: 100%;
}
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
.nav a {
	display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul { /* vertical pozzie of dropdown */
	left:0;
	top:33px;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul { /* 2nd level dropdown */
	left:90px;
	top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav {
	float:left;
	margin-left:1em;
	background:transparent;
}
.nav a {
	display:block;
	font-family:"Square 721 Cn BT", "BankGothic Lt BT", Helvetica;
	font-size:1em;
	color:#ffcd07;
	display:block;
	padding:0 .4em;
	background:#000;
	text-align:center;
	border:1px solid #000;
	border-width:1px 1px 0 1px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	-webkit-box-shadow:-3px -3px 5px #333;
	-moz-box-shadow:-3px -3px 5px #333;
	box-shadow:-3px -3px 5px #333;
}

.nav li li a {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	font-size:.98em;
	background:transparent url(images/subMenuBg.png) top left repeat;
	color:#fff;
	border:none;
	border-bottom:1px solid #be1413;
}

.nav a:hover {
	background:#ff0b0b;
	color:#ffffff !important;
	border-color:#f00;
}

.nav li {
	color: #000;
	text-decoration:none;
	display:block;
	margin:0 2px;
	background:transparent;
}

.nav li li {
	margin:0;
	border:1px solid #be1413;
	border-width:0 1px;
}

.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	/*insert hover effects here b! */
	text-decoration:none;
}
.nav li li {
	/*subnav style*/	
}
.nav li li li {
	/*subsubnav style*/
}

#content .show-hide-button img{
	border:none;
	background:none;
	padding:0;
}
/*
 * 6.News
 */
.postdate, .postmetadata{
	font-size:0.8em;
	font-style:italic;
}