/*
Theme Name: pingg
Theme URI: http://www.pingg.com/content/
Description: A theme for the pingg.com website
Version: 1.0.0
Author: Ping Development
Author URI: http://www.pingg.com/
Tags: pingg

  ping v1.0.0
  http://www.pingg.com/content/

  This theme was designed and built by Ping Development,
  whose website you will find at http://www.pingg.com/

*/

/* =CMS STYLES
----------------------------------------------------*/
#cms #container {
  min-height: 100%;
}
#cms {
  font-family: Arial, sans-serif;
}
#cms #main-content {
  margin-bottom: 15px;
  padding-right: 22px;
  float: right;
  width: 728px;
  background-color: #FFF;
}
#cms #main-content h2 {
  clear: both;
}
#cms #main-content h2#section-title {
  margin: 0 0 20px;
  padding: 15px 0 5px 25px;
  font-size: 1.825em;
  font-weight: normal;
  line-height: 1.1;
  color: #006eac;
  border-bottom: 1px solid #EEE;
  background: transparent url(images/section-title-bg.png) no-repeat 0 0;
  text-transform: lowercase;
}
#cms #main-content h2#article-title {
  margin: 0 0 0 337px;
  color: #489cd5;
  font-weight: normal;
  font-size: 1.65em;
  line-height: 1;
}
#cms #main-content .post h2 a {
  font-weight: normal;
}
#cms #main-content h2 a,
#cms #main-content h2 a:link,
#cms #main-content h2 a:visited,
#cms #wp-calendar caption,
#cms cite {
  text-decoration: none;
  color: #006eac;
}
#cms #main-content h2 a:hover,
#cms #main-content h2 a:focus,
#cms #main-content h2 a:active {
  color: #666;
}
#cms #main-content h3 {
  margin-top: 5px;
  padding: 0 0 0 25px;
  font-size: 1.1em;
  font-weight: normal;
}
#cms #main-content .entry h3 {
  padding: 0;
  font-size: 1.3em;
  line-height: 1.1;
}
#cms #main-content h4 {
  padding: 0 0 0 25px;
}
#cms #main-content p {
  margin: 1.2em 0;
  font-size: 1.05em;
  line-height: 1.6;
  color: #696969;
}
#cms #main-content p.error {
  padding: 0 0 0 25px;
}
#cms #main-content ul,
#cms #main-content ol {
  margin: 0 0 0 40px;
  padding: 0 0 0 0;
}
#cms #main-content small {
  padding: 0 0 0 25px;
}
.post {
  clear: both;
  padding-bottom: 20px;
}
.entry {
  padding: 0 25px 0 25px;
}
#cms #main-content a,
#cms #main-content a:link,
#cms #main-content a:visited {
  /*font-weight: bold;*/
  color: #489cd5;
  text-decoration: none;
}
#cms #main-content .post a {
  font-weight: normal;
}
#cms #main-content a:hover,
#cms #main-content a:focus,
#cms #main-content a:active {
  color: #696969;
  text-decoration: none;
}
#cms #main-content ul,
#cms #main-content ol {
  font-size: 1.1em;
  line-height: 1.6;
}
#cms #main-content ul {
  padding: 0 0 0 15px;
}
#cms #main-content ol {
  padding: 0 0 0 20px;
}

/* =BREADCRUMBS
----------------------------------------------------*/
#cms #main-content p#breadcrumbs {
  margin: 0;
  padding: 0 0 7px;
  color: #006EAD;
  text-transform: lowercase;
  font-size: 10px;
}
#cms #main-content p#breadcrumbs a:link,
#cms #main-content p#breadcrumbs a:visited {
  color: #489CD5;
}
#cms #main-content p#breadcrumbs a:hover,
#cms #main-content p#breadcrumbs a:focus,
#cms #main-content p#breadcrumbs a:active {
  color: #696969;
  text-decoration: none;
}

