@charset "utf-8";

/*
**  Volvic
**
**	SOCIAL.CSS | Twitter & Blog for 10L Campaign
**
*/

/*
**  FONT SIZE CHEAT
**  
**  16px : 133.4%
**  15px : 125%
**  14px : 116.7%
**  13px : 108.4%
**  12px : 100%
**  11px : 91.7%
**  10px : 83.4%
**   9px : 75%
**
*/


/* Main Visual
------------------------------------- */
#csr-1lf-social #mainv {
  margin-bottom:38px;
}


/* Summary
------------------------------------- */
#csr-1lf-social #summary {
  margin-bottom:25px;
  line-height:1;
}
#csr-1lf-social #summary h1 {
  margin-bottom:20px;
  padding-bottom:9px;
  border-bottom:1px solid #ccc;
}
#csr-1lf-social #summary h2 {
  margin-bottom:14px;
}


/* Twitter & Blog - Anchor Button
------------------------------------- */
#csr-1lf-social #btn-anchor {
  margin-bottom:27px;
  overflow:hidden;
}
#csr-1lf-social #btn-anchor ul li {
  float:left;
  margin-right:16px;
}
#csr-1lf-social #btn-anchor ul li:last-child {
  margin-right:0;
}


/* Section - Social01
------------------------------------- */
#csr-1lf-social #social01 {
  margin-bottom:30px;
  overflow:hidden;
}
#csr-1lf-social #social01 p {
  margin-bottom:1em;
}
#csr-1lf-social #social01 p:last-child {
  margin-bottom:0;
}
#csr-1lf-social #social01 p.img {
  float:left;
  margin-right:21px;
  margin-bottom:0;
}


/* Section - Social02
------------------------------------- */
#csr-1lf-social #social02 {
  margin-bottom:30px;
  padding:20px 15px;
  border:5px solid #b2edfb;
  overflow:hidden;
}
#csr-1lf-social #social02 h3 {
  margin-bottom:9px;
  line-height:1;
}
#csr-1lf-social #social02 h4 {
  margin-bottom:14px;
}
#csr-1lf-social #social02 .lcol {
  float:left;
  width:276px;
}
#csr-1lf-social #social02 .rcol {
  float:right;
  width:276px;
  padding-top:15px;
}


/* Section - Social03
------------------------------------- */
#csr-1lf-social #social03 {
  margin-bottom:30px;
  overflow:hidden;
}
#csr-1lf-social #social03 h3 {
  margin-bottom:12px;
  line-height:1;
}
#csr-1lf-social #social03 h4 {
  margin-bottom:10px;
}
#csr-1lf-social #social03 .lcol {
  float:left;
  width:295px;
}
#csr-1lf-social #social03 .lcol .inner01 {
  margin-bottom:34px;
}
#csr-1lf-social #social03 .lcol .inner02 {
  margin-bottom:15px;
}
#csr-1lf-social #social03 .rcol {
  float:right;
  width:295px;
  overflow:hidden;
}
#csr-1lf-social #social03 .rcol p {
  float:left;
  margin-bottom:10px;
}
#csr-1lf-social #social03 .rcol p:last-child {
  margin-left:11px;
}
* html #csr-1lf-social #social03 .rcol p:last-child {
  display:inline;
}


/* Section - Social04
------------------------------------- */
#csr-1lf-social #social04 {
  margin-bottom:30px;
  overflow:hidden;
}
#csr-1lf-social #social04 h3 {
  margin-bottom:12px;
  line-height:1;
}
#csr-1lf-social #social04 h4 {
  margin-bottom:10px;
}
#csr-1lf-social #social04 .lcol {
  float:left;
  width:295px;
}
#csr-1lf-social #social04 .rcol {
  float:right;
  width:295px;
}
#csr-1lf-social #social04 .rcol p {
  margin-bottom:15px;
}


