/* Theme Name: Back To The Planet theme
Theme URI: http://www.paulmatson.co.uk
Description: Back To The Planet
Version: 1.0 Author: Paul Matson Author URI: http://www.paulmatson.co.uk 
Tags:

*/


body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Arial, Helvetica, sans-serif;

/* change this value to change background color */
background: #DFE0E2; 

/* Changes body text colour */
color: #777777; 

text-align: center; margin: 0 0 20px 0; padding: 0;  }

/* Padding above promotional on homepage */
.homePad {margin-top: 40px; }

#page { background-color: #FFF; margin: 20px auto; padding: 0; width: 920px; text-align: left; }

/* header */
#header { background: #FFF url('images/header-bkg.gif') no-repeat top center; height: 130px; width: 920px;
font-size:1.2em; color: #A19A98; }

#headerLeft { float: left; height: 110px; width: 170px; border: 0; padding: 0 0 0 60px;  }
#headerRight{ float:right; margin:0px 0 0 0; padding: 0 0 0 15px;   }

a.email { margin-right: 10px; display:inline; color: #A19A98;  }
.topContact {  width: 587px; margin: 0 0 0 0; padding: 0; text-align: right;  }
.topContact p {margin-right: 15px; }	

/* Navbar */
#navbar { width: 587px; height: 23px; margin: 20px 15px 0 0; padding: 0; position: relative;  } 

	
ul.nav  { width: 587px; height: 23px; background: url(images/nav.gif) no-repeat; margin:0; padding:0;  } 
.nav li { display: inline; } 
.nav li a:link, .nav li a:visited { position: absolute; top: 0; height: 23px; text-indent: -9000px; overflow: hidden; z-index: 10; } 

.nav .home a:link, .nav .home a:visited { left: 60px; width: 73px; } 
.nav .home a:hover, .nav .home a:focus { background: url(images/nav.gif) no-repeat -60px -23px; } 
.nav .home a:active { background: url(images/nav.gif) no-repeat -60px -46px; } 
.current-home .home a:link, .current-home .home a:visited { background: url(images/nav.gif) no-repeat -60px -69px; cursor: default; } 
.nav-home, .nav-home-click { position: absolute; top: 0; left: 60px; width: 73px; height: 23px; background: url(images/nav.gif) no-repeat -60px -23px; } 
.nav-home-click { background: url(images/nav.gif) no-repeat -60px -21px; }

.nav .about a:link, .nav .about a:visited { left: 140px; width: 73px; } 
.nav .about a:hover, .nav .about a:focus { background: url('images/nav.gif') no-repeat -140px -23px; } 
.nav .about a:active { background: url('images/nav.gif') no-repeat -140px -46px; } 
.current-about .about a:link, .current-about .about a:visited { background: url('images/nav.gif') no-repeat -140px -69px; cursor: default; }
.nav-about, .nav-about-click { position: absolute; top: 0; left: 140px; width: 73px; height: 23px; background: url(images/nav.gif) no-repeat -140px -23px; } 
.nav-about-click { background: url(images/nav.gif) no-repeat -140px -21px; }

.nav .services a:link, .nav .services a:visited { left: 218px; width: 73px; } 
.nav .services a:hover, .nav .services a:focus { background: url('images/nav.gif') no-repeat -218px -23px; } 
.nav .services a:active { background: url('images/nav.gif') no-repeat -218px -46px; } 
.current-services .services a:link, .current-services .services a:visited { background: url('images/nav.gif') no-repeat -218px -69px; cursor: default; }
.nav-services, .nav-services-click { position: absolute; top: 0; left: 218px; width: 73px; height: 23px; background: url(images/nav.gif) no-repeat -218px -23px; } 
.nav-services-click { background: url(images/nav.gif) no-repeat -218px -21px; }

.nav .portfolio a:link, .nav .portfolio a:visited { left: 297px; width: 73px; } 
.nav .portfolio a:hover, .nav .portfolio a:focus { background: url('images/nav.gif') no-repeat -297px -23px; } 
.nav .portfolio a:active { background: url('images/nav.gif') no-repeat -297px -46px; } 
.current-portfolio .portfolio a:link, .current-portfolio .portfolio a:visited { background: url('images/nav.gif') no-repeat -297px -69px; cursor: default; }
.nav-portfolio, .nav-portfolio-click { position: absolute; top: 0; left: 297px; width: 73px; height: 23px; background: url(images/nav.gif) no-repeat -297px -23px; } 
.nav-portfolio-click { background: url(images/nav.gif) no-repeat -297px -21px; }

.nav .blog a:link, .nav .blog a:visited { left: 375px; width: 73px; } 
.nav .blog a:hover, .nav .blog a:focus { background: url('images/nav.gif') no-repeat -375px -23px; } 
.nav .blog a:active { background: url('images/nav.gif') no-repeat -375px -46px; } 
.current-blog .blog a:link, .current-blog .blog a:visited { background: url('images/nav.gif') no-repeat -375px -69px; cursor: default; }
.nav-blog, .nav-blog-click { position: absolute; top: 0; left: 375px; width: 73px; height: 23px; background: url(images/nav.gif) no-repeat -375px -23px; } 
.nav-blo-click { background: url(images/nav.gif) no-repeat -375px -21px; }

.nav .contact a:link, .nav .contact a:visited { left: 454px; width: 73px; } 
.nav .contact a:hover, .nav .contact a:focus { background: url('images/nav.gif') no-repeat -454px -23px; } 
.nav .contact a:active { background: url('images/nav.gif') no-repeat -454px -46px; } 
.current-contact .contact a:link, .current-contact .contact a:visited { background: url('images/nav.gif') no-repeat -454px -69px; cursor: default; }
.nav-contact, .nav-contact-click { position: absolute; top: 0; left: 454px; width: 73px; height: 23px; background: url(images/nav.gif) no-repeat -454px -23px; } 
.nav-contact-click { background: url(images/nav.gif) no-repeat -454px -21px; }

/* home */
#homeTop { clear:both; background: #FFF url('images/hometop-bkg.gif') no-repeat top center; /* height: 372px;  height: 398px; */ height: 435px; width: 890px; margin-left: 15px;
margin-bottom: 15px;  }

