/*
Theme Name: AT&T It Can Wait
Theme URI: 
Description: A custom theme
Author: Omelet
Author URI: http://www.omeletla.com/
*/

/*
RESET
*/

*									{ margin: 0; padding: 0; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.alignleft							{ float: left; }
.alignright							{ float: right; }
.aligncenter						{text-align:center;}
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 9px;}
.bold								{font-weight: bold;}
.wp-caption-text					{text-align:center;}
.2uneven							{margin-bottom:5px;}
.spacer_7 							{height:7px; background-color:#fff; width:960px; margin:auto;}
hr									{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}

/*
HEADERS
*/
h1 {
	font-size:25px;
	}
	
h2 {
	font-size:23px;
	}
	
h3 {
	font-size:21px;
	}
	
h4 {
	font-size:19px;
	}
	
h5 {
	font-size:17px;
	}
	
h6 {
	font-size:15px;
	}

/*
STRUCTURE
*/

body 			{
	font:13px/1.5 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color: #333333; 
	text-align: center; 
	background-color: #fff;
	background: url(../images/ICW_largeres-background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	margin: 0; padding: 0;
	}
	
p				{
	padding-bottom: 20px;
	}
	
#container 		{
	position:relative; 
	text-align:left; 
	width:960px; 
	margin: 0 auto;
	}

#content {
	background-color:#fff;
	}
	
#footer {
	height:70px;
	background:#231f20;
	color:#fff;
	}
	
#footer a {
	color:#fff;
	padding:0 10px;
	}
	
#footer-content {
	width:960px;
	text-align:left;
	padding-top:10px;
	min-height:50px;
	height:auto !important;
	margin:0 auto;
	}
	
a {
	color:#fff;
	text-decoration:none;
	}
	
a:hover{
	color:#ccc;
	text-decoration:none;
	}
	
/*
HOMEPAGE
*/

#homeVideo{
	position:relative;
	height:380px;
	width:630px;
	margin:0 3px 0 5px;
}

#video-placeholder {
	cursor:pointer;
	}
	
#video-social {
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	}
	
#hiddenSocial{
	padding:20px 10px 40px 10px;
	}
	
#hiddenSocial a{
	color:#000;
	}
	
#vid-social{
	float:left;
	}
	
#vid-social img{
	padding-right:20px;
	}
	
#moreVid{
	padding-top:6px;
	float:right;
	}
	
#moreVid a:hover{
	color:#f90;
	}
#countdown{
	background:url(../images/ATT__09.jpg) no-repeat;
	height:188px;
	width:311px;
	overflow:hidden;
}	
#countdown img{
	}
	
#factoid-wrapper {
	margin-top:5px;
	width:311px;
	height:188px;
	position:relative;
	overflow:hidden;
	}
	
#factoid, #factoid-slider {
	width:311px;
	height:188px;
	overflow:hidden;
	}
	
#factoid-social {
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	z-index:5000;
	}
	
.3even div{
	background-color:#fff;

}
#tweetSection{
	height:119px;
	width:311px;
	position:relative;
	overflow:hidden;
	display:block;
	padding-bottom:5px;
}
#tweetSection h3{
	 font-weight:normal;
	 margin-top:5px;
}
#tweetSection div{
	position:absolute;
	left:0;
	-webkit-transition:opacity .5s ease-in-out;  
	-moz-transition:opacity  .5s ease-in-out;  
	-o-transition:opacity  .5s ease-in-out;  
	transition:opacity  .5s ease-in-out;
}
#tweetSection div.top:hover{
	opacity:0;
}	
#middleBlock{
	background:url(../images/storyBg.jpg) no-repeat #FFF;
	height:311px;
	width:308px;
	text-align:center;
	}

#middleBlock div{
	margin:auto;
	padding-top:20px;
	max-width:250px;
	color:#fff;
	text-align:left;
	font-size:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	}

#middleBlock div span{
	font-size:16px;
	}
#joinLink{
	height:188px;
	width:311px;
	position:relative;
	overflow:hidden;
	padding-bottom:5px;
}
#joinLink-hover {
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	}

#from-twitter{
	background-color:#00A1E2;
	color: white;
	width:311px;
	height:119px;
	position:relative;
}
#from-twitter img{
	display: block;
	float: left;
	width: 61px;
	height: 61px;
	padding:11px 0 0 15px;
}
#tweetDetails{
	float:left;
	text-align:left;
	width:200px;
	padding:0 0 0 90px;
}
#tweetDetails h2{
	margin-bottom:0;
}
#tweetDetails #tweetName{
	font-size:12px;
	font-weight:bold;
}

	
#tweetCallout{
	height:119px;
	width:311px;
	background:#fff url(../images/dotBg.jpg) no-repeat;
	font-size:26px;
	color:#fff;
	text-align:center;
	padding-bottom:5px;
	}
	
#tweetCallout div{
	padding-top:35px;
	}
	
#tweetCallout a img{
	margin:12px 20px 0 0;
	float:right;
	}
	
#twitter-share {
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	}
	
#home-app {
	width:311px;
	height:188px;
	position:relative;
	padding-bottom:5px;
	}
	
#app-hover {
	display:none;
	position:absolute;
	top:0;
	left:0;
	}
	
/*
VIDEO GALLERY
*/

