/*
Theme Name: Phill George
Description: Phill George layout and style.
Version: 1
Author: e-IGNiTION
Author URI: http://www.e-ignition.co.uk
Tags: Custom Design
*/

/* Defaults */

* {
margin: 0;
padding: 0;
}

html {
font-size:16px;
}

body.mceContentBody {
font-size:62.5%;
background-color:#68782F;
width:940px;
padding:4px 10px 10px 10px;
margin:0 auto;
text-align:left;
color:#FFFFFF;
}

h1, h2, h4, h5, h6, p {
margin: 0;
padding: 10px 0;
}

hr {
color: #333;
border: 1px solid #121212;
}

pre {
height: auto; 
overflow-x:scroll;
}

fieldset {
margin: 0;
padding: 0; 
border: 0;
}

dd {
padding-left: 15px;
}


p {
font-size: 1.4em;
}

a {
color: #FFFFFF;
text-decoration: underline;
}

a:hover {
color: #3D3126;
text-decoration: underline;
}

a img {
border: none;  
}

blockquote {
background: #070707;
border: 1px solid #060606;
padding: 5px 15px;
margin: 10px 10px 5px 15px;
font-style: italic;
color: #fff;
}

code {
color: #3366cc;
font-style: italic;
}

strong {
font-size: 110%;
}

body {
text-align: center;
margin: 0;
padding: 0 0 15px 0;
font-family: arial, helvetica, sans-serif !IMPORTANT;
background: #3d3126 none;
color:#FFFFFF;
font-size:62.5%;
}

/* Header and wrapper */
#wrapper {
margin: 0 auto;
width: 960px;
text-align: left;
padding: 0;
}

#header {
padding: 0;
margin: 0;
height: 75px;
background: transparent url(images/header.png) top center no-repeat;
position:relative;
z-index:2;
}

#header #topright {
text-align: left;
float: right;
width: 445px;
margin: 0;
}
#header #topright ul {
list-style: none;
padding: 0;
margin: 0;
position:relative;
}
#header #topright li {
display: inline;
font-size:14px;
}

#header #topright li#search-wrapper {
right:170px;
position:absolute;
top:6px;
}
#header #topright li#tel-wrapper {
position:absolute;
top:36px;
right:170px;
}

#header #topright li a {
color: #fff;
font-size: 9pt;
padding: 0 0 0 25px;
text-transform: lowercase;
}
#header #topright li a:hover {
color: #000;
text-decoration: none;
}

#header #logo {
float: left;
margin: 0;
padding: 0;
position:relative;
width:515px;
}

#header a.home-link {
display:block;
height:45px;
margin:0;
padding:0;
text-indent:-999em;
width:200px;
}

#header span {
color:#FFFFFF;
font-size:14px;
left:185px;
padding:0;
position:absolute;
top:36px;
}

.main-image {
width:960;
height:213px;
overflow:hidden;
position:relative;
top:-18px;
z-index:1;
}

#page-title {
position:relative;
top:-18px;
z-index:1;
}

#page-title h1 {
color:#c87602;
font-size:24px;
font-weight:normal;
padding:10px 0 10px 7px;
margin:0 !IMPORTANT;
line-height:24px;
letter-spacing:-1px;
}

#page-title h1 a {
color:#c87602;
text-decoration:underline;
}

#page-title h1 a:hover {
color:#FFFFFF;
}

h3 {
margin: 0;
padding: 5px;
font-weight:normal !IMPORTANT;
font-size: 1.5em;
line-height:1.5em;
}

/* Menu */

#nav {
position:relative;
z-index:2;
margin: 0;
padding: 0;
clear: both;
height: 42px;
width: 960px;
background-color:#68782f;
border:#FFFFFF solid;
border-width:1px 0;
top:-18px;
list-style:none;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav li {
float: left;
margin: 0;
padding: 0;
}

