@charset "utf-8";
/*-----------------------------------------------------------------------------
MOBILE FUTURE STYLESHEET
MANAGED BY: BLUE STATE DIGITAL (HTTP://WWW.BLUESTATEDIGITAL.COM)

Last Updated: September 13, 2009
-----------------------------------------------------------------------------*/

/* =Reset
-----------------------------------------------------------------------------*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* =Typography
------------------------------------------------------------------------*/
#sidebar, #sidebarIssues, #homeMiddleColumnMiddle, #homeLeftColumnSubLeftMiddle, #homeLeftColumnSubRight, #interiorLeftColumn, #interiorLeftColumnLong, #interiorSingleColumn, #issuesLeftColumn {font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif}
#sidebar p, .jFlowControl, #credit, .homeFeatureText {font-family: Arial, Helvetica, sans-serif; }
#sidebarIssues p { font-family:Arial, Helvetica, sans-serif; }
#homeMiddleColumnMiddle h2, #homeLeftColumnSubLeftMiddle h3, #navigation {font-family: Georgia, "Times New Roman", Times, serif}

#homeMiddleColumnMiddle h2 {font-size: 18px;}
#sidebar h2, #homeLeftColumnSubLeftMiddle h2, #homeLeftColumnSubRight h2, #sidebarIssues h2 {font-size: 16px;}
#sidebar h3, #homeLeftColumnSubLeftMiddle h3, #sidebarIssues h3, #featuresNavigation span {font-size: 14px;}
#sidebarIssues p, #sidebar p, #homeMiddleColumnMiddle, #homeLeftColumnSubLeftMiddle, #homeLeftColumnSubRight h3, #homeLeftColumnSubRight span, #navigation, #interiorLeftColumn, #issuesLeftColumn, #interiorLeftColumnLong, interiorSingleColumn {font-size: 12px;}
#credit, .homeFeatureText {font-size: 11px;}
#homeMiddleColumnMiddle span {font-size: 10px; }

#sidebar, #sidebar a:link, #sidebar a:active, #sidebar a:visited, #featuresNavigation span, .homeFeatureText {color: #fff;}
#homeMiddleColumnMiddle, #homeLeftColumnSubLeftMiddle, #homeLeftColumnSubRight h2, #container span {color: #696969;} /*charcoal*/
#homeMiddleColumnMiddle a:link, #homeMiddleColumnMiddle a:active, #homeMiddleColumnMiddle a:visited, #homeLeftColumnSubLeftMiddle a:link, #homeLeftColumnSubLeftMiddle a:active, #homeLeftColumnSubLeftMiddle a:visited, #homeLeftColumnSubRight a:link, #homeLeftColumnSubRight a:active, #homeLeftColumnSubRight a:visited {color: #066;} /*teal*/
#navigation a {color: #333;} /*dark gray*/

#sidebarIssues p { color:#fff; font-size:10px; }
#sidebarIssues a { color:#fff;  }
#sidebarIssues h3 { color:#fff; font-weight: bold; }

#sidebar h2, #sidebar h3, #homeLeftColumnSubLeftMiddle h2, #homeLeftColumnSubRight h2, #featuresNavigation span, #navigation, .homeFeatureText h2 {font-weight: bold;}
#sidebar p, #homeMiddleColumnMiddle span {font-style: italic;}

#sidebar h2, #homeLeftColumnSubRight h2, #homeLeftColumnSubLeftMiddle h2, #navigation, .caps {text-transform: uppercase;}

#homeMiddleColumnMiddle p {line-height: 18px;}
#homeLeftColumnSubLeftMiddle h3 {line-height: 16px;}
#sidebar p, #homeLeftColumnSubRight h3, #homeLeftColumnSubRight span {line-height: 14px;}

#sidebar h2, #homeLeftColumnSubLeftMiddle h2, #homeLeftColumnSubRight h2 {text-align: center;}

#homeMiddleColumnMiddle h2 a, #homeLeftColumnSubLeftMiddle a, #homeLeftColumnSubRight h3 a, #navigation a {text-decoration: none;}
#homeMiddleColumnMiddle h2 a:hover, #homeLeftColumnSubLeftMiddle a:hover, #homeLeftColumnSubRight h3 a:hover {text-decoration: underline;}

#homeLeftColumnSubRight h3 {display: inline;}

#navigation {float: left;}
#credit {float: right;}
#issues-intro { font-style:italic; font-size:1.1em; }
#side-join-us h3 { color:#000; }
#issuesLeftColumn h3 { color:#cd6508; }
strong { font-weight:bold; }
em { font-style:italic; }