.video-gallery-page {
	background:url(../images/videogallerybg.jpg) no-repeat;
	width:910px;
	height:1000px;
	margin:0 auto 7px;
	padding:20px;
	position:relative;
	}
	
.video-gallery-featured {
	overflow:hidden;
	}
	
.video-gallery-video-window {
	width:630px;
	float:left;
	margin:8px 10px;
	}
	
.video-gallery-video-info {
	width:240px;
	float:right;
	color:#fff;
	position:relative;
	}
	
.video-gallery-video-info h2 {
	font-size:22px;
	line-height:24px;
	padding:10px;
	}
	
.video-gallery-social {
	position:absolute;
	right:0;
	top:230px;
	}
	
.video-gallery-videos {
	overflow:hidden;
	margin-top:10px;
	}
	
.video-gallery-videos li {
	width:182px;
	height:143px;
	padding:16px;
	background:url(../images/video-thumb-bg.png) no-repeat;
	float:left;
	font-size:13px;
	font-weight:bold;
	line-height:14px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:25px 13px 0 0;
	position:relative;
	}
	
.video-thumb-play {
	position:absolute;
	left:30px;
	top:65px;
	}
	
.video-gallery-videos li img {
	margin-bottom:5px;
	}
	
.video-gallery-videos a {
	color:#333;
	}
	
.homeBtn-vidgallery{
	 position:absolute;
	 bottom:20px;
	 right:20px;
}

/* 
Social show/hide
*/
.socialTout{
	float:left;
	padding:5px;
	padding-right:20px;
}
/*
About Page
*/
.aboutPageContent{
	 margin-bottom:7px;
	 height:695px;
	 background:#e03187 url(../images/aboutBG.jpg) no-repeat;
	 position:relative; 
 }
 .aboutContent div{
	 margin-top:30px;
 }
 #TDtitle{
	 margin-top:60px;
	 background:url(../images/about_textDrive_callout.png) no-repeat;
	 height:125px;
	 width:375px; 
	 color:#e03187; 
 }
 #TDtext{
	 text-align:left;
	 color:#FFF;
	 font-size:16px;
	 font-weight:bold;
	 padding-left:15px;
	 padding-top:30px;
 }
 #roundedArea{
	 max-height:540px;
	 width:420px;
	 background-color:#fff;
	 border-radius: 10px; 
	 -moz-border-radius: 32px; 
	 -webkit-border-radius: 32px; 
	 border:#81b840 6px solid;
	 padding:30px 20px;
 }
 #roundedArea p{
	 text-align:left;
	 font-size:14px;
 }
 .homeBtn-about{
	 position:absolute;
	 bottom:20px;
	 right:20px;
}
/*
Join Page
*/
 .joinContent {
	 margin-bottom:7px;
	 height:535px;
	 background:#ff8e00 url(../images/joinBG.jpg) no-repeat; 
	 padding:160px 20px 0 0;
	 position:relative;
 }
 
 .join-section {
 	overflow:hidden;
 	margin:0 0 20px 20px;
 	text-align:left;
	color:#fff;
	font-size:15px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 	}
 
 .join-section img {
 	border:#fff 8px solid;
 	float:left;
 	margin-right:30px;
 	width:295px;
 	height:151px;
 	}
 	
 .greenBtn a {
 	width:100%;
 	height:100%;
 	display:block;
 	}
 	
 .download-kit  .greenBtn{
	 background:url(../images/downloadkit-btn.png) no-repeat #3C3;
	 width:144px;
	 height:31px;
	 text-align:center;
	 text-indent:-9999px;
	 display:block;
	 margin-left:340px;
	 line-height:28px;
 }
 .download-kit  .greenBtn:hover{
	 background:url(../images/downloadkit-btn-hover.png) no-repeat #3C3;
}
 
 .learn-more  .greenBtn{
	 background:url(../images/learnmore-btn.png) no-repeat #3C3;
	 width:160px;
	 height:31px;
	 text-align:center;
	 text-indent:-9999px;
	 display:block;
	 margin-left:340px;
	 line-height:28px;
 }
 .learn-more  .greenBtn:hover{
	 background:url(../images/learnmore-btn-hover.png) no-repeat #3C3;
}
 	
 #spreadTheWord{
	 background:url(../images/spreadTheWordText.png) no-repeat;
	 height:31px;
	 width:211px;
	 padding-bottom:20px;
	 margin:5px 0 0 340px;
	 text-indent:-9999px;
	 display:block;
 }
 #learnMore{
	 background:url(../images/learnMoreText.png) no-repeat;
	 height:27px;
	 width:141px;
	 padding-bottom:20px;
	 margin:5px 0 0 340px;
	 text-indent:-9999px;
 }
.homeBtn-join{
	 background:url(../images/homeBtn.png) no-repeat;
	 height:39px;
	 width:46px;
	 position:absolute;
	 bottom:640px;
	 right:20px;
}
.homeBtn-join:hover{
	 background:url(../images/homeBtn-hover.png) no-repeat;
}

.homeBtn {
position:absolute;
bottom:10px;
right:20px;
background:url(../images/homeBtn.png) no-repeat;
height:39px;
width:46px;
}

.homeBtn:hover{
background:url(../images/homeBtn-hover.png) no-repeat;
}