#nav a {
width:94px;
display: block;
line-height: 42px;
margin: 0;
padding: 0;
text-indent:-999em;
color: #fff;
background-image:url(images/nav-sprite-2.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
}

#nav a:hover, #nav .current_page_item a {
background-position:0 -42px;
}

/*#nav .page-item-8 a {
width:107px;
background-position: -102px 0;
}
#nav .page-item-8 a:hover, #nav .page-item-8.sfhover a, #nav .page-item-8:hover a, #nav .page-item-8.current_page_item a, #nav .page-item-8.current_page_ancestor a {
background-position: -102px -42px;
}*/

#nav .page-item-10 a {
width:114px;
background-position: -94px 0;
}
#nav .page-item-10 a:hover, #nav .page-item-10.sfhover a, #nav .page-item-10:hover a, #nav .page-item-10.current_page_item a, #nav .page-item-10.current_page_ancestor a {
background-position: -94px -42px;
}

#nav .page-item-12 a {
width:104px;
background-position: -208px 0;
}
#nav .page-item-12 a:hover, #nav .page-item-12.sfhover a, #nav .page-item-12:hover a, #nav .page-item-12.current_page_item a, #nav .page-item-12.current_page_ancestor a {
background-position: -208px -42px;
}

#nav .page-item-14 a {
width:152px;
background-position: -312px 0;
}
#nav .page-item-14 a:hover, #nav .page-item-14.sfhover a, #nav .page-item-14:hover a, #nav .page-item-14.current_page_item a, #nav .page-item-14.current_page_ancestor a {
background-position: -312px -42px;
}

#nav .page-item-16 a {
width:195px;
background-position: -640px 0;
}
#nav .page-item-16 a:hover, #nav .page-item-16.sfhover a, #nav .page-item-16:hover a, #nav .page-item-16.current_page_item a, #nav .page-item-16.current_page_ancestor a {
background-position: -640px -42px;
}

#nav .page-item-18 a {
width:125px;
background-position: -835px 0;
}
#nav .page-item-18 a:hover, #nav .page-item-18.sfhover a, #nav .page-item-18:hover a, #nav .page-item-18.current_page_item a, #nav .page-item-18.current_page_ancestor a {
background-position: -835px -42px;
}

#nav .page-item-44 a {
width:176px;
background-position: -464px 0;
}
#nav .page-item-44 a:hover, #nav .page-item-44.sfhover a, #nav .page-item-44:hover a, #nav .page-item-44.current_page_item a, #nav .page-item-44.current_page_ancestor a {
background-position: -464px -42px;
}


#nav li a:hover {
text-decoration: none;
display: block;
}

#nav li ul {
list-style: none;
position: absolute;
z-index:3;
width: 164px;
left: -999em;
border-top: 1px solid #FFFFFF;
}

#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}

#nav li li {
float: left;
margin: 0;
padding: 0;
width: 164px;
}

#nav li li a {
font-size:14px;
text-indent:0;
width: 129px !IMPORTANT;
line-height: 16px;
color: #fff;
border-bottom: 1px solid #FFFFFF;
background: #c87602;
margin: 0;
padding: 5px 14px 5px 21px;
}

#nav li li a:hover, #nav li li.current_page_item a {
border-bottom: 1px solid #FFFFFF;
background:#a96402 url(images/sub-nav-over.gif) left center no-repeat !IMPORTANT;
}

#nav li:hover, #nav li.sfhover, #nav li.current_page_ancestor { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
position: static;
}

#toprss {
float: right;
margin: 10px 15px 0 0;
display: inline;
width: 65px;
line-height: 41px;
}

/* Content */

#main {
position:relative;
top:-18px;
margin:0;
padding:0;
clear: both;
width: 960px;
background-color:#68782f;
border:#FFFFFF solid;
border-width:1px 0;
}

#content {
padding: 4px 10px 10px 10px;
}