#homeBlog { float:right; background: #FFF; height:168px; width: 250px;  margin-top: 15px; margin-right: 15px; display:inline; padding:15px;    }
#homeBlog h2 {  line-height: 1em; font-size: 21pt; margin:0;  width: 120px; float:right; text-align: right;  }
#homeBlog h2 small { margin: 0; padding:0; font-size: 0.6em;}
#homeBlog #socialbtns { float:left; padding-bottom:6px; }
#homeBlog img.btn {margin-bottom:5px;}
.more-link {margin: 0 0 10px 0; }
#homeBottom {  font-size: 1.2em; clear:both; background: #B5DEF2 url('images/homebottom-bkg.gif') repeat-x top left; height: 230px; width: 890px; margin-left: 15px; margin-bottom: 15px; }

#homeClients { background-color: #FFF; width: 254px; height: 52px; padding: 10px; border: 1px solid #C0BFC1; line-height: 150%;  }



/* new home middle row added PM March 09 */
#homeMiddle {  font-size: 1.2em; clear:both; background: #B5DEF2 url('images/homebottom-bkg.gif') repeat-x top left; 
height: 115px; width: 890px; margin-left: 15px; margin-bottom: 15px; padding-top: 15px; padding-bottom: 15px; }

.homeBtn { background: #333; width: 276px; height:114px; float:left; margin-left: 16px; display:inline;  }

.digVidRes a:link, .digVidRes  a:visited { width: 276px; height: 40px; display:block; background: url('images/digital-video-res-btn.gif') no-repeat 0 -40px; text-indent: -9000px; }
.captCarb a:link, .captCarb a:visited { width: 276px; height: 40px; display:block; background: url('images/captain-carbon-btn.gif') no-repeat 0 -40px;  text-indent: -9000px;}
.clientsTes a:link, .clientsTes a:visited { width: 276px; height: 40px; display:block; background: url('images/clients-testimonials-btn.gif') no-repeat 0 -40px; text-indent: -9000px; }

.digVidRes a:hover, .captCarb a:hover, .clientsTes a:hover { background-position: 0 0; }


/* FLV player */
#player1, #player2, #player3 {margin-bottom:5px; }
#flvBox {  }

/* homeMenu */
#homeMenuBox { float:left; background: #2E7DA9 url('images/homemenu-bkg.gif') repeat-x top left; height:183px; margin-left: 15px; display: inline; margin-top: 15px;
width: 538px; padding-right: 15px; padding-left: 15px; padding-top: 15px;  }
#homeMenu {  float:left; width:254px; margin:0; padding:0; line-height: 130%;   }
#homeMenu a { text-decoration: none; color: #FFF; position: absolute; text-decoration: none; }
#homeMenu a:hover { text-decoration: none; color: #FFF; }
#homeMenu a img { position: absolute; visibility: hidden; top: 0px;  }
#homeMenu a .framecntrl { display: block; position: absolute; height:30px;  width: 254px;  }
#homeMenu a .framecntrl h3 { color: #4BD6FF; font-size:120%; margin-top: 0; margin-bottom: 4px;}
#homeMenu a:hover .framecntrl h3 { text-decoration: none; color: #FFF; }
#homeMenu a .framecntrl p { color: #4BD6FF; font-size:1em; color: #FFF;  }