/* Section - Social05
------------------------------------- */
#csr-1lf-social #social05 {
  margin-bottom:30px;
  padding-top:5px;
  background:url(../images/social/social-e-boxhead.gif) no-repeat 0 0;
  overflow:hidden;
}
#csr-1lf-social #social05-inner {
  padding-bottom:5px;
  background:url(../images/social/social-e-boxfoot.gif) no-repeat 0 bottom;
  overflow:hidden;
}
#csr-1lf-social #social05 h3 {
  margin-bottom:12px;
  line-height:1;
}
#csr-1lf-social #social05 h4 {
  margin-bottom:10px;
  line-height:1;
}
#csr-1lf-social #social05 .inner01 {
  padding-top:10px;
  padding-bottom:10px;
  padding-left:20px;
  padding-right:20px;
  background:#b2e0f6 url(../images/social/social-e-boxfoot.gif) no-repeat 0 bottom;
  overflow:hidden;
}
#csr-1lf-social #social05 .inner02 {
  margin-top:-7px;
  padding-top:15px;
  padding-bottom:10px;
  padding-left:20px;
  padding-right:20px;
  background:#b2e0f6 url(../images/social/social-e-boxhead.gif) no-repeat 0 0;
  overflow:hidden;
}
* html #csr-1lf-social #social05 .inner02 {
  position:relative;
  zoom:1;
}
#csr-1lf-social #social05 .arrow {
  position:relative;
  text-align:center;
  line-height:1;
  font-size:0;
  z-index:3;
}
#csr-1lf-social #social05 .lcol {
  float:left;
  width:275px;
}
#csr-1lf-social #social05 .rcol {
  float:right;
  width:275px;
}


/* Section - Social06
------------------------------------- */
#csr-1lf-social #social06 {
  margin-bottom:30px;
  overflow:hidden;
}
#csr-1lf-social #social06 h3 {
  margin-bottom:12px;
  line-height:1;
}
#csr-1lf-social #social06 h4 {
  margin-bottom:10px;
  line-height:1;
}
#csr-1lf-social #social06 .inner01 {
  margin-bottom:34px;
  overflow:hidden;
}
#csr-1lf-social #social06 .inner02 {
  overflow:hidden;
}
#csr-1lf-social #social06 .lcol {
  float:left;
  width:295px;
}
#csr-1lf-social #social06 .rcol {
  float:right;
  width:295px;
}


/* Section - How to Join Twitter for 10L
------------------------------------- */
#csr-1lf-social #join-twitter {
  margin-bottom:30px;
  padding:15px 15px 20px 15px;
  border:5px solid #82c9e3;
  background-color:#2ea5d1;
}
#csr-1lf-social #join-twitter h2 {
  margin-bottom:13px;
}
#csr-1lf-social #join-twitter h3 {
  margin-bottom:10px;
}
#csr-1lf-social #join-twitter h4 {
  margin-bottom:10px;
  line-height:1;
}
#csr-1lf-social #join-twitter a.externalLink {
  color:#fff;
  text-decoration:underline;
}
#csr-1lf-social #join-twitter .inner01 {
  margin-bottom:20px;
  line-height:1.6;
  color:#fff;
  overflow:hidden;
}
#csr-1lf-social #join-twitter .inner01 .lcol {
  float:left;
  width:170px;
}
#csr-1lf-social #join-twitter .inner01 .rcol {
  float:right;
  width:380px;
}
#csr-1lf-social #join-twitter .inner01 .boy {
  padding-top:10px;
  color:#333;
  overflow:hidden;
}
#csr-1lf-social #join-twitter .inner01 .boy .img {
  float:left;
  width:73px;
}
#csr-1lf-social #join-twitter .inner01 .boy .text {
  float:right;
  width:249px;
  min-height:61px;
  height:auto !important;
  height:61px;
  padding:12px 12px 0 30px;
  background:url(../images/social/social-twitter-boy-balloon.gif) no-repeat 0 0;
}
#csr-1lf-social #join-twitter .inner02 {
  padding-top:20px;
  color:#fff;
}
#csr-1lf-social #join-twitter .inner02 a {
  color:#fff;
  text-decoration:underline;
}
#csr-1lf-social #join-twitter .inner02 p {
  margin-bottom:0.5em;
}
#csr-1lf-social #join-twitter ul.note-normal li {
  text-indent:-2.4em;
  margin-left:2.4em;
  font-size:10px;
}
.twitter li {
  font-size:10px;
  color:#666666;
}

