/* -------------------------------------------------------------
 *	COMMUNITY
 *
 *  This style sheet manages the Community Section
 * -------------------------------------------------------------
 */

h2.banner{
	color: #fff;
	font-size: 1.6em;
	position: absolute;
	top: 7px;
	left: 30px;
}

.shadow {
	text-align: center;
	margin: 10px 0;
}

.rounded-box.small-font p, .rounded-box.small-font img.video {
	margin: 10px;
	line-height: 1.8em;
}

.community-row, .respekt-row {
	margin-top: 20px;
}

/* set a fixed height for the first row elements on the home page */
.community-row .rounded-box-wrap-dark.fixed-height {
	height: 125px;
}

/* set a fixed height for the first row elements on the respekt page */
.respekt-row .rounded-box-wrap-dark.fixed-height {
	height: 325px;
}

.rounded-box-wrap-dark .row {
	margin-bottom: 12px;
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

.respekt-row .col-1, .respekt-row .col-2,
.community-row .col-1, .community-row .col-2,
.rounded-box-wrap-dark .row .left, .rounded-box-wrap-dark .row .right,
.rounded-box-wrap-dark .row .icon, .rounded-box-wrap-dark .row .text {
	float: left;
	display: inline; /* IE6 double margin hack */
}

.rounded-box-wrap-dark .row .left {
	width: 300px;
	margin-right: 12px;
}

.rounded-box-wrap-dark .row .right {
	width: 300px;
}

.rounded-box-wrap-dark .row .icon {
	width: 35px;
	margin-right: 12px;
}

.rounded-box-wrap-dark .row .text {
	width: 253px;
}

.community-row .col-1 {
	width: 660px;
	margin-right: 14px;
}

.community-row .col-2 {
	width: 286px;
}

.respekt-row .col-1, .respekt-row .col-2 {
	width: 471px;
}

.respekt-row .col-1 {
	margin-right: 18px;
}

.respekt-row .col-1 .rounded-box-wrap-dark p {
	margin-bottom: 9px;
	line-height: 1.6em;
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

.respekt-row .col-1 .rounded-box-wrap-dark h2 {
	margin-bottom: 9px;
	font-weight: bold;
}

.small-feeds {
	float: right;
	display: inline; /* IE6 double margin hack */
}

.small-feeds a {
	float: left;
	display: inline; /* IE6 double margin hack */
	padding-right: 12px;
}

/* Get Newsletter Form */
/* For IE7 or less, this input tag must be wrapped in a div or a
   padding of 10px will be added to the left. Huh? Stupid Microsoft. */
#get-newsletter-form .inputs {
	margin: 10px 0;
}

#get-newsletter-form #get-newsletter {
	width: 234px;
	float: none !important;
}

#get-newsletter-form .get-newsletter-form-controls a {
	float: left;
	display: inline; /* IE6 double margin hack */
	width: 120px;
	padding-right: 12px;
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

.get-newsletter-form-controls button {
	float: right;
	display: inline; /* IE6 double margin hack */
}

/* Twitter */
#tweets ul {
	margin-bottom: 12px;
}

#tweets ul li {
	line-height: 1.6em;
}

/* Cricket Nation */
#feeds {
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	padding: 20px;
}

#feeds .feed-header {
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 10px;
}

#feeds .feed-icons, #feeds .message, #feeds .message div {
	float: left;
	display: inline; /* IE6 double margin hack */
}

#feeds .feed {
	padding: 10px;
}

#feeds .feed-icons {
}

#feeds .message {
}

#feeds .message div {
	padding: 0 9px;
	font-size: .825em !important; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

#feeds .date {
	color: #727272;
}

#feeds .alt{
	background-color: #e1e2e2;
}

#community-cricket-nation-header .icon,
#community-cricket-nation-header .text {
	float: left;
	display: inline; /* IE6 double margin hack */
}

#community-cricket-nation-header .icon {
	margin-top: 6px;
	width: 27px;
}

#community-cricket-nation-header .text {
	margin-top: 12px;
	width: 150px;
}

#our-feed {
	position: absolute;
	right: 30px;
	top: 11px;
	width: 90px;
	text-align: right;
	color: #fff;
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

#our-feed img {
	vertical-align: middle;
}