/****** links ******/
a {text-decoration: underline; color: #fb3502;color:#066;}
a:hover {text-decoration: underline;color: #fb3502;}
a:visited {text-decoration: underline;}

body.interior  a {text-decoration: underline; color: #fb3502;color:#066;}
body.interior  a:hover {text-decoration: underline;color: #fb3502;}

#features h2 a, #features h2 a:active, #features h2 a:visited {color: #fff;}

span#credit a {color: #696969;}


/* =Global Styles
-----------------------------------------------------------------------------*/
/* common */
.skip-link a,.skip-link span { left:-3em; top:-4em; width: 0; height: 0; overflow: hidden; position: absolute; }
.skip-link a:active, .skip-link a:focus { border: 2px solid red; color: #ff0000; font-weight: bold; top: 7em; left: 1em; padding: 5px; position: absolute; overflow: visible; width: auto; height: auto; }

.bottomPadding10, #homeLeftColumnSubLeftMiddle p, #homeLeftColumnSubRight span {padding: 0 0 10px 0; line-height: 1.4em;}
.bottomMargin10, #sidebar h2, #sidebar p, #homeLeftColumnSubLeftMiddle h2 {margin: 0 0 10px 0;}
.bottomMargin15 {margin: 0 0 15px 0;}
.bottomMargin20, .homepageBlogEntry {margin: 0 0 20px 0;}
.topMargin5, #credit {margin: 5px 0 0 0;}
.topPadding10 {padding: 10px 0 0 0;}
.imgPadding {padding: 0 0 15px 15px;}
.imgPaddingALignedLeft {margin: 0 15px 15px 0;}
.imgPaddingAlignedRight { margin: 0 0 15px 15px; float:right; }
.hidden {display: none;}

body {background: url(http://www.mobilefuture.org/page/-/images/new/bg.jpg) repeat;}
#content {padding: 40px 0 0 0;}

/* =NAVIGATION */
#navigation {background: url(images/innerShadowMiddle.jpg) repeat-y; width: 973px; position: absolute; z-index: 999px;}
#header {position: relative; z-index: 1000;}

/* all lists */
#nav, #nav ul {padding: 0; margin: 0; list-style: none; line-height: 1;}
#nav li a {border-right: 1px solid #ccc; display: block; padding: 12px 25px 11px 24px;}
#nav li a:hover {background-color: #eee;}
ul#nav li ul li a {border: none; display: block; padding: 4px 3px 4px 3px;}
ul#nav li ul li {display: block; float: none; width: 190px;}
/* all list items */
#nav li {float: left;}
/* second-level lists */
/* using left instead of display to hide menus because display: none isn't read by screen readers */
#nav li ul {position: absolute; background: #999; padding: 7px; left: -999em;} 
/* third-and-above-level lists */
#nav li ul ul { margin: -27px 0 0 180px;}
/* lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
/* fix for the last li on the parent ul */
ul#nav li#lastNav a {border-right: none;}



/* =layout */
#gradientBg {background: url(http://www.mobilefuture.org/page/-/images/new/gradientBg.jpg) repeat-x; height: 571px; text-align: center;}
	#container {margin: 0 auto; padding: 25px 0; text-align: left; width: 1000px;}
		#contentOutlineTop {background: url(http://www.mobilefuture.org/page/-/images/new/contentOutlineTopBottom.png) no-repeat 0px 0px; height: 12px; width: 1000px;}
		#contentOutlineMiddle {background: url(http://www.mobilefuture.org/page/-/images/new/contentOutlineMiddle.png) repeat-y; padding: 0 13px; width: 974px;}
			#innerShadowTop {background: url(http://www.mobilefuture.org/page/-/images/new/innerShadowTopBottom.jpg) no-repeat 0px 0px; height: 14px; width: 973px;}
			#innerShadowMiddle {background: url(http://www.mobilefuture.org/page/-/images/new/innerShadowMiddle.jpg) repeat-y; padding: 0 10px; width: 953px;}
			#innerShadowBottom {background: url(http://www.mobilefuture.org/page/-/images/new/innerShadowTopBottom.jpg) no-repeat 0px -14px; height: 14px; width: 973px;}
		#contentOutlineBottom {background: url(http://www.mobilefuture.org/page/-/images/new/contentOutlineBottom.png) no-repeat; height: 12px; width: 1000px;}
#banner {background: url(http://www.mobilefuture.org/page/-/images/new/mobileFuturesBanner.jpg) no-repeat; height: 109px; text-indent: -1000px; width: 973px;}
#banner a {display: block; height: 103px; width: 973px;}
#bottomNav {background: url(http://www.mobilefuture.org/page/-/images/new/navBottom.jpg) no-repeat; height: 4px; width: 973px;}

#rssIcon {float: right; background: url(/page/-/wrapper/img/feed-icon-28x28.png) no-repeat center; width: 28px; height: 28px; text-indent: -9999em; overflow: hidden; display: block;}


/* =Sidebar
-----------------------------------------------------------------------------*/
#sidebar {float: right; margin: 10px 0 0 0; text-align: left; width: 147px;}
		#sidebarTop {background: url(http://www.mobilefuture.org/page/-/images/new/spriteImages.png) no-repeat 0px -20px; padding: 1px 73px;}
		#sidebarMiddle {background: url(http://www.mobilefuture.org/page/-/images/new/featuredContentBg.gif) repeat; padding: 0 10px 10px 10px; width: 127px;}
		#sidebarBottom {background: url(http://www.mobilefuture.org/page/-/images/new/spriteImages.png) no-repeat 0px -22px; padding: 1px 73px;}
#mobileTechWhiteHouse {background: url(http://www.mobilefuture.org/page/-/images/new/sidebarSprites.jpg) no-repeat 0px 0px; height: 96px; width: 147px; display:none; }
	#mobileTechWhiteHouse a {display: block; height: 96px; text-indent: -1000em; width: 147px;}
#shareMobileStory {background: url(http://www.mobilefuture.org/page/-/images/new/sidebarSprites.jpg) no-repeat 0px -96px; height: 115px; width: 147px;}
	#shareMobileStory a {display: block; height: 115px; text-indent: -1000em; width: 147px;}
#mobileU {background: url(http://www.mobilefuture.org/page/-/images/new/sidebarSprites.jpg) no-repeat 0px -308px; height: 97px; width: 147px;}
	#mobileU a {display: block; height: 97px; text-indent: -1000em; width: 147px;}
#takeAction {background: url(http://www.mobilefuture.org/page/-/images/new/sidebarSprites.jpg) no-repeat 0px -211px; height: 97px; width: 147px; display: none;}
	#takeAction a {display: block; height: 97px; text-indent: -1000em; width: 147px;}
#sidebar h2, #sidebarIssues h2 {text-indent:-5000px;padding:0;width:100%;height:30px;display:block; background:url(http://www.mobilefuture.org/page/-/images/new/issues-h2-bg.png) center no-repeat;}

#sidebarIssues { float:right; margin: 10px 0 0 0; text-align:left; width: 257px; }
.issue-entry li { list-style-type:disc; list-style-position:inside; color:#fff; }
#sidebarIssues h3 { margin:10px 0; }
#sidebarIssues a { font-size:12px; text-decoration:none; }
#sidebarIssues a:hover { text-decoration:none; }
#sidebarIssues #sidebarMiddle { background: url(http://www.mobilefuture.org/page/-/images/new/featuredContentBg.gif) repeat; padding: 5px 10px 15px 10px; width: 225px; }

.issue-entry { margin:0 0 3px 0; }
.issue-entry img { margin:0 0 5px 10px; }


/* =Homepage
-----------------------------------------------------------------------------*/
/* homepage layout */
#homeLeftColumn {float: left; margin: 10px 7px 0 0; width: 432px;}
#homeLeftColumnSubLeftWrapper { float: left; }
		#featuredContentTop {background: url(http://www.mobilefuture.org/page/-/images/new/spriteImages.png) no-repeat 0px 0px; padding: 3px 216px;}
		#featuredContentMiddle {background: url(http://www.mobilefuture.org/page/-/images/new/featuredContentBg.gif) repeat; text-align: center; width: 432px;}
			#features {margin: 3px auto;}
			#featuresNavigation {text-align: right;}
		#featuredContentBottom {background: url(http://www.mobilefuture.org/page/-/images/new/spriteImages.png) no-repeat 0px -6px; padding: 3px 216px;}
	#homeLeftColumnSubRight {float: right; margin: 10px 0 0 0; padding: 0 0 0 10px; width: 248px;}
	#homeLeftColumnSubLeft {clear: both; margin: 0; padding: 10px 0; width: 174px;}
		#homeLeftColumnSubLeftTop {background: url(http://www.mobilefuture.org/page/-/images/new/spriteImages.png) no-repeat 0px -16px; padding: 1px 87px; margin: ;}
		#homeLeftColumnSubLeftMiddle {float: left;background: url(http://www.mobilefuture.org/page/-/images/new/homeMiddleColumnBg.gif) repeat; padding: 0 10px 10px 10px; width: 154px; overflow: hidden;}
		#homeLeftColumnSubLeftBottom {background: url(http://www.mobilefuture.org/page/-/images/new/spriteImages.png) no-repeat 0px -18px; padding: 1px 87px;}
#homeMiddleColumn {float: left; margin: 10px 0 0 0; width: 360px;}
		#homeMiddleColumnTop {background: url(http://www.mobilefuture.org/page/-/images/new/spriteImages.png) no-repeat 0px -12px; padding: 1px 180px;}
		#homeMiddleColumnMiddle {background: url(http://www.mobilefuture.org/page/-/images/new/homeMiddleColumnBg.gif) repeat; padding: 15px 15px; width: 330px;}
		#homeMiddleColumnBottom {background: url(http://www.mobilefuture.org/page/-/images/new/spriteImages.png) no-repeat 0px -14px; padding: 1px 180px;}

#homeMiddleColumnMiddle p {display: inline;}
		
/* featured content slider (jflow) */
#featuresNavigation span{margin-right: 5px; cursor: pointer; color: #fff;}
#featuresNavigation span.jFlowSelected {background: #666;}
#features {padding: 0 0 0 7px;}
.homeFeature {height: 224px; position: relative; text-align: left; width: 418px;}
.homeFeatureText {background: url(http://www.mobilefuture.org/page/-/images/new/featuresTextBg.png) repeat; bottom: 0px; left: 0px; padding: 5px; position: absolute; width: 408px;}

.feature-link {text-indent: -900em; display: block; background: none; height: 190px;}

.homeStatesList {float: left; padding: 0 8px; font-weight: normal; text-align:center; font-size: 13px;}
.homeStatesList a {text-decoration: none;}

.resources-home-header a {background: url(/page/-/images/resources-header.png); height: 28px; width: 101px; text-indent: -900em; margin: 14px auto 15px auto; display: block;}
.resources-home-entry {overflow: hidden; margin: 0 0 15px 0; text-align: left!important;}
.resources-home-entry .left-column {float: left; width: 75px; overflow: hidden;}
.resources-home-entry .right-column {float: right; width: 165px;}
.resources-home-entry h3 a {font-size: 14px!important;}
.resources-home-entry h3 {line-height: 18px!important;}
.resources-home-entry p {font-size: 12px; color: #696969; margin: 4px 0 0 0;}
.resources-all-home-link {font-size: 12px; text-align: right; padding: 0 10px 0 0;}
.twitter-home-header a {background: url(/page/-/images/twitter-header.png); height: 28px; width: 74px; text-indent: -900em; margin: 10px auto 15px auto!important; display: block;}
#tweets-cont a {text-decoration: underline!important;}
#tweets-cont {width: 155px; word-wrap: break-word;}
.dev-input {width: 170px!important;}


/* =SITEMAP
----------------------------------------------- */
#sitemap .column { float: left; margin: 0 10px; padding: 5px 0 25px 0; width: 240px; }
#sitemap a { text-decoration: none; }
#sitemap a:hover { text-decoration: underline; }
#sitemap h2 { font-size: 16px; font-weight: bold; margin-top: 12px; }
#sitemap ul { margin-bottom: 18px; margin-left: 10px; }
#sitemap li { margin: 3px 0; }


/* =INTERIOR
----------------------------------------------- */

#interiorLeftColumn {float: left; margin: 10px 10px 0 15px; width: 780px;}
#resources #interiorLeftColumn { float:none; width:inherit; }
#issuesLeftColumn {float: left; margin: 10px 10px 0 15px; width: 660px;}
#interiorLeftColumnLong {float: left; margin: 10px 10px 0 0; width: 795px;}
#interiorSingleColumn {float: left; margin: 10px 0 0 15px; width: 925px;}
.maincont {font-size: 1.2em; line-height: 1.6em;}
.maincont h1 {margin: 0 0 6px 0px; font-size: 2.3em; line-height:1em; padding:0; font-weight:bold; /* text-transform: uppercase; */ color: #1e9a90;}
.maincont h1 a {color: #1e9a90;}
.maincont h2 {margin: 4px 0 0 0; font-size: 1.4em; /*text-transform: uppercase */; font-weight:bold;}
.heading2Tips {margin-bottom: -8px;}

.maincont h2 a {color: #1e9a90; text-decoration: none;}
.maincont h2 a:hover {text-decoration: underline;}
.maincont h3 {margin: 2px 0 0; font-size: 1.3em; color: #969b89;}
.maincont p {margin: 0 0 10px 0;line-height:1.3em;}
.maincont ul {margin: 0 0 0 30px; padding: 0; list-style: disc;}
.maincont ul li {font-size: 1em; /*font-family: Arial, Helvetica, sans-serif;*/ padding: 8px 0 0; list-style: disc; margin-bottom: 5px;line-height:1.3em;}
.maincont blockquote {margin: 0 15px 15px 15px; padding: 12px 15px 0 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.maincont blockquote {font-size: 1em;}
.maincont .mobileu {margin: 10px 0 0; font-size: 1.4em; letter-spacing: 0.05em; text-transform: uppercase; color: #1e9a90;}


/* =BLOG
----------------------------------------------- */

#blogTitle {position: relative;}
#blogTitle h1 {margin-right: 35px; margin-bottom: 30px;}


.maincont .entry {margin-bottom: 20px; padding-bottom: 1px;}
.maincont .entry .title {margin-bottom: 0;}
.maincont .entry .dateline {color: #888;}
.maincont .entry .dateline span {font-weight: bold;}
.maincont .entry .comments {padding: 5px 5px 5px 5px; background: #f8f8f8; font-family: verdana; font-weight: normal; text-transform: uppercase; font-size: .8em; vertical-align: center; margin: 1px -3px; border-bottom: 1px solid #ddd}
.maincont .entry .comments p {width: 600px; float: left; margin: 2px 0 0 0; line-height: 16px;} /* comments & permalink */
.maincont .entry .comments p a {font-weight: normal; color: #1e9a90; text-decoration: none;}
.maincont .entry .comments p a:hover {text-decoration: underline;}
.maincont .entry .comments span {display: block; float: right; margin: 2px 0 0 0; padding-bottom: 0; height: 16px;} /* add this */

#content .blogentry {padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #999;}
#content .blogentry h1 {margin-bottom: 0px;}
#content .blogentry .socialize {margin-top: 20px;}
#content .blogentry .socialize .tags {float: left; width: 300px; margin-top: 0;}
#content .blogentry .socialize span.addthis {display: block; float: right; margin: 2px 0 0 0; padding-bottom: 0; height: 16px;} /* add this */



/* =PRESS RELEASES 
------------------------------ */
.resourceList {border-bottom: 1px solid #999; margin-bottom: 15px;}
.resourceList p {margin: 8px 0;}
.resourceList h3 {margin-bottom: 8px;}
.resourceList h3 a {font-style: normal; text-decoration: none;}
.resourceList h3 a:hover {text-decoration: underline;}

.resourceListThumb {clear: both;}

.resourceListThumb .resourceListThumbnail {float: left; width: 50px;}
.resourceListThumb .resourceListText {float: right; width: 470px;}



.resourceEvent {clear: both; height: 60px;}
.eventDesc {float: right; width: 480px;}
.eventDesc p {margin-top: 0;}
.eventDate {width: 30px; margin-right: 10px; margin-left: 10px; text-align: center; position: absolute; border: 1px solid #ccc; margin-top: 3px; float: left;}
#content .eventDate a {color: #000;}
#clips {margin-top: 35px;}
table#pressReleases {border-collapse: collapse; margin-bottom: 10px; width:100%;}
table#pressReleases th {border-bottom: 1px solid #fff; background: #999; color: #fff; padding: 5px; letter-spacing: 1px; text-align: left;}
table#pressReleases td {border-bottom: 1px solid #ccc; padding: 5px; vertical-align: top;}
table#pressReleases td.odd {background: #fff;}
table#pressReleases td.even {background: #f8f8f8;}
table#pressReleases td.title {padding-right: 10px;}
table#pressReleases td.date {white-space: nowrap; width: 70px;}


/* =COMMENTS
----------------------------------------------- */
#comments {margin: 30px 0;}

.comment {font-size: 1em; margin: 0 10px 30px 10px; padding: 5px; background: #f8f8f8}
.commentOdd {}
.commentEven {}
.commentNumber {border-bottom: 1px solid #999; padding: 3px; color: #EE2E24; text-align: right; margin-bottom: 0;}
.commentNumber a {text-decoration: none;}
.commentNumber a:hover {text-decoration: underline;}

.commentInfo {border-top: 1px solid #999; padding: 3px; color: #666; margin-top: 0; font-size: .9em;}
.commentText {margin-left: 3px; margin-right: 3px;}
.commentText p {margin: 6px 0;}

#commentPost {border-top: 1px solid #999; padding-top: 30px;}
#commentPost td {padding: 0; margin: 0;}
#commentPost form p {margin: 1px 0; padding: 3px 0;}
#commentPost form em {}
#commentPost form label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px; padding-top: 1px;}
#commentPost form input.text {width: 420px;}
#commentPost form textarea {width: 420px;}


/* =MOMENTS
----------------------------------------------- */

#momentSubmission form p {margin: 1px 0; padding: 3px 0;}
#momentSubmission form em {color: #666;}
#momentSubmission form input.text {width: 420px;}
#momentSubmission form textarea {width: 420px;}

#momentsBlock {margin: 30px 0;}

.momentBox {width: 155px; float: left;}
.momentBox .frame {margin: 0; padding: 7px; width: 119px; background: url("http://www.mobilefuture.org/page/-/wrapper/img/bgimgmoment.gif") no-repeat;}
.momentBox .date {margin: 0px 0 0 6px; line-height: 1.4em; color: #535846;}
.momentBox .author {font-size: 1em; color: #007a6f; line-height: 1.2em; margin: 0 0 1px 6px;}
.momentBox .author span {font-size: 1.1em; color: #007a6f;}
.momentBox .author a {color: #007a6f; text-decoration: none;}
.momentBox .thumb {height: 119px; width: 119px;}
.momentBox .rate {margin-bottom: 1px;}
.momentBox .rate img.stars {float: left; margin-top: 4px;}
.momentBox .rate img.rate {float: right; margin-top: 2px;}

.momentBox .rate .star-rating {float: left; margin-top: 7px; margin-left: 0; margin-bottom: 15px;}

#momentSingle {margin-left: 0;}

#momentDetail {width: 310px; float: left;}

#momentSingle .momentBox {width: 310px; float: left; margin-bottom: 0;}

#momentSingle .momentBox .frame {float: left;}
#momentSingle #momentSubmitter {float: right; width: 174px;}

#momentSingle .momentBox .rate {margin-bottom: 1px;}
#momentSingle .momentBox .rate img.stars {float: left; margin-top: 4px;}
#momentSingle .momentBox .rate img.rate {float: right; margin-top: 2px;}
#momentSingle .momentBox .rate .star-rating {float: left; margin-top: 7px; margin-left: 0; margin-bottom: 15px;}

#momentSummary {margin-top: 0;}

#momentRate {width: 300px; float: right; border: 1px solid #007a6f}
#momentRate h2 {font-size: 1.1em; text-align: center; background: #007a6f; color: #fff; margin-top: 0; margin-bottom: 5px; border: 1px solid #fff; padding: 2px;}
#momentRate form p {margin: 1px 0; padding: 3px 0; font-size: .95em;}
#momentRate form em {}
#momentRate form label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px; padding-top: 1px;}
#momentRate form input.text {width: 180px; font-size: 11px;}
#momentRate form textarea.text {width: 180px; font-size: 11px;}
#momentRate form select {width: 180px; font-size: 11px;}

#momentRatings {}
#momentRatings .rating {margin: 10px 0 10px 0; padding: 5px 0 10px 0; border-bottom: 1px solid #ccc;}
#momentRatings .star-rating {float: left; margin-top: 3px;}
#momentRatings .ratingText {margin-left: 90px;}
#momentRatings .ratingInfo {margin-left: 90px; line-height: 1em; color: #007a6f; font-size: .95em;}
#momentRatings .ratingDate {margin-left: 90px; line-height: 1em; color: #535846; font-size: .95em;}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{background: url(http://www.mobilefuture.org/page/-/wrapper/img/star.gif) left -1000px repeat-x;}

.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;	
        margin:0;
	padding:0;
	background-position: left top;
}

.star-rating li {display: inline;}

.star-rating a, 
.star-rating .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{background-position: left bottom;}

.star-rating a.one-star {width:20%; z-index:6;}
.star-rating a.two-stars {width:40%; z-index:5;}
.star-rating a.three-stars {width:60%; z-index:4;}
.star-rating a.four-stars {width:80%; z-index:3;}
.star-rating a.five-stars {width:100%; z-index:2;}

.star-rating .current-rating {z-index:1; background-position: left bottom; margin: 0; padding: 0;}	


/* smaller star */

.small-star {width:50px; height:10px;}

.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating 
  {background-image: url(http://www.mobilefuture.org/page/-/wrapper/img/star_small.gif); line-height: 10px; height: 10px;}


/* =BIO PROFILES */


#profile {margin: 5px;}
#profile h1 {font-size: 2.4em;}
#profile #pro_leftcol {width: 180px; float:left; padding-top: 10px;}
#profile #pro_rightcol {width: 540px; margin: 0px 10px 10px 10px; float: left; padding-top: 10px;}

#pro_leftcol #biophoto_container {height: 170px;}
#pro_leftcol .bio_photo { border: 4px solid #FFFFFF; margin-left: 10px;}
#pro_leftcol #myMM {height: 125px;}
#pro_leftcol .moment {width: 50px; height: 50px; margin: 5px; float: left;}

#pro_rightcol h1 {font-size: 1.6em;}
#pro_rightcol p {line-height: 1.4em;}
#pro_rightcol #bio {margin-bottom: 20px;}

/* =BOARD SIDEBAR & COALITION LEADERSHIP */


.boardmem {width: 186px; height: 80px; margin-bottom: 5px;}
.boardmem .picture {width: 60px; float: left;}
.boardmem .title {width: 115px; margin-left: 7px; margin-top: .2em; font-size: 1.2em; line-height: 1.4em; float: left;}
.boardmem .white {color: #FFFFFF;}

.advisoryboard {width: 632px; margin: 15px auto; margin-bottom: 30px;}
.advisoryboard .image {float: left; width: 30%;}
.advisoryboard .profile {float: left; width: 70%;}

/* =COALITION OF THE WILLING*/

#ourcoalition {width: 632px; margin: 15px auto; margin-bottom: 30px;}
#ourcoalition a {text-decoration: none;}
#ourcoalition .member {margin: 30px 10px; height: 100px;}
.member h2 {margin-top: 0px; margin-bottom: 5px;}
.member .logo {float: left;}
.logo img { border: 1px solid #000000; }
.member .description {width: 500px; font-size: 0.95em; line-height: 1.25em; margin-left: 10px; float: left;}

#coalition {width: 420px; margin: 0 auto;}
#coalition .member {width: 100px; margin-right: 5px; float:left;}
#coalitionfoot {width: 420px; float: left; margin: 0 150px; }
#coalitionfoot a {color: #1e9a90;}

/* MOBILE FUTURE SHOWCASE */
.featuredbox {margin-bottom: 10px;
	width: 524px;
}
.featuredlogo {float: left; width: 160px; margin-left: 10px;}
.featuredblurb p {font-size: 1.3em; font-weight: normal; line-height: 1.3em; color: #7b806d;border-top: 1px solid;
	padding-top: 5px;text-align:left;}
.featuredblurb {float: right;
	width: 160px;
	margin-top: 128px;
	padding-right: 30px;
}
.movievideo { padding: 0px 55px; }


/* =MOBILE U */


.clearfix {display:block;}

h1.mobileUtitle { 
	background: url(http://mobilefuture.org/page/-/images/MobileU/title-mobileu-small.jpg) no-repeat 0 0;
	width: 400px; height: 60px;
}

h1.mobileUtitle span { display: none;}

h1.mobileUtitle-small, div.mobileUtitle-small {
	background: url(http://www.mobilefuture.org/page/-/images/MobileU/title-mobileu-small.jpg) no-repeat 0 0;
	width: 600px; height:35px;
	padding-top: 75px;
        text-indent: -2000px;
}


#tipShowcase img.showcase { width: 280px; height: 158px; }

#tipShowcase p { margin: .5em 0; color: #000; font: 1.1em/1.4em "Trebuchet MS", sans-serif; }

#tipsByCategory { 
	width: 648px; 
	float: left; 
	border-top: 1px solid silver; 
	padding: 25px 0; 
}
#tipsByCategory #top { width: 650px; height: 248px; margin: 0 auto;}
#tipsByCategory #bottom { width: 433px; height: 228px; margin: 0 auto; }
#tipShowcase { width: 280px; float: left; margin: 15px;}

#tipsByCategory h2 a { color: #fff;}
#tipsByCategory h2 a:hover { color: silver; text-decoration: none;}


.catBox{ width: 215px; float: left; margin: 0; }

.catBox ul { background: url(http://www.mobilefuture.org/page/-/images/MobileU/bg-list-mid.jpg) no-repeat; width: 215px; height: 152px; margin: 0; }

.catBox ul li{
	color: #007c71;
	display: block;
	text-align: center;
	height: 28px;
	margin: 0px;
	line-height: 1.2em;
	font-weight: bold;
	padding: 5px 25px;
}

.catBox .view_all a, .catBox ul li a { color: #007c71; text-decoration: none; }
.catBox .view_all a:hover, .catBox ul li a:hover { text-decoration: underline; }

.view_all { 
	background: url(http://www.mobilefuture.org/page/-/images/MobileU/bg-list-bottom.jpg) no-repeat;
	width: 93px;
	padding-left: 123px;
	text-transform: lowercase;
	font-size: .9em;
}


h2.catTitle {
    color: white;
	background: url(http://www.mobilefuture.org/page/-/images/MobileU/bg-list-top.jpg) no-repeat;
	text-transform: none;
	width: 215px;
	height: 40px;
	text-align: center;
	font: 1.3em/2em "Trebuchet MS";
	letter-spacing: 1px;
	padding-top: 10px;
}

#latestTips { width: 300px; float: left; padding: 15px 15px 0 0; border-right: 1px solid silver;}

#latestTips p { color: #454545; }
#latestTips p strong{ font-weight: bold; }
#latestTips p.dateline { margin: 0;}
#latestTips .entry { font-size: .85em; margin-bottom: 15px;}
#latestTips a { color:  #007c71;}
#latestTips .entry a { text-decoration: none;}

h2.latestTips { background: url(http://www.mobilefuture.org/page/-/images/MobileU/Latest_tips.jpg); width: 169px; height:  30px; float: left;}
h2.latestTips span { display: none;}
.rssBtn { float: left; padding: 0 0 24px; margin: 5px 0 0 12px;}

h3.latestTips { color: #007c71; }
h3.latestTips a { color: #007c71; text-decoration: none; }

p.tagged { margin: 0.5em; font-size: .9em;}
p.tagged a { text-transform: uppercase; text-decoration: none; color: #1e9a90;}

ul.tipsList li {list-style-type: none;}
ul.tipsList li h3 {font-weight: bold;}

/*** SEARCH ***/

#contentSearch { background: #454a34; padding: 10px; width: 345px; margin: 15px 0;}
#contentSearch input { vertical-align: middle; }
#contentSearch input#keywords { font-size: 14px; padding: 3px 5px; border: none; width: 250px; margin-right: 5px;}
#contentSearch input.button { padding: 5px; border: 1px solid #333; width: 75px; text-align: center;}

div.searchResults { border: 1px solid #aaa; }
div.resultRowOne, div.resultRowTwo { padding: 10px; border-bottom: 1px dotted #aaa;}
div.resultRowTwo { background: #eaebe3; }
div.resultRowOne h6, div.resultRowTwo h6 { font-size: 11px; line-height: 18px;color: #666; margin-bottom: 5px;}

#navigation li.search { padding: 5px 7px; }
#navigation li.search input#keywords { background: #e4e7db; font: 11px Verdana, Helvetica, Arial, sans-serif; color: #3d432d; padding: 5px; border: none; vertical-align: middle; width: 155px; margin-right: 2px;}
#navigation li.search input.submit { vertical-align: middle;}

/* =SIGNUPS 
----------------------------------------------- */
#signup {font-size: 12px; }
#signup label.field {margin: 12px 0px 0px 0px; font-weight: normal; font-family: Arial,Helvetica,sans-serif; line-height: 1.4em; }

/* =UTILS
----------------------------------------------- */

img {border: 0;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}
.noborder {border: none !important;}
.required {color: red;}

.editThis {margin: 0; background: transparent !important; text-align: right;}
.editThis a {margin: 0; display: inline !important; padding: 0 !important; background: transparent !important;}
p + div.editThis {margin-top: -12px;}

div#editComments {text-align: left; margin-top: -12px; margin-bottom: 12px;}

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* FORM ATTRIBUTES
----------------------------------------------- */

input, textarea {font-size: 11px; background: #fff; text-align: left;}
.txt, .text {background: #fff; border-color: #666; padding: 2px;}
.hasfocus {background: #DEEFFF; color: #001F5C;}

select {font-size: 11px; background: #fff; text-align: left;}

input.button {cursor: pointer;}
input.buttonImg {cursor: pointer; border: none; vertical-align: middle; padding: 0;}

input.text {border-color: #666; padding: 2px;}
input.button {background: #666; color: #fff; border-color: #000; padding: 1px;}



/* =STATES PAGE
----------------------------------------------- */

#statesLeftColumn {float: left; width: 270px;}
#statesRightColumn {float: right; margin: 10px 10px 0 0; width: 499px;}
#statePageBody {width: 499px;}
#statesPageBlogLoopContainer {background: #eee; border-top: 1px solid #ccc; padding: 10px; margin: 10px 0 0 0; width: 479px;}
#statesLeftColumn div {background: #eee; border-right: 1px solid #ccc; padding: 10px; margin: 15px 0 0 0; width: 245px;}
#statePageResources ul li {list-style-type: none; margin: 0 0 -6px 0;}

/* =RESOURCES
-----------------------------------------------*/
.resource-entry { float:left; width:304px; margin:10px 5px 0 0; }
.entries-container { overflow:hidden; margin-bottom:20px; }
h1.resources { background:url(/page/-/images/h1-resources.png) no-repeat; text-indent:-999em; }

/* =Mobile Stories
----------------------------------------------- */
p.mobileStoriesIndividualFooter {font-style: italic;}


/* =IK H1 TAGS
----------------------------------------------- */

h1.ontheissues, h1.inthestates, h1.blog, h1.newsroom, h1.mobilestories, h1.events, h1.sitemap-header, h1.video 
  {height:40px;width:150px;margin:0 0 15px 0;display:block;text-indent:-5000px;background-position:left bottom;background-repeat:no-repeat;}

h1.ontheissues {background-image:url(http://www.mobilefuture.org/page/-/images/new/h1-issues.png);}
h1.inthestates {background-image:url(http://www.mobilefuture.org/page/-/images/new/h1-states.png);margin-left:3px;}
h1.blog {background-image:url(http://www.mobilefuture.org/page/-/images/new/h1-blog.png);}
h1.video {background-image:url(http://www.mobilefuture.org/page/-/images/new/h1-video.png);}
h1.newsroom {background-image:url(http://www.mobilefuture.org/page/-/images/new/h1-newsroom.png);}
h1.mobilestories {background-image:url(http://www.mobilefuture.org/page/-/images/new/h1-mobilestories.png);}
h1.events {background-image:url(http://www.mobilefuture.org/page/-/images/new/h1-events.png);}
h1.sitemap-header {background-image:url(http://www.mobilefuture.org/page/-/images/new/h1-sitemap.png);}

h2.facts, h2.resources, h2.fromtheblog
  {height:15px;width:100px;margin:0 0 10px 0;display:block;text-indent:-5000px;background-position:left bottom;background-repeat:no-repeat;}

h2.facts {background-image:url(http://www.mobilefuture.org/page/-/images/new/h2-facts.png);}
h2.resources {background-image:url(http://www.mobilefuture.org/page/-/images/new/h2-resources.png);}
h2.fromtheblog {background-image:url(http://www.mobilefuture.org/page/-/images/new/h2-fromtheblog.png);}
h2.pressclips {background-image:url(http://www.mobilefuture.org/page/-/images/new/h2-pressclips.png);}


/* =Quick Sign Form
---------------------------------------------- */
form#quickSignUp {text-align: right; float: right; margin: -100px 15px 0 0; font-family: Arial, Helvetica, sans-serif; position: relative; z-index: 10000;}
form#quickSignUp legend {float: right;}
form#quickSignUp input#quickEmail {display: block; width: 200px;}
form#quickSignUp input#quickZip {margin: -4px 0 0 0; width: 126px;}
form#quickSignUp button#quickSubmit {background-color: #333; border: none; font-weight: bold; color: #fff; margin: 3px 0 0 0;  padding: 1px 2px 2px 2px; width: 70px;}
form#quickSignUp fieldset p {width: 200px; height: 30px; background: url(http://www.mobilefuture.org/page/-/images/new/MobFut_SIGNUP.png) no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
form#quickSignUp button#quickSubmit {padding: 3px 2px 4px 2px; cursor: pointer;}
}

form#quickSignUp input {color: #fff; font-size: 12px; background-color: #333; border: none; padding: 3px;}

#facts.resource-entry { width:100%; font-size:1.3em; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;}


/* =Leadership
---------------------------------------------- */
#leadership-cont {margin: 25px 0 0 0;}
.leadership-entry {overflow: hidden; margin: 0 0 35px 0;}
.leadership-entry .left {float: left; width: 150px!important;}
.leadership-entry .right {float: right; width: 610px; text-align: left; margin: -5px 0 0 0;}
.leadership-entry .right .position {font-weight: bold;}
.leadership-entry .right p {line-height: 18px;}
.leadership-entry.single .right {margin-top: -13px!important;}



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/page/-/images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/page/-/images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/page/-/images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/page/-/images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/page/-/images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/page/-/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/page/-/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/page/-/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/page/-/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/page/-/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/page/-/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/page/-/images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/page/-/images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/page/-/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/page/-/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/page/-/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/page/-/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/page/-/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/page/-/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/page/-/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/page/-/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/page/-/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}