/* - frame 0 - */ 
a#latestBlog .framecntrl { top: 0px; left: 278px; }
a#latestBlog .framecntrl h3 { color:#333; }

/* - frame 1 - */ 
a#frame1 img { visibility: visible;  }
a#frame1:hover img { visibility: visible; }
a#frame1 .framecntrl { top: 30px; left: 278px; }

/* - frame 2 - */ 
a#frame2:hover img { visibility: visible; }
a#frame2 .framecntrl { top: 100px; left: 278px; }

/* content */
#content, #contentBelow { font-size: 1.2em; /* color: #A19A98; */ }

/* homecolumn */
.homecolumn { float: left; padding: 0 15px 0 0; margin: 15px 0 0 30px; display:inline; width: 258px; }
.homecolumn .entry { line-height: 1.4em; }
.homecolumn .postmetadata { padding-top: 5px; }

.entry.blog { font-size: 100%; margin-bottom: 30px;  }
.blogtime { color: #888; margin: 0; padding:5px 0 5px 0; text-transform: uppercase;}

/* sectionfront */
#sectionFrontTop {clear:both; background: #FFF url('images/section-bkg-2.gif') no-repeat top center; height: 191px; width: 890px; margin-left: 15px;
margin-bottom: 0px;  }
.sectionImage { width:273px; /* extra 2px here */  float:left; padding:0; padding-left: 15px; height: 190px; padding-bottom: 15px;  }
#sectionFrontBelow { clear:both; /* color: #A19A98; */ width: 890px; margin-left: 15px; }
img.profileThumb, img.portfolioThumb {float:left; padding: 0 15px 15px 0; }
#sectionFrontBelow .post { margin: 0px 0 10px 0;  }

/* narrowcolumn */
.narrowcolumn { float: right; padding: 0; margin: 0 0 0px 0; width: 572px; margin-right: 15px; display:inline;    }
.narrowcolumn .entry { line-height: 1.4em; }
.narrowcolumn .postmetadata { padding-top: 5px; }
.single { margin-right: 30px; }

.calculatorcolumn { width:100%; margin-left: 110px;   }

#addthis { margin: 5px 0 20px 0; }

.narrowcolumn ul li, .narrowcolumn ol li { padding: 2px 0 2px 0;  }
.narrowcolumn ol.biglist { font-size: 130%; margin:0;   }
.narrowcolumn ol.biglist li { padding: 6px 0 6px 0; }

/* Sidebar */ 
#sidebar { font-size: 1.2em; /* color: #A19A98; */ float:left; width: 258px; padding:0 15px 0 15px; 
 margin-left: 15px; display:inline; background: #FFF url('images/sidebar-bkg.gif') no-repeat top left; height: 400px;  }
#sidebar ul { margin: 10px 0 0 15px; padding: 0; font-size:112%; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 6px; }
#sidebar h3 { margin: 10px 0 0 15px; /* color: #A9A2A1; */ font-weight: normal; }
.extraspace {margin-left:15px; margin-top: 15px; }