#contentwrapper2 {
float:left;
width: 900px;  margin: 0 0 15px 0;
padding: 0;
}
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
margin: 15px 0 10px 0;
font-size: 14pt;
letter-spacing: -1px;
color: #fff;
font-weight: normal;
background: url(images/bg-trans.png) repeat;
padding: 5px;
}
.topPost {
margin: 0;
padding: 0;
font-size: 9pt;
}
.topPost h2.topTitle a {
font-size: 15pt;
font-weight: normal;
color: #fff;
letter-spacing: -2px;
}
.topPost h2.topTitle a:hover {
text-decoration: none;
color: #abd1ea;
}
.topPost p.topMeta {
padding: 0;
margin: -10px 0 0 0;
font-size: 9pt;
color: #cdcdcd;  
}
.topPost p.topMeta a {
text-decoration: underline;
color: #fff;
}
.topPost p.topMeta a:hover {
color: #ccc;
}
.topPost div.topContent {
font-size: 9pt;
color: #efefef;
margin: 8px 0;
}
.topPost div.topContent a {
text-decoration: underline;
color: #fff;
}
.topPost div.topContent a:hover {
text-decoration: underline;
color: #ff9933;
}

.topPost div.topContent ul, .topPost div.topContent ol {
padding: 0 0 0 30px;
}
.topPost div.topContent ul li, .topPost div.topContent ol li {
color: #eee;
}
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
font-size: 9pt;
font-style: italic;
background: url(images/bg-trans.png) repeat;
padding: 8px 10px;
margin-right: 5px;
line-height: 27pt;
color: #fff;
border: 1px solid #111;
}
.topPost span.linkpages {
font-size: 9pt;
font-style: italic;
color: #fff;
margin-bottom: 10px; display:block;
}
.topPost span.linkpages a:hover {
color: #ddd;
}
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
background: #040404;
}
.topPost span.topComments a {
color: #fff;
background: url(images/comments.gif) left no-repeat;
padding-left: 20px;
line-height: 27pt;
vertical-align: middle;
}
.topPost span.topMore a {
color: #fff;
background: url(images/more.gif) left no-repeat;
padding-left: 20px;
line-height: 27pt;
vertical-align: middle;
}
.topPost span.topTags em {
background: url(images/tags.gif) left no-repeat;
padding-left: 20px;
line-height: 27pt;
vertical-align: middle;
color: #0a0a0a;
}
.topPost span.topTags a {
color: #fff;
line-height: 27pt;
vertical-align: middle;
}
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
color: #fff;
text-decoration: underline;
}

#nextprevious {
margin: 10px 0 5px 0;
}
#nextprevious a {
color: #83adc8;
text-transform: lowercase;
text-decoration: underline;
}
#nextprevious a:hover {
color: #fff;
}


/* Comments */

#comment {
margin-bottom: 10px;
margin-top: 15px;
background: #040404;
width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
border: 1px solid #090909;
padding: 0px 15px 10px 15px;
color: #fff;
}
#comment h3 {
font-size: 10pt;
font-weight: normal;
color: #fff;
margin: 15px 0;
padding: 0;
}
#comment p a {
color: #6598b8;
}
#comment p a:hover {
color: #fff;
}
#comment p {
padding:0;
margin: 7px 0;
}
ul.commentlist, ul.trackback  {
list-style-type: none;
margin: 10px 0;
font-size: 9pt;
}
.commentlist li, .trackback li {
margin: 10px 0 15px 0;
padding: 10px;
background: #080808;
border: 1px solid #040404;
list-style-type: none;
}
.commentlist li.alt {
background: #000;
border: 1px solid #020202;
border: none;
margin-top:10px;
}
.commentlist li.cleared {
background: transparent;
border: none;
}
.commentlist a:hover {
color: #eee;
}
.commentlist a.gravatar {
float: left;
margin: 0 15px 10px 0;
width: 60px;
}
.commentlist .commentbody {
margin: 0;
padding: 0;
}
.commentlist .commentbody p a {
text-decoration: underline;
}
.commentlist cite {
font-size: 10pt;
font-style: normal;
color: #ddd;
}
.commentlist small.commentmetadata a {
color: #666;
}
.commentlist p {
color: #dedede;
}
#respond {
clear: both;
margin-top: 15px;
}
textarea#comment {
width: 450px;
background: #fff;
color: #111;
padding: 10px;
}
#comment #submit {
margin: 0;
}
#extrastuff a {color:#222; font-size:0.8em;}
#extrastuff a:hover {color:#6598b8; text-decoration:none;}
#extrastuff #rssleft {float:left; width:250px;}
#extrastuff #trackright {float:right; width:180px; text-align:right;}