/* Facebook iframe Styles */
/* we'll have to use js to update the DOM to use this. */
.UIIntentionalStory_Message, .UIIntentionalStory .location {
	font-size: 1em !important; /* Equivalent for 12pt at 96 ppi */
}

.UIStoryAttachment_Copy {
	font-size: .825em !important; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
	line-height: 1.6em !important;
}

/* "Looking for your Community" Bar */
#zipcode {
	background: url(/images/misc/community-lookup-bar.png) no-repeat;
	margin: 10px auto;
	position: relative;
	height: 44px;
	width: 944px;
}

#zipcode-mine {
	background: url(/images/misc/community-my-community.jpg) no-repeat;
	height: 329px;
	padding-bottom: 20px;
	width: 953px;
}

#zipcode fieldset, #zipcode-mine fieldset {
	position: absolute;
	vertical-align: middle;
}

#zipcode fieldset {
	top: 10px;
	left: 512px;
}

#zipcode-mine fieldset {
	top: 280px;
	left: 50px;
}

#zipcode form input.text-input, #zipcode-mine form input.text-input
{
	margin-right: 10px;
}

/* My Community */
.mine {
	top: 195px;
	position: absolute;
	left: 50px;
}

.mine h2 {
	font-weight: bold;
	line-height: 1.3em;
	font-size: 1.15em;
	padding-bottom: 8px;
}

.nav-community-wrapper .round-header-wrapper {
	margin-bottom: 10px;
}

/* Rebuilding Together */

#rebuild-left-col {
	margin-right:8px;
	margin-left: 14px;
	width:370px;
}

#rebuild-right-col {
	margin-right:5px;
	margin-left: 15px;
	width: 547px;
}

#rebuild-right-col p {
	margin-bottom: 15px;
	line-height: 1.55em;
}

.rebuild-image {
	padding: 5px 0 0 10px;
}

.rebuild-logo {
	padding: 30px 0;
}

.rebuild h2{
	font-size:2em;
	line-height:1em;
	color: #999;
	padding:10px 0 5px;
}

.rebuild h3 {
	font-size:1.4em;
	color: #999;
	padding:0 0 20px 0;
}

.rebuild h4 {
	font-size: 1.1em;
	color: #d64d09;
	font-weight:lighter;
	padding-bottom:5px;
}

#rebuild-right-col, #rebuild-left-col {
	float: left;
	display: inline; /* IE6 double margin hack */
}

/* Special offers */

.special-offer {
	padding: 5px 2px;
}

.special-offer-detail-image {
	float: left;
	clear:none;
	display: inline; /* IE6 double margin hack */
	padding: 0 25px 25px 0;
}

.special-offer-detail-file {
	padding-bottom: 10px;
}

.special-offer-long-description{
	width: 550px;
	float:left;
	clear:right;
}

/******************
 * GALLERY STYLES *
 *****************/

.photo-gallery-wrapper {
  width: 33%;
  float: left;
  padding-bottom: 20px;

}
.photo-gallery-wrapper .photo-album-image {
  background-color: #F7F7F3;
  width: 184px;
  height: 138px;
}
.photo-gallery-wrapper .photo-gallery-image img {
  width: 184px;
  height: 138px;
  border: 1px solid #CCCCCC;
  padding: 5px;

}
.photo-gallery-wrapper .gallery-date {
  padding-top: 12px;
}

/****************
 * ALBUM STYLES *
 ***************/

.photo-album-wrapper {
  background-color: #F7F7F3;
  border: 1px solid #CCCCCC;
}
.photo-album-header {
  padding: 5px 0 0 20px;
  font-size: 0.8em;
}
.photo-album-wrapper .photo-album-image {
  float: left;
  padding: 14px;
}
.photo-album-wrapper .photo-album-image img {
  width: 184px;
  height: 138px;
  border: 1px solid #CCCCCC;
  padding: 5px;
  float: left;
}
.photo-album-info {
  padding-bottom: 10px;
}

#respekt-ad1 { 
	background:url("/images/misc/community-landing-banners-$45.png") no-repeat 0 0;
	height:101px;
	margin-bottom:7px;
	width:430px;
}
#respekt-ad2 {
	background:url("/images/promo/community-landing-banners_CAPTR-II.jpg") no-repeat 0 0;
	height:101px;
	margin-bottom:7px;
	width:430px;
}
#respekt-ad1 .learn-button, #respekt-ad2 .learn-button { 
	padding: 70px 10px 0 0;
}