/* =SEARCH
----------------------------------------------------*/
#cms #main-content div.search-result {
  margin-bottom: 20px;
  border-bottom: 1px solid #EFEFEF;
}
#cms #main-content div.search-result h2 {
  padding-left: 25px;
}
#cms #main-content div.search-result p.postmetadata {
  margin-bottom: 0;
  padding-left: 25px;
}
#cms form#searchform,
#cms #sidebar ul li form#searchform {
  position: relative;
  margin-bottom: 30px;
}
#cms form#searchform label,
#cms #sidebar ul li form#searchform label {
  position: absolute;
  left: -9999px;
}
#cms form#searchform #s,
#cms #sidebar ul li form#searchform #s {
  width: 100px;
  height: 20px;
  border: 1px solid #CCC;
}
#cms #sidebar ul li form#searchform #searchsubmit {
  position: absolute;
  top: 3px;
  right: -10px;
}
#cms #main-content form#searchform #s {
  width: 250px;
}
#cms #main-content form#searchform #searchsubmit {
  position: absolute;
  top: 3px;
  left: 290px;
}
#cms #main-content form#searchform {
  padding-left: 25px;
}

/* =CMS NAVIGATION
----------------------------------------------------*/
#cms #main-content .navigation  {
  clear: both;
  font-size: 1.2em;
  float: right;
  color: #489cd5;
}
#cms .navigation .prev {
  float: left;
}
#cms .navigation .next {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #78BEF0;
  float: left;
}

/* =CMS SIDEBAR
----------------------------------------------------*/
#cms #sidebar {
  margin: 20px 0 200px 10px;
  padding: 0;
  float: left;
  width: 173px;
  background-color: #FFF;
}
#cms #sidebar h2 {
  margin: 0;
  padding: 4px 0 0 10px;
  font-size: 1.1em;
  color: #A1AAAD;
  line-height: 1.4;
  background: transparent url(images/second_menu_inactive_bg.jpg) no-repeat 0 0;
  height: 19px;
  text-transform: lowercase;
  font-weight: normal;
}
#cms #sidebar ul,
#cms #sidebar ul ol {
  margin: 0;
  padding: 0;
}
#cms #sidebar ul li {
  margin-bottom: 0;
  list-style-type: none;
  list-style-image: none;
  /*margin-bottom: 15px;*/
}
#cms #sidebar ul p,
#cms #sidebar ul select {
  margin: 5px 0 8px;
}
#cms #sidebar ul ul,
#cms #sidebar ul ol {
  margin: 0;
}
#cms #sidebar ul ul ul,
#cms #sidebar ul ol {
  margin: 0 0 0 10px;
}
#cms ol li,
#cms #sidebar ul ol li {
  list-style: decimal outside;
}
#cms #sidebar ul ul li,
#cms #sidebar ul ol li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #F0F0F0;
  text-indent: 0;
}
#cms ul ul li {
  margin-left: 0px;
  padding-left: 10px;
  text-indent: -10px;
}
#cms #sidebar ul ul li a,
#cms #sidebar ul ol li a,
#cms #sidebar ul ul li a:link,
#cms #sidebar ul ol li a:link,
#cms #sidebar ul ul li a:visited,
#cms #sidebar ul ol li a:visited {
  display: block;
  padding: 6px 0 6px 40px;
  color: #A1A9AE;
}
#cms #sidebar ul ul li a:hover,
#cms #sidebar ul ol li a:hover,
#cms #sidebar ul ul li a:focus,
#cms #sidebar ul ol li a:focus,
#cms #sidebar ul ul li a:active,
#cms #sidebar ul ol li a:hover,
#cms #sidebar ul ul li a.current,
#cms #sidebar ul ol li a.current {
  background:transparent url(images/disc.jpg) no-repeat scroll 27px 4px;
  color: #78BEF0;
  text-decoration: none;
}
.navigation {
  text-transform: lowercase;
}
#cms #sidebar ul li {
  margin-bottom: 10px;
}
#cms #sidebar h2.content-link a {
  margin-bottom: 2px;
  color: #FFF;
  display: block;
}
#cms #sidebar h2.content-link {
  margin-bottom: 2px;
  background: transparent url(images/second_menu_active_bg.jpg) no-repeat 0 0;
  color: #FFF;
  position: relative;
}
#cms #sidebar h2.content-link a.rss-icon {
  margin: 0;
  padding: 4px 5px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
  
}
#cms #sidebar h2.content-link a.pingg-blog {
  width: 140px;
}