.twitter li span {
  padding:0 0 0 10px;
}


/* Section - How to Join Blog for 10L
------------------------------------- */
#csr-1lf-social #join-blog {
  margin-bottom:30px;
  padding:15px 15px 20px 15px;
  border:5px solid #82c9e3;
  background-color:#2ea5d1;
}
#csr-1lf-social #join-blog h2 {
  margin-bottom:13px;
  line-height:1;
}
#csr-1lf-social #join-blog h3 {
  margin-bottom:10px;
  line-height:1;
}
#csr-1lf-social #join-blog h4 {
  margin-bottom:10px;
  padding-top:13px;
  line-height:1;
}
#csr-1lf-social #join-blog .inner01 {
  margin-bottom:20px;
  line-height:1.6;
  color:#fff;
  overflow:hidden;
}
#csr-1lf-social #join-blog .inner01 .lcol {
  float:left;
  width:170px;
}
#csr-1lf-social #join-blog .inner01 .rcol {
  float:right;
  width:380px;
}
#csr-1lf-social #join-blog .inner01 a {
  color:#fff;
  text-decoration:underline;
}
#csr-1lf-social #join-blog .inner01 ul.arrow {
  margin-top:0.5em;
}
#csr-1lf-social #join-blog .inner01 .blogcode {
  padding:3px 3px 3px 6px;
  width:371px;
  height:54px;
  background:url(../images/social/social-blog-blogcode-bg.gif) no-repeat 0 0;
}
#csr-1lf-social #join-blog .inner01 .blogcode textarea {
  width:371px;
  height:54px;
  color:#666;
  border:none;
  border-color:#fff;
  overflow:hidden;
  font-size:10px;
  line-height:1.4;
}
#csr-1lf-social #join-blog .inner02 {
  padding-top:20px;
  color:#fff;
}
#csr-1lf-social #join-blog .inner02 a {
  color:#fff;
  text-decoration:underline;
}
#csr-1lf-social #join-blog .inner02 p {
  margin-bottom:0.5em;
}
#csr-1lf-social #join-blog ul.arrow {
  margin-bottom:1em;
  padding-left:15px;
  background:url(../images/social/social-bullet-arrow01.gif) no-repeat left center;
}
#csr-1lf-social #join-blog ul.note-small li {
  text-indent:-2.4em;
  margin-left:2.4em;
  font-size:83.4%;
}


/* Section - Postal Contributions
------------------------------------- */
#csr-1lf-social #postal {
  padding:18px 15px;
  line-height:1.8;
  border:5px solid #e5e5e5;
}
#csr-1lf-social #postal h3 {
  margin-bottom:18px;
  line-height:1;
}
#csr-1lf-social #postal table {
  margin-bottom:1em;
}
#csr-1lf-social #postal table th {
  padding-right:1em;
  white-space:nowrap;
}
#csr-1lf-social #postal table td {
  white-space:nowrap;
}
#csr-1lf-social ul.note-normal li {
  text-indent:-1.4em;
  margin-left:1.4em;
}


/* Section - Blog Seal
------------------------------------- */
html {
background:#fff !important;
}

#csr-1lf-seal {
height:100%;
text-align:center;
}

#sealContent {
width:390px;
margin:0 auto;
padding:20px 0;
}

/* Section - SocialMedia Policy
------------------------------------- */
#csr-1lf-policy {
padding:30px 0;
}

#policyContent {
  width:600px;
  text-align:left;
  margin:0 auto;
}

#policyContent h2 {
  line-height:36px;
}

#policyContent h3 {
  margin-bottom:1em;
  padding:0.5em 0 0.3em 1em;
  background:url(../images/bg-dot-tile-01.gif) repeat 0 0;
  font-weight:bold;
  color:#444;
}

#policyContent p {
  font-size:100%;
  line-height:2;
}

.policyList p {
  font-size:100%;
  line-height:2;
  padding:0 0 10px 0;
}