@charset "UTF-8";
/* CSS Document */

/* Lightbox */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ bottom:-10px; right:10px; float:right; }

#lightbox img{ border: none; clear: both; padding-bottom:12px;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); } */

* html #overlay{
	background-color: #333;
	background\color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
/* Flickr */
#flickr_badge_uber_wrapper {text-align:center; width:248px; padding:15px 0 5px 15px;}
.flickr_badge_image {margin:0 5px 5px 0; float:left}
#flickr_badge_image3 {clear: right;}
#flickr_badge_image4 {clear: left;}
#flickr_badge_image6 {clear: right;}
.flickr_badge_image img {border: 1px solid white !important;}
#flickr_badge_source {text-align:center; margin:0 10px 0 10px; clear:both;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 0 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* ------------- */
body {
	background:/*url(gradient.gif) repeat-x*/ #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height:10pt;
	}
img {border:0;
	 margin:0;
	}
a 	{
	text-decoration:none; 
	color:#cc0066;
	font-weight:bold;
	}
a.h2 {
	color:#ffffff;
	}
#footer a {
	color:#ffffff;
	font-weight:normal;
	font-size:8pt;
	}
ul, li {
	margin:0;
	padding:0;
	list-style:none;
	}
ul#about {
	padding:12px 0 0 17px;
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
	line-height:12pt;
	font-size:11pt;
	width:100px;
	}
div {
	margin-left:auto;
	margin-right:auto;
	}
h1, h2, h3, h4 {
	display:inline;
	}
h1 {
	color:#cc0066;
	font-size:11pt;
	font-weight:900;
	font-stretch:extra-expanded;
	}
	
h2 {
	font-weight:500;
	font-size:9pt;
	color:#FFFFFF;
	}
h3 {
	font-weight:bold;
	color:#cc0066;
	font-size:10pt;
	}
h4 {
	color:#000000;
	font-size:9pt;
	}
p.cities {
	text-align:center;
	line-height:12pt;
	}
p.first {display:inline;
	}
p.last {
	margin-bottom:0px;
	}
#wrapper {
	width:980px;
	background-color:#ffffff;
	}
#main {
	width:960px;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	background-color:#FFFFFF;
	}
#home_content {
	background-color:#ffffff;
	float:left;
	}
#projects_content {
	background-color:#ffffff;
	float:left;
	}
#rev_content {
	float:left;
	height:850px;
	width:960px;
	top:0px;
	}
#drrs_content {
	float:left;
	height:660px;
	width:960px;
	top:0px;
	}	
#drrs_vip {
	float:left;
	height:1590px;
	width:960px;
	top:0px;
	}	
ul#columns {
	margin-left:0px;
	}
#home_content ul#columns li {
	width:300px;
	float:left;
	padding-right:30px;
	}
#home_content ul#about li {
	width:100px;
	float:left;
	padding-right:30px;
	}
#projects_content ul#columns li {
	float:left;
	padding-right:30px;
	}
li.row2 {
	padding-top:30px;
	}
li.row2ppl {
	padding-top:30px;
	margin-left:330px;
	}
#clear {clear:both;
	}

#header {
	height:100px;
	background-color:#ffffff;
	/*padding-left:10px;*/
	padding-top:10px;
	vertical-align:top;
	}
#signup {
	float:right;
	vertical-align:top;
	}
#footer {
	height:20px;
	width:935px;
	background:#333333;
	margin:30px 10px 10px 0;
	padding:5px 15px 0 10px;
	border-bottom:#ffffff solid 10px;
	color:#ffffff;
	clear:both;
	display:block;
	font-size:8pt;
	}
#banner {
	height:200px;
	position:relative;
	vertical-align:top;
	margin-top:30px;
	background-color:#ffffff;
	border:0px solid #000000;
	}
#banner_sub {
	height:51px;
	position:relative;
	vertical-align:top;
	margin-top:30px;
	background-color:#ffffff;
	border:0px solid #000000;
	}
#padding {
	background-color:#ffffff;
	height:20px;
	}