.sidebarImage { width:273px;  /* extra 2px here */ padding:0 0 15px 0px; height: 190px;  }


/* widecolumn */
.widecolumn { line-height: 1.6em; padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; }
.widecolumn .entry p { font-size: 1.05em; }
.widecolumn .entry { line-height: 1.4em; }
.widecolumn .post { margin: 0; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }

/* post */
.post { margin: 0;  }
.post hr { display: block; }
.postmetadata { clear: left; color: #7e7d7d;}
.post p {margin:0; padding:4px 0 4px 0; line-height: 1.4em;  }


/* footer */
#footer { font-size:1.1em; clear:both; background-color: #FFF; padding: 0 15px 15px 15px;  width: 890px;    }
#footer a { color: #FFF;  }
#footer ul { width: 890px; margin: 0; color: #FFF; background-color: #A9A2A1; text-align: right; padding: 8px 0 8px 0;  }
#footer ul li {display:inline; margin-right: 15px; } 

/* headers and links */
h1 {  margin: 0 0 12px 0; line-height: 1em; font-size: 21pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h1, h1 a, h1 a:visited { color: #607375;  }
h1 a:hover { color: #00A8E0; text-decoration: none; }

.narrowcolumn h1 { margin-top: 4px;  }

h2 {  margin: 12px 0 0px 0;  line-height: 1em; font-size: 16pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h2, h2 a, h2 a:visited { color: #607375;  }
h2 a:hover { color: #00A8E0; text-decoration: none; }
#homeTop h2 {  line-height: 1.2em; font-size: 20pt; margin:3px 0 5px 0;  }

h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 0; margin: 10px 0 0 0;  font-size: 1.4em; line-height: 100%; }
h3, h3 a, h3 a:visited { color: #727375; }
h3 a:hover { color: #00A8E0; text-decoration: none; }
#homeTop h3 a { color: #00A8E0; text-decoration: none; }
#homeTop h3 a:hover {color: #00A8E0; text-decoration: underline; }

a { color: #00A8E0; text-decoration: none; }
a:hover { color: #00A8E0; text-decoration: underline; }

/* Images */ 
p img { padding: 0; max-width: 100%; }
a img { border: none; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left } 

/* Lists */
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image:
none; }

/* Comments*/ 
.commentlist li, #commentform input, #commentform textarea { font: 1em Arial, Helvetica, sans-serif; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 2px solid #F1EFEE; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: Arial, Helvetica, sans-serif; }
.commentmetadata { font-weight: normal; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; border: 1px solid #A9A2A1; }
#commentform #submit { margin: 0; float: right; } 
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; color: #777; }
.commentmetadata { margin: 0; display: block; } 


/* Calendar */ 
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover {  background-color: #fff; } 

/* Form elements */ 
form { margin: 0; } 
#searchform #s { width: 200px; padding: 2px; border: 1px solid #A9A2A1; }
#searchsubmit { padding: 1px; }
#searchform { margin: 10px auto; padding: 5px 5px; text-align: right; }
select { width: 130px; }

/* various class and tags */ 
acronym, abbr, span.caps { cursor: help; font-size: 0.9em; letter-spacing: .07em; }
acronym, abbr { border-bottom: 1px dashed #999; }
.alt { margin: 0; padding: 10px; background-color: #F0F8FC; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
caption, cite { text-decoration: none; }
.center { text-align: center; }
.clear { clear: both; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
hr { display: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } 
small { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.5em; }
strike { color: #777; }

/* Testimonials */
.testimonial { width:253px; font-size: 100%; line-height: 135%; }
.testimonial p { margin:0; padding: 0 0 2px 0}
.testimonial .more-link {margin-bottom: 14px; }
blockquote { color: #00A8E0; font-style: italic; margin: 0 0 2px 0; padding:0;  }
img.clientlogo {padding: 4px 0 4px 0;}

/* email form */
form { padding-top: 0; margin-top:25px; color: #A19A98; }
form dl, dl.labels { margin:0em; margin-top:0em; } 
form dt, dl.labels dt { float:left; width:10em; 
margin-bottom:0em;  text-align:left; 
font-weight:normal;  position:relative /*IEWin hack*/ } 
form dd, dl.labels dd { margin-left:7em; margin-bottom:1.2em; 
padding-left:0em; text-align:left; } 
form dd.submit, dl.labels dd.submit { margin-top:2em; }
.formerror {font-weight: bold; margin-top: 30px; }

.homecolumn .post ul {padding-left: 15px; margin:4px 0 4px 0; }


/* Tabbed Interface Using jQuery */

.homeFeatured { width:572px; float:left; padding:15px 0 0 0;  }

ul.tabnav { margin:0; padding:0; }

.tabnav li { list-style: none;  display:inline; }
.tabnav li a { float:left; text-decoration: none;  height: 36px; outline: none; color: #FFF;  text-indent: -9000px;  }

/* 183 + 11 + 183 + 12 + 183 = 572px */
.tabnav li a.tab1 { background: url('images/production-btn.gif') no-repeat 0 -36px; width:183px; padding: 0px; margin:0 11px 0 0; }
.tabnav li a.tab2 { background: url('images/showreel-btn.png') no-repeat 0 -36px; width:183px; padding: 0px; margin:0 12px 0 0;}
.tabnav li a.tab3 { background: url('images/why-choose-us-btn.png') no-repeat 0 -36px; width:183px; padding: 0px; margin:0;}



.tabnav li.ui-tabs-selected a { color: #FFF; text-decoration: none; }
.tabnav li.ui-tabs-selected a.tab1 { background: url('images/production-btn.gif') no-repeat 0 0px; }
.tabnav li.ui-tabs-selected a.tab2 { background: url('images/showreel-btn.png') no-repeat 0 0px; }
.tabnav li.ui-tabs-selected a.tab3 { background: url('images/why-choose-us-btn.png') no-repeat 0 0px; }



.ui-tabs-hide { display: none; }

.showr { height:361px; }
.whychooseus { height:361px; /* font-size: 1.2em; */  font-size: 1.2em;  line-height: 1.3em; background-color: #000;  } 
.offer {  height:361px; font-size: 1.2em; line-height: 1.4em; background-color: #333;  } 

.whychooseus p, .whychooseus h3, .whychooseus li, .offer p, .offer h3, .offer li { color: #FFF; }
.whychooseus p, .offer p { padding-right: 10px; }
.whychooseus p { padding-bottom: 5px; }
.whychooseus h3, .offer h3 { padding-top: 15px; padding-right:20px; line-height: 128%; }
.offer ul {margin:0; padding:0; list-style-type: none; list-style-image: none; }
.offer ul li {margin:0; padding:0; }

.offer form { margin-top:0; margin:0; }
.offer label {color: #FFF; }
.name { width: 160px; }
.email { width: 160px; }

.col1 {float:left; margin-right: 10px; display:inline; }

.blogMonth select  {width: 180px; margin-top: 10px; margin-left:10px;  }

:-moz-any-link:focus { outline: none; }

/* Live Search plugin NOT CURRENTLY IN USE */
ul.search_results { display: block; background-color:#fff; width:205px; max-height: 500px; position:absolute; top:20px; left:0px; overflow:auto;
list-style-type: none; list-style-image: none; list-style-position: inside;
border: 1px solid #A9A2A1; padding: 0px; margin: 0px; }

ul.search_results li { display: block; padding: 5px 12px 0px 5px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #ececec; text-align: left;
color: #000;  text-decoration: none; font-size: 1.2em; }

ul.search_results li:hover { background-color: #fff; }

ul.search_results li a, ul.search_results li a:visited { display: block; margin-left: 0px; padding-left: 0px; }

ul.search_results li a:hover { text-decoration: underline; }

ul.search_results p#daves-wordpress-live-search_author { margin: 0px;  }

ul.search_results p#daves-wordpress-live-search_date { margin: 0px; }

/* required for PC IE 6 */
#vid-1 p { margin:0 0 0 0; padding; 0 0 0 0 }

#vid-2 {
	height: 361px;
	padding-top: 10px
}
#vid-2 p {
	display: none
}