/* Welcome section */

#main #welcome {
margin: 0 0 20px 0;
padding: 0 0 5px 0;
background: url(images/bg-trans.png) repeat;
}

#main h2, .mceContentBody h2 {
font-weight: normal;
color: #fff;
margin: 0 5px 0 0;
padding: 10px 0 3px;
font-size:1.8em;
border-bottom:1px #FFFFFF solid;
}

.mceContentBody td {
color:#FFFFFF;
}

#main ul, .mceContentBody ul {
list-style:none;
margin:0;
padding:10px 0;
}

#main ul li, .mceContentBody ul li {
background-image:url(images/bullet.gif);
background-position:top left;
background-repeat:no-repeat;
padding-left:18px;
font-size:1.4em;
margin-bottom:5px;
margin-right: 5px;
}

#main #welcome p {
font-size: 9pt;
color: #eee;  
margin: 0 10px;
padding: 6px 0;
}
#main #welcome a {
text-decoration: underline;
color: #ff9933;
}
#main #welcome a:hover {
color: #6598b8;
}
#main #welcome form {
margin: -5px 0 0 0;
background: transparent; /* required for IE */
}
#main #welcome #feedbox {
border: 1px solid #ccc;
padding: 2px 1px;
width: 180px;
}

#searchform p {
padding:0;
}

#searchbox {
border:#3d3126 1px solid;
background-color:#FFFFFF;
padding:3px 3px 2px 3px;
color:#3d3126;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.submitbutton {
background: #c87602;
color: #fff;
font-size: 14px;
border: 1px solid #FFFFFF;
cursor: pointer;
padding:1px 3px;
}

.submitbutton:hover {
background: #68782f;
}


/* Sidebars */
#sidebars {
margin: 15px 0 0 0;
float: right;
width: 340px;
color: #eee;
}
#sidebars .sidebarbox {
background: url(images/bg-trans.png) repeat;
padding: 8px 15px;
}

#sidebar_full {
padding: 0;
margin: 0;
}

#sidebar_left {
float: left;
width: 160px;
}

#sidebar_right {
float: right;
width: 160px;
}

#sidebars h2 {
margin: 0;
padding: 0 0 8px 0;
font-weight: normal;
font-size: 11pt;
color: #fff;
letter-spacing: -1px;
}

#sidebars table {
width: 130px;
}

#sidebars ul {
margin: 0;
padding: 0 0 5px 0;
}

#sidebars li {
margin-bottom: 20px;
list-style: none;
font-size: 9pt;
}

#sidebars li ul {
padding: 0;
}

#sidebars ul ul li {
margin: 0;
padding: 2px 2px 2px 16px;
color: #eee;
background: url(images/bullet.gif) left 8px no-repeat;
line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
}

#sidebars a {
display: inline;
color: #eee;
}
#sidebars a:hover {
color: #6598b8;
text-decoration: underline;
}

#sidebars p {
padding: 2px 0;
font-size: 9pt;
color: #eee;
}

#tag_cloud a {
display: inline;
}

#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}


/* footer*/
#footer {
position:relative;
top:-18px;
clear: both;
border: 0;
padding: 0;
margin: 0;
background:#3d3126 url(images/footer-image.gif) bottom center no-repeat;
border-bottom:1px #FFFFFF solid;
}