#intro_text {
	padding:0 20px 20px 20px;
	}
#text {
	padding:0 10px 0 10px;
	}
#center {
	text-align:center;
	}
#centered_content {
	margin-left:120px;
	width:730px;
	background:url(images/shadow_original2.gif) left top repeat-y;
	float:left;
	}
#three_content {
	width:297px;
	background:url(images/shadow_original2.gif) left top repeat-y;
	float:left;
	}
#three_content_about {
	background:url(images/shadow_original2.gif) left top repeat-y;
	margin-top:-1px;
	float:left;
	}
#doublewide_content {
	width:623px;
	background:url(images/shadow_original2.gif) left top repeat-y;
	margin-top:-1px;
	float:left;
	}
#box_bottom {
	background:url(images/shadow_right2.gif) right top repeat-y;
	margin:1px -3px 0 1px;
	padding:0 10px 0 0;
	}
#box_btmedge {
	background:url(images/shadow_lower.gif) right bottom no-repeat;
	margin:0 -3px -2px 1px;
	padding:0 10px 5px 0;
	}
#box_bottom.people {
	height:225px;
	}
	
#box_bottom_ad {
	background:url(images/shadow_right.gif) right bottom no-repeat;
	margin:0 -3px -2px 1px;
	padding:0 10px 4px 0;
	}

#titlebar {
	background:url(images/titlebar.png) no-repeat left top;
	margin:0 0 0 0;
	padding:0 0 0 10px;
	height:30px;
	width:718px;
	}
#titlebar_three {
	background:url(images/titlebar.png) no-repeat left top;
	margin:-1px 0 0;
	padding:0 0 0 10px;
	height:30px;
	width:285px;
	}
#titlebar_feature {
	background:url(images/titlebar2.png) no-repeat left top;
	margin:-1px 0 0;
	padding:0 0 0 10px;
	height:30px;
	width:285px;
	}
#titlebar_doublewide {
	background:url(images/titlebar.png) no-repeat left top;
	margin:-1px 0 0;
	padding:0 0 0 10px;
	height:30px;
	width:611px;
	}
#titlebar_three_c {
	background:url(images/titlebar.png) no-repeat left top;
	margin:-1px 0 0;
	padding:0 0 0 0;
	height:30px;
	width:295px;
	}
#titlebar_text {
	padding:7px 0 0 0;
	}
#titlebar_text_about {
	padding:7px 0 0 10px;
	}
#titlebar_text_c {
	padding:7px 0 0 0;
	text-align:center;
	}
#centered_text {
	margin:20px 0 0 135px;
	width:700px;
	padding:0 0 0 0;
	vertical-align:middle;
	}

/* Chapters */
#chapters_image {
	margin:20px 0 0 0;
	padding:0 0 15px 15px;
	}
.popup	{
	background:url(images/chapterspopup.png) no-repeat left;
	width:180px;
	height:100px;
	position:absolute;
	visibility:hidden;
	}
#pup_text {
	padding:6px 5px 15px 47px;
	}
#pup_details {
	padding-top:4px;
	}
#austin {
	left:253px;
	top:435px;
	}
#chi {
	left:280px;
	top:413px;
	}
#joh {
	left:508px;
	top:568px;
	}	
#la {
	left: 229px;
	top:442px;
	}
#lon {
	left:450px;
	top:395px;
	}
#mex {
	left:258px;
	top:460px;
	}
#ny {
	left:318px;
	top:425px;
	}	
#sf {
	left: 222px;
	top: 427px;
	}	
#seat {
	left: 222px;
	top: 410px;
	}	


/* Projects */
#proj_wrap {
	width:295px;
	align:left;
	/*padding-bottom:15px;*/
	}
#map_wrap {
	width:295px;
	align:left;
	margin:10px 10px 0 0;
	padding-left:10px;
	}
#photo_small {
	width:75px;
	height:75px;
	padding:10px 10px 0 10px;
	float:left;
	}
#proj_text {
	margin-left:95px;
	padding:7px 10px 0 0;
	height:75px;
	display:block;
	}