/*
#cms #sidebar a,
#cms #sidebar a:link,
#cms #sidebar a:visited {
  color: #006eac;
  text-decoration: none;
}
#cms #sidebar a:hover,
#cms #sidebar a:focus,
#cms #sidebar a:active {
  color: #333;
  text-decoration: underline;
}
*/


/* =IMAGE STYLES
----------------------------------------------------*/
#cms p img {
  padding: 0;
  max-width: 100%;
}
/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */
#cms img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#cms img.alignright {
  margin: 0 0 2px 7px;
  padding: 4px;
  display: inline;
}
#cms img.alignleft {
  margin: 0 7px 2px 0;
  padding: 4px;
  display: inline;
}
#cms #main-content .wp-caption {
  margin: -17px 0 2px 0;
  padding: 0 27px 0 0;
}
#cms #main-content img.alignleft {
  margin: -30px 0 2px 0;
  padding: 0 38px 0 0;
}
#cms #main-content p.wp-caption-text {
  margin: 0;
  color: #999;
  font-size: .95em;
}
#cms .alignright {
  float: right;
}
#cms .alignleft {
  float: left;
}
#cms #main-content #content-listing .entry p.thumb {
  margin: -34px 27px 0 0;
  float: left;
  border: 1px solid #EEE;
  background-color: #FFF;
  padding: 5px;
  width: 175px;
  /*position: relative;
  top: -34px;*/
}

/* =FRIENDS OF PINGG AND PRESS
----------------------------------------------------*/
#cms #main-content div.friends-of-pingg {
  padding: 0 0 30px 27px;
  clear: left;
}
#cms #main-content .post div.friends-of-pingg a {
  font-weight: normal;
}
#cms div.friends-of-pingg dl {
  margin: 0 27px 30px 0;
  width: 185px;
  float: left;
  text-transform: lowercase;
}
#cms div.friends-of-pingg dt {
  margin: 0 0 10px;
  font-size: 1.3em;
}
#cms div.friends-of-pingg dd {
  margin: 0 0 10px 30px;
  font-size: 1.1em;
}
#cms #main-content #friends-of-pingg h3 {
  margin: 0;
  padding: 10px 0 7px 25px;
  font-size: 1.275em;
  clear: both;
}
#cms #main-content #friends-of-pingg h4 {
  margin: 0;
  padding: 10px 0 10px 25px;
  clear: left;
}
#cms #main-content #friends-of-pingg ul {
  margin: 0;
  padding: 0 0 0 25px;
}
#cms #main-content #friends-of-pingg ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#cms #main-content #friends-of-pingg img.alignleft {
  margin: 0;
  padding: 0;
}
#cms #main-content #friends-of-pingg img {
  float: left;
}
#cms #main-content #friends-of-pingg #consumer-press h3 {
  margin: 0;
  padding: 0 0 10px 26px;
  font-size: 18px;
  clear: both;
  color: #489cd5;
}
#cms #main-content #friends-of-pingg #consumer-press ul {
	border-bottom: 1px solid #E7E8E8;
	min-height: 1380px;
}
#cms #main-content #friends-of-pingg #business-press h3 {
  margin: 0;
  padding: 20px 0 10px 26px;
  font-size: 18px;
  clear: both;
  color: #489cd5;
  }
#cms #main-content #friends-of-pingg #business-press ul {
	border-bottom: 1px solid #E7E8E8;
	min-height: 450px;
}
#cms #main-content #friends-of-pingg #pr-press h3 {
  margin: 0;
  padding: 20px 0 10px 26px;
  font-size: 18px;
  clear: both;
  color: #489cd5;
  }