#footer p {
color: #FFFFFF;
padding: 0;
margin:0;
font-size:14px;
}

#footer p.phill-george-mountaineering {
color: #c87602;
padding: 6px 3px 0 3px;
margin:0;
line-height:1em;
}

.footer-details {
height:130px;
}

#footer p.footer-address {
position:relative;
margin:0 4px 8px 4px;
padding: 8px 0 0 0;
}

#footer p.designed-by {
bottom:5px;
position:absolute;
right:20px;
text-align:right;
width:200px;
}

#footer p.designed-by a {
font-size:12px;
text-decoration:none;
}

#footer a {
color: #FFFFFF;
text-decoration: underline;
}

#footer a:hover {
color: #C87602;
text-decoration: underline;
}

.footer-highlight {
color:#C87602;
}

/* Misc */

.highlight {
color: #222;
font-weight: bold;
}

.cleared {
margin: 0;
padding: 0;
clear: both;
}

.alignleft {
float: left;
margin: 5px 10px 5px 0;
}
.alignright {
float: right;
margin: 5px 0 5px 10px;
}
.aligncenter,
div.aligncenter {
margin: 10px auto;
text-align: center;
display: block;
}

img.alignleft {
float: left;
margin: 0 10px 5px 0;
border:#ca7c0d solid;
border-width:1px 0;
}
img.alignright {
float: right;
border:#ca7c0d solid;
border-width:1px 0;
}
img.aligncenter {
margin: 10px auto;
text-align: center;
display: block;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;

padding-top: 4px;

/* optional rounded corners for browsers that support it */

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
color: #111;
}

.home-features, .page-features {
position:relative;
top:-18px;
background-color:#C87602;
border:#FFFFFF solid;
border-width:1px 0;
margin-top:20px;
}

.home-features ul, .page-features ul {
position:relative;
margin:0; 
padding:0;
list-style:none;
overflow:hidden;
}

.home-features li, .page-features li {
position:relative;
margin:0; 
padding:0;
float:left;
}

.home-features li a, .page-features li a {
position:relative;
display:block;
height:170px;
width:240px;
background-position: center 20px;
background-repeat:no-repeat;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
line-height:1.6em;
color:#FFFFFF;
}

.home-features li a:hover, .page-features li a:hover {
background-position: center -140px;
}

.SPA-feature {
background-image:url(images/spa-home-image.jpg);
}

.ML-Summer-feature {
background-image:url(images/ML-summer-feat.jpg);
}

.ML-Winter-feature {
background-image:url(images/ML-winter-home-image.jpg);
}

.Navigation-feature {
background-image:url(images/Navigation-feat.jpg);
}

.ML-Summer-Training-feature {
background-image:url(images/ML-summer-training-feat.jpg);
}

.ML-Summer-Assessment-feature {
background-image:url(images/ML-summer-assessment-feat.jpg);
}

.ML-Summer-Refresher-feature {
background-image:url(images/ML-summer-refresher-feat.jpg);
}

.ML-Summer-Reassessment-feature {
background-image:url(images/ML-summer-reassessment-feat.jpg);
}

.SPA-Training-feature {
background-image:url(images/SPA-training-feat.jpg);
}

.SPA-Summer-Assessment-feature {
background-image:url(images/SPA-assessment-feat.jpg);
}

.SPA-Summer-Refresher-feature {
background-image:url(images/SPA-refresher-feat.jpg);
}

.SPA-Summer-Reassessment-feature {
background-image:url(images/SPA-reassessment-feat.jpg);
}
.ML-Winter-Training-feature {
background-image:url(images/ML-winter-feature-training.jpg);
}
.ML-Winter-Assessment-feature {
background-image:url(images/ML-winter-feature-assessment.jpg);
}

.WGLA-feature {
background-image:url(images/WGLA-feat.jpg);
}