#proj_info {
	padding:0 10px 0 0;
	}
#proj_link {
	padding:15px 0 0 10px;
	}
	
/* Project SubPages */
#sub_2ndary_head {
	width:950px;
	margin:10px 0 0 10px;
	padding-bottom:10px;
	border-bottom:solid #ffffff 3px;
	}
#sub_content {
	width:950px;
	margin:10px 0 0 0;
	}
#sub_content_left {
	width:600px;
	float:left;
	padding-right:10px;
	}
#sub_content_right {
	width:300px;
	border:solid #000000 1px;
	float:right;
	padding:10px;
	}
#intro_photo {
	margin:0 10px 10px 0;
	width:300px;
	display:inline-block;
	float:left;
	}
#sub_intro_text {
	margin:10px 0 0 10px;
	display:block;
	padding-right:10px;
	}

/* People Plage */
#ppl_photo {
	margin:0 10px 5px 0;
	width:170px;
	display:inline-block;
	float:left;
	}
img.ppl {
	width:170px;
	height:170px;
	}

/* About Nav */
#three_content_about a {
	display:block;
	color:#cc0066;
	font-size:10pt;
	padding-left:15px;
	}
#three_content_about a:hover {
	background:url(images/carrot.png) 0 0 no-repeat;
	}


/* Navigation */
#nav {height:30px; float:right; width:960px; background:url(images/nav_bkgrnd.png);}
#nav ul {float:left;}
#nav li {float:left; display:inline;}
#nav li a {height:34px; display:block;}
#nav li a span {display:none;}

#nav .home a {width:73px; background:url(images/nav.png) 0 0 no-repeat;}
#nav .home a:hover {background:url(images/nav.png) 0 -50px no-repeat;}
#nav .about a {width:55px; background:url(images/nav.png) -73px 0 no-repeat;}
#nav .about a:hover {background:url(images/nav.png) -73px -50px no-repeat;}
#nav .chapters a {width:73px; background:url(images/nav.png) -128px 0 no-repeat;}
#nav .chapters a:hover {background:url(images/nav.png) -128px -50px no-repeat;}
#nav .projects a {width:67px; background:url(images/nav.png) -201px 0 no-repeat;}
#nav .projects a:hover {background:url(images/nav.png) -201px -50px no-repeat;}
#nav .contact a {width:67px; background:url(images/nav.png) -268px 0 no-repeat;}
#nav .contact a:hover {background:url(images/nav.png) -268px -50px no-repeat;}
#nav .donate a {width:45px; background:url(images/nav.png) -335px 0 no-repeat;}
#nav .donate a:hover {background:url(images/nav.png) -335px -50px no-repeat;}


/* Non-Home Page Navigation */
#nav_sub {height:30px; float:right; width:960px; background:url(images/nav_bkgrnd_sub.gif)}
#nav_sub ul {float:left;}
#nav_sub li {float:left; display:inline;}
#nav_sub li a {height:30px; display:block;}
#nav_sub li a span {display:none;}

#nav_sub .home a {width:70px; background:url(images/nav_sub.png) 0 0 no-repeat;}
#nav_sub .home a:hover {background:url(images/nav_sub.png) 0 -50px no-repeat;}
#nav_sub .about a {width:55px; background:url(images/nav_sub.png) -72px 0 no-repeat;}
#nav_sub .about a:hover {background:url(images/nav_sub.png) -72px -50px no-repeat;}
#nav_sub .chapters a {width:73px; background:url(images/nav_sub.png) -128px 0 no-repeat;}
#nav_sub .chapters a:hover {background:url(images/nav_sub.png) -128px -50px no-repeat;}
#nav_sub .projects a {width:67px; background:url(images/nav_sub.png) -201px 0 no-repeat;}
#nav_sub .projects a:hover {background:url(images/nav_sub.png) -201px -50px no-repeat;}
#nav_sub .contact a {width:67px; background:url(images/nav_sub.png) -268px 0 no-repeat;}
#nav_sub .contact a:hover {background:url(images/nav_sub.png) -268px -50px no-repeat;}
#nav_sub .donate a {width:45px; background:url(images/nav_sub.png) -335px 0 no-repeat;}
#nav_sub .donate a:hover {background:url(images/nav_sub.png) -335px -50px no-repeat;}

