/*
Theme Name:		Meet The Pear, Mr. Pear
Theme URI:		http://www.redPear.com
Description:	redPear rox the hisouse!
Author:			April Holle
Author URI:		http://www.aprilholle.com/
*/

/*
Styles for redPear
Created by April Holle on 2009-09-29
Copyright (c) 2009 Made Better Studio. All rights reserved.

Bookmarking:
==layout
==common
==form

Colors:
Dark Gray - #343434
Med. Gray - #727272
Light Gray - #c4c4c4
Red - #d31145
*/


/* ==layout */

html {width: 100%; height: 100%; margin: 0; padding: 0;}
body {width: 100%; height: 100%; margin: 0; padding: 0; background: url('images/bg-body.gif'); font-family: "Century Gothic", "Avant Garde", "Avant Garde Gothic", Tahoma, Helvetica, sans-serif; color: #343434; font-size: .8em;}

#container {width: 974px; margin: 0 auto;}
#home #container {width: 974px; margin: 0 auto; background: url('images/bg-body-hm.png') repeat-y top center;}

#main-whoweare #container-hdr {height: 479px; margin: 0 0 -20px 0; background: url('images/bg-whoweare.png') no-repeat; padding: 25px 45px 0 45px;}
#sub-whoweare #container-hdr {height: 110px; margin: 0 0 -8px 0; background: url('images/bg-whoweare-sub.png') no-repeat; padding: 10px 45px 0 45px;}
#main-whatwedo #container-hdr {height: 479px; margin: 0 0 -20px 0; background: url('images/bg-whatwedo.png') no-repeat; padding: 25px 45px 0 45px;}
#sub-whatwedo #container-hdr {height: 110px; margin: 0 0 -8px 0; background: url('images/bg-whatwedo-sub.png') no-repeat; padding: 10px 45px 0 45px;}
#main-howwedoit #container-hdr {height: 479px; margin: 0 0 -20px 0; background: url('images/bg-howwedoit.png') no-repeat; padding: 25px 45px 0 45px;}
#sub-howwedoit #container-hdr {height: 110px; margin: 0 0 -8px 0; background: url('images/bg-howwedoit-sub.png') no-repeat; padding: 10px 45px 0 45px;}

#branding {float: left; width: 270px;}
#testimonial {float: right; width: 450px; margin-top: 35px;}

#container-body {position: relative; width: 890px; margin: 0 auto;}
#home #container-body {position: relative; width: 974px; min-height: 560px; margin: 0 auto; padding: 55px 0 0 0; background: url('images/bg-home.png') no-repeat bottom center;}

.col-34 {width: 590px; margin: 40px 48px 20px 0;}
.col-14 {float: right; width: 252px; margin: 40px -15px 20px 0;}
#home .col-34 {width: 425px; margin: 0 0 0 470px; min-height: 610px;}
#home .col-14 {float: left; width: 300px; margin: 0 0 0 95px;}

#nav-home-desc-who, #nav-home-desc-how, #nav-home-desc-what { width: 235px; padding: 18px; background-color: #fff; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}

.indented-content {margin: 0 0 0 110px;}
.sub-section-nav-ftr { margin-bottom: 20px;}
.sub-section-nav-hdr, .sidebar-hdr {width: 252px; height: 37px; padding: 30px 0 0 0; background: url('images/bg-subnav-header.png') top left no-repeat; text-align: center;}
.sub-section-nav-body, .sidebar-body { padding: 0 20px; background: url('images/bg-subnav.png') repeat-y center; font-size: .9em;}

.sub-section-nav-body h4 {text-align: center; margin: 0; padding: 14px 0 0 0; text-transform: uppercase; color: #d31145; font-weight: bold; background: url('images/bg-subnav.png') repeat-y center; font-size: 1.1em;}

.sidebar-body {padding: 0 30px;}

#footer {clear: both; height: 20px; padding: 20px 20px; background-color: #343434; font-size: .8em; color: #c4c4c4; text-transform: uppercase;}
#home #container-ftr {width: 924px; margin: 0 auto;}

#copyright {float: left; width: 400px;}
#credits {float: right; width: 400px; text-align: right;}

/* ==common */

a {outline: 0;}
a img {border: 0;}
a:link, a:visited {color: #d31145; text-decoration: none;}
a:hover {text-decoration: underline;}

h1 {display: table-cell; height: 162px; padding:0 0 0 62px; background: url('images/bg-pgheader.png') no-repeat left center; font-style: italic; font-weight: bold; vertical-align: middle; color: #d31145;}
#home h1 {display: block; height: auto; padding: 0; background: transparent; font-size: 1.6em; font-style: none; color: #363636;}
h2 {margin: 14px 0 0 0; font-size: 1.4em; color: #d31145;}
#home h2 {margin: 0; padding: 0; font-size: 1.2em; color: #363636;}
h3 {margin: 14px 0 0 0; font-size: 1.1em; }
h4 {margin: 0; padding: 14px 0 0 0; text-transform: uppercase; color: #d31145; font-weight: bold;}


p {line-height: 1.6em; margin: 0 0 10px 0;}

ul {list-style-image: url('images/bullet.gif'); margin: 5px 0 10px 25px; padding: 0;}

ul#nav-home {margin: 0 0 25px 0; padding: 0; list-style-image: url('images/bullet-arrow.png'); list-style-position:inside;}
ul#nav-home li {padding: 0 10px; width: 160px;}
ul#nav-home li:hover {background:url('images/bg-homenav-on.png');}
ul#nav-home li a:link, ul#nav-home li a:visited {display: inline-block; padding: 5px 0; color: #363636;}
ul#nav-home li a:hover {text-decoration: none;}

.sub-section-nav-body ul {margin: 0; padding: 0; list-style: none; background:url('images/bg-subnav-item.png') top center no-repeat;}
.sub-section-nav-body ul li {background:url('images/bg-subnav-item.png') bottom center no-repeat; list-style-image: none; }
.sub-section-nav-body ul li a:link, .sub-section-nav-body ul li a:visited {display: block; padding: 10px 15px; color: #343434;}
.sub-section-nav-body ul li a:hover, .sub-section-nav-body ul li a.on:link, .sub-section-nav-body ul li a.on:visited {text-decoration: none; background: url('images/bg-subnav-on.png') repeat-y;}

ul#nav-main {margin: 0; padding: 0; list-style: none;height: 63px;}
ul#nav-main li {float: left;  list-style-image: none; }
ul#nav-main li a {display: inline-block; height: 63px;}
li a#nav-main-home:link, li a#nav-main-home:visited {width: 223px; background: url('images/bg-mainnav-home.png') bottom left no-repeat;}
li a#nav-main-people:link, li a#nav-main-people:visited {width: 221px; background: url('images/bg-mainnav-people.png') bottom left no-repeat;}
li a#nav-main-culture:link, li a#nav-main-culture:visited {width: 221px; background: url('images/bg-mainnav-culture.png') bottom left no-repeat;}
li a#nav-main-news:link, li a#nav-main-news:visited {width: 223px; background: url('images/bg-mainnav-news.png') bottom left no-repeat;}
li a#nav-main-cloud:link, li a#nav-main-cloud:visited {width: 221px; background: url('images/bg-mainnav-cloud.png') bottom left no-repeat;}
li a#nav-main-farm:link, li a#nav-main-farm:visited {width: 221px; background: url('images/bg-mainnav-farm.png') bottom left no-repeat;}
li a#nav-main-next:link, li a#nav-main-next:visited {width: 223px; background: url('images/bg-mainnav-next.png') bottom left no-repeat;}
li a#nav-main-devproj:link, li a#nav-main-devproj:visited {width: 221px; background: url('images/bg-mainnav-devproj.png') bottom left no-repeat;}
li a#nav-main-agency:link, li a#nav-main-agency:visited {width: 221px; background: url('images/bg-mainnav-agency.png') bottom left no-repeat;}
li a#nav-main-jazz:link, li a#nav-main-jazz:visited {width: 223px; background: url('images/bg-mainnav-jazz.png') bottom left no-repeat;}
li a#nav-main-home:hover, li a#nav-main-people:hover, li a#nav-main-culture:hover, li a#nav-main-news:hover, li a#nav-main-cloud:hover, li a#nav-main-farm:hover, li a#nav-main-next:hover, li a#nav-main-devproj:hover, li a#nav-main-agency:hover, li a#nav-main-jazz:hover{background-position: 0 0;}

ul#nav-drop-home {position: absolute; visibility: hidden; z-index: 100; width: 220px; margin: -4px 0 0 3px; padding: 0; list-style: none; background-color: #333; border-top: #4d4d4d 1px solid;}
ul#nav-drop-home li {border-top: 1px solid #191919; border-bottom: 1px solid #4d4d4d;  list-style-image: none; }
ul#nav-drop-home li a:link, ul#nav-drop-home li a:visited {display: block; height: 18px; padding: 10px 0; text-align: center; text-transform: uppercase; color: #c4c4c4;}
ul#nav-drop-home li a:hover {background: url('images/bg-dropnav-on.png') top center repeat-y; text-decoration: none;}
ul#nav-drop-home li.last {border-bottom: none;}

#testimonial img {float: left; width: 75px; border: 1px solid #cdcdcd;}
#testimonial #review{float: right; width: 365px; margin: 5px 0 0 0; font-family: Georgia, Serif; font-style: italic; color: #727272; text-align: justify;}
#testimonial #reviewer {margin-right: -10px; text-align: right; color: #d31145; font-size: .9em;}

ul#feed {margin: 0; padding: 0; border-top: 1px dotted #c2c1be; list-style: none;}
ul#feed li {padding: 10px 0 0 0; border-bottom: 1px dotted #c2c1be; font-size: 1.1em;}

ul#feed .message {font-family: Georgia, Serif; font-style: italic; color: #727272; text-align: justify;}
ul#feed .time {font-family: Georgia, Serif; font-style: italic;  text-align: right; color: #d31145; font-size: .9em;}

.sub-section-nav-ftr img, .sidebar-ftr img {vertical-align: top;}

.sidebar-body p {margin: 0; padding: 10px 0;}

.highlight {color: #d31145;}

.fade {background-image: url(/images/2.png); display:none; position:absolute; left:0; top:-162px; width:116px; height:175px; font-size: 1.2em; font-weight: bold; color: #EEEEEE;}