/*
Theme Name: Pebble Hill Media
Theme URI: http://wordpress.org/
Description: For Pebble Hill
Author: Neil Harner
Author URI: http://www.inverseparadox.net
*/

/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   color:#000;
   background: url(images/bg.gif)  repeat-x top left;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 62.5%;}
 
* {
   margin:0;
   padding:0;
   list-style-type:none;}
  

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
 color:#05555F;
 text-decoration: underline;}

a:hover, a:active {
 color:#003339;
 text-decoration:none;}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none; }

fieldset br{
 clear:both;}
 
fieldset{
 border:none;}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{
   background:url('images/bg.png') repeat-y top left;
   width: 800px;
   padding: 0 14px 0 15px;
   margin: 0 auto;}

#header,#content,#footer{
  position:relative;}

#header{
   padding: 10px 0 0 0;
   background:#FFF;}

/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#header h1 a{
   background:url('images/logo.png') no-repeat top left;
   width: 329px;
   height:62px;
   float:left;
   position:relative;
   margin: 0 0 0 -20px;
   display:block;
   text-indent:-9999px;
   overflow:hidden;}

#header .contact{
   width: 220px;
   text-align:right;
   font-size:1.6em;
   padding: 0 20px 10px 10px;
   color:#006472;
   font-weight:bold;
   background:url('images/contact.gif') no-repeat left 15px;
   float:right;}

#header .contact p.phone{
  font-size:1.8em;}

ul#main-nav{
   clear:both;
   font-size:13px;
   font-weight:bold;
   position:relative;
   background:#02525B url('images/bg_nav.gif') repeat-x top left;
   border-bottom:1px solid #41919B;}

ul#main-nav li{
  float:left;
  padding: 18px 0 18px 22px;}

ul#main-nav li a{
   color:#FFF !important;
   text-decoration:none !important;}

ul#main-nav li a:hover{
  color:#f4ffc1 !important;}

/* 3.2 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#content h2{
  font-size:2.4em;
  padding: 0 0 20px 0;
  color:#025964;}

#content h3{
  font-size:1.8em;
  padding: 0 0 10px 0;
  color:#025964;}

#main-content{
  width: 571px;
  padding: 0 0 20px 0;
  float:left;}

#banner{
  background:url('images/bg_banner.gif') no-repeat top left;
  width:571px;
  height:156px;
  padding: 12px 0 23px 0;}

#banner img{
  float:left;}

#banner img.center{
  padding: 0 2px;}

#main-content .wrap{
  padding: 0 17px 0 15px;}

#main-content p,
#main-content ul{
  font-size:1.2em;
  padding: 0 0 30px 0;
  line-height:150%;}

.newsletter{
  background:url('images/bg_newsletter.gif') no-repeat top left;
  float:left;
  width: 261px;
  padding: 2px 0 0 0;
  min-height:116px;
  height:auto !important;
  height:116px;}

.newsletter fieldset{
  width: 150px;
  padding: 8px 0 0 10px;}

.newsletter fieldset label{
  color:#FFF;
  font-size:1.2em;}

.newsletter fieldset input.text{
  width: 142px;
  height:13px;
  font-size:12px;
  margin: 5px 0;
  border:1px solid #1E6867;
  padding: 3px;
  background:#FFF;}

.newsletter input.submit{
  background:#1C6866;
  color:#FFF;
  font-weight:bold;
  border:1px solid #639193;
  font-size:1.1em;
  font-weight:bold;
  text-transform:uppercase;
  cursor:pointer;
  padding: 3px 10px;}

.newsletter p.note{
  font-size:1.1em !important;
  padding: 15px 10px 0 88px !important;
  font-style:italic;}

.featured-video{
  width:261px;
  float:right;}

#sidebar{
  width: 206px;
  padding: 20px 10px 0 13px;
  float:left;}

ul.news {
  font-size:1.1em;
  padding: 10px 0 0 0;}

ul.news li{
  padding: 0 0 20px 0;
  line-height:140%;}

ul.news li span.date{
  font-weight:bold;}
  
  
table.contactForm td {
	padding: 4px 8px 4px 4px;
	font-size: 12px;
	vertical-align: top;
}
table.contactForm input,
table.contactForm textarea {
	border: 1px solid #999;
	width: 200px;
	padding: 2px;
	font: 12px Arial, Helvetica, sans-serif;
}
table.contactForm textarea {
	width: 400px;
	height: 150px;
}
table.contactForm .sendbutton input {
	width: 100px;
	background: #1d6d77;
	border: 1px solid #133f45;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
  

/* 3.3 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#cameraguy{
  background:url('images/cameraguy.gif') no-repeat top left;
  position:absolute;
  width:132px;
  height:192px;
  margin: -191px 0 0 -23px;}

#footer{
  background:#EFEFEF;
  padding: 13px 15px 10px 85px;
  border-top:1px solid #DFDFDF;}

#footer-left{
  float:left;
  width: 600px;}

#footer  a{
  text-decoration:none !important;}

#footer a:hover{
  text-decoration:underline !important;}

#footer ul{
  font-size:11px;
  padding: 0 0 8px 0;}

#footer ul li{
  float:left;
  padding: 0 4px;}

#footer ul li.last{
  border:none;}

#footer p{
  clear:both;
  padding: 0 0 5px 36px;
  font-size:1.1em;}

#footer p a{
  color:#000 !important;}

#footer a.group4ever{
  float:right;}


blockquote p
    {
    font-size: 1.2em;    
	font-style:italic;
	color:#226d77;
}

blockquote
    {
    padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin:0;
    font-size: 1.2em;    
		font-style:italic;
		color:#226d77;
}