/* Pink in Nav */
#bodyhome .home a {background:url(images/nav.png) 0 -50px no-repeat;}
#bodyabout .about a {background:url(images/nav_sub.png) -72px -50px no-repeat;}
#bodychapters .chapters a {background:url(images/nav_sub.png) -128px -50px no-repeat;}
#bodyprojects .projects a {background:url(images/nav_sub.png) -201px -50px no-repeat;}
#bodycontact .contact a {background:url(images/nav_sub.png) -268px -50px no-repeat;}
#bodydonate .donate a {background:url(images/nav_sub.png) -335px -50px no-repeat;}
	
/* About Nav */
#about_home .about_home a {background:url(images/carrot.png) 0 0 no-repeat;}
#about_manifesto .about_manifesto a {background:url(images/carrot.png) 0 0 no-repeat;}
#about_calendar .about_calendar a {background:url(images/carrot.png) 0 0 no-repeat;}
#about_people .about_people a {background:url(images/carrot.png) 0 0 no-repeat;}
#about_press .about_press a {background:url(images/carrot.png) 0 0 no-repeat;}
#about_history .about_history a {background:url(images/carrot.png) 0 0 no-repeat;}
#about_getinvolved .about_getinvolved a {background:url(images/carrot.png) 0 0 no-repeat;}


/* Shadows */
.shadow_left {background:url(images/shadow_original.gif) no-repeat bottom left; padding-bottom: 5px; margin-top:1px;}
.shadow_middle {background:url(images/shadow_middle.gif) repeat-y bottom right; padding-right:10px;}
.shadow_right {background:url(images/shadow_right.gif) no-repeat top right;}


/* Design Revolution */
#rev_intro {
	position:absolute; 
	top:210px;
	z-index:1;
	padding:10px;
	border:solid 2px #cc0066;
	background: url(images/trasparent.png) repeat top left;
	width:250px;
	height:130px;
	}
#rev_signup {
	position:absolute; 
	top:210px;
	left:285px;
	z-index:1;
	padding:10px;
	border:solid 2px #cc0066;
	background: url(images/trasparent.png) repeat top left;
	width:650px;
	height:130px;
	}
#rev_cover {
	position:absolute; 
	top:375px;
	width:500px;
	height:500px;
	background: url(images/trasparent.png) repeat top left;
	z-index:1;
	} 
#rev_back {
	position:absolute; 
	left:510px;
	top:375px;
	width:425px;
	background: url(images/trasparent.png) repeat top left;
	z-index:1;
	padding:10px;
	border:solid 2px #cc0066;
	} 
#rev_saying {
	position:absolute;
	top:885px;
	width:935px;
	background: url(images/trasparent.png) repeat top left;
	z-index:1;
	padding:10px;
	border:solid 2px #cc0066;
	} 
	
	/* Design Revolution Road Show*/
#drrs_signup {
	position:absolute; 
	top:210px;
	z-index:1;
	padding:10px;
	border:solid 2px #c0c0c0 ;
	background: url(images/trasparent.png) repeat top left;
	width:280px;
	height:130px;
	}
#drrs_intro {
	position:absolute; 
	top:210px;
	left:315px;
	z-index:1;
	padding:10px;
	border:solid 2px #c0c0c0;
	background: url(images/trasparent.png) repeat top left;
	width:620px;
	height:130px;
	}
#drrs_img {
	position:absolute; 
	top:375px;
	left: 460px;
	width:500px;
	height:500px;
	background: url(images/trasparent.png) repeat top left;
	z-index:1;
	} 
#drrs_schedule {
	position:absolute; 
	top:375px;
	width:425px;
	height:476px;
	background: url(images/trasparent.png) repeat top left;
	z-index:1;
	padding:10px;
	border:solid 2px #c0c0c0;
	}