.WGLA-feature-assessment {
background-image:url(images/WGLA-feat-assessment.jpg);
}

.Technical-Advisor-feature {
background-image:url(images/Technical-Advisor-feat.jpg);
}

.Geology-feature {
background-image:url(images/Geology-feat.jpg);
}

.home-features li .sub-features {
background-color:#FFFFFF;
height:140px;
list-style:none;
margin:1px 10px 10px 10px;
overflow:hidden;
padding:0;
position:relative;
width:220px;
}

.home-features li.sub-features-holder {
height:170px;
}

.home-features li a.Other-Services-feature, .home-features li .sub-features a {
background-position:center 20px;
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
font-size:1.2em;
font-weight:bold;
height:auto;
line-height:1.6em;
position:relative;
text-align:center;
text-decoration:underline;
width:220px;
}

.home-features li a.Other-Services-feature {
width:240px;
}

.home-features li .sub-features a {
background-color:#C87602;
margin:5px;
padding:9px;
text-decoration:none;
width:192px;
}

.home-features li .sub-features a:hover {
background-color:#68782F;
}

#main .links-list {
list-style:none;
padding:0;
}

#main .links-list ul {
list-style:none;
}

#main .links-list a {
font-size:1.167em;
text-decoration:underline;
}

#main .links-list li {
font-size:1.2em;
margin-bottom:5px;
background-image:none;
}

#main .links-list li ul li {
background-image:url(images/bullet.gif);
}

.course-left-column {
float:left;
width:620px;
}

.course-right-column {
float:right;
width:320px;
}

.book-button {
background: #c87602;
color: #fff;
text-decoration:none;
border: 1px solid #FFFFFF;
cursor: pointer;
padding:3px 15px;
}

.book-button:hover {
background: #FFFFFF;
color:#c87602;
text-decoration:none;
}

.itinery-day-label {
text-align:right;
padding-right:10px;
}

.itinery-day-content {
border-bottom: 1px solid #FFFFFF;
margin-bottom:10px;
}

/* Booking Forms */

/*.ML-Summer-Training #li-2-20 label, .ML-Summer-Training #li-2-21 label, .ML-Summer-Assessment #li-2-20 label, .ML-Summer-Assessment #li-2-21 label, .SPA-Training #li-2-20 label, .SPA-Training #li-2-21 label, .SPA-Assessment #li-2-20 label, .SPA-Assessment #li-2-21 label, .ML-Winter-Assessment #li-2-16 label, .ML-Winter-Assessment #li-2-21 label, .ML-Winter-Assessment #li-2-22 label {
display:block;
text-align:left;
width:auto;
}

.ML-Summer-Training #li-2-20 label span, .ML-Summer-Training #li-2-21 label span, .ML-Summer-Assessment #li-2-20 label span, .ML-Summer-Assessment #li-2-21 label span, .SPA-Training #li-2-20 label span, .SPA-Training #li-2-21 label span, .SPA-Assessment #li-2-20 label span, .SPA-Assessment #li-2-21 label span, .ML-Winter-Assessment #li-2-16 label span, .ML-Winter-Assessment #li-2-21 label span, .ML-Winter-Assessment #li-2-22 label span {
width:auto;
}

.ML-Summer-Training #li-2-20 textarea, .ML-Summer-Training #li-2-21 textarea, .ML-Summer-Assessment #li-2-20 textarea, .ML-Summer-Assessment #li-2-21 textarea, .SPA-Training #li-2-20 textarea, .SPA-Training #li-2-21 textarea, .SPA-Assessment #li-2-20 textarea, .SPA-Assessment #li-2-21 textarea, .ML-Winter-Assessment #li-2-16 textarea, .ML-Winter-Assessment #li-2-21 textarea, .ML-Winter-Assessment #li-2-22 textarea {
width:485px;
}*/

.cf-fs4 .reqtxt {
margin-top:12px;
}