#cms #main-content #friends-of-pingg #pr-press ul {
	border-bottom: 0;
	min-height: 200px;
}
#cms #main-content .press-stories h3 {
  padding: 0;
  color: #489cd5;
  font-size: 1.5em;
  line-height: 1;
}
#cms #main-content .press-stories {
  padding: 0 0 0 25px;
  clear: both;
}
#cms #main-content .press-image {
  width: 187px;
  float: left;
}
#cms #main-content .press-details {
  padding: 15px 20px 0 27px;
  width: 450px;
  float: left;
  border-bottom: 1px solid #EFEFEF;
}
/* =JOBS
----------------------------------------------------*/
#cms #main-content #jobs h3 {
  margin: 0;
  padding: 10px 0 0 26px;
  font-size: 18px;
  clear: both;
  color: #489cd5;
}
#cms #main-content #jobs #listing {
  padding: 0 30px 15px 37px;
  clear: both;
  border-bottom: 1px solid #EFEFEF;
}
#cms #main-content #jobs #listing-last {
  padding: 15px 30px 15px 37px;
  clear: both;
  border-bottom: 0;
}
#cms #main-content #jobs {
  margin: 1.2em 0;
  font-size: 1.05em;
  line-height: 1.6;
  color: #696969;
}
#cms #main-content #jobs ul {
  margin: 1.2em 0;
  font-size: 1.05em;
  line-height: 1.6;
  color: #696969;
  padding-left: 20px;
}


/* =HOME PAGE AND ARCHIVE STYLES
----------------------------------------------------*/
#cms #content-listing {
 /*padding-top: 20px;*/
}
#cms #main-content #content-listing .entry {
  margin: 0 0 20px 0;
  padding: 0 25px 20px 25px;
  clear: left;
  border-bottom: 1px solid #EFEFEF;
}
#cms #main-content #content-listing .post {
  padding-bottom: 0;
}
/*#cms div#main-content div#content-listing h2 {
 margin-left: 238px;
 padding-left: 0;
}*/
#cms #main-content #content-listing h2,
#cms #main-content #content-listing .entry h2 {
  margin: 0 0 2px 238px;
  padding: 0;
  font-size: 1.65em;
  font-weight: normal;
  line-height: 1.1;
  clear: none;
}
#cms #main-content #content-listing h2 a,
#cms #main-content #content-listing .entry h2 a {
  color: #489cd5;
}
#cms #main-content #content-listing h2 a:hover,
#cms #main-content #content-listing .entry h2 a:hover {
  color: #696969;
  text-decoration: none
}
#cms #main-content #content-listing .entry h3 {
  margin: 0;
  font-weight: normal;
  font-size: 1.25em;
  color: #696969;
  line-height: 1.1;
}
#cms #main-content #content-listing .entry p {
  color: #696969;
}
#cms #main-content #content-listing .entry .homepage-image {
  margin-right: 20px;
}
#cms #main-content #content-listing .entry p.read-more {
  margin: 25px 0 0;
  text-transform: lowercase;
}

/* =PARTNER AND PINGG IN THE NEWS
----------------------------------------------------*/
#cms #main-content .partner h3 {
  margin: 18px 0 30px;
  padding: 0;
  color: #489cd5;
  font-size: 1.5em;
}
#cms #main-content .partner {
  padding: 0 0 0 25px;
  clear: both;
  border-bottom: 1px solid #EFEFEF;
}
#cms #main-content .partner-image {
  width: 187px;
  float: left;
}
#cms #main-content .partner-overview {
  padding: 0 20px 0 27px;
  width: 450px;
  float: left;
}
body #cms #main-content .publication {
  border: 0;
}
body #cms #main-content .publication .partner-overview {
  padding-left: 0;
}

/* =CLEARFIX
----------------------------------------------------*/
/* add this to the clear fix class*/
#cms #main-content #content-listing .entry:after,
#cms #main-content .partner:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

#cms .index_logo
{
  clear: both;
  margin-top:  -84px;
  float: right;
}

#cms .attribution {
  font-size: 1.05em;
  padding-top: 2px;
  margin: 1.2em 0 -0.8em;
}