/************************************************************************
2015-06-24
SITE CSS FILE : EDIT AT YOUR OWN RISK.
IF YOU KNOW WHAT YOU'RE DOING, HAVE FUN!
TABLE OF CONTENTS:
==================
0. Font-face fonts
1. BASE UTILITES
- Clearfix
2. LAYOUT
3. TYPOGRAPHY
4. SPECIFIC PAGES
5. MODULES
6. PLUGINS
- Uniform.js styles
- Chosen.js styles
7. ADMIN
8. MOBILE STYLES
9. LEGACY because it just doesn't go away
APPENDIX (bottom of page)
- Color pallette
- Layers (z-index)
- PopTech master sprite
**************************************************************************/
/*
Rebellion 2.0 fonts
*/
@font-face {
font-weight: 300;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 300;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 400;
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 400;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 600;
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 600;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 700;
font-family: "proxima-nova",sans-serif;
font-style: normal; }
/*************************************************************************
*
* 1. UTILITIES
*
*************************************************************************/
.mobile-show {display:none;} /* hack until mobile completed on site see line 5076*/
/*
CLEARFIX
For container divs with floated content. Apply the class .clearfix to the container,
and it will automatically expand down to contain the floated elements. Added main content divs
so that we don't need to add an extra class to those -AMD
*/
/* float clearing for IE6 */
* html #pagecontent,
* html #pagecontent_home,
* html .clearfix {
height: 1%;
overflow: visible;
}
/* float clearing for IE7 */
*+html #pagecontent,
*+html #pagecontent_home,
*+html .clearfix {
min-height: 1%;
}
/* float clearing for everyone else */
#pagecontent:after,
#pagecontent_home:after,
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
/* /CLEARFIX */
#temporary_disabled {}
#temporary_text {display:none;}
/*************************************************************************
*
* 2. LAYOUT
*
*************************************************************************/
/*************************
BODY & CONTAINER DIVS
*************************/
body {
/* background: #ebebeb url(https://s3.amazonaws.com/poptech_web_images/web_images/1235/original/main_background.png) top left repeat;*/
/* background:#ebebeb url('/icons/white-dot.gif') top left no-repeat;*/
background:#ebebeb;
margin: 0;
padding: 0;
}
/* to prevent editing window from enforcing body width */
body.mceContentBody {
min-width:0;
}
#container {
width: 100%;
/*changes 2014-08-08*/
/* min-width: 1080px;*/
margin: 0;
padding: 0;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1233/original/container_bg.png) 0 0 repeat-x;
}
#content {
text-align: left;
width: 900px;
background: #fff;
min-height: 800px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
/* OLD
margin-bottom: 10px;
margin-left: 8%;
*/
margin:auto;
}
#IE7_root #content {}
body.use_header #content {
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/1261/original/page_body_gradient.png) 0 420px repeat-x;
}
/* SITEWIDE GEN USAGE */
.poptech_gen_quote {
display: block;
margin: 0;
padding: 0 5%;
color: #777;
font-size: 15px;
line-height: 1.3em;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1480/original/quote.png?1330460097) 0px 0px no-repeat;
}
/*************************
HEADER
*************************/
#header_bg {
width: 100%;
/* changes 2014-08-08*/
/*position: absolute;*/
position: relative;
/*left: 0;*/
/* changes 2014-08-08*/
/*top: 1px;*/
/*top: 0;*/
/*changes 2014-08-08*/
/*height: 50px;*/
/*background: #ebebeb url(https://s3.amazonaws.com/poptech_web_images/web_images/1235/original/main_background.png) top left repeat;*/
}
#header {
/* changes 2014-08-08*/
/*left: -80px;*/
height: 50px;
margin: 0;
z-index: 33;
border-bottom: 1px solid #ddd;
position: relative;
/* changes 2014-08-08*/
/*width:980px;*/
width:100%;
background:#ebebeb;/*new*/
}
#header #home_about_bar { display: none; }
#home_about_bar {
width: 100%;
min-width: 1080px;
display: block;
z-index: 200;
background: #ed1c24;
height: 30px;
}
#home_about_bar a {
display: block;
width: 900px;
text-align: center;
height: 30px;
line-height: 30px;
color: #fff;
text-decoration: none;
font-size: 13px;
/* OLD
margin-left: 8%;
*/
margin:auto;
}
#home_about_bar a .read_more {
text-transform: uppercase;
text-decoration: underline;
font-size: 80%;
}
#header #meatball {
/* changes 2014-08-08*/
position:relative;/*new*/
display:inline;/*new*/
z-index: 100;
}
#header #meatball a {
position: absolute;
display: block;
top: 0;
left: 8%;
margin-left: 7px;
width: 120px;
height: 160px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1239/original/logo_flap.png) bottom left no-repeat;
}
#header #meatball a:hover {
height: 163px;
}
#header #meatball img {
position: absolute;
bottom: 8px;
left: 12px;
}
#header #search_soc_bar {
/* changes 2014-08-08*/
/* position: absolute;*/
/* top: 0;*/
/* left: 8%;*/
/* width: 900px;*/
/* width: 100%;*/
/* right: 0;*/
/* height: 50px;*/
}
#header #search_soc_bar #search_field {
/* changes 2014-08-08*/
display:inline-block;/*new*/
/* position: absolute;*/
position:relative;
height: 22px;
/* top: 13px;*/
top:-0.70rem;
/* right: 10px;*/
left:34rem;/*new*/
width: 250px;
border: 1px solid #ddd;
background: #fff;
border-radius: 11px;
}
#header #search_field input.submit {
height: 20px;
width: 35px;
position: absolute;
right: 2px;
border: none;
font-weight: bold;
text-transform: uppercase;
color: #fff;
}
#header #search_field input.search {
display: block;
height: 19px;
position: absolute;
left: 10px;
top: 0;
border: 0;
font-size: 13px;
width:250px;
color:#555;
font-style:italic;
}
#header #search_soc_bar #header_social_links {
/*changes 2014-08-08*/
/* position: absolute;*/
position:relative;
/* width: 100px;*/
/* right: 270px;*/
height: 25px;
left:33rem;/*new*/
top: -0.7rem;
display:inline-block;/*new*/
}
#header #header_social_links a.social_icon {
float: left;
display: block;
width: 25px;
height: 25px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1232/original/pt_master_sprite.png) 0 0 no-repeat;
text-indent: -9999px;
overflow: hidden;
}
#header #search_soc_bar #search_field {width:272px;}
#header #search_field input.submit {
top:1px;
border-radius:20px;
background:none;
background-color:#ed1c24;
font-weight:bold;
font-size:13px;
}
#header #search_field input.submit:hover {background-color:#777;}
#header #search_soc_bar #header_social_links a#facebook_icon { background-position: 0 0;}
#header #search_soc_bar #header_social_links a#facebook_icon:hover { background-position: 0 -75px;}
#header #search_soc_bar #header_social_links a#newsletter_icon { background-position: 0 -150px; }
#header #search_soc_bar #header_social_links a#newsletter_icon:hover { background-position: 0 -226px; }
#header #search_soc_bar #header_social_links a#tumblr_icon { background-position: 0 -302px; }
#header #search_soc_bar #header_social_links a#tumblr_icon:hover { background-position: 0 -376px; }
#header #search_soc_bar #header_social_links a#twitter_icon { background-position: 0 -450px; }
#header #search_soc_bar #header_social_links a#twitter_icon:hover { background-position: 0 -525px; }
/* newsletter in header */
#header #mc_embed_signup{
clear:left;font:12px Helvetica,Arial,sans-serif;background: none;position:relative;top:14px;left:23%;
}
#header #mc_embed_signup input.email {
display: inline;
padding: 3px 0;
margin:0;text-indent:15px;width:300px;border:1px solid #DDDDDD;
border-radius:20px;font-size: 13px;font-style: italic;color:#555;
width:310px;
}
#header #mc_embed_signup input.button {
display: inline;
width: 80px;
margin: 0 0 0px 0;
font-size:14px;
font-weight:bold;
height:20px;
line-height:0;
border-radius:20px;
vertical-align:middle;
font-variant: small-caps;
padding: 0 0 2px;
background-color:#ed1c24;
top:-2px;
left:-86px;
position: relative;
color:#FFF;
border:none;
}
#header #mc_embed_signup input.button:hover {background-color:#777;}
#header_bg.with_banner {top:5.5rem;}
#top_banner {
font-family: 'proxima-nova', sans-serif;
font-size: 1.5rem;
color: #FFF;
z-index: 20;
text-align: center;
padding: 0.5rem 0 0 0;
height: 2rem;
background-color: #2E3192;
}
#top_banner a { color:#FFF;}
#top_banner a:hover { color:#BC2227;}
/*************************
MAIN NAVIGATION
*************************/
#main_nav {
/* changes 2014-08-08*/
/* display: block;*/
/* OLD
position: absolute;
left: 0;
top: 70px;
*/
position:relative;
/* changes 2014-08-08*/
/* left: -95px;*/
/* top: 0;*/
height: 64px;
/* right: 0;*/
z-index: 2;
overflow: hidden;
width: 100%;
/* min-width: 1180px;*/
/* changes 2014-08-08*/
/* background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1236/original/mainnav_fade.png) 8% 0 no-repeat;*/
background:white;
}
#main_nav ul {
/* changes 2014-08-08*/
/* position: absolute;*/
/* left: 8%;*/
/* width: 900px;*/
/* height: 64px;*/
margin: 0;
padding: 0;
}
#main_nav ul li {
display: block;
float: left;
margin: 7px 0;
height: 50px;
}
#main_nav ul li a {
display: block;
height: 34px;
line-height: 34px;
margin: 8px 0;
padding: 0 6px;
border-right: 1px solid #ddd;
font-size: 13.4px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #000;
text-shadow: #ddd 1px 1px 0;
}
#main_nav ul li a:hover {
background-color: #fff;
color: #3d96d2;
text-shadow: #fff -1px -1px 0;
}
/* ABOUT */
#main_nav ul li#nav_about { margin-left: 109px; }
#main_nav ul li#nav_about a { padding-left: 20px; }
/* IMPACT FUND */
#main_nav ul li#nav_impact_fund {}
#main_nav ul li#nav_impact_fund a {
padding-left: 32px;
padding-right: 10px;
border-right: none;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1232/original/pt_master_sprite.png) 6px -914px no-repeat; /*position offset: +6px, +6px*/
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-right-radius: 17px;
-moz-border-radius-topright: 17px;
-moz-border-radius-bottomright: 17px;
border-top-right-radius: 17px;
border-bottom-right-radius: 17px;
}
#main_nav ul li#nav_impact_fund a:hover {
background-color: #fff;
background-position: 6px -984px; /*position offset: +6px, +6px*/
}
/* BLOG / VIDEOS */
#main_nav ul li#nav_blog,
#main_nav ul li#nav_popcasts,
#main_nav ul li#nav_people {
float: right;
background: #3d96d2;
height: 30px;
margin: 17px 0;
/* had to not use master sprite because of right-align*/
/* background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1232/original/pt_master_sprite.png);*/
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1260/original/videos_blog_pill_sprite.png);
background-repeat: no-repeat;
background-color: transparent;
}
#main_nav ul li#nav_blog a,
#main_nav ul li#nav_people a,
#main_nav ul li#nav_popcasts a {
color: #fff;
height: 20px;
line-height: 20px;
margin: 5px 0;
font-size: 12px;
text-shadow: none;
padding-left: 23px;
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1232/original/pt_master_sprite.png);
/* background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1260/original/videos_blog_pill_sprite.png);*/
background-repeat: no-repeat;
background-color: transparent;
text-shadow: #367cac 1px 1px 0;
}
#main_nav ul li#nav_blog a:hover,
#main_nav ul li#nav_popcasts a:hover,
#main_nav ul li#nav_people a:hover {
text-shadow: none;
color: #000;
/* background-position: 0 -1300px;*/
}
/* Blog */
.altCaption {font-style: italic;color: #888;font-size: 90%;}
/*
NOTE: the right-align becomes a problem if anything in the sprite is wider than
the blog/video nav background image. if there's an issue, maybe
move to its own sprite?
*/
#main_nav ul li#nav_blog {
margin-right: 10px;
padding-right: 7px;
/* background-position: right -1220px;*/
background-position: right 0;
}
#main_nav ul li#nav_blog:hover { background-position: right -30px; }
#main_nav ul li#nav_blog a { border: none; background-position: -3px -605px; } /* position offset: -3px, -5px */
#main_nav ul li#nav_blog a:hover { border: none; background-position: -3px -685px; } /* position offset: -3px, -5px */
/* Videos */
#main_nav ul li#nav_popcasts { padding-left: 2px; background-position: center 0; }
/*#main_nav ul li#nav_popcasts { padding-left: 2px; background-position: 0 0; }*/
#main_nav ul li#nav_popcasts:hover { background-position: center -30px; }
/*#main_nav ul li#nav_popcasts:hover { background-position: 0 -30px; }*/
#main_nav ul li#nav_popcasts a { background-position: -3px -765px; } /* position offset: -3px, -5px */
#main_nav ul li#nav_popcasts a:hover { background-position: -3px -845px; } /* position offset: -3px, -5px */
/* People */
#main_nav ul li#nav_people { padding-left: 7px; background-position: 0 0; }
#main_nav ul li#nav_people:hover { padding-left: 7px; background-position: 0 -30px; }
#main_nav ul li#nav_people a {
background-image: url("https://s3.amazonaws.com/poptech_web_images/web_images/1519/original/pt_people_icon_sprite.png?1337723376");
background-position: -3px -156px;
}
#main_nav ul li#nav_people a:hover {
background-position: -3px -126px;
}
/*************************
CONTENT DIVS
*************************/
/* BASIC PAGE SETUP */
#pagecontent,
#pagecontent_home {
position: relative;
/* OLD
margin-top: 50px;
*/
min-height: 300px;
top: -130px;
}
/* BASIC PAGE (SIDENAV), NO HEADER */
#pagecontent {
margin: 0 15px 0 220px;
padding: 150px 0 2em 15px;
width: 650px;
min-height: 600px;
/* top:-325px;*/
}
/*TODO: box model hack*/
/* FULLSCREEN PAGE, NO HEADER */
/*
NOTE: "pagecontent_home" is used for all
fullscreen pages, not just homepage
*/
#pagecontent_home {
width: 870px;
padding: 120px 0 2em 0;
margin: 0 15px;
}
#pagecontent_search {
width: 870px;
padding: 0px 0 2em 0;
margin: 0 15px;
}
/* HEADER */
#page_people #page_header {
position: relative;
top: -86px;
}
body.use_header #page_header {
height: 420px;
width: 900px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* behavior: url(http://staging.poptech.org/system/uploaded_files/2/original/PIE.htc); /* enable CSS3 styles in IE 6-9 */
-moz-box-shadow: 0 1px 2px #aaa;
-webkit-box-shadow: 0 1px 2px #aaa;
box-shadow: 0 1px 2px #aaa;
overflow: hidden;
background: #333;
position: relative;
}
body.use_header #page_header img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* behavior: url(http://staging.poptech.org/system/uploaded_files/2/original/PIE.htc); /* enable CSS3 styles in IE 6-9 */
}
body.use_header #page_header .image_caption {
display: block;
position: absolute;
background: #fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 5px 25px 5px 15px;
right: -15px;
bottom: 15px;
font-size: 13px;
font-weight: bold;
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
text-decoration: none;
}
body.use_header #page_header a.image_caption:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
/* FULLSCREEN PAGE WITH HEADER */
body.use_header #pagecontent_home {
padding: 0;
margin: 0;
}
body.use_header #pagecontent_home #page_body {
margin: 2em 15px;
/* padding: 0 0 2em 15px;*/
width: 870px;
/* border-left: 1px solid #ddd;*/
}
/* STANDARD PAGE (SIDENAV) WITH HEADER */
body.use_header #pagecontent {
padding: 0;
margin: 0;
margin-bottom: 2em;
width: 900px;
}
body.use_header #pagecontent #page_body {
margin: 2em 15px 2em 235px;
width: 650px;
}
body.use_header #side_nav {
/* OLD
top: 450px;
*/
top:390px;
z-index: 9;
}
/* HOME PAGE */
body#page_home #content {
background: transparent;
}
body#page_home #pagecontent_home {
background: transparent;
margin: auto;
padding: 0;
width: 900px;
margin-bottom:-130px;
}
/*
VIDEO HEADER
(some style rules need to be made page-specific for now)
*/
body.use_header #page_header.video { height: 460px; }
body.use_header #page_header.video img {
height: 500px;
bottom: 0;
left: 0;
position: absolute;
}
body.use_header #page_header.video #header_video {
display: block;
position: absolute;
right: 20px;
top: 153px;
border: 1px solid #fff;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1259/original/play_button.png) center center no-repeat;
cursor: pointer;
width: 500px;
height: 285px;
}
body#page_class2011.use_header #side_nav
,body#page_class2011_presentations.use_header #side_nav
,body#page_sciencefellows2011.use_header #side_nav
,body#page_sciencefellows2011_presentations.use_header #side_nav
{
top: 490px;
}
body#page_class2011.use_header #content
,body#page_class2011_presentations.use_header #content
,body#page_sciencefellows2011.use_header #content
,body#page_sciencefellows2011_presentations.use_header #content
{
background-position: 0 450px;
}
/* HEADER PAGE TITLE */
#page_header #page_title {
padding: 20px;
padding-left: 35px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #fff;
position: absolute;
bottom: 70px;
left: -15px;
width: 320px;
z-index: 5;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
#page_header #page_title h1 {
font-weight: bold;
padding: 0;
margin: 0;
font-size: 32px;
color: #000;
}
#page_header #page_title h2.subtitle {
font-weight: normal;
padding: 0;
margin: 0;
color: #555;
text-transform: uppercase;
font-size: 22px;
margin-top: .5em;
}
/*************************
PAGE NAV (tabs)
*************************/
#page_nav {
width: 600px;
padding-left: 220px;
/* margin-top: 30px;*/
width: 680px;
}
#pagecontent_home #page_nav {
padding-left: 0;
width: 900px;
}
#page_nav ul {
list-style: none;
margin: 0;
padding: 0;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
/* border-top: 1px solid #ddd;*/
height: 45px;
}
#pagecontent_home #page_nav ul {
border-left: none;
}
#page_nav ul li {
display: block;
float: left;
margin: 0;
height: 45px;
}
#page_nav ul li a {
display: block;
height: 45px;
line-height: 50px;
margin: 0;
padding: 0 9px;
border-right: 1px solid #ccc;
font-size: 13.4px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #333;
text-shadow: #fff 1px 1px 1px;
}
#page_nav ul li.selected a {
background: #F5F5F5;
/* color: #000; */
}
#page_nav ul li a:hover {
background: #fff;
color: #3d96d2;
}
/*************************
SECONDARY NAV
*************************/
#side_nav {
/* OLD
position: absolute;
top: 150px;
left: 8%;
*/
border-right: 1px solid #ddd;
position:relative;
top: 70px;
left: 15px;
max-height:0;
padding: 1em 15px 2em 15px;
width:175px; /*180px*/
z-index: 5;
}
/*TODO: box model hack*/
#secondary_nav_header {
/* font-weight:bold;*/
font-size:21px;
/* border-bottom:dotted 1px #999;*/
/* text-transform:uppercase;*/
/* padding:0 0 10px 10px;*/
/* margin:0 0 10px 10px;*/
display:block;
margin-bottom: 1em;
/* width:70%;*/
}
ul#recursive_navigation {
min-height:200px;
min-width:450px;
max-width:450px;
}
#side_nav ul {
list-style:none;
/* padding: 0.25em 0.25em 0.25em 1em;*/
padding: none;
padding: 0;
margin: 0;
}
#side_nav a {
text-decoration: none;
}
#side_nav li { margin: .5em 0; }
#side_nav li a { font-weight: bold; }
#side_nav ul.submenu_mainlevel3 li {
margin: .25em 0 .25em 1em;
}
#side_nav ul.submenu_mainlevel3 li a {
font-size: 90%;
font-weight: normal;
}
/*#side_nav ul li ul li {
list-style-image: url("/icons/red_plus.gif");
margin:0 10px;
}
#side_nav ul.submenu_mainlevel1 {
padding-left:0;
}
#side_nav a {
font-size:13px;
text-decoration:none;
}
#side_nav a:hover {
color:#000;
text-decoration:underline;
}*/
div#breadcrumbs_div {
position:absolute;
top:185px;
left:334px;
}
ul#breadcrumbs {
margin:0;
font-size:70%;
float:left;
padding:0;
}
ul#breadcrumbs li {
list-style:none;
margin:0;
display:inline;
}
ul#breadcrumbs li a {font-size:100%;}
/*************************
FOOTER
*************************/
/*#footer_show {margin:2em 0 0 15%;}
div#footer {clear:both;font-size:80%;padding:5em 10px 0 10px;position:relative;left:5%;width:65%;}
#footer a {color:#000;text-decoration:none;}
#footer a:hover {color:#000;text-decoration:underline;}
#footer_content li {float:left;padding:0 2em;list-style:none;font-size:90%;}*/
#footer {
clear: both;
height: 64px;
width: 900px;
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/1242/original/footer_lines.png) top left repeat-x;
margin: 0;
padding: 0;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#pagecontent_home #footer {
margin-left: -15px;
}
body#page_hope #pagecontent_home #footer {
margin-left: 0;
}
#footer ul {
list-style: none;
margin: 0;
padding: 0;
height: 64;
/* margin: 10px 0;*/
/* border-top: 1px solid #ddd;*/
/* border-bottom: 1px solid #ddd;*/
}
#footer ul li {
float: left;
display: block;
/* color: #aaa;*/
height: 34px;
margin: 14px 0;
border-right: 1px solid #ddd;
padding: 0 7px;
font-size: 14px;
line-height: 34px;
}
#footer ul li a {
text-decoration: none;
font-weight: bold;
}
#footer #footer_copyright {
margin-left: 1.5em;
}
#footer #footer_copyright {
border: none;
}
#footer #footer_501c3 {
float: right;
border: none;
font-style: italic;
color: #ccc;
margin-right: 1.5em;
}
/*************************
ADMIN
*************************/
/* FLASH */
#flash_notice, .flash_notice {font-size:18px;color:white;background:#3d96d2;font-weight:bold;padding:1em;border-radius:4px;opacity:0.9;}
#flash_errors, .flash_errors {color:white;background:#C00;font-weight:bold;padding:2em;border-radius:4px;}
#flash_admin_notice, .flash_admin_notice {color:white;background:#999;font-weight:bold;padding:1.75em;border:solid #900 3px;}
#flash_warning, .flash_warning {color:white;background:orange;font-weight:bold;padding:1.75em;border:solid #900 3px;}
/************************** VI. :errors ***************************/
.errorExplanation, .errors {
background-color: #E00;
color: #FFF;
border: 5px solid #E00;
margin: 0;
}
#errorExplanation, .errors {
border: 5px solid #E00;
border-radius:5px;
width:60%;
padding:5px 10px;
}
.fieldWithErrors, .field_with_errors {
padding: 2px;
background-color: red;
/* display: table;*/
display: inline;
}
.errors {width:100%;}
.modalWindowOk {
/*position:absolute;min-width: 100px;top:50%;left:50%;*/
background-color: #0D4;color: #FFF;
border-radius: 5px;padding:10px;font-size: 14px;text-align: center;
}
.modalWindowNotOk {
/*position:absolute;min-width: 100px;top:50%;left:50%;*/
background-color: #E00;color: #FFF;
border-radius: 5px;padding:10px;font-size: 14px;text-align: center;}
.modalSpan a {color:#FFF;}
/* reCaptcha styling messed up w/o this */
.recaptchatable input#recaptcha_response_field {
height: 20px;
width: 153px!important;
position: relative!important;
bottom: 0!important;
padding: 0!important;
margin: 0 0 0 0!important;
font-size: 10pt;
}
#recaptcha_privacy {}
/*************************************************************************
*
* 3. TYPOGRAPHY
*
*************************************************************************/
body {
font-family: Helvetica, Arial, sans-serif;
/* font-size: 14px;*/
/* line-height:20px;*/
line-height: 1.4em;
color: #333;
}
/* HEADINGS */
h1, h2, h3, h4, h5 {
line-height: 1.2em;
margin-bottom: .5em;
}
h1,
h1.title {
/* text-align:center;
font-size:20px;
text-transform:uppercase;*/
font-size: 30px;
color: #ed1c24;
font-weight: normal;
/* text-align: left;*/
}
/*h1.title {text-align:left;}
h1.popcasts_blog {text-align:left;}*/
h2,
h2.subtitle {
/* text-align:center;*/
/* text-align: left;*/
font-size:18px;
}
h2#tagline {
font-size: 26px;
color: #555;
line-height: 1.5em;
margin-top: 0;
font-weight: normal;
text-shadow: 1px 1px 2px #ddd;
}
/*h2.subtitle { text-align: left; }*/
h3 {
text-transform:none;
}
h4 {/*text-align:center;*/}
b, strong { font-weight: bold;}
i, em { font-style: italic; }
dt { font-weight: bold;}
/* STANDARD ELEMENTS */
p, .para {
/* font-size:14px;*/
/* padding:0;*/
margin: 1em 0;
font-size: 14px;
}
p a{font-size:100%;}
a {color: #3d96d2;}
a:hover {
color:#555;
text-decoration:underline;
}
a img {border:none;}
img {margin:0;}
blockquote {font-size:12px;}
ul {
list-style-type: square;
}
li {font-size:14px;}
/* INPUTS */
textarea {
font-family:arial,helvetica;
font-size:12px;
}
/*************************
UTILITY CLASSES
*************************/
.pt_round_img_wrapper {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 3px #ccc;
-webkit-box-shadow: 0 1px 3px #ccc;
box-shadow: 0 1px 3px #ccc;
display: block;
overflow: hidden;
}
.pt_round_img_wrapper img {
display: block;
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pt_img_caption {
font-size: 11px;
color: #aaa;
text-transform: italic;
margin-top: 0;
}
.hellip {
color: #AAA;
font-style: italic;
font-size: 12px;
}
.ellipses {
color: #AAA;
font-style: italic;
font-size: 12px;
}
.ellipses:before {
content: '[';
color: #AAA;
font-style: italic;
font-size: 12px;
}
.ellipses:after {
content: ']';
color: #AAA;
font-style: italic;
font-size: 12px;
}
/*************************
COLUMNS
*************************/
/* SIDENAV PAGE COLUMNS */
/* Two columns */
#pagecontent .two_columns {
width: 620px;
}
#pagecontent .two_columns .column {
float: left;
width: 280px;
padding: 0 10px;
margin-left: 15px;
}
#pagecontent .two_columns .first_column {
margin-left: 0;
}
/* Three columns */
#pagecontent .three_columns {
width: 620px;
}
#pagecontent .three_columns .column {
float: left;
width: 175px;
padding: 0 10px;
margin-left: 15px;
}
#pagecontent .three_columns .double_column {
float: left;
width: 385px;
padding: 0 10px;
margin-left: 15px;
}
#pagecontent .three_columns .first_column {
margin-left: 0;
}
/* FULL PAGE COLUMNS */
/* Two columns */
#pagecontent_home .two_columns {
width: 870px;
}
#pagecontent_home .two_columns .column {
float: left;
width: 405px;
padding: 0 10px;
margin-left: 15px;
}
#pagecontent_home .two_columns .first_column {
margin-left: 0;
}
/* Three columns */
#pagecontent_home .three_columns {
width: 870px;
}
#pagecontent_home .three_columns .column {
float: left;
width: 255px;
padding: 0 10px;
margin-left: 15px;
}
#pagecontent_home .three_columns .double_column {
float: left;
width: 545px;
padding: 0 10px;
margin-left: 15px;
}
#pagecontent_home .three_columns .first_column {
margin-left: 0;
}
/*************************
* PT LOADING SPINNER
* (requires pt_loader jQuery plugin)
*
* Usage: `$('.pt_loading_spinner').pt_loader();`
*
*
* - OR -
*
* - OR - VVVV
*
* - OR - VVVVVVVVVVVVV
*
* - ETC. -
**************************/
/* DEFAULT version (30px, tested on #ddd backdrop) */
#pt_loading {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/1234/original/hp_bgfade.png) 0 0 repeat-x;
padding-top: 20px;
text-align: center;
font-weight: bold;
text-shadow: 1px 1px 1px #fff;
height: 100%;
color: #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pt_loader {
font-size: 16px;
font-weight: bold;
height: 20px;
line-height: 22px;
color: #aaa;
text-shadow: 1px 1px 2px rgba(255,255,255,.8);
}
.pt_loading_spinner {
float: left;
width: 20px;
height: 20px;
background: #ccc;
color: #fff;
border-radius: 15%;
position: relative;
box-shadow: inset 1px 1px 10px rgba(0,0,0,0.2), 1px 1px 2px rgba(255,255,255,.6);
margin-right: .5em;
}
/*.IE7_root .pt_loading_spinner {
display: none !important;
}*/
/* DARK version (30px, tested on #555 backdrop) */
.pt_loader.dark {
color: #000;
text-shadow: 1px 1px 2px rgba(150,150,150,.8);
}
.pt_loader.dark .pt_loading_spinner,
.pt_loading_spinner.dark {
background: #333;
color: #777;
box-shadow: inset 1px 1px 10px rgba(0,0,0,0.5), 1px 1px 2px rgba(150,150,150,.6);
}
/* SMALL LIGHT version (16px, tested on #fff backdrop) */
.pt_loader.small_light {
color: #aaa;
font-size: 12px;
height: 16px;
line-height: 16px;
text-shadow: none;
}
.pt_loader.small_light .pt_loading_spinner,
.pt_loading_spinner.small_light {
height: 16px;
width: 16px;
background: #ccc;
color: #fff;
box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}
/* WHITE ON BLUE version (16px, tested on #3d96d2 backdrop) */
.pt_loader.white_on_blue_small {
color: #fff;
font-size: 12px;
height: 16px;
line-height: 16px;
text-shadow: none;
}
.pt_loader.white_on_blue_small .pt_loading_spinner,
.pt_loading_spinner.white_on_blue_small {
height: 16px;
width: 16px;
background: #fff;
color: #3d96d2;
box-shadow: none;
}
/* END PT loading spinner */
/* MISC. COLUMN STYLES */
.fieldHelp {padding:10px;font-size:12px;background-color:grey;color:white;border-radius:5px;}
.two_columns .sidebar,
.three_columns .sidebar {
background: #ebebeb url(https://s3.amazonaws.com/poptech_web_images/web_images/1235/original/main_background.png) 0 0 repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: .5em;
}
.two_columns .sidebar h3,
.three_columns .sidebar h3 {
text-shadow: 1px 1px 0 #fff;
}
.two_columns .sidebar h3:first-child,
.three_columns .sidebar h3:first-child {
margin-top: .5em;
}
.two_columns .sidebar ul,
.three_columns .sidebar ul {
padding: 0;
margin-left: 1em;
}
/* SITE TABLES*/
table.site th,
table.site td {
padding:5px;
border:1px solid #999;
}
/* SITE TABLES*/
table.site th,
table.site td {
padding:5px;
border:1px solid #999;
}
/* MISC TYPOGRAPHY */
.delete, .delete a{font-weight:bold;color:#A00;}
.nav_enabled, .nav_enabled a {font-weight:bold;color:#700;list-style:none;}
.not_enabled, .not_enabled a {font-weight:normal;color:#555;}
.bold, .bold a {font-weight:bold;}
.no_bold {font-weight:normal;}
.pagination {font-size:10px;margin-top:10em;margin:4em 0;clear:both;}
.pagination a {border:1px solid #DDD;padding:5px 10px;text-decoration:none;background-color:#EEE;}
.pagination .current {font-size:14px;font-weight:bold;border:1px solid #AAA;padding:5px 10px;}
.pagination .disabled{color:#CCC;border:1px solid #DDD;padding:5px 10px;text-decoration:none;background-color:#EEE;}
.curated_title {font-size:13px;margin-bottom:-0.7em;display:block;}
.yellow{padding:0.5em;background-color:#FD5;-moz-border-radius:4px;-webkit-border-radius:4px;}
.required{color:#F00;}
.not_required {color:green;font-weight:bold;font-size:150%;}
#flashers{position: absolute;
top: 15%;
left: 35%;
opacity: 1.0;
z-index: 10;
max-width:500px;}
.more_link {font-size:90%;}
hr {margin:2em 0;width:85%;}
.justify_left {text-align:left;}
.bold_italic {font-weight:bold;font-style:italic;}
.small {font-size:11px;}
.tiny {font-size:10px;text-transform:none;}
.hidden {display:none;}
.faded {opacity:0.3;}
.gray {color:#AAAAAA;}
/*div.success {padding:2em;}*/
div#pagecontent_home.success {padding-top:150px;}
div#pagecontent.success {padding-top:150px;}
.center_element {text-align:center;}
/*************************
FORMS
*************************/
#search_results {position:relative;}
#contact_page {
margin-top:50px;
width:800px;
}
/* END SEARCH FIELD */
.contact_form form {}
#message_field_one, #message_subject {width:500px;}
#spinning_logo {text-align:left;display:none;padding:1em;}
#message_field_one.fifty,#message_field_two.fifty, #message_field_three.fifty, #message_field_four.fifty, #message_field_five.fifty,
#message_field_six.fifty, #message_field_seven.fifty, #message_field_eight.fifty, #message_field_nine.fifty, #message_field_ten.fifty,
#message_field_eleven.fifty, #message_field_twelve.fifty, #message_field_thirteen.fifty, #message_field_fourteen.fifty, #message_field_fifteen.fifty,
#message_field_sixteen.fifty, #message_field_seventeen.fifty, #message_field_eighteen.fifty, #message_field_nineteen.fifty, #message_field_twenty.fifty {width:285px;}
/* MENTORING FORM */
#message_field_one.first, #message_field_two.last, #message_field_three.email, #message_field_four.company, #message_field_five.tell_us {width:385px;}
/* ERRORS for forms */
/*#errorExplanation {
margin:0;
padding:5px;
width:60%;
color:#FFF;
}
*/
.form_error_box {width:60%;padding:2em;color:white;background-color:red;border:3px solid #B00;}
.form_required_field_border {border:2px solid red;}
#errorExplanation h2 {font-size:90%;}
#errorExplanation ul li,
#errorExplanation p {font-size:90%;}
.fieldWithErrors {
padding: 2px;
/* display: table;*/
display:inline;
border:#C00 3px solid;
}
/* END ERRORS for forms */
.submit_public input {font-size:150%;}
/*************************************************************************
*
* 4. MODULES
*
*************************************************************************/
/*************************
PAGE PASSWORD LOGIN
*************************/
#pt_page_password_login {
margin: 1em auto;
width: 305px;
}
#pt_page_password_login form {
background: #ebebeb url(https://s3.amazonaws.com/poptech_web_images/web_images/1235/original/main_background.png) top left no-repeat;
padding: 1em;
width: 305px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2);
}
#pt_page_password_login label {
text-shadow: 1px 1px 0 #fff;
color: #777;
font-size: 18px;
line-height: 1.5em;
}
#pt_page_password_login form input#pw {
font-size: 20px;
height: 1.5em;
padding: 0 5px;
width: 200px;
}
#pt_page_password_login form input#submit {
font-size: 20px;
height: 1.5em;
line-height: 1.5em;
}
#pt_page_password_login #pt_page_password_login_alert {}
/*************************
POPTECH EDITIONS
*************************/
/*
LANDING PAGE 2014-06-26
*/
.container {
max-width: 68em;
margin-left: auto;
margin-right: auto;
margin-top: 2rem; }
.container:after {
content: "";
display: table;
clear: both; }
.container #editions-home {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
padding: 0;
margin: 0; }
.container #editions-home:last-child {
margin-right: 0; }
.container #editions-home h1 {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
margin: 0;
padding: 0;
line-height: 5rem; }
.container #editions-home h1:last-child {
margin-right: 0; }
.container #editions-home p {
float: left;
display: block;
margin-right: 2.35765%;
width: 40.29137%;
margin-left: 1rem; }
.container #editions-home p:last-child {
margin-right: 0; }
.container #editions-home #editions-coins {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
margin: 0;
padding: 0;
margin-top: 2rem; }
.container #editions-home #editions-coins:last-child {
margin-right: 0; }
.container #editions-home #editions-coins li {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
margin: 0 0 3rem 0;
padding: 0;
list-style: none; }
.container #editions-home #editions-coins li:last-child {
margin-right: 0; }
.container #editions-home #editions-coins li:nth-child(even) {
margin-left: 1rem; }
.container #editions-home #editions-coins li a img {
border: 1px solid #EEE; }
.container #editions-home #editions-coins li.coming-soon {
background: #EEE;
border: 1px solid #DDD;
min-height: 221px; }
.container #editions-home #editions-coins li.coming-soon p {
padding: 1rem; }
/******** DEFAULT PAGES ********/
/* HEADER */
#pt_editions #page_header { height: 350px; }
body.use_header #content { background-position: 0 350px; }
body.use_header #pagecontent_home #pt_editions #page_body { margin: 1em 20px; width: 860px; position: relative; }
/* SHARE LINKS */
#pt_editions #share_links {
margin-top: 1em;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
margin-left: 75px;
}
#pt_editions #share_links:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#pt_editions #share_links a.addthis_button_print,
#pt_editions #share_links a.addthis_button_email {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ddd;
height: 20px;
line-height: 20px;
font-size: 11px;
color: #555;
padding: 0 10px 0 7px;
text-decoration: none;
margin-top: 10px;
}
#pt_editions #share_links a.addthis_button_print .at16nc,
#pt_editions #share_links a.addthis_button_email .at16nc {
margin-right: 2px;
margin-top: 2px;
}
#pt_editions #share_links a:hover.addthis_button_print,
#pt_editions #share_links a:hover.addthis_button_email {
border: 1px solid #777;
background: #eee;
}
#pt_editions #share_links a.addthis_button_print { margin-top: 5px; }
/* ARTICLE NAV */
#pt_editions #editions_article_nav { width: 155px; float: left; text-align: right; }
#pt_editions #editions_article_nav h3.name {
color: #777;
margin: 0;
margin-top: .25em;
}
#pt_editions #editions_article_nav h3.name a { text-decoration: none; color: #777; }
#pt_editions #editions_article_nav .date { color: #777; font-size: 11px; }
#pt_editions #editions_article_nav .info { color: #777; font-size: 11px; }
#pt_editions #editions_article_nav a.nav_back {
text-transform: uppercase;
text-decoration: none;
display:block;
font-size: 13px;
height: 15px;
margin-top: 1.5em;
margin-left: 10px;
text-align: left;
line-height: 15px;
width: 50px;
padding-left: 15px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1483/original/intro_text_nav.png?1330467714) left -15px no-repeat;
float: left;
}
#pt_editions #editions_article_nav a:hover.nav_back { background-position: 0 0; }
/* ARTICLE STYLES */
.wordcount {color: #777;font-size: 13px;}
#pt_editions .editions_article_section {}
#pt_editions h1#article_title {
font-family: "Enriqueta", "Georgia", serif;
margin-left: 175px;
font-size: 50px;
margin-top: 0;
}
#pt_editions #pt_editions p.pullquote {
font-family: "Enriqueta", "Georgia", serif;
font-size: 130%;
line-height: 1.5em;
}
#pt_editions blockquote.side_quote {
font-family: "Enriqueta", "Georgia", serif;
font-size: 130%;
line-height: 1.4em
}
#pt_editions dl.points {
margin: 0;
padding: 0;
}
#pt_editions dl.points dt {
font-family: "Enriqueta", "Georgia", serif;
font-size: 20px;
font-weight: normal;
}
#pt_editions dl.points dt .n {
color: #ed1c24;
font-size: 38px;
}
#pt_editions dl.points dd {
margin: 0;
padding: 0;
}
#pt_editions #page_body img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 2px #ccc;
-webkit-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc;
}
#pt_editions .content_image {
position: relative;
}
#pt_editions .content_image img {
display: block;
}
#pt_editions a.img_caption_anchor {
text-decoration: none;
color: #000;
font-family: "Enriqueta", "Georgia", serif;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #fff;
display: block;
width: 20px;
height: 20px;
line-height: 13px;
position: absolute;
bottom: 5px;
left: 5px;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
text-align: center;
}
#pt_editions ol.editions_article_captions {
font-size: 11px;
padding: 0;
margin: 0;
list-style-position: inside;
color: #999;
list-style: none;
}
#pt_editions ol.editions_article_captions li {
font-size: 11px;
margin: 0;
padding: 0;
line-height: 1.2em;
margin-top: 5px;
}
#pt_editions .image_caption {
font-size: 11px;
margin: 0;
padding: 0;
line-height: 1.2em;
color: #999;
margin-top: 5px;
}
.editions_article_section.interview {}
.editions_article_section.interview .question {
font-family: "Enriqueta", "Georgia", serif;
font-size: 17px;
line-height: 1.5em;
}
.editions_article_section .identifier {
font-size: 15px;
color: #777;
text-transform: uppercase;
font-family: "Enriqueta", "Georgia", serif;
}
#pt_editions .column { margin-right: 20px; width: 320px !important; }
#pt_editions .last.column { margin-right: 0; }
#pt_editions .author_bio {
position: absolute;
bottom: 0;
right: 0;
width: 330px;
}
#pt_editions .author_bio.left { left: 0; }
#pt_editions .author_bio.inline {
position: static;
width: auto;
margin-top: 2em;
}
#pt_editions .author_bio p {
font-size: 12px;
color: #555;
line-height: 1.4em;
}
#pt_editions .author_bio img.bio_img {
float: left;
margin: 1em 7px 7px 0;
width: 75px;
/* height: 75px;*/
}
#pt_editions .author_bio.inline img.bio_img {
margin-top: 0;
}
/******** LANDING PAGE ********/
body.use_header #pagecontent_home #pt_editions.e1.landing_page #page_body {
margin-top: 0;
}
/******** MAIN MENU GRID ********/
#pt_edition_menu {
width: 860px;
position: absolute;
top: 420px;
left: 20px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 2px #aaa;
-webkit-box-shadow: 0 1px 2px #aaa;
box-shadow: 0 1px 2px #aaa;
}
#pt_edition_menu ul {
list-style: none;
padding: 0;
margin: 0;
position: relative;
margin: 7px;
width: 846px;
height: 398px;
display: block;
background: #fff;
}
#pt_edition_menu ul li {
display: block;
position: absolute;
background: #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
#pt_edition_menu ul li a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
color: #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#pt_edition_menu ul li h2 {
font-family: "Enriqueta", "Georgia", serif;
}
#pt_edition_menu ul li img {
display: block;
position: absolute;
top: 0;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#pt_edition_menu ul li .description { display: hidden; }
#pt_edition_menu ul li a:hover h2 { display: none; }
#pt_edition_menu ul li a:hover .description {
font-family: "Helvetica" Arial sans-serif;
display: block;
padding: 7%;
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #fff;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
margin: 0;
font-size: 14px;
line-height: 1.5em;
}
/* SNAPSHOTS */
#pt_edition_menu ul li.snapshot {}
#pt_edition_menu ul li.snapshot h2 {
font-family: "Enriqueta", "Georgia", serif;
font-size: 15px;
background: #fff;
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
color: #000;
position: absolute;
padding: 10px;
bottom: 0;
left: 0;
display: block;
margin: 0;
width: 95%;
}
#pt_edition_menu ul li.snapshot h2 .snapshot {
text-transform: uppercase;
font-size: 90%;
font-weight: normal;
}
/* VIDEOS */
#pt_edition_menu ul li.video {}
#pt_edition_menu ul li.video img {}
#pt_edition_menu ul li.video h2 {
font-family: "Helvetica", Arial, sans-serif;
font-size: 15px;
font-weight: bold;
background: #fff;
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
color: #000;
position: absolute;
padding: 7px;
bottom: 0;
left: 0;
display: block;
margin: 0;
width: 100%;
}
#pt_edition_menu ul li.video h2 .time {
font-size: 12px;
font-weight: normal;
font-style: italic;
color: #555;
}
#pt_edition_menu ul li.video .description { font-size: 12px; line-height: 15px; }
/* QUOTES */
#pt_edition_menu ul li.quote {}
#pt_edition_menu ul li.quote blockquote {
font-family: "Enriqueta", "Georgia", serif;
display: block;
margin: 0;
padding: 10%;
position: absolute;
color: #fff;
font-size: 18px;
line-height: 1.3em;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1480/original/quote.png?1330460097) 5% 5% no-repeat;
}
#pt_edition_menu ul li.quote blockquote .credit {
font-family: "Helvetica", Arial, sans-serif;
display: block;
text-align: right;
font-size: 17px;
margin-top: .7em;
}
#pt_edition_menu ul li.quote .description { display: none; }
#pt_edition_menu ul li.quote a:hover blockquote { display: none; }
/* FEATURE */
#pt_edition_menu ul li.feature {}
#pt_edition_menu ul li.feature h2 {
font-family: "Enriqueta", "Georgia", serif;
font-size: 17px;
margin: 0;
padding: 7%;
position: absolute;
bottom: 0;
left: 0;
background: #fff;
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
}
#pt_edition_menu ul li.feature h2 .author {
display: block;
font-family: "Helvetica", Arial, sans-serif;
font-size: 15px;
margin-top: .5em;
}
#pt_edition_menu ul li.feature .description { font-size: 13px; line-height: 1.1em; }
/******** SIDE NAV ********/
#pt_editions #pt_edition_nav {
float: left;
width: 155px;
margin-right: 20px;
}
#pt_editions #pt_edition_nav h3 {
font-family: "Enriqueta", "Georgia", serif;
text-transform: uppercase;
color: #555;
font-size: 18px;
font-weight: normal;
}
#pt_editions #pt_edition_nav h4 {
font-weight: normal;
text-transform: uppercase;
margin-bottom: .5em;
}
#pt_editions #pt_edition_nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#pt_editions #pt_edition_nav ul li { font-size: 13px; margin-bottom: .5em; }
#pt_editions #pt_edition_nav ul li a {
text-decoration: none;
line-height: 1.3em;
display: block;
}
#pt_editions #pt_edition_nav ul li a .time { font-style: italic; font-size: 11px; }
#pt_editions #pt_edition_nav ul li .author,
#pt_editions #pt_edition_nav ul li cite {
font-size: 11px;
color: #555;
display: block;
}
/******** LANDING PAGE BODY TEXT ********/
#pt_edition_body_container {
margin-left: 175px;
width: 680px;
overflow: hidden;
position: relative;
}
#pt_editions.landing_page #pt_edition_body {}
#pt_editions #pt_edition_body_container a.body_nav {
text-transform: uppercase;
display: block;
text-decoration: none;
font-size: 13px;
height: 15px;
line-height: 15px;
}
#pt_editions #pt_edition_body_container a#body_continue_reading {
position: absolute;
right: 7px;
bottom: 7px;
padding-right: 15px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1483/original/intro_text_nav.png?1330467714) right -45px no-repeat;
}
#pt_editions #pt_edition_body_container a:hover#body_continue_reading { background-position: right -30px; }
#pt_editions #pt_edition_body_container a#body_back {
position: absolute;
left: 950px;
bottom: 7px;
padding-left: 15px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1483/original/intro_text_nav.png?1330467714) left -15px no-repeat;
}
#pt_editions #pt_edition_body_container a:hover#body_back { background-position: 0 0; }
#pt_editions p.pullquote {
font-family: "Enriqueta", "Georgia", serif;
font-size: 130%;
line-height: 1.5em;
}
#pt_editions.landing_page .column { margin-right: 20px; width: 330px !important; }
#pt_editions.landing_page .last.column { margin-right: 0; }
/* VIDEO POPUP */
#pt_editions_popup_backdrop {
z-index: 999;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 500%;
background: #000;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
#pt_editions_video_popup {
z-index: 1000;
width: 900px;
position: absolute;
left: 8%;
}
#pt_editions_video_popup #video_embed {
border: 1px solid #fff;
-moz-box-shadow: 0 0 5px #333;
-webkit-box-shadow: 0 0 5px #333;
box-shadow: 0 0 5px #333;
background: #000;
}
#pt_editions_video_popup #video_embed iframe {
border:none;
}
#pt_editions_video_popup h1 { font-family: "Enriqueta", "Georgia", serif; }
#pt_editions_video_popup h1 a { text-decoration: none; color: #ed1c24; }
#pt_editions_video_popup h1 a:hover { color: #3d96d2; }
#pt_editions_video_popup .description {
color: #fff;
text-shadow: 1px 1px 1px #000;
margin-top: 0;
width: 680px;
}
#pt_editions_video_popup ul#pt_popup_links {
padding: 0;
margin: 0;
width: 155px;
float: right;
margin-top: 1em;
list-style: none;
}
#pt_editions_video_popup ul#pt_popup_links li { margin-bottom: 2px; }
#pt_editions_video_popup ul#pt_popup_links li a {
text-align: right;
text-decoration: none;
color: #ddd;
text-transform: uppercase;
padding-right: 22px;
display: block;
height: 20px;
line-height: 20px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1504/original/video_popup_buttons_sprite.png?1331053011) right 0 no-repeat;
}
#pt_editions_video_popup ul#pt_popup_links li a:hover { color: #3d96d2; }
#pt_editions_video_popup ul#pt_popup_links li.permalink a { background-position: right -20px; }
#pt_editions_video_popup ul#pt_popup_links li.permalink a:hover { background-position: right 0; }
#pt_editions_video_popup ul#pt_popup_links li.close_popup a { background-position: right -60px; }
#pt_editions_video_popup ul#pt_popup_links li.close_popup a:hover { background-position: right -40px; }
/*****************************
POPTECH EDITIONS: EDITION I
******************************/
/******** DEFAULTS ********/
#pt_editions.e1 #page_header {
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/1485/original/subpage_header_bg.jpg?1330530312) 0 50px no-repeat;
}
#pt_editions.e1 #page_header #editions_title_lockup {
width: 500px;
height: 150px;
position: absolute;
left:25px;
top:155px;
}
#pt_editions.e1 h3#editions_logo_header {
font-weight: normal;
text-transform: uppercase;
margin-left: 0;
}
#pt_editions.e1 h3#editions_logo_header a {
display: block;
height: 30px;
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1478/original/editions_icons_sprite.png?1330460096);
background-position: -5px -150px;
background-repeat: no-repeat;
padding-left: 25px;
line-height: 30px;
color: #000;
text-decoration: none;
}
#pt_editions.e1 h3#editions_logo_header a:hover {
background-position: -5px -120px;
color: #3d96d2;
}
#pt_editions.e1 #page_header #editions_title_lockup h1.edition_title { margin: 0; padding: 0; }
#pt_editions.e1 #page_header #editions_title_lockup h1 a.main {
display: block;
width: 450px;
height: 50px;
text-indent: -9999px;
overflow: hidden;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1473/original/person-to-person.png?1330460094) 0 -50px no-repeat;
}
#pt_editions.e1 #page_header #editions_title_lockup h1 a:hover.main { background-position: 0 0; }
#pt_editions.e1 #page_header #editions_title_lockup h1 .subtitle {
display: block;
font-family: "Enriqueta", "Georgia", serif ;
color: #888;
text-shadow: 1px 1px 1px #fff;
font-size: 32px;
}
#pt_editions.e1 #page_header #editions_title_lockup h1 .subtitle strong { text-transform: uppercase; font-size: 23px; }
#pt_editions.e1 #page_header #editions_title_lockup h1 .subtitle strong.contagion { color: #3d96d2; }
#pt_editions.e1 #page_header #editions_title_lockup h1 .subtitle strong.good { color: #55b13c; }
/******** LANDING PAGE ********/
/* HEADER */
#pt_editions.e1.landing_page #page_header {
height: 880px;
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/1472/original/header_illustration.jpg?1330374446) 0 40px no-repeat;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
}
#pt_editions.e1.landing_page #page_header #editions_title_lockup {
width: 500px;
height: 150px;
position: absolute;
left:25px;
top:155px;
}
#pt_editions.e1.landing_page h3#editions_logo_header {
font-weight: normal;
text-transform: uppercase;
margin-left: 0;
}
#pt_editions.e1.landing_page h3#editions_logo_header a {
display: block;
height: 30px;
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1478/original/editions_icons_sprite.png?1330460096);
background-position: -5px -150px;
background-repeat: no-repeat;
padding-left: 25px;
line-height: 30px;
color: #000;
text-decoration: none;
}
#pt_editions.e1.landing_page h3#editions_logo_header a:hover { background-position: -5px -120px; color: #3d96d2; }
#pt_editions.e1.landing_page #page_header #editions_title_lockup h1.edition_title { margin: 0; padding: 0; }
#pt_editions.e1.landing_page #page_header #editions_title_lockup h1 a.main {
display: block;
width: 450px;
height: 50px;
text-indent: -9999px;
overflow: hidden;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1473/original/person-to-person.png?1330460094) 0 -50px no-repeat;
}
#pt_editions.e1.landing_page #page_header #editions_title_lockup h1 a:hover.main {
background-position: 0 0;
}
#pt_editions.e1.landing_page #page_header #editions_title_lockup h1 .subtitle {
display: block;
font-family: "Enriqueta", "Georgia", serif ;
color: #888;
text-shadow: 1px 1px 1px #fff;
font-size: 32px;
}
#pt_editions.e1.landing_page #page_header #editions_title_lockup h1 .subtitle strong {
text-transform: uppercase;
font-size: 23px;
}
#pt_editions.e1.landing_page #page_header #editions_title_lockup h1 .subtitle strong.contagion {
color: #3d96d2;
}
#pt_editions.e1.landing_page #page_header #editions_title_lockup h1 .subtitle strong.good {
color: #55b13c;
}
#pt_editions.e1.landing_page #page_header .short_description {
font-family: "Enriqueta", "Georgia", serif ;
color: #555;
position: absolute;
top: 175px;
right: 20px;
width: 230px;
}
#pt_editions.e1.landing_page #page_header .short_description p { font-size: 17px; }
/* Share links */
#pt_editions.e1.landing_page #page_header #share_links {
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
margin-left: 0;
}
#pt_editions.e1.landing_page #page_header #share_links:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#pt_editions.e1.landing_page #page_header #share_links a { float: left; }
#pt_editions.e1.landing_page #pt_edition_menu {
width: 860px;
height: 412px;
top: 460px;
}
/* FOWLER ARTICLE TILE */
#pt_editions.e1.landing_page #menu_fowler_article {
top: 237px;
left: 0;
width: 345px;
height: 160px;
background: #ddd url(https://s3.amazonaws.com/poptech_web_images/web_images/1474/original/dot.png?1330447643) 5px 12px no-repeat;
}
#pt_editions.e1.landing_page #menu_fowler_article h2 {
font-size: 32px;
margin: 20px;
padding: 0;
color: #000;
}
#pt_editions.e1.landing_page #menu_fowler_article a:hover h2 { display: block; color: #3d96d2; }
#pt_editions.e1.landing_page #menu_fowler_article h2 .n { margin-right: 7px; color: #fff; }
#pt_editions.e1.landing_page #menu_fowler_article h2 .author {
font-family: "Helvetica", Arial, sans-serif;
font-weight: normal;
font-size: 20px;
}
/* COLWELL INTERVIEW TILE */
#pt_editions.e1.landing_page #menu_colwell_article {
top: 0;
left: 0;
height: 230px;
width: 345px;
}
#pt_editions.e1.landing_page #menu_colwell_article h2{
position: absolute;
background: #fff;
opacity: .7;
-moz-opacity: .7;
filter:alpha(opacity=70);
bottom: 0;
left: 0;
margin: 0;
padding: 10px 15px;
font-size: 21px;
}
/* SLUTKIN VIDEO TILE */
#pt_editions.e1.landing_page #menu_slutkin_video {
top: 0;
left: 352px;
height: 160px;
width: 160px;
}
/* ARAL ARTICLE TILE */
#pt_editions.e1.landing_page #menu_aral_article {
top: 167px;
left: 352px;
height: 230px;
width: 160px;
}
/* WATTS ARTICLE TILE */
#pt_editions.e1.landing_page #menu_watts_article {
right: 0;
top: 0;
height: 230px;
width: 327px;
}
/* FOWLER VIDEO TILE */
#pt_editions.e1.landing_page #menu_fowler_video {
right: 167px;
bottom: 0;
width: 160px;
height: 160px;
}
/* ARAL VIDEO TILE */
#pt_editions.e1.landing_page #menu_aral_video {
right: 0;
bottom: 0;
width: 160px;
height: 160px;
}
/******** ARAL ARTICLE PAGE ********/
#page_e1_sinan_aral .editions_article_section#aral_text_0 { margin-left: 175px; }
#page_e1_sinan_aral .editions_article_section#aral_text_1 { margin-left: 175px; }
#page_e1_sinan_aral .editions_article_section#aral_text_2 { width: 510px; margin-left: 350px; }
#page_e1_sinan_aral .editions_article_section#aral_text_3 { width: 685px; }
#page_e1_sinan_aral #pt_editions #images1 {
position: relative;
height: 350px;
width: 860px;
}
#page_e1_sinan_aral #images1 #img_hiv {
display: block;
position: absolute;
top: 0;
left: 0;
}
#page_e1_sinan_aral #pt_editions #images1 #img_network {
display: block;
position: absolute;
top: 0;
left: 350px;
}
#page_e1_sinan_aral #pt_editions #image_captions1 {
float: left;
width: 330px;
}
#page_e1_sinan_aral #side_images1 {
width: 330px;
float: left;
margin-top: 0;
clear: left;
}
#page_e1_sinan_aral #side_images1 #video_dan_ariely { margin-top: 115px; }
#page_e1_sinan_aral #side_images1 #video_drive_drunk { margin-top: 400px; }
#page_e1_sinan_aral blockquote#bq_balance { float: right; width: 330px; }
/******** COLWELL INTERVIEW PAGE ********/
#page_e1_rita_colwell #bq_empowerment {
float: left;
width: 330px;
margin: 0;
margin-top: 300px;
clear: left;
}
#page_e1_rita_colwell #images1 {
height: 340px;
position: relative;
}
#page_e1_rita_colwell #img_map {
position:absolute;
left: 0;
top: 0;
}
#page_e1_rita_colwell #img_woman {
position: absolute;
left: 530px;
top: 0;
}
#page_e1_rita_colwell #image_captions1 {
float: left;
width: 330px;
}
#page_e1_rita_colwell #colwell_text_1 {
margin-left: 175px;
}
#page_e1_rita_colwell #colwell_text_2 {
width: 510px;
margin-left: 350px;
}
/******** WATTS ARTICLE PAGE ********/
#page_e1_duncan_watts #image_captions1 {
float: left;
width: 330px;
}
#page_e1_duncan_watts #image_captions2 {
float: right;
width: 330px;
}
#page_e1_duncan_watts #img_cascades_caption {
margin-top: 10px;
}
#page_e1_duncan_watts #images1 {
position: relative;
height: 350px;
width: 860px;
}
#page_e1_duncan_watts #images1 #img_mackay {
display: block;
position: absolute;
top: 0;
left: 0;
}
#page_e1_duncan_watts #images1 #img_le_bon {
display: block;
position: absolute;
top: 175px;
left: 0;
}
#page_e1_duncan_watts #images1 #img_influenza {
display: block;
position: absolute;
top: 0;
left: 175px;
}
#page_e1_duncan_watts #side_images1 {
width: 330px;
float: left;
clear: left;
}
#page_e1_duncan_watts #img_umbrellas {
margin-top: 300px;
}
#page_e1_duncan_watts blockquote#bq_balance {
float: right;
width: 330px;
clear: right;
margin: 0;
margin-top: 200px;
}
#page_e1_duncan_watts #watts_text_0 {
margin-left: 175px;
}
#page_e1_duncan_watts #watts_text_1 {
margin-left: 175px;
}
#page_e1_duncan_watts #watts_text_2 {
width: 510px;
margin-left: 350px;
}
#page_e1_duncan_watts #watts_text_3 {
width: 510px;
}
/******** WATTS ARTICLE PAGE ********/
#page_e1_james_fowler #fowler_text_1 {
width: 510px;
margin-left: 175px;
}
/*****************************
POPTECH EDITIONS: EDITION II
******************************/
/******** DEFAULTS ********/
#pt_editions.e2 #page_header {
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/1604/original/bgpattern_fade.png?1339609082) 0 0 repeat-x;
}
#pt_editions.e2 #page_header #editions_title_lockup {
width: 500px;
height: 150px;
position: absolute;
left:25px;
top:155px;
}
#pt_editions.e2 #page_header #editions_illustration {
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1578/original/secondary_page_header_images.png?1339426942) 516px 75px no-repeat;
position: absolute;
top: 0;
left: 0;
width: 900px;
height: 350px;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
}
#pt_editions.e2 h3#editions_logo_header {
font-weight: normal;
text-transform: uppercase;
margin-left: 0;
}
#pt_editions.e2 h3#editions_logo_header a {
display: block;
height: 30px;
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1478/original/editions_icons_sprite.png?1330460096);
background-position: -5px -90px;
background-repeat: no-repeat;
padding-left: 25px;
line-height: 30px;
color: #000;
text-decoration: none;
}
#pt_editions.e2 h3#editions_logo_header a:hover {
background-position: -5px -60px;
color: #3d96d2;
}
#pt_editions.e2 #page_header #editions_title_lockup h1.edition_title { margin: 0; padding: 0; }
#pt_editions.e2 #page_header #editions_title_lockup h1 a.main {
display: block;
width: 480px;
height: 52px;
text-indent: -9999px;
overflow: hidden;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1554/original/small-is-beautiful_title_sprite.png?1339334479) 0 -52px no-repeat;
}
#pt_editions.e2 #page_header #editions_title_lockup h1 a:hover.main { background-position: 0 0; }
#pt_editions.e2 #page_header #editions_title_lockup h1 .subtitle {
display: block;
font-family: "Enriqueta", "Georgia", serif ;
color: #888;
text-shadow: 1px 1px 1px #fff;
font-size: 29px;
}
#pt_editions.e2 #page_header #editions_title_lockup h1 .subtitle strong {
text-transform: uppercase;
font-size: 23px;
color: #3d96d2;
}
/******** LANDING PAGE ********/
/* HEADER */
#pt_editions.e2.landing_page #page_header {
height: 930px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
}
#pt_editions.e2.landing_page #page_header #editions_illustration {
background: url(https://s3.amazonaws.com/poptech_web_images/web_images/1566/original/e2_illustration.png?1339337749) -7px -2px no-repeat;
position: absolute;
top: 180px;
width: 900px;
height: 350px;
}
#pt_editions.e2.landing_page #page_header #editions_title_lockup {
width: 500px;
height: 150px;
position: absolute;
left:25px;
top:155px;
}
#pt_editions.e2.landing_page h3#editions_logo_header {
font-weight: normal;
text-transform: uppercase;
margin-left: 0;
}
#pt_editions.e2.landing_page h3#editions_logo_header a {
display: block;
height: 30px;
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1478/original/editions_icons_sprite.png?1330460096);
background-position: -5px -90px;
background-repeat: no-repeat;
padding-left: 25px;
line-height: 30px;
color: #000;
text-decoration: none;
}
#pt_editions.e2.landing_page h3#editions_logo_header a:hover { background-position: -5px -60px; color: #3d96d2; }
#pt_editions.e2.landing_page #page_header #editions_title_lockup h1.edition_title { margin: 0; padding: 0; }
#pt_editions.e2.landing_page #page_header #editions_title_lockup h1 a.main {
display: block;
width: 480px;
height: 52px;
text-indent: -9999px;
overflow: hidden;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1554/original/small-is-beautiful_title_sprite.png?1339334479) 0 -52px no-repeat;
}
#pt_editions.e2.landing_page #page_header #editions_title_lockup h1 a:hover.main {
background-position: 0 0;
}
#pt_editions.e2.landing_page #page_header #editions_title_lockup h1 .subtitle {
display: block;
font-family: "Enriqueta", "Georgia", serif ;
color: #888;
text-shadow: 1px 1px 1px #fff;
font-size: 29px;
}
#pt_editions.e2.landing_page #page_header #editions_title_lockup h1 .subtitle strong {
text-transform: uppercase;
font-size: 23px;
color: #3d96d2;
}
#pt_editions.e2.landing_page #page_header .short_description {
font-family: "Enriqueta", "Georgia", serif ;
color: #555;
position: absolute;
top: 175px;
right: 20px;
width: 230px;
}
#pt_editions.e2.landing_page #page_header .short_description p { font-size: 17px; }
/* Share links */
#pt_editions.e2.landing_page #page_header #share_links {
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
margin-left: 0;
}
#pt_editions.e2.landing_page #page_header #share_links:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#pt_editions.e2.landing_page #page_header #share_links a { float: left; }
#pt_editions.e2.landing_page #pt_edition_menu {
width: 860px;
height: 389px;
top: 520px;
}
#pt_editions.e2.landing_page #pt_edition_menu ul {
height: auto;
}
/******** SIDE NAV ********/
#pt_editions.e2 #pt_edition_nav {
float: left;
width: 340px;
/* margin-right: 20px;*/
margin-right: 0;
}
#pt_editions.e2 #pt_edition_nav h4 {
clear: both;
}
#pt_editions.e2 #pt_edition_nav ul li {
width: 150px;
display: block;
float: left;
margin: 0 20px 10px 0;
}
#pt_editions.e2 #pt_edition_nav ul.masonry li {
width: 150px;
float: none;
margin: 0 0 10px 0;
}
#pt_editions.e2 #pt_edition_nav ul li .micro {
text-transform: uppercase;
font-size: 11px;
}
/******** PAST EDITIONS ********/
.past_editions {
margin-left: .5em;
margin-top: 1em;
border-top: 3px solid #ddd;
}
.past_editions h4 {
font-weight: normal;
text-transform: uppercase;
margin-bottom: .5em;
}
.past_editions ul {
list-style: none;
margin: 0;
padding: 0;
}
.past_editions ul li {
font-family: "Enriqueta", "Georgia", serif;
font-size: 17px;
line-height: 28px;
}
.past_editions ul li a {
text-decoration: none;
}
.past_editions ul li a .n {
display: block;
float: left;
height: 30px;
width: 30px;
margin-right: 0;
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1478/original/editions_icons_sprite.png?1330460096);
background-position: 0 -150px;
text-indent: -999px;
overflow: hidden;
}
.past_editions ul li a:hover .n {
background-position: 0 -120px;
}
.past_editions ul li a .n.two { background-position: 0 -90px; }
.past_editions ul li a:hover .n.two { background-position: 0 -60px; }
.past_editions ul li a .n.three { background-position: 0 -210px; }
.past_editions ul li a:hover .n.three { background-position: 0 -180px; }
.past_editions ul li .date {
font-size: 11px;
font-family: 'Helvetica', 'Arial', sans-serif;
}
/******** LANDING PAGE BODY TEXT ********/
#pt_editions.e2 #pt_edition_body_container {
/* margin-left: 340px;*/
width: 500px;
overflow: hidden;
position: absolute;
top: 0;
right: 10px;
}
#pt_editions.e2.landing_page #pt_edition_body {}
#pt_editions.e2 #pt_edition_body_container a.body_nav {
text-transform: uppercase;
display: block;
text-decoration: none;
font-size: 13px;
height: 15px;
line-height: 15px;
}
#pt_editions.e2 #pt_edition_body_container a#body_continue_reading {
position: absolute;
right: 7px;
bottom: 7px;
padding-right: 15px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1483/original/intro_text_nav.png?1330467714) right -45px no-repeat;
}
#pt_editions.e2 #pt_edition_body_container a:hover#body_continue_reading { background-position: right -30px; }
#pt_editions.e2 #pt_edition_body_container a#body_back {
position: absolute;
left: 950px;
bottom: 7px;
padding-left: 15px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1483/original/intro_text_nav.png?1330467714) left -15px no-repeat;
}
#pt_editions.e2 #pt_edition_body_container a:hover#body_back { background-position: 0 0; }
#pt_editions.e2 p.pullquote {
font-family: "Enriqueta", "Georgia", serif;
font-size: 130%;
line-height: 1.5em;
}
#pt_editions.e2.landing_page .column { margin-right: 20px; width: 230px !important; }
#pt_editions.e2.landing_page .last.column { margin-right: 0; }
/* COLWELL INTERVIEW TILE */
#pt_editions.e2.landing_page #menu_micro_everything_videos {
top: 0;
left: 0;
height: 375px;
width: 357px;
background: #ddd;
}
#pt_editions.e2.landing_page #menu_micro_everything_videos h3#subtitle {
font-family: "Enriqueta", "Georgia", serif;
position: absolute;
color: #000;
width: 100%;
bottom:44px;
left: 0;
margin-top: 0;
padding: 10px 10px 14px 10px;
font-size: 22px;
font-weight: bold;
background: #fff;
opacity: 0.9;
-moz-opacity: 0.9;
filter:alpha(opacity=90);
width: 340px;
margin-bottom: 0;
}
#pt_editions.e2.landing_page #menu_micro_everything_videos h3#subtitle .micro {
font-size: 80%;
text-transform: uppercase;
font-weight: normal;
}
#pt_editions.e2.landing_page ul li#menu_micro_everything_videos a:hover h2 { display: block; }
#micro_everything_videos_info {
bottom: 0;
left: 0;
position: absolute;
padding: 7px;
background: #fff;
opacity: 0.9;
-moz-opacity: 0.9;
filter:alpha(opacity=90);
width: 350px;
}
#micro_everything_videos_info:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
div#micro_everything_description {
position: absolute;
top: 100px;
left: 50px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff;
opacity: 0.9;
-moz-opacity: 0.9;
filter:alpha(opacity=90);
width: 230px;
padding: 14px;
font-size: 16px;
}
div#micro_everything_description h2 {
font-size: 20px;
font-weight: bold;
margin: 0;
}
div#micro_everything_description p {
margin: .5em 0;
font-size: 14px;
line-height: 1.5em;
}
#pt_editions.e2.landing_page img#micro_everything_bg {
position: static;
}
#micro_everything_description .video_title {
font-family: "Enriqueta", "Georgia", serif;
font-size: 18px;
}
#pt_editions.e2.landing_page #menu_micro_everything_videos ul {
background: transparent;
margin: 0;
}
#pt_editions.e2.landing_page #menu_micro_everything_videos ul li {
position: static;
display: block;
background: transparent;
float: left;
margin: 0 4px 0 4px;
position: relative;
}
#pt_editions.e2.landing_page #menu_micro_everything_videos ul li a {
display: block;
height: 30px;
width: 30px;
width: 100%;
color: #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
#pt_editions.e2.landing_page #menu_micro_everything_videos ul li a:hover {
box-shadow: 0 0 3px #3D96D2;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#pt_editions.e2.landing_page #menu_micro_everything_videos ul li img {
position: static;
}
#pt_editions.e2.landing_page #menu_micro_everything_videos ul li .title {
display: none;
}
/* ZOLLI ARTICLE TILE */
#pt_editions.e2.landing_page #menu_zolli_article {
top: 0;
right: 0;
height: 200px;
width: 165px;
}
#pt_editions.e2.landing_page #menu_zolli_article .description {
font-size: 12px;
}
/* POLAK VIDEO TILE */
#pt_editions.e2.landing_page #menu_polak_interview {
top: 0;
left: 364px;
height: 200px;
width: 310px;
}
/* UNILEVER ARTICLE TILE */
/* KALWANI ARTICLE TILE */
#pt_editions.e2.landing_page #menu_kalwani_article {
left: 364px;
top: 207px;
height: 168px;
width: 237px;
}
/* WALLER ARTICLE TILE */
#pt_editions.e2.landing_page #menu_waller_article {
right: 0;
top: 207px;
height: 168px;
width: 237px;
}
/******** POLAK INTERVIEW PAGE ********/
#page_e2_paul_polak #images1 {
height: 340px;
position: relative;
}
#page_e2_paul_polak #img_irrigation {
position:absolute;
left: 0;
top: 0;
}
#page_e2_paul_polak #img_jaundice {
position: absolute;
left: 530px;
top: 0;
}
#page_e2_paul_polak #image_captions1 {
float: left;
width: 330px;
}
#page_e2_paul_polak #copy_0 {
margin-left: 185px;
}
#page_e2_paul_polak #copy_1 {
margin-left: 175px;
}
#page_e2_paul_polak #copy_2 {
width: 510px;
margin-left: 350px;
}
#page_e2_paul_polak #side_images1 {
width: 330px;
float: left;
margin-top: 0;
clear: left;
}
#page_e2_paul_polak #side_images1 #bq_dontbother { margin: 700px 0 0 0; }
#page_e2_paul_polak #side_images1 #video_biomass { margin-top: 700px; }
#page_e2_paul_polak #side_images1 #bq_appropriate { margin: 700px 0 0 0; }
/******** SARVAJAL PAGE ********/
#page_e2_sameer_kalwani #images1 {
height: 340px;
position: relative;
}
#page_e2_sameer_kalwani #img_sarvajal1 {
position:absolute;
left: 0;
top: 0;
}
#page_e2_sameer_kalwani #img_sarvajal2 {
position: absolute;
right: 0;
top: 0;
}
#page_e2_sameer_kalwani #image_captions1 {
float: left;
width: 330px;
}
#page_e2_sameer_kalwani blockquote#bq_sarvajal {
float: left;
width: 330px;
clear: left;
margin: 0;
margin-top: 400px
}
#page_e2_sameer_kalwani #copy_1 {
margin-left: 175px;
}
#page_e2_sameer_kalwani #copy_2 {
width: 510px;
margin-left: 350px;
}
/******** NIGEL WALLER PAGE ********/
#page_e2_nigel_waller #images1 {
height: 340px;
position: relative;
}
#page_e2_nigel_waller #img_movirtu {
position:absolute;
left: 0;
top: 0;
}
#page_e2_nigel_waller #img_waller {
position: absolute;
right: 0;
top: 0;
}
#page_e2_nigel_waller #image_captions1 {
float: left;
width: 330px;
}
#page_e2_nigel_waller blockquote#bq_browser {
float: left;
width: 330px;
clear: left;
margin: 0;
margin-top: 400px;
}
#page_e2_nigel_waller #copy_1 {
margin-left: 185px;
}
#page_e2_nigel_waller #copy_2 {
margin-left: 175px;
}
#page_e2_nigel_waller #copy_3 {
width: 510px;
margin-left: 350px;
}
/******** ANDREW ZOLLI PAGE ********/
#page_e2_andrew_zolli #images1 {
height: 340px;
position: relative;
}
#page_e2_andrew_zolli #img_curves {
position:absolute;
left: 0;
top: 0;
}
#page_e2_andrew_zolli #img_ihub {
position: absolute;
right: 0;
top: 0;
}
#page_e2_andrew_zolli #image_captions1 {
float: left;
width: 330px;
margin-top: 230px;
}
#page_e2_andrew_zolli #side_images1 {
width: 330px;
float: left;
margin-top: 0;
clear: left;
}
#page_e2_andrew_zolli #side_images1 #video_crowdflower { margin-top: 115px; }
#page_e2_andrew_zolli #side_images1 #video_kilimosalama { margin-top: 400px; }
#page_e2_andrew_zolli #copy_0 {
margin-left: 185px;
}
#page_e2_andrew_zolli #copy_1 {
margin-left: 175px;
}
#page_e2_andrew_zolli #copy_2 {
width: 510px;
margin-left: 350px;
}
/******** MICRO EVERYTHING ********/
#micro_everything_page {
list-style: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left: 175px;
}
#micro_everything_page .pullquote {
margin-top: 0;
}
#micro_everything_page ul {
list-style: none;
padding: 0;
margin: 0;
}
#micro_everything_page ul li {}
#micro_everything_page li h2 {
font-family: "Enriqueta", "Georgia", serif ;
}
#micro_everything_page li h2 a {
text-decoration: none;
}
#micro_everything_page li h2 a .verb {
line-height: 30px;
text-transform: uppercase;
font-size: 80%;
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/1565/original/bgpattern.gif?1339336636) 0 0 repeat;
color: #000;
padding: 3px 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 1px 1px 0 #fff;
}
#micro_everything_page li h2 a .title {
line-height: 30px;
text-shadow: 1px 1px 0 #fff;
}
#micro_everything_page li p.description {
margin-top: 0;
}
/*************************** EDITIONS 3 *********************************/
/* STANDARD PAGES GENERAL */
/* page header begin */
#pt_editions.e3 #page_header {
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/1739/original/editions_3_cabeza2.png?1358210497) 0 0 repeat-x;
}
#pt_editions.e3 h1.edition_title .subtitle strong {
color:#3f2861;
}
#pt_editions.e3 h1.edition_title .subtitle {
font-family:'Enriqueta','Georgia',serif;
color:#111;
text-shadow: 1px 1px 1px white;
}
#pt_editions.e3 h1.edition_title {
position: absolute;
top: 200px;
left:25px;
color:#3f2861;
width:500px;
}
#pt_editions.e3 h1.edition_title a#title_link {
font-family: helvetica;
font-weight: normal;
font-size: 52px;
color:#3f2861;
font-family: 'Oswald', sans-serif;
letter-spacing:0px;
line-height:45px;
text-transform:uppercase;
text-decoration: none;
}
#pt_editions.e3 h1.edition_title a#title_link:hover {
color:#111;
}
#pt_editions.e3 h3#editions_logo_header_3 {
position:absolute;
top:155px;
left:25px;
}
#pt_editions.e3 h3#editions_logo_header_3 a {
display: block;
height: 30px;
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1478/original/editions_icons_sprite.png?1330460096);
background-position: -5px -30px;
background-repeat: no-repeat;
padding-left: 25px;
line-height: 30px;
color: black;
text-decoration: none;
text-transform:uppercase;
font-weight:normal;
}
/*page header end*/
/* ARTICLES */
/* benjamin page specific */
#benjamin_text_0 {padding:0 1em 0 12em;}
#benjamin_text_1 {margin-left:10.5em;}
#benjamin_text_5, #benjamin_text_6 {float:right;width:50%;clear:both;}
#benjamin_text_2, #benjamin_text_3, #benjamin_text_4, #img_goldacre {width:50%;}
#benjamin_text_3_1 {float:right;width:45%;}
#pt_editions #mark_benjamin_bio {clear:both;bottom:-720px;}
#benjamin_image_pair0, #benjamin_image_pair1 {float:right;width: 48%;}
#benjamin_image_pair0 {margin-top:23em;}
#pt_editions #benjamin_image_pair0 ol#image_captions2, #pt_editions #benjamin_image_pair1 ol#image_captions3 {clear:both;}
#pt_editions #benjamin_image_pair0 ol#image_captions2 {padding-top:1em;}
#pt_editions ol#image_captions4 {margin:25px 0 0 40px}
#benjamin_images2 ul {list-style:none;margin:0;padding:0;}
#benjamin_images2 ul li {float:left;margin:0;padding:0;}
#img_sumimehta img{margin:0 0 0 10px;}
#img_goldacre {top:20px;left:40px;}
/* benjamin page specific end */
/* breslin page */
#breslin_text_0 {padding:0 1em 0 12em;}
#breslin_text_5, #breslin_text_8 {width:40%;}
#breslin_side_images2 {list-style:none;}
#breslin_side_images_div ol#image_captions2 {margin:0 0 0 4em;}
#img_grifo img {width: 500px;margin: 0.2em 0;}
#breslin_side_images_div {float:right;width:530px;}
#breslin_photo_billboard {float:right;margin-right:2em;width:400px;}
#breslin_photo_billboard img {width:400px;}
/* breslin page end*/
/* jaspal page */
#jaspal_images0_div #jaspal_images0, #jaspal_images1_div #jaspal_images1, #jaspal_images2_div #jaspal_images2 {list-style:none;margin:0;padding:0;}
#sandhu_text_2, #sandhu_text_3, #sandhu_text_4, #sandhu_text_5 {width:50%;}
#jaspal_images1_div {float: right;width: 335px;}
#img_diesel img {width:858px;}
#sandhu_text_0 {padding:0 1em 0 12em;}
#sandhu_text_6 {width:500px;}
#pt_editions.e3 #page_body #sandhu_text_5 {width:50%;margin-left:0;}
/* jaspal page end*/
/* karlan page */
#karlan_text_0 {padding:0 1em 0 12em;}
#karlan_text_1 {margin-left:11em;}
#karlan_text_2 {width:50%;margin-left:50%;}
#karlan_article_bio_shot {float: left;margin:1.5em 0 0 3em;}
/* karlan page end*/
/* ratan page */
.footnotes {font-size:70%;}
#ratan_text_0 {padding:0 1em 0 12em;}
#ratan_text_6 {width:50%;}
#aishwarya_lakshmi_ratan_bio {margin-bottom:5em;}
#ratan_images0_div ul,#ratan_images2_div ul, #ratan_images3_div ul{list-style:none;margin:0;padding:0;}
#ratan_text_2, #ratan_text_3, #ratan_text_4, #ratan_text_5, #ratan_text_6 {width:50%;margin-left:50%;}
#ratan_images2_div {width:400px;float:left;}
#ratan_images2_div img {width:400px;}
#ratan_images3_div {margin-left:105px;width:200px;float:left;}
/* ratan page end*/
/* stefanotti page*/
#stefanotti_text_0 {padding:0 1em 0 12em;}
#stefanotti_bank_shot {float:left;margin-top:1.2em;}
#stefanotti_text_2, #stefanotti_text_3 {width:45%;margin-left:55%;}
/* stefanotti page end */
/* zolli1 page */
#zolli_text_0 {padding:0 1em 0 12em;}
#zolli_text_4 {width:50%;margin-left:50%;}
/* zolli1 end*/
/* zolli2 specific */
#zolli2_text_0 {padding:0 1em 0 12em;}
#zolli2_text_3 {width:50%;margin-left:50%;}
ul.second_level_ul li {list-style-type:circle;}
/* zolli2 specific end*/
/*************************
END EDITIONS 3
*************************/
/*************************
Paginator
*************************/
.pgntr {
width: 100%;
overflow: hidden;
/* height: 500px;*/
}
.pgntr.single_page {}
.pgntr.single_page .page {
float: none;
margin-top: 1em;
border-bottom: 1px dashed #ddd;
}
.pgntr .page {
width: 100%;
float: left;
position: relative;
}
.pgntr a.toplink {
display: block;
font-size: .7em;
text-transform: uppercase;
text-decoration: none;
text-align: center;
margin-top: 3em;
}
.pgntr-shim {}
/* applies to top and bottom nav */
nav.pgntr-pagenav {
position: relative;
height: 30px;
padding: 5px;
}
nav.pgntr-pagenav ul {
list-style: none;
padding: 0;
margin: 0;
}
nav.pgntr-pagenav ul li {
/* display: block;*/
list-style: none;
padding: 0;
margin: 0;
}
nav.pgntr-pagenav ul li a {
cursor: pointer;
font-size: .7em;
text-transform: uppercase;
text-decoration: none;
}
/* TOP NAV */
nav.pgntr-topnav {}
nav.pgntr-topnav li.pgntr-prevbtn {
cursor: pointer;
position: absolute;
left: 5px;
bottom: 5px;
text-align: left;
}
nav.pgntr-topnav li.pgntr-nextbtn {
cursor: pointer;
position: absolute;
right: 5px;
bottom: 5px;
text-align: right;
}
nav.pgntr-bottomnav {
border-top: 1px solid #ddd;
height: 35px;
}
nav.pgntr-bottomnav li.pgntr-nextbtn {
display: block;
position: absolute;
right: 5px;
top: 1em;
background: transparent url('https://s3.amazonaws.com/poptech_web_images/web_images/1235/original/main_background.png') 0 0 repeat;
font-size: 12px;
height: 30px;
line-height: 30px;
color: #fff;
font-weight: bold;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
width: auto;
}
nav.pgntr-bottomnav li.pgntr-nextbtn:hover {
box-shadow: none;
}
nav.pgntr-bottomnav li.pgntr-nextbtn a {
margin: 0 15px;
font-size: 12px;
height: 30px;
line-height: 30px;
font-weight: bold;
text-shadow: 1px 1px 0 #fff;
}
nav.pgntr-bottomnav li.pgntr-nextbtn a:hover{
text-shadow: none;
color: #000;
}
nav.pgntr-bottomnav li.pgntr-prevbtn,
nav.pgntr-bottomnav li.pgntr-fullpage {
line-height: 2em;
margin-top: 1em;
}
nav.pgntr-bottomnav li.pgntr-prevbtn {
display: inline;
padding-right: .5em;
margin-right: .5em;
border-right: 1px solid #ddd;
}
nav.pgntr-bottomnav li.pgntr-fullpage {
display: inline;
}
nav.pgntr-bottomnav li.pgntr-fullpage a {
color: #aaa;
}
.pgntr-sidenav {}
/* columns */
.columnize {
}
.columnize .column {
width: 300px !important;
margin: 0 10px;
}
.columnize .first.column {
}
.columnize .last.column {
}
/*************************
PT PEOPLE
*************************/
#pt_people {
position: relative;
width: 650px;
}
#pt_people h1 {
width: 400px;
}
#pt_people.pt_list .person {
clear: both;
border-top: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
}
#pt_people.pt_list .person a.img_link {
display: block;
float: left;
width: 90px;
height: 100px;
overflow: hidden;
margin-right: 15px;
margin-left: 10px;
margin-bottom: 10px;
position: relative;
}
#pt_people.pt_list .person.double a.img_link {
width: 180px;
}
#pt_people.pt_list .person img.face_image {
width: 90px;
}
#pt_people.pt_list .person.double img.face_image {
width: 180px;
}
#pt_people.pt_list .person h3.name {
text-transform: none;
margin-bottom: 0;
font-size: 15px;
margin-top: 0;
}
#pt_people.pt_list .person .description {
color: #333;
font-size: 12px;
margin-top: .5em;
margin-left: 115px;
}
#pt_people.pt_grid .person {
float: left;
width: 122px;
height: 160px;
overflow: hidden;
position: relative;
margin: 0 10px 10px 0;
cursor: pointer;
}
#pt_people.pt_grid .person.col5 {
margin-right: 0;
}
#pt_people.pt_grid .person.double {
width: 254px;
}
#pt_people.pt_grid .person img.face_image {
width: 122px;
height: 160px;
position: absolute;
left: 0;
top: 0;
}
#pt_people.pt_grid .person.double img.face_image {
width: 254px;
}
#pt_people.pt_grid .person a.bio_link {
text-decoration: none;
}
#pt_people.pt_grid .person h3.name {
position: absolute;
font-weight: normal;
color: #fff;
text-transform: none;
padding: 7px;
bottom: 0;
left: 0;
margin: 0;
font-size: 13px;
background-color: #000;
width: 108px;
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
text-decoration: none;
}
#pt_people.pt_grid .person.double h3.name {
width: 240px;
}
#pt_people.pt_grid .person .description {
display: none;
}
#pt_people.pt_grid .person .description .name {
font-weight: bold;
}
#pt_people.pt_grid .message_box {
float: left;
width: 122px;
height: 160px;
}
#pt_people.pt_grid .message_box a {
display: block;
width: 122px;
height: 160px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1228/original/register_now.jpg) top left no-repeat;
text-indent: -9999px;
overflow: hidden;
}
#pt_people.pt_list .message_box {
border-top: 1px solid #ccc;
margin-top: 10px;
padding-top: 10px;
}
#pt_people.pt_list .message_box a {
font-weight: bold;
font-size: 16px;
}
#pt_people #pt_grid_hover {
position: absolute;
width: 234px;
background: #000;
padding: 10px;
display: none;
color: #ddd;
min-height: 140px;
font-size: 12px;
line-height: 1.5em;
}
#pt_people #pt_grid_hover .name {
font-weight: bold;
color: #fff;
}
#pt_people #pt_grid_hover .active {
display: block;
}
a#pt_grid_toggle {
position: absolute;
width: 150px;
text-align: right;
top: 1em;
right: 1em;
font-size: 10px;
height: 20px;
line-height: 20px;
text-transform: uppercase;
text-decoration: none;
color: #000;
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
}
a#pt_grid_toggle:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
a#pt_grid_toggle .icon {
float: right;
margin-left: 5px;
display: block;
width: 15px;
height: 15px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1169/original/grid-list-icons.png) top left no-repeat;
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
}
a#pt_grid_toggle.pt_grid .icon { background-position: 0 0; }
a#pt_grid_toggle.pt_list .icon { background-position: 0 -15px; }
#pt_people #new_speaker_badge {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1170/original/new_speaker_badge.png) 0 0 no-repeat;
opacity: 0.9;
-moz-opacity: 0.9;
filter:alpha(opacity=90);
}
/*************************
HOMEPAGE SLIDER
*************************/
#hps_container {
position: relative;
width: 900px;
height: 420px;
background: #eee;
padding: 0;
margin-top: 45px; /* tucking top 5px under, b/c of border-radius */
}
#hps_loading {
position: absolute; left: 420px; top: 50%;
font-weight: bold;
text-shadow: 1px 1px 1px #fff;
color: #aaa;
}
#hps_images, #hps_text {
position: absolute;
width: 900px;
height: 420px;
overflow: hidden;
top: 0;
left: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#hps_images img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#hps_text {
z-index: 3px;
line-height: 2em;
}
.slide {
width: 900px;
height: 420px;
}
#hps_container .text_overlay {
position: relative;
display: block;
width: 900px;
height: 430px;
padding: 0;
margin: 0;
}
#hps_container .text_overlay>a {
display:block;
height:420px;
width:900px;
cursor:pointer;
}
#hps_container .text_overlay a a.slide_text {
position: absolute;
/* left: 0;*/
top: 100px;
display: block;
padding: 30px;
font-family: 'Helvetica';
font-weight: bold;
font-size: 28px;
text-align: left;
background: #fff;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
width: 300px;
color: #000;
text-decoration: none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#hps_container .text_overlay a a.slide_text:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#hps_container .text_overlay a a.slide_text.left {
left: -15px;
padding-left: 45px;
/* behavior: url(http://staging.poptech.org/system/uploaded_files/2/original/PIE.htc); /* enable CSS3 styles in IE 6-9 */
}
#hps_container .text_overlay a a.slide_text.right {
right: -15px;
padding-right: 45px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* behavior: url(http://staging.poptech.org/system/uploaded_files/2/original/PIE.htc); /* enable CSS3 styles in IE 6-9 */
}
/*
With multiple sliders
#hps_slider_nav {
position: absolute;
margin: 0;
padding: 0;
width: 30px;
margin-left: 7px;
}
#hps_slider_nav ul {
margin: 0;
padding: 0;
position: absolute;
left: 0;
bottom: 0;
list-style: none;
}
#hps_slider_nav ul li {
margin: 0;
padding: 0;
display: block;
width: 30px;
height: 30px;
margin-bottom: 7px;
}
#hps_slider_nav ul li a {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
color: #b2b2b2;
text-decoration: none;
text-align: center;
font-weight: bold;
font-size: 22px;
text-shadow: #fff 1px 1px 1px;
}
#hps_slider_nav ul li.selected a {
color: #000;
}
#hps_slider_nav ul li a:hover {
color: #3d96d2;
}
*/
/* Single slider */
#hps_slider_nav {
display:none;
}
/*************************
BLOG MODULE
*************************/
#pt_blog {
position: relative
}
#pt_blog_loading {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 500px;
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/1234/original/hp_bgfade.png) 0 0 repeat-x;
padding-top: 50px;
text-align: center;
font-weight: bold;
text-shadow: 1px 1px 1px #fff;
min-height: 500px;
color: #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#pt_blog .pt_blog_post {
clear: both;
margin-top: 1em;
border-bottom: 1px solid #ddd;
}
#pt_blog .pt_blog_post a.image {
display: block;
overflow: hidden;
text-align: center;
width: 150px;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 15px 15px 0;
padding: 0;
-moz-box-shadow: 0 1px 2px #aaa;
-webkit-box-shadow: 0 1px 2px #aaa;
box-shadow: 0 1px 2px #aaa;
background: #ddd;
}
#pt_blog .pt_blog_post a.image img {
width: 150px;
margin: 0;
padding: 0;
display: block;
/* min-height: 120px;*/
}
#pt_blog .has_image .title,
#pt_blog .has_image .body {
margin-left: 165px;
}
#pt_blog h2.title a {
color: #ed1c24;
text-decoration: none;
font-weight: normal;
font-size: 22px;
line-height: 1.2em;
}
#pt_blog h2.title a:hover {
text-decoration: underline;
}
#pt_blog .has_image .body {
margin-left: 165px;
}
#pt_blog .body p {
font-size: 13px;
line-height: 1.5em;
color: #555;
}
#pt_blog .body ul,
#pt_blog .body ol {
margin: 0;
padding: 0;
font-size: 13px;
list-style-position: inside;
}
#pt_blog .body li {
margin: 0;
padding: 0;
font-size: 13px;
color: #555;
line-height: 1.5em;
}
#pt_blog .body .truncated {
font-weight: bold;
color: #ccc;
font-size: 90%;
}
a.pt_blog_read_more {
font-size: 10px;
text-decoration: none;
margin-left: 1em;
padding: 3px 4px 1px 4px;
border: 1px solid #3d96d2;
font-weight: bold;
}
a.pt_blog_read_more:hover {
text-decoration: none;
background: #eee;
}
/*************************
VIDEO MODULE (HOMEPAGE)
*************************/
#pt_videos {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 15px 5px 0;
padding: 0;
-moz-box-shadow: 0 1px 2px #aaa;
-webkit-box-shadow: 0 1px 2px #aaa;
box-shadow: 0 1px 2px #aaa;
width: 340px;
overflow: hidden;
position: relative;
background: #333;
}
#pt_videos_loading {
position: absolute;
top: 0;
left: 0;
background: #333;
width: 100%;
height: 100%;
z-index: 20;
text-align: center;
color: #111;
padding-top: 22%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: 1px 1px 1px #555;
font-weight: bold;
}
#pt_videos_nav {
position: absolute;
top: 2px;
right: 0;
}
#pt_videos_nav a {
float: left;
display: block;
width: 20px;
height: 20px;
text-align: center;
font-weight: bold;
font-size: 18px;
line-height: 20px;
color: #ccc;
text-decoration: none;
text-shadow: 1px 1px 0 #fff;
}
#pt_videos_nav a.selected {
color: #555;
}
#pt_videos_nav a:hover {
color: #3d96d2;
}
#pt_videos img {
width: 340px;
min-height: 180px;
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#pt_videos .title {
font-weight: bold;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 7px;
opacity: 0.6;
-moz-opacity: 0.6;
filter:alpha(opacity=60);
color: #000;
font-size: 18px;
}
#pt_videos a {
text-decoration: none;
}
#pt_videos a:hover .title {
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
#pt_videos .play_button {
display: block;
position: absolute;
top: 0;
left: 0;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1259/original/play_button.png) center center no-repeat;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
#pt_videos:hover .play_button {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
/*TAGS PAGE*/
#people_tags {
padding: .5em 0 0 0em;
}
ul#pt_people_tag_list {
padding: 0;
margin: 0;
list-style: none;
}
ul#pt_people_tag_list li {}
ul#pt_people_tag_list li a {
font-weight: bold;
}
#pt_people_tag_list {}
#pt_people_tag_list li {
clear: left;
margin-bottom: 1em;
}
#pt_people_tag_list li .bio_image {
width: 25px;
height: 25px;
float: left;
margin-right: 10px;
overflow: hidden;
}
#pt_people_tag_list li .bio_image img {
width: 25px;
}
/*************************
TAGGED VIDEOS
*************************/
#pt_tagged_videos {
min-height: 500px;
position: relative;
}
#pt_tagged_videos_loading {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/1234/original/hp_bgfade.png) 0 0 repeat-x;
padding-top: 50px;
text-align: center;
font-weight: bold;
text-shadow: 1px 1px 1px #fff;
min-height: 500px;
color: #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
/* GRID VIEW */
#pt_tagged_videos.grid .video {
float: left;
margin-right: 15px;
margin-bottom: 15px;
width: 200px;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
-moz-box-shadow: 0 1px 3px #ccc;
-webkit-box-shadow: 0 1px 3px #ccc;
box-shadow: 0 1px 3px #ccc;
}
#pt_tagged_videos.grid .video a {
display: block;
width: 100%;
text-decoration: none;
color: #000;
}
#pt_tagged_videos.grid .video .play_button {
display: none;
}
#pt_tagged_videos.grid .video img {
display: block;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#pt_tagged_videos.grid .video h3.title {
position: absolute;
background: #fff;
left: 0;
bottom: 0;
padding: 10px;
margin: 0;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
font-size: 14px;
width: 180px;
line-height: 20px;
}
#pt_tagged_videos.grid .video a:hover h3.title {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#pt_tagged_videos.grid .video .description { display: none; }
#pt_tagged_videos.grid .video.large {
width: 308px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#pt_tagged_videos.grid .video.large h3.title {
font-size: 20px;
line-height: 26px;
width: 290px;
}
/* LIST VIEW */
#pt_tagged_videos.list .video {
border-bottom: 1px solid #ddd;
margin-bottom: 1em;
clear: left;
min-height: 150px;
}
#pt_tagged_videos.list .video a.image_link {
display: block;
position: relative;
float: left;
width: 200px;
margin-right: 15px;
margin-bottom: 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
-moz-box-shadow: 0 1px 3px #ccc;
-webkit-box-shadow: 0 1px 3px #ccc;
box-shadow: 0 1px 3px #ccc;
}
#pt_tagged_videos.list .video a.image_link .play_button {
display: block;
position: absolute;
top: 0;
left: 0;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1367/original/play_button_small.png) center center no-repeat;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
z-index: 5;
}
#pt_tagged_videos.list .video a.image_link:hover .play_button {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#pt_tagged_videos.list .video img {
display: block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
width: 200px;
}
#pt_tagged_videos.list .video a.title_link {
text-decoration: none;
}
#pt_tagged_videos.list .video h3.title {}
#pt_tagged_videos.list .video .description {
font-size: 12px;
color: #555;
margin-top: 0;
margin-left: 215px;
line-height: 1.5em;
}
#pt_tagged_videos.list .video .description p {
font-size: 12px;
color: #555;
line-height: 1.5em;
}
/* GRID/LIST TOGGLE */
#pt_tagged_videos a#grid_list_toggle {
position: absolute;
width: 150px;
text-align: right;
top: 1em;
right: 2em;
font-size: 10px;
height: 20px;
line-height: 20px;
text-transform: uppercase;
text-decoration: none;
color: #000;
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
}
#pt_tagged_videos a#grid_list_toggle:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#pt_tagged_videos a#grid_list_toggle .icon {
float: right;
margin-left: 5px;
display: block;
width: 15px;
height: 15px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1169/original/grid-list-icons.png) top left no-repeat;
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
}
#pt_tagged_videos a#grid_list_toggle.grid .icon { background-position: 0 0; }
#pt_tagged_videos a#grid_list_toggle.list .icon { background-position: 0 -15px; }
#pt_tagged_videos_hover {
position: absolute;
background: #000;
font-size: 12px;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
z-index: 5;
}
/*************************
TWITTER MODULE
*************************/
#pt_twitter {
position: relative;
display:none;
}
#pt_twitter_loading {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 340px;
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/1234/original/hp_bgfade.png) 0 0 repeat-x;
padding-top: 20px;
text-align: center;
font-weight: bold;
text-shadow: 1px 1px 1px #fff;
height: 100%;
color: #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
min-height: 100px;
}
#pt_twitter a { text-decoration: none; }
#pt_twitter a:hover { text-decoration: underline;}
#pt_twitter_tweet {
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1247/original/twitter_balloon.png) 0 0 no-repeat;
padding: 15px 15px 5px 15px;
color: #fff;
font-size: 16px;
text-shadow: #30688e 1px 1px 1px;
}
#pt_twitter_tweet a {color: #ededed;}
#pt_twitter_tweet a:hover {text-shadow: none;}
#pt_twitter_caption {
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1247/original/twitter_balloon.png) 0 bottom no-repeat;
height: 30px;
position: relative;
}
#pt_twitter_caption .info {
display: block;
margin: 0;
position: absolute;
top: 20px;
left: 85px;
}
#pt_twitter_caption a.user_name {
padding-left: 20px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1232/original/pt_master_sprite.png) -7px -1869px no-repeat; /* position offset: -7px, -9px */
}
#pt_twitter_caption a#pt_twitter_time {
font-size: 11px;
font-style: italic;
color: #aaa;
}
#pt_twitter #pt_twitter_tweet.no_tweets {
text-align: center;
font-weight: bold;
text-shadow: 1px 1px 1px #fff;
color: #aaa;
}
/*************************
TUMBLR MODULE
*************************/
#pt_tumblr {
position: relative;
width: 340px;
border-bottom: 1px solid #ddd;
}
#pt_tumblr img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
}
#pt_tumblr_tag {
position: absolute;
top: 0;
right: 0;
background: #ddd;
-moz-box-shadow: 0 1px 1px #aaa;
-webkit-box-shadow: 0 1px 1px #aaa;
box-shadow: 0 1px 1px #aaa;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#pt_tumblr_tag a {
display: block;
margin: 0 6px;
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
#pt_tumblr_tag a:hover {
color: #3d96d2;
}
#pt_tumblr_posts {
position: relative;
width: 340px;
overflow: hidden;
height: 300px;
}
#pt_tumblr_loading {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 340px;
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/1234/original/hp_bgfade.png) 0 0 repeat-x;
padding-top: 20px;
text-align: center;
font-weight: bold;
text-shadow: 1px 1px 1px #fff;
height: 100%;
color: #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#pt_tumblr_posts .post {
width: 160px;
font-size: 11px;
max-height: 200px;
overflow: hidden;
margin: 5px 0;
cursor: pointer;
position: relative;
}
#pt_tumblr_posts .post img {
width: 160px;
}
#pt_tumblr_posts .text {}
#pt_tumblr_posts .quote {}
#pt_tumblr_posts .quote blockquote {
margin: 0;
padding: 0;
font-size: 15px;
line-height: 1.3em;
color: #555;
}
#pt_tumblr_posts .quote blockquote.small {
font-size: 18px;
}
#pt_tumblr_posts .quote blockquote.medium {
font-size: 16px;
}
#pt_tumblr_posts .quote blockquote.large {
font-size: 15px;
}
#pt_tumblr_posts .quote .tumblr_quote{
display: block;
width: 30px;
height: 30px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1232/original/pt_master_sprite.png) -225px 0 no-repeat;
float: left;
margin-right: 5px;
}
#pt_tumblr_posts .quote .post_bottom_fade {
position: absolute;
top: 150px; /*post max-height - this height*/
left: 0;
height: 50px;
width: 100%;
background: #000;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1258/original/tumblr_small_bottom_fade.png) 0 0 repeat-x;
}
#pt_tumblr_posts .video {
border-bottom: none;
min-height: 120px;
background: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc;
-webkit-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 2px #ccc;
padding: 0;
margin-bottom: 1em;
}
#pt_tumblr_posts .video .play_button {
display: block;
position: absolute;
top: 0;
left: 0;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1367/original/play_button_small.png) center center no-repeat;
width: 100%;
height: 100%;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
#pt_tumblr_posts .video:hover .play_button {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#pt_tumblr_posts .photo {
border-bottom: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc;
-webkit-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 2px #ccc;
padding: 0;
margin-bottom: 1em;
}
#pt_tumblr_posts .link {}
#pt_tumblr_posts .link .title {
font-size: 20px;
margin: 0;
}
#pt_tumblr_posts .link a {
text-decoration: none;
}
#pt_tumblr_fade {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 90px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1257/original/tumblr_bottom_fade.png) 0 bottom repeat-x;
z-index: 5;
}
/*************************************************************************
*
* 5. SPECIFIC PAGES
*
*************************************************************************/
/*************************
FELLOWS NOMINATION CONF
(/thanks_for_nominating)
*************************/
#page_agents #pagecontent {
min-height: 550px;
}
/*************************
STANDARD PAGE
*************************/
#full_page {max-width:870px;}
#draft_banner {
position: absolute;
z-index: 100;
top: 7px;
left: 7px;
}
.content_subtitle {
color:#888;
font-size:15px;
}
#containment {width:870px;}
/*************************
HOME PAGE (/home)
*************************/
.hp_doubleline {
display: block;
border: 0;
height: 24px;
margin: 3px 0;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1238/original/hp_doubleline.png) 0 center repeat-x;
padding: 0;
width: 100%;
}
#hp_initiatives {
height: 164px;
margin: 0;
padding-left: 7px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 2px #aaa;
-webkit-box-shadow: 0 1px 2px #aaa;
box-shadow: 0 1px 2px #aaa;
/* behavior: url(http://staging.poptech.org/system/uploaded_files/2/original/PIE.htc); /* enable CSS3 styles in IE 6-9 */
}
#hp_initiatives .initiative {
height: 150px;
position: relative;
float: left;
margin: 7px;
margin-left: 0;
margin-bottom: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/* behavior: url(http://staging.poptech.org/system/uploaded_files/2/original/PIE.htc); /* enable CSS3 styles in IE 6-9 */
overflow: hidden;
}
#hp_initiatives .initiative a {
display: block;
height: 150px;
width: 216px;
margin: 0;
padding: 0;
text-decoration: none;
}
#hp_initiatives .initiative img {
height: 150px;
width: 216px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/* behavior: url(http://staging.poptech.org/system/uploaded_files/2/original/PIE.htc); /* enable CSS3 styles in IE 6-9 */
}
#hp_initiatives .initiative .title {
position: absolute;
width: 196px;
top: 95px;
bottom: 0;
left: 0;
padding: 10px;
background: #fff;
opacity: 0.6;
-moz-opacity: 0.6;
filter:alpha(opacity=60);
color: #000;
font-weight: bold;
font-size: 17px;
line-height: 20px;
}
#hp_initiatives a {
text-decoration: none;
}
#hp_initiatives a:hover .title {
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
#hp_maincontent {
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/1234/original/hp_bgfade.png) 0 0 repeat-x;
}
#hp_maincontent h3 {
padding-bottom: .5em;
border-bottom: 4px solid #ddd;
font-weight: normal;
text-transform: uppercase;
}
#hp_maincontent h3 a {
display: block;
color: #000;
text-decoration: none;
}
#hp_maincontent h3 a:hover {
color: #499dd6;
}
#hp_maincontent #hp_blog h3 a,
#hp_maincontent #hp_tumblr h3 a,
#hp_maincontent #hp_videos h3 a {
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1232/original/pt_master_sprite.png);
background-repeat: no-repeat;
padding-left: 30px;
}
#hp_maincontent #hp_blog h3 a { background-position: 0 -1385px; } /*position offset: 0, -5px */
#hp_maincontent #hp_blog h3 a:hover { background-position: 0 -1465px; } /*position offset: 0, -5px */
#hp_maincontent #hp_tumblr h3 a { background-position: 0 -1544px; } /*position offset: 0, -4px */
#hp_maincontent #hp_tumblr h3 a:hover { background-position: 0 -1625px; } /*position offset: 0, -5px */
#hp_maincontent #hp_videos h3 a { background-position: 0 -1705px; } /*position offset: 0, -5px */
#hp_maincontent #hp_videos h3 a:hover { background-position: 0 -1785px; } /*position offset: 0, -5px */
/*
With Videos and Tumblr
#hp_blog {
width: 500px;
float: left;
margin-left: 20px;
}
#hp_sidebar {
width: 340px;
margin-left: 540px;
}
*/
#hp_blog {
/* width: 500px;*/
float: left;
margin-left: 1rem;
margin-right:1rem;
}
#hp_sidebar {
display:none;
}
#hp_twitter { margin-top: 1em; }
#hp_videos { margin-top: 22px; position: relative }
#hp_tumblr { margin-top: 2em; }
.hp_module_link {
text-align: right;
font-size: 11px;
padding-right: .5em;
}
/*************************
ABOUT PAGE (/about)
*************************/
#crowd_image {margin:0 0;}
#phone_image {float:right;margin:0 0 10px 15px;}
#saul_image {margin:0 0;}
#jam_image {float:left;margin:0 15px 0 0;}
/*************************
MEDIA CENTER PAGE (/media_center)
*************************/
/*#full_quotes_section li {font-size:12px;}
#page_media_center #page_body #recent_press {position:relative;z-index:1;}
#page_media_center #page_body #recent_press:after {content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;background: url(https://s3.amazonaws.com/poptech_web_images/web_images/1783/original/newspaper-clipping-of-a-reprint-of-The-Times-dated-April-21-1926-to-celebrate-the-HRH-Queen-Elizabeth-II-80th-birthday-in-2006-1-JR_claro.jpg?1358963524);opacity:0.07;}
#choice_quotes {height:365px;}
ul {list-style:none;margin:0;padding:0;}
#choice_quotes li {font-style:italic;}
#full_quotes_section {margin:1em 0;clear:both;padding-top:2em;}
#full_quotes_section li {height:75px;}
#choice_quotes li {width:500px;}
#choice_quotes li blockquote:hover {color:#000;box-shadow: 5px 5px 50px -7px #3c3e44;}
#choice_quotes li blockquote {font-size:13px;box-shadow: 5px 5px 50px -7px #ccc;}
#choice_quotes li#quote_one, #choice_quotes li#quote_three, #choice_quotes li#quote_five {float:left;}
#choice_quotes li#quote_two, #choice_quotes li#quote_four {float:right;}
#choice_quotes li#quote_one {height:124px;}
#choice_quotes li#quote_two {height:102px;}
#choice_quotes li#quote_three {height: 100px;}
#choice_quotes li#quote_four {height:145px;}
#arror_click {cursor:pointer;margin-bottom:2em;text-decoration:underline;}
#full_quotes_section h2.dropdown {padding-left:2em;background: transparent url(http://poptech.org//system/web_images/944/original/dropdown_icon.png?1299016724) 0 -5px no-repeat;}
#full_quotes_section h2.open {padding-left:2em;background: transparent url(http://poptech.org//system/web_images/944/original/dropdown_icon.png?1299016724) 0 -35px no-repeat;}
*/
#full_quotes_section li{font-size:12px}
#page_media_center #page_body #recent_press{position:relative;z-index:1}
#page_media_center #page_body #recent_press:after {content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;background: url(https://s3.amazonaws.com/poptech_web_images/web_images/1783/original/newspaper-clipping-of-a-reprint-of-The-Times-dated-April-21-1926-to-celebrate-the-HRH-Queen-Elizabeth-II-80th-birthday-in-2006-1-JR_claro.jpg?1358963524);opacity:.07}
#choice_quotes{height:365px}
ul#choice_quotes{list-style:none;margin:0;padding:0}
#choice_quotes li{font-style:italic}
#full_quotes_section{margin:1em 0;clear:both;padding-top:2em}
#full_quotes_section li{height:75px}
#choice_quotes li{width:500px}
#choice_quotes li blockquote:hover{color:#000;box-shadow:5px 5px 50px -7px #3c3e44}
#choice_quotes li blockquote{font-size:13px;box-shadow:5px 5px 50px -7px #ccc}
#choice_quotes li#quote_one,#choice_quotes li#quote_three,#choice_quotes li#quote_five{float:left}
#choice_quotes li#quote_two,#choice_quotes li#quote_four{float:right}
#choice_quotes li#quote_one{height:124px}
#choice_quotes li#quote_two{height:102px}
#choice_quotes li#quote_three{height:100px}
#choice_quotes li#quote_four{height:145px}
#arror_click{cursor:pointer;margin-bottom:2em;text-decoration:underline}
#full_quotes_section h2.dropdown{padding-left:2em;background:transparent url(http://poptech.org//system/web_images/944/original/dropdown_icon.png?1299016724) 0 -5px no-repeat}
#full_quotes_section h2.open{padding-left:2em;background:transparent url(http://poptech.org//system/web_images/944/original/dropdown_icon.png?1299016724) 0 -35px no-repeat}
/*************************
JOBS PAGE (/jobs)
*************************/
.job_titles {font-size:14px;text-decoration:underline;cursor:pointer;}
.job_descriptions {margin-left:1em;width:60%;}
.job_descriptions ul li {font-size:14px;}
/* USER ADDED */
#initiatives {width:130%;margin-left:-13em;}
p .speaker_image {float:left;margin:0 1em 0 0;}
/*************************
ICELAND (/iceland)
*************************/
h1#iceland_title {
width: 550px;
height: 130px;
margin: 0;
position: absolute;
top: 130px;
left: 120px;
}
h1#iceland_title a {
width: 470px;
height: 140px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
/*************************
MEMBERSHIP
*************************/
.hiding_link {float:right;}
.additionals {padding:0 20px;margin:0 10px 10px 10px;}
.another,
.another_address,
.another_phone,
.another_url,
.another_email {display:none;}
.address_reveal{display:none;}
/*.hub_fields {background-color:#FF9;}
.hub_note_reveal{display:none;}
*/
#logout_public,
#login_public {
list-style:none;
}
#logout_public a:hover,
#login_public a:hover {text-decoration:underline;}
/*a#password_change_link {font-weight:bold;}*/
p#password_change {display:none;}
#pagecontent_home > #membership_registration {margin-top:3em;}
/*#sharing_section {width:90%;}*/
/*
Membership
New 2014-07-15
*/
/* tabs */
.tabs {
position: relative;
min-height: 140rem;
clear: both;
margin: 25px 0;
}
.tab {
float: left;
}
.tab > label {
background: #eee;
padding: 10px;
border: 1px solid #ccc;
margin-left: -1px;
position: relative;
left: 1px;
cursor:pointer;
}
.tab .hidden-buttons {
display: none;
}
.content {
position: absolute;
top: 28px;
left: 0;
background: white;
right: 0;
bottom: 0;
padding: 20px 20px 0 0.5rem;
border: 1px solid #ccc;
border-bottom:0;;
border-left:0;
border-right:0;
}
[type=radio] ~ label ~ .content {
display:none;
}
[type=radio]:checked ~ label {
background: white;
border-bottom: 1px solid white;
z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
z-index: 1;
display:block;
height:100%;
}
#member_settings .content {
height:40rem;
}
.tab [type=text], .tab textarea, .tab [type=password] {width:70%;font-size:1rem;margin-bottom: 0.65rem;}
.tab textarea {height:10rem;}
.tab p label {font-size:1rem;}
body#page_memberships h3 {color:#BBBBBB;font-size:1.1rem;}
body#page_memberships p {margin:0;}
body#page_memberships .contact-points {margin-top:1rem;}
#assistant_info {/*background: #ebebeb;padding: 1rem;*/margin-top:1.5rem;}
#assistant_info h3 {margin-bottom:0;}
#membership_registration.show p { font-size:1rem; }
#membership_registration.edit { min-height:80rem; }
#profile_tabs {font-size:1rem;}
#profile_tabs p {font-size:1rem;}
.member_submit {position: relative;top:-0.1rem;float: right;height:0;z-index:3;}
.member_submit, .member_submit [type=submit] {font-size:1rem;}
.member_submit a {bottom:-0.1rem;position:relative;left:0.1rem;font-size:1rem;}
/* for show page */
.member_submit #memberships_management {top:0.5rem;}
.member_submit #memberships_management a {bottom:-0.6rem;}
#memberships_management li {
float:left;
list-style:none;
margin-right:1em;
}
.location_fields {margin-bottom:2rem;}
.registered_for_events {padding-left:1.5rem;}
.registered_for_events li {font-size:1rem;}
.mobile-meatball {display:none;}
/*************************** MEDIA QUERIES ************************************/
/************************* MOBILE STYLES FOR MEMBER ACTIONS prep for app *********************/
@media screen and (max-device-width: 767px) {
/* Section-wide settings */
.mobile-hide {display:none;} /* hack until p-list formatted for mobile */
.mobile-show {display:block;}
#flashers {top:2.5rem;left:0;width:99%;max-width:100%;}
.container {margin:0;}
/* Settings in common */
body#page_member_sessions,
body#page_password_resets,
body#page_memberships,
body#page_registration,
body#page_successful_registration {
min-width:320px;
max-width:100%;
padding:0;
margin:0;
}
body#page_member_sessions #container,
body#page_password_resets #container,
body#page_memberships #container,
body#page_registration #container,
body#page_successful_registration #container {
min-width:320px;
max-width:100%;
background: #ebebeb url(/icons/white-dot.gif) 0 0 no-repeat;
margin:0;
}
body#page_member_sessions #admin_nav_div,
body#page_password_resets #admin_nav_div,
body#page_memberships #admin_nav_div,
body#page_registration #admin_nav_div,
body#page_successful_registration #admin_nav_div {top:0;left:0;display:none;}
body#page_member_sessions #container #content,
body#page_password_resets #container #content,
body#page_memberships.section_memberships #container #content,
body#page_registration.section_registration #container #content,
body#page_successful_registration #container #content {
min-width:320px;
max-width:100%;
margin:0;
min-height:568px;
}
body#page_member_sessions #container #header_bg,
body#page_password_resets #container #header_bg,
body#page_memberships #container #header_bg,
body#page_registration #container #header_bg,
body#page_successful_registration #container #header_bg {
height:0;
width:0;
background:#ebebeb url(/icons/white-dot.gif) top left no-repeat;
}
body#page_member_sessions #container #header,
body#page_password_resets #container #content #header,
body#page_memberships #container #header,
body#page_registration #container #header,
body#page_successful_registration #container #header {display:none;width:0;top:0;left:0;}
body#page_member_sessions #container #footer,
body#page_password_resets #container #footer,
body#page_memberships #container #footer,
body#page_registration #container #footer,
body#page_successful_registration #container #footer {display:none;background:#fff url(/icons/white-dot.gif) top left no-repeat;width:0;}
body#page_member_sessions #container #main_nav,
body#page_password_resets #main_nav,
body#page_memberships #container #main_nav,
body#page_registration #container #main_nav,
body#page_successful_registration #container #main_nav {min-width:320px;max-width:100%;display:none;width:0;top:0;left:0;}
body#page_member_sessions #container h1.title,
body#page_password_resets #container h1.title,
body#page_memberships #container h1.title,
body#page_registration #container h1.title,
body#page_successful_registration #container h1.title {margin:0;padding:0;}
body#page_member_sessions #container #pagecontent,
body#page_password_resets #container #pagecontent,
body#page_registration #container #pagecontent,
body#page_successful_registration #container #pagecontent {margin:0;padding:0;min-width:320px;max-width:100%;min-height:20px;position:absolute;top:0;}
body#page_member_sessions #container #pagecontent .container,
body#page_password_resets #container #pagecontent .container {padding:1rem;margin:0;}
body#page_member_sessions #container #pagecontent .container h1.title,
body#page_password_resets #container #pagecontent .container h1.title,
body#page_memberships #container h1.title {font-size:2rem;margin-top:1rem;}
body#page_member_sessions #container [type=text],
body#page_member_sessions #container [type=password] { width: 80%;font-size:1rem;}
body#page_member_sessions #container [type=submit],
body#page_password_resets #container [type=submit] {font-size:1rem;}
body#page_member_sessions #container #errorExplanation, .errors,
body#page_password_resets #container #errorExplanation, .errors {width:100%;margin:0;padding:0;}
/* END Settings in common */
/* 1. login page */
/* 1.2 Password resets */
.site-instructions {font-size:0.75rem;}
body#page_password_resets #container #content {min-height:568px;}
body#page_password_resets #container [type=text],
body#page_password_resets #container [type=password] { width: 70%;font-size:1rem;}
/* 2. member show/edit */
body#page_memberships #container #pagecontent_home {max-width:100%;padding: 0;margin: 0;top:0;left:0;}
body#page_memberships #container #pagecontent_home > #membership_registration {margin:0;padding:1rem;}
body#page_memberships #membership_registration.edit .member_submit {
position:absolute;
top:1.5rem;
}
body#page_memberships #membership_registration.show .member_submit {
position:absolute;
top:0.5rem;
}
#membership_registration.show> p {margin-top:1rem;}
#membership_registration.edit { min-height:218rem; }
.tab { font-size:0.8rem;}
.tab > label { padding:10px 5px;}
.tab [type=text], .tab textarea, .tab [type=password] {width:100%;}
.tab textarea {height:15rem;}
.member_submit {position:absolute;top:0.5rem;right:0.5rem;}
.member_submit #memberships_management a {bottom:-0.2rem;}
/* member sign-up */
body#page_memberships #container #pagecontent .container {padding:1rem;}
body#page_memberships #container #pagecontent {max-width:100%;padding: 0;margin: 0;top:0;left:0;}
body#page_memberships #container #pagecontent #membership_registration {margin:0;padding:0;}
body#page_memberships #container #pagecontent [type=text],
body#page_memberships #container #pagecontent [type=password] {width:100%;font-size:1rem;}
body#page_memberships #container #pagecontent #recaptcha_widget_div {margin-left:-1rem;}
/* 3. Event registration */
body#page_registration #pagecontent {background:#FFF;}
body#page_registration #i_have_an_account {margin-right:1.5rem;}
body#page_registration .reg_start_buttons {width:8rem;}
body#page_registration #membership_registration {padding:1rem;}
body#page_registration textarea,
body#page_registration [type=text],
body#page_registration [type=password] {width:98%;font-size:1rem;}
body#page_registration form [type=submit],
body#page_registration select {font-size:1rem;}
body#page_registration textarea {height:3rem;}
body#page_registration #new_signup {background-color: #FFF;padding: 0;border-radius: 0;}
body#page_registration #recaptcha_widget_div {margin-left:-1rem;}
/* hides first generated para AND prevents mobile from downloading image nested within */
/* body#page_registration #pagecontent #membership_registration p:first-of-type {display:none;}*/
body#page_registration #pagecontent #membership_registration img {display:none;}
body#page_registration #public_registration_form {padding:0;background-color:#FFF;}
body#page_registration span.payment_section {padding:0;margin:0;}
body#page_registration #terms_text {width:100%;}
/* 4. Successful registration */
body#page_successful_registration #container h1.title,
body#page_successful_registration #container p {margin:1rem 0 0 1rem;}
/* 4.1 Event and successful registration */
body#page_registration #side_nav,
body#page_successful_registration #side_nav {display:none;}
}
/* Only for phones */
@media screen and (max-device-width : 568px) {
.mobile-meatball {width:2.5rem;display:block;}
#top_banner {height:3rem;}
/* #top_banner {display:none;}*/
}
/*************************
LOGIN
*************************/
#site_authentication{
font-size:12px;
text-align:right;
width:73em;
}
#site_authentication a {text-decoration:none;}
#site_authentication ul {
margin:-1.75em;
padding:0;
}
/*************************
REGISTRATION
*************************/
#i_have_an_account {
margin-right: 35px;
}
#new_to_poptech {}
#new_to_poptech.reg_start_buttons h2,
#i_have_an_account.reg_start_buttons h2 {
text-align: center;
font-size: 18px;
font-weight: bold;
color: #FFF;
}
.reg_start_buttons{
cursor: pointer;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-radius: 5px;
padding: 0px;
width: 145px;
float: left;
background-color: #3d96d2;
text-shadow: 1px 1px #000;
margin-top:1em;
}
.reg_start_buttons:hover{background-color: #367cac;}
#login_fields {margin-top:8em;}
span.payment_section {
/* padding:0 20px;*/
display:block;
margin:10px 10px 20px 10px;
}
#mailing_address_form {
padding:0 20px;
margin:10px 10px 20px 10px;}
}
.fb_field {margin-right:1.5em;}
.li_field {margin-right:2em;}
.tw_field {margin-right:2.85em;}
#terms_text {width:600px;}
.process_steps {
font-size:14px;
font-weight:bold;
background-color:#00AAAA;
color:#FFFFFF;
padding:5px;
margin-bottom:2em;
border-radius:4px;
}
#signup_action {
/* text-decoration:underline;
color:#3D96D2;
*/ cursor:pointer;
}
#new_signup {
margin-top:7em;
background-color:#EEEEEE;
padding:10px;
border-radius: 4px;
}
#public_registration_form {
border-radius:4px;
/* background-color:#EEEEEE;*/
padding:10px;
margin-top:1.5em;
}
#fill_out_registration {text-decoration: underline;}
#registration_public {}
#event_terms {
background-color:#FFF;
padding:10px;
}
#already_registered {
font-style:italic;
font-weight:bold;
}
/*************************
PT PEOPLE
*************************/
body#page_people #page_body {
position: relative;
margin: 0 15px;
width: 870px;
top: -90px;
}
#pt_people_bio {
width: 860px;
margin: 2em 20px 2em 20px;
/*padding-top: 150px;*/
}
#pt_people_bio_info {
float: left;
width: 545px;
}
#pt_people_bio_info h1.bio_name {
padding-left: 40px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1507/original/pt_people_icon_sprite.png?1331582047) -5px -42px no-repeat;
}
#pt_people_bio_info img.bio_image {
display: block;
width: 155px;
float: left;
margin: 0 15px 15px 0;
background: #333;
border-radius: 5px;
box-shadow: 0 1px 3px #ccc;
}
#pt_people_bio_info .bio_text,
#pt_people_bio_info #pt_people_bio_roles,
#pt_people_bio_info #pt_people_bio_tags {
font-size: 14px;
}
#pt_people_bio_info.has_bio_image .bio_text,
#pt_people_bio_info.has_bio_image #pt_people_bio_roles,
#pt_people_bio_info.has_bio_image #pt_people_bio_tags {
margin-left: 170px;
}
#pt_people_bio_info .bio_text {
margin-bottom: 1em;
}
#pt_people_bio .bio_text .read-more .more {
color: #aaa;
font-style: italic;
font-size: 12px;
}
#pt_people_bio .bio_text .read-more a,
#pt_people_bio .bio_text .read-less a {
font-size: 10px;
text-decoration: none;
margin-left: 1em;
padding: 3px 15px 1px 4px;
border: 1px solid #3d96d2;
font-weight: bold;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1510/original/blue_arrows_sprites.png?1331667802) right -73px no-repeat;
}
#pt_people_bio .bio_text .read-less a {
margin-left: 0;
margin-bottom: 1em;
background-position: right -103px;
}
#pt_people_bio .bio_text .read-more a:hover,
#pt_people_bio .bio_text .read-less a:hover {
text-decoration: none;
background-color: #eee;
background-position: right -58px;
}
#pt_people_bio .bio_text .read-less a:hover {
background-position: right -88px;
}
ul#pt_people_bio_roles {
margin: 0;
padding: 0;
list-style: none;
}
#pt_people_bio .pt_people_role {
text-transform: uppercase;
font-size: 12px;
color: #000;
}
#pt_people_bio .pt_people_role .label {
display: block;
float: left;
width: 10px;
height: 10px;
margin-right: 5px;
margin-top: 6px;
background: #ddd;
}
#pt_people_bio .pt_people_role .event { font-weight: bold}
#pt_people_bio .pt_people_role.role_speakers .label{ background: #ccff1e; }
#pt_people_bio .pt_people_role.role_performers .label{ background: #ccff1e; }
#pt_people_bio .pt_people_role.role_sifellows .label{ background: #b4a6f1; }
#pt_people_bio .pt_people_role.role_scifellows .label{ background: #00ff7f; }
#pt_people_bio .pt_people_role.role_faculty .label{ background: #5ADFE5; }
#pt_people_bio .pt_people_role.role_lab .label{ background: #FF815F; }
#pt_people_bio .pt_people_role.role_sessionleaders .label{ background: #FFC043; }
#pt_people_bio .pt_people_role.role_hosts .label{ background: #f5deb3; }
#pt_people_bio .pt_people_role.role_bellagio .label{ background: rgb(250, 114, 212); }
#pt_people_bio .pt_people_role.role_salon .label{ background: #84AD94; }
#pt_people_bio_tags {
margin-top: 1em;
font-size: 12px;
text-transform: uppercase;
}
#pt_people_bio_tags .label {
font-weight: bold;
color: #000;
}
#pt_people_bio_tags a.tag {
font-size: 11px;
text-transform: lowercase;
padding: 2px 5px;
color: #333;
text-decoration: none;
background: #dddddd;
}
#pt_people_bio_tags a:hover.tag {
color: #3d96d2;
}
#pt_people_bio #pt_twitter {
margin-top: 0;
width: 300px;
margin-left: 560px;
top: 75px;
position:relative;
}
#pt_people_bio #pt_twitter #pt_twitter_loading {
width: 300px;
}
#pt_people_bio #pt_twitter #pt_twitter_caption,
#pt_people_bio #pt_twitter #pt_twitter_tweet {
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1506/original/bio_twitter_bubble.png?1331578813);
background-color: transparent;
}
#pt_people_bio #pt_twitter #pt_twitter_tweet {
color: #5f5f5f;
text-shadow: none;
font-size: 13px;
line-height: 1.3em;
}
#pt_people_bio #pt_twitter #pt_twitter_tweet.no_tweets {
color: #aaa;
text-shadow: 1px 1px 0 #fff;
font-size: 16px;
}
#pt_people_bio #pt_twitter #pt_twitter_tweet a {
color: #3d96d2;
}
#pt_people_bio #pt_people_bio_media {
clear: both;
padding-top: 2em;
position: relative;
}
#pt_people_bio #pt_people_bio_videos {
width: 860px;
float: left;
}
#pt_people_bio_media #pt_people_bio_videos #pt_videos {
background: transparent;
border-radius: 0;
margin: 0 15px 0 0;
padding: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
width: 860px;
overflow: auto;
position: relative;
}
#pt_people_bio_media #pt_people_bio_videos .pt_video {
float: left;
border-radius: 5px;
margin: 0 15px 5px 0;
padding: 0;
-moz-box-shadow: 0 1px 2px #aaa;
-webkit-box-shadow: 0 1px 2px #aaa;
box-shadow: 0 1px 2px #aaa;
width: 270px;
overflow: hidden;
position: relative;
background: #333;
margin: 0 7px;
}
#pt_people_bio_media #pt_people_bio_videos .pt_video img {
width: 270px;
min-height: 100px;
}
#pt_people_bio_media.has_posts #pt_people_bio_videos {
width: 340px;
position: absolute;
top: 2em;
left: 0;
}
#pt_people_bio_media.has_posts #pt_people_bio_videos #pt_videos {
width: 340px;
overflow: hidden;
position: relative;
margin: 0;
}
#pt_people_bio_media.has_posts #pt_people_bio_videos .pt_video {
float: none;
width: 340px;
position: relative;
margin: 0 0 15px 0;
}
#pt_people_bio_media.has_posts #pt_people_bio_videos .pt_video img {
width: 340px;
}
#pt_people_bio_media #pt_people_bio_blog {
width: 860px;
padding-top: 1px;
}
#pt_people_bio_media #pt_people_bio_blog .pt_blog_post {
width: 400px;
float: left;
margin-left: 20px;
clear: both;
}
#pt_people_bio_media.has_videos #pt_people_bio_blog {
width: 500px;
margin-left: 360px;
}
#pt_people_bio_media.has_videos #pt_people_bio_blog .pt_blog_post {
width: 500px;
float: none;
margin-left: 0;
}
#pt_people_bio h3 {
padding-bottom: .5em;
border-bottom: 4px solid #ddd;
font-weight: normal;
text-transform: uppercase;
}
#pt_people_bio_blog h3 a,
#pt_people_bio_videos h3 a {
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1232/original/pt_master_sprite.png);
background-repeat: no-repeat;
padding-left: 30px;
text-decoration: none;
color: #000;
}
#pt_people_bio_blog h3 a { background-position: 0 -1385px; } /*position offset: 0, -5px */
#pt_people_bio_blog h3 a:hover { background-position: 0 -1465px; } /*position offset: 0, -5px */
#pt_people_bio_videos h3 a { background-position: 0 -1705px; } /*position offset: 0, -5px */
#pt_people_bio_videos h3 a:hover { background-position: 0 -1785px; } /*position offset: 0, -5px */
/* PT PEOPLE LIST*/
#pt_people_filter {
width: 190px;
position: absolute;
top: 50px;
right: 15px;
}
#pt_people_filter h3 {
color: #666;
font-weight: normal;
}
form#pt_people_filter_form {
padding: 0;
margin: 0;
}
form#pt_people_filter_form fieldset {
margin: 0;
padding: 0;
border: 0;
margin-bottom: 15px;
}
form#pt_people_filter_form fieldset label {
color: #333;
font-size: 14px;
}
form#pt_people_filter_form fieldset legend {
margin: 0;
padding: 0;
height: 15px;
line-height:15px;
border-bottom: 3px solid #ddd;
text-transform: uppercase;
font-size: 14px;
width: 100%;
margin-bottom: 10px;
padding-bottom: 1px;
position: relative;
}
form#pt_people_filter_form fieldset ul.options {
padding: 0;
margin: 0;
margin-top: 10px;
}
form#pt_people_filter_form fieldset legend a.toggle_all_checked {
position: absolute;
top: 0;
right: 0;
font-size: 11px;
}
form#pt_people_filter_form fieldset.collapsible legend {
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1510/thumb/blue_arrows_sprites.png?1331667802) 0 -48px no-repeat;
padding-left: 14px;
cursor: pointer;
}
form#pt_people_filter_form fieldset.collapsible legend:hover {
color: #3d96d2;
background-position: 0 -36px;
}
form#pt_people_filter_form fieldset.collapsible.closed legend { background-position: 0 -24px; }
form#pt_people_filter_form fieldset.collapsible.closed legend:hover { background-position: 0 -62px; }
form#pt_people_filter_form fieldset.collapsible ul.options { padding: 0; margin: 0; list-style: none; }
form#pt_people_filter_form fieldset.collapsible.closed ul.options { display: none; }
form#pt_people_filter_form fieldset ul.options li { padding: 0; margin: 0; list-style: none; }
#pt_people_alpha_filter {
width: 650px;
margin-bottom: 1em;
}
#pt_people_alpha_filter ul {
margin: 0;
padding: 0;
list-style: none;
height: 1em;
}
#pt_people_alpha_filter ul li {
display: block;
float: left;
margin: 0;
padding: 0;
}
#pt_people_alpha_filter ul li a {
display: block;
padding: 0 2px;
margin-right: 2px;
background: #ddd;
width: 1.2em;
line-height: 1.6em;
height: 1.5em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: #333;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
text-shadow: 1px 1px 0 #fff;
}
#pt_people_alpha_filter ul li a:hover { background: #fff; box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
#pt_people_alpha_filter ul li.select_all_alpha a { width: 3em; }
#pt_people_alpha_filter ul li.selected a {
color: #000;
font-weight: bold;
background: #fff;
box-shadow: none;
}
#pt_people_container { clear: both; }
form#pt_people_filter_form fieldset#pt_people_list_submit {
margin: 0;
padding: 0;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1260/original/videos_blog_pill_sprite.png) 0 0 no-repeat;
height: 30px;
overflow: hidden;
border-radius: 15px;
margin-bottom: 0;
}
form#pt_people_filter_form fieldset#pt_people_list_submit:hover {
background-position: 0 -30px;
}
form#pt_people_filter_form fieldset#pt_people_list_submit:hover #pt_people_list_submit_btn {
background-position: right -30px;
}
form#pt_people_filter_form fieldset#pt_people_list_submit.disabled {
background: #ddd;
color: #eee;
}
#pt_people_list_submit_icon {
width: 16px;
height: 16px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1516/original/pt_people_button_icons_sprite.png?1337723129) 0 -16px no-repeat;
margin: 7px 5px 7px 14px;
float: left;
}
.disabled #pt_people_list_submit_icon { background-position: 0 0; }
.loading #pt_people_list_submit_icon {
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1548/original/spinner_form_loading.gif?1337723233) center center no-repeat;
}
#pt_people_list_submit_btn {
border: none;
font-weight: normal;
text-align: left;
text-transform: uppercase;
font-size: 15px;
color: #fff;
height: 30px;
width: 150px;
padding-left: 0;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1260/original/videos_blog_pill_sprite.png) right 0 no-repeat;
cursor: pointer;
}
.disabled #pt_people_list_submit_btn {
color: #eee;
background: #ddd;
cursor: default;
}
.loading #pt_people_list_submit_btn {
cursor: default;
}
#pt_people_filter_form select#events {
width: 100%;
margin-top: 5px;
}
#events_chzn {
margin-top: 5px;
}
#pt_people.pt_people_index { min-height: 650px; }
#pt_grid_toggle {
position: absolute;
top: 0;
right: 0;
}
#pt_people.pt_grid .person {
background: #ebebeb;
}
#pt_people.pt_grid .person.loading {
opacity: 0.3;
-moz-opacity: 0.3;
filter:alpha(opacity=3);
background: #ddd url(https://s3.amazonaws.com/poptech_web_images/web_images/1518/original/spinner_grey.gif?1337723309) center center no-repeat;
}
#pt_people.pt_grid .person.loading *, #pt_people.pt_grid .person.loading .overlay {
display: none !important;
}
/* float clearing for IE6 */
* html #pt_people.pt_list .person {
height: 1%;
overflow: visible;
}
*+html #pt_people.pt_list .person {
min-height: 1%;
}
/* float clearing for everyone else */
#pt_people.pt_list .person:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
#pt_people.pt_list .person.loading {
opacity: 0.3;
-moz-opacity: 0.3;
filter:alpha(opacity=3);
background: #ddd url(https://s3.amazonaws.com/poptech_web_images/web_images/1518/original/spinner_grey.gif?1337723309) right top no-repeat;
}
#pt_people .person ul.roles {
padding: 0;
margin: 0;
margin-left: 115px;
list-style: none;
}
#pt_people .person ul.roles li {
display: block;
float: left;
font-size: 11px;
color: #555;
text-transform: uppercase;
margin-right: 10px;
line-height: 1.8em;
list-style: none;
}
#pt_people .person .description { margin-bottom: 5px; }
#pt_people.pt_list .person ul.roles { margin-bottom: 10px; }
#pt_people.pt_grid .person ul.roles {
padding: 0;
margin: 0;
height: 5px;
width: 101%; /* this is so that 34% works below */
position: absolute;
bottom: 0;
left: 0;
}
#pt_people.pt_grid .person ul.roles li {
display: block;
text-indent: 0;
margin: 0;
padding: 0;
float: left;
height: 5px;
width: 100%;
position: relative;
text-indent: -9999px;
}
#pt_people.pt_grid .person ul.roles li .role_label {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
}
#pt_people.pt_grid ul.roles li.ratio1 { width: 100%; }
#pt_people.pt_grid ul.roles li.ratio2 { width: 50%; }
#pt_people.pt_grid ul.roles li.ratio3 { width: 33.1%; }
#pt_people.pt_grid ul.roles li.ratio4 { width: 25%; }
#pt_people.pt_grid ul.roles li.ratio5 { width: 20%; }
#pt_people.pt_grid .person h3.name {
padding-bottom: 12px;
}
#pt_grid_hover p.description {
margin: 0;
padding: 0;
font-size: 12px;
margin-top: 20px;
}
#pt_grid_hover ul.roles {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
width: 100%;
top: 0;
left: 0;
}
#pt_grid_hover ul.roles li {
font-size: 10px;
text-transform: uppercase;
display: block;
float: left;
height: 15px;
line-height: 15px;
width: auto !important;
color: #000;
padding: 0 7px;
}
#pt_grid_hover ul.roles li .role_label {
display: none;
}
#pt_grid_hover li.speakers { background: #ccff1e; }
#pt_grid_hover li.performers { background: #fb0085; }
#pt_grid_hover li.sifellows { background: #b4a6f1; }
#pt_grid_hover li.scifellows { background: #00ff7f; }
#pt_grid_hover li.faculty { background: #5ADFE5; }
#pt_grid_hover li.lab { background: #FF815F; }
#pt_grid_hover li.sessionleaders { background: #FFC043; }
#pt_grid_hover li.hosts { background: #f5deb3; }
#pt_grid_hover li.bellagio { background: rgb(250, 114, 212); }
#pt_grid_hover li.salon { background: #84AD94; }
h3.pt_people {
padding-bottom: .5em;
border-bottom: 4px solid #ddd;
font-weight: normal;
text-transform: uppercase;
}
h3.pt_people a {
display: block;
width: 650px;
color: #000;
text-decoration: none;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1519/original/pt_people_icon_sprite.png?1332954985) 0 -34px no-repeat;
background-repeat: no-repeat;
padding-left: 30px;
}
h3.pt_people a:hover {
background-position: 0 -4px;
color: #3d96d2;
}
#pt_people_infinite_scroll {
clear: both;
margin-top: 10px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1234/original/hp_bgfade.png) 0 0 repeat-x;
border-radius: 5px;
min-height: 200px;
padding-top: 20px;
}
#pt_people_infinite_scroll a {
display: block;
padding-top: 0;
width: 200px;
text-align:left;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
text-shadow: 1px 1px 0 white;
color: #AAA;
position: relative;
margin: 0 auto;
cursor: pointer;
padding-left: 35px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1519/original/pt_people_icon_sprite.png?1337723376) 0 -95px no-repeat;
}
#pt_people_infinite_scroll a:hover {
color: #3d96d2;
background-position: 0 -65px;
}
#pt_people_infinite_scroll.loading a {
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1518/original/spinner_grey.gif?1337723309) 0 -5px no-repeat;
}
#pt_people_infinite_scroll.loading a:hover {
color: #AAA;
}
#pt_people_infinite_scroll a .load_text {
}
#pt_people_infinite_scroll a .count{
font-style: italic;
font-size: 80%;
font-weight: normal;
}
#pt_people_no_results {
clear: both;
margin-top: 10px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1234/original/hp_bgfade.png) 0 0 repeat-x;
border-radius: 5px;
min-height: 200px;
}
#pt_people_no_results a {
display: block;
padding: 20px 0;
text-align:center;
font-weight: bold;
text-decoration: none;
text-shadow: 1px 1px 0 white;
color: #AAA;
cursor: pointer;
}
#pt_people_no_results a:hover {
color: #3d96d2;
}
#page_people .role_label,
#pt_people .role_label {
display: block;
float: left;
width: 1em;
height: 1em;
background: #ccc;
margin: .3em .3em 0 0;
}
.role_label.speakers { background: #ccff1e !important; }
.role_label.performers { background: #fb0085 !important; }
.role_label.sifellows { background: #b4a6f1 !important; }
.role_label.scifellows { background: #00ff7f !important; }
.role_label.faculty { background: #5ADFE5 !important; }
.role_label.lab { background: #FF815F !important; }
.role_label.sessionleaders { background: #FFC043 !important; }
.role_label.hosts { background: #f5deb3 !important; }
.role_label.bellagio {background: rgb(250, 114, 212) !important; }
.role_label.salon {background: #84AD94 !important; }
#page_people .role_name { display: block; margin-left: 3.5em; }
#page_people #IE7_root .role_name { display: inline; margin: 0; line-height: 1.5em; }
a#pt_people_reset {
font-size: 11px;
text-transform: uppercase;
display: block;
text-align: right;
padding-right: 15px;
}
a#pt_people_reset.disabled {
color: #ccc;
text-decoration: none;
cursor: default;
}
/*************************
BLOG / POPCASTS
*************************/
#popcasts_index_sidebar #feed_links a.rss,
#podcasts_sidebar #feed_links a.rss,
#blog_rss #feed_links a.rss,
#category_results_sidebar #feed_links a.rss /*NEW TAGS*/ {
text-decoration:none;
font-size:11px;
font-weight:bold;
margin:0;
}
.hovertext_bubble {
position:absolute;
background:#FFF;
display:block;
border-radius:8px;
border:2px solid #09A;
margin:0;
padding:5px;
color:#000;
}
#tag_sidebar {margin:3em 0 0 0;}
#tag_sidebar,
#sidebar_one,
#sidebar_two {
margin-left:3em;
width:300px;
float:left;
/* margin-top: 4em; */
/* NEW TAGS */
padding-top: 60px;
}
#psidebar_separator,
#sidebar_one {
position: relative;
}
/*
Social links module that shows social media icons. Requires
parent div to have relative positioning.
*/
#social_links {
position: absolute;
width: 65px;
top: 1.2em;
right: 0;
margin: 0;
padding: 0;
border: none !important;
margin-top: 0 !important;
height: 19px;
z-index: 5;
}
#social_links ul {
width: 65px;
top: 0;
right: 0;
margin: 0;
padding: 0;
height: 19px;
}
#social_links li {
display: block;
float: right;
width: 19px;
height: 19px;
margin: 0;
padding: 0;
margin-left: 2px;
}
#social_links li a {
display: block;
width: 19px;
height: 19px;
}
ul#social_links li img { border: none; }
/* NEW TAGS */
#tag_cloud {
margin-top:1em;
line-height:14px;
}
#tag_cloud ul {
margin: 0;
padding:0;
list-style: none;
}
#tag_cloud ul li {
margin: 0;
padding: 0;
display: block;
float: left;
margin: 0 3px 3px 0;
}
#tag_cloud a.tag_cloud {
display: block;
padding: 4px 5px 3px 5px;
color: #333;
background: #eee;
text-decoration: none;
font-size: 12px;
}
#tag_cloud a:hover.tag_cloud {
color: #fff !important;
background-color: #333;
}
#tag_cloud a.top_tag {
background: #ccc;
}
/* NEW TAGS END */
#tag_cloud h3,
#masthead h3,
#sidebar_one h3,
#category_list h3,
#related_posts h3,
#related_popcasts h3,
#psidebar_one h2,
#sidebar_one h2 {
border-bottom:5px solid #ec1f27;
font-size:17px;
padding-bottom:1em;
text-align: left;
text-transform: uppercase;
}
#sidebar_one >div,
#tag_sidebar > div,
#podcasts_sidebar #show_popcast_sidebar > div {
border-bottom:3px solid #333;
padding-bottom:1em;
margin-top: 50px;
}
#podcasts_sidebar #show_popcast_sidebar > #feed_links {
border:none;
margin-left:14px;
}
#masthead {line-height:15px;}
#tag_cloud #post_tags a.tag_cloud:hover {color:#000;}
#blog_show h1 {text-align:left;}
#blog_show h1.blog_title {text-align:left;}
#blog_index,
#blog_show,
#popcast_show {
/* OLD
padding-top: 120px;
*/
width:500px;
float:left;
padding-left:1em;
min-height:1500px;
/* OLD
margin:36px 0 3em 0;
*/
margin:0 0 3em 0;
}
#IE7_root #blog_index,
#IE7_root #blog_show,
#IE7_root #popcast_show {
padding-top: 150px;
}
#popcast_index {
margin:-6em 0 3em 0;
min-height:600px;
padding-bottom:4em;
}
#blog_index a,
#blog_show a,
#popcast_index a,
#popcast_show a {
text-decoration:none;
margin:0 0 0 0;
}
#blog_index a:hover,
#blog_show a:hover,
#popcast_index a:hover,
#popcast_show a:hover {
text-decoration:underline;
color:#000;
}
#blog_index h1.blog_title {
text-transform: uppercase;
}
#blog_index h2 a {
text-decoration:none;
line-height: 1em;
}
#blog_index h2 {
text-align:left;
font-weight:bold;
}
#blog_index hr {
width:80%;
color:#000;
}
#masthead,
#masthead a {font-size:12px;}
#psidebar_index {
position:relative;
top:405px;
}
#popcast_show #video_tags {
position:relative;
top:125px;
}
#video_tags,
/*NEW TAGS*/
#show_popcast_sidebar #video_categories, #show_popcast_sidebar #video_tags {width:300px;}
/*END NEW TAGS*/
#category_list {
line-height:19px;
font-size:12px;
}
.admin_comment_actions {border:1px solid;margin-bottom:10px;padding:7px 5px 0;}
.not_approved {font-weight:bold;color:#ec1f27;}
/* TAGS */
#this_posts_tags a {margin:0;}
.description {margin:50px 0 20px 0;}
.name_and_bio .add_this {
float:right;
margin:0 167px 0 0;
}
/*************************
POPCASTS
*************************/
#popcast_show #video_categories,
#popcast_show #video_tags {
left:640px;
position:relative;
}
#popcast_show #video_categories{top:-1168px;}
#popcast_show #video_tags {top:-1170px;}
#popcast_show #video_tags a {margin:0;}
#popcast_show #gallery_frame {
height:325px;
width:900px;
margin:0;
}
#popcast_show #gallery_frame #description {
float:right;
margin-top:-285px;
padding-right:50px;
width:333px;
}
#description #title {
font-weight:bold;
margin:0 0 10px 0;
font-size:20px;
}
#popcast_show #gallery_frame #cat_and_tag {
left:515px;
margin-top:30px;
position:relative;
width:300px;
}
#cat_and_tag #sharing .add_this {
margin:0;
padding:0;
}
#cat_and_tag #sharing li {padding-left:10px;}
#popcast_show #category {margin:0;}
#popcast_show #this_posts_tags span,
#popcast_show #category span {text-transform:uppercase;}
#popcast_show #this_posts_tags {
margin:0;
width:300px
}
#popcast_show #gallery_frame .embed {
margin: 0;
padding: 0;
}
#popcast_show #meh_div {
margin:0;
font-size:13px;
}
#popcast_show #meh_div p {
font-size:15px;
margin:0 0 1em;
}
#popcast_show #sharing {
margin:1em 1.9em 0 0;
padding:0;
}
#popcast_show #gallery_frame #description img {
float:left;
margin:0 10px 10px 0;
}
#popcast_show #gallery_frame #description p {
margin:0;
padding:0;
}
#popcast_comments {
margin:3em 0 0 0;
width:450px;
}
#popcast_comments h3,
#post_comments h3 {
font-size:15px;
text-transform:uppercase;
}
#content #popcast_show {
padding-left:2em;
/* min-height:2500px;*/
}
#tagged_posts ul {
margin:0;
padding:0 0 0 2.5em;
}
#tagged_posts ul li {
float:left;
font-size:12px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:37px 10px 0 0;
padding:0;
width:190px;
}
#tagged_posts ul.matched_podcasts li {
float:left;
font-size:12px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 1em 0 0;
padding:1em;
width:150px;
min-height:180px;
}
#tagged_posts ul#first_level li{
float:left;
font-size:13px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:2.7em 1.4em 1em 0;
padding:0;
width:300px;
height: 210px;
}
#tagged_posts ul#first_level {
margin:0;
padding:0;
}
#tagged_posts ul#first_level img {width:303px;}
#tagged_posts p {
padding:2em;
font-weight:bold;
}
#tagged_posts ul#second_level li {
padding:0;
width:211px;
margin:0;
height: 165px;
}
#tagged_posts ul#second_level li .tag_results_image img{width:200px;}
#tagged_posts ul#second_level li .tag_results_image{}
#tagged_posts ul#second_level {
width:700px;
padding:0;
margin-left:0px;
}
p.no_posts {
left:3em;
top:6em;
clear:both;
}
#tagged_posts ul.top_of_posts {padding:0;}
#tagged_posts ul.top_of_posts li {
float:left;
font-size:12px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:1em;
padding:0;
width:290px;
}
#posts_tags {
clear:both;
padding:0.5em 0 0 0em;
}
#posts_tags>h4 {text-align:left;}
#posts_tags ul {
margin:0;
padding:0;
}
#posts_tags ul li {
list-style:none;
font-size:12px;
font-weight:bold;
}
#cat_tag_results h1 {
padding-top:1rem;
margin-bottom:0;
}
#cat_tag_results #posts_tags .tagged_posts li {}
#cat_tag_results {
float:left;
margin:0px 0 3em 15px;
min-height:1200px;
padding-left:5px;
width:640px;
}
#podcasts_sidebar {
float:right;
margin:430px 50px 0 0;
width:300px;
}
/* NEW TAGS */
#category_tag_sidebar {float: right; width: 230px; margin-top: 0px;}
#category_tag_sidebar #category_results_sidebar {top:0;position: relative;}
#category_tag_sidebar #category_results_sidebar #video_tags, #category_tag_sidebar #category_results_sidebar #video_categories {width:200px;}
#category_tag_sidebar #site_categories { padding-bottom: 2em;}
#category_tag_sidebar #tag_cloud {min-width:200px;max-width: 200px;}
#category_tag_sidebar #feed_links { border-top: 3px solid #333; width: 200px;}
#category_tag_sidebar #feed_links strong { display: none;}
#tag_cloud p {
margin: 0;
padding: 0;
}
#toggle_tags {
font-size: 11px;
clear: both;
margin-top: 1em;
text-align: right;
padding-right: 10px;
border-top:3px solid #333;
padding-top: .5em;
}
/* END NEW TAGS*/
#download_links {
margin-top:0;
text-transform:uppercase;
}
#download_links a {font-size:82%;}
#download_links .tiny {margin-left:95px;}
#download_links .video_file,
#download_links .audio_file {margin:0 0 0 0.5em;}
#popcast_ads {padding:5px;}
#popcast_ads img {}
#curated_videos ul li {
list-style:none;
margin:1em 2px 0 2px;
padding:1px;
width:200px;
line-height:15px;
}
#curated_videos h4 {
text-align:left;
margin:0.5em 0.75em 1em 0.75em;
text-transform:uppercase;
border-bottom:1px dotted #AAAAAA;
padding-bottom:10px;
}
#curated_videos {
left:12px;
position:relative;
top:6px;
width:220px;
min-height:635px;
}
#curated_videos ul {margin:0 -2em;}
#curated_videos ul li img {width:200px;}
.curated_description {}
#popcast_index #video_tags,
#popcast_index #video_categories,
#popcast_index #video_tags h3,
#popcast_index #video_categories h3 {width:180px;}
#popcast_index #video_tags #tag_cloud #post_tags a {
margin:0;
line-height:25px;
}
#popcasts_index_sidebar {
float:right;
margin-top: -1450px;
margin-right:30px;
width: 180px;
}
#IE_root #popcasts_index_sidebar {margin-top:-1542px;}
#IE_root #randomized_video {position:relative;top:-624px;max-width:450px;height:663px;}
#IE_root #p_index_sidebar #psidebar_one{margin-top:-1150px;}
/*
#IE_root #IE7_root #randomized_video > span {top:-33px;}
#IE_root #IE7_root #randomized_video ul#returned_video {margin-left:-55px;margin-top:8px;top:0;}
#IE_root #IE7_root #popcasts_index_sidebar {margin-top:-849px;}
#IE7_root #curated_videos ul {width:202px;position:relative;left:40px;}
#IE_root #IE7_root #randomized_video {margin-top:-650px;}
#IE_root #IE7_root #randomized_video h4 {padding-bottom:11px;}
#IE_root #IE7_root #randomized_video #random_video_target{}
#IE_root #IE7_root #p_index_sidebar #psidebar_one{width:180px;margin-right:30px;}
*/
@media screen and (-webkit-min-device-pixel-ratio:0){
#popcasts_index_sidebar {
/* margin-top: -1700px ;*/
/*margin-top:-1790px;*/
}
}
#p_index_sidebar #psidebar_one {
width: 180px;
float:right;
margin-right:30px;
margin-top: -1150px;
}
#p_index_sidebar #psidebar_one #feed_links { border-top: 3px solid #333; }
#p_index_sidebar #psidebar_one #feed_links strong { display: none; }
#p_index_sidebar #psidebar_one #feed_links img { margin-left: 0; }
#p_index_sidebar #psidebar_one #feed_links .rss { margin-left: -5px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#p_index_sidebar #psidebar_one {
/*margin-top: -1385px;*/
}
}
.popcasts_index_item {
min-height:135px;
border-bottom:1px dotted #666;
}
.popcast_desc {}
.popcast_title {margin-bottom:1px;}
.popcast_thumb {float:left;}
#external_video_links {
left:250px;
position:relative;
top:0px;
width:420px;
display:none;
}
#license {
left:250px;
position:relative;
top:10px;
height:30px;
width:420px;
}
#randomized_video {
height: 663px;
left: 245px;
position: relative;
top: -624px;
width: 450px;
}
#randomized_video > span {
top: -3.1em;
margin:0;
left:120px;
}
ul#returned_video {
list-style:none;
position:relative;
margin-top:0;
top:-21px;
padding:0;
}
ul#returned_video li {
margin:0 0 7px 0;
float:left;
}
ul#returned_video li a {margin:5px;}
span#random_video_link {
cursor:pointer;
color:#3D96D2;
margin:0;
padding:0;
text-align:left;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#randomized_video {
/* top: -724px;*/
}
#random_video_target {min-height:663px;}
#external_video_links {}
#license {}
ul#returned_video {top:-19px;}
}
#external_video_links h4{
text-align:left;
text-transform:uppercase;
border-bottom:1px dotted #DDD;
padding-bottom:5px;
}
#external_video_links ul,
#license ul {
list-style:none;
padding:0;
margin:0;
}
#external_video_links ul li,
#license ul li {
font-size:11px;
float:left;
margin:0;
padding:0;
}
.external_vid_first {width:25%;}
.external_vid_second {width:25%;}
.external_vid_third {width:25%;}
.external_vid_fourth {width:25%;}
.external_vid_fifth {}
.external_vid_sixth {}
#randomized_video h4,
#randomized_video > span,
#random_video_target p {
position:relative;
padding:0;
}
#random_video_target p {padding:2em;}
#randomized_video h4 {
border-bottom:1px dotted #AAAAAA;
margin:0 0 -0.25em 0;
text-align:left;
text-transform:uppercase;
top:-0.35em;
width:425px;
padding-bottom:10px;
}
/* MEH */
#meh_div {
margin: 0;
font-size:14px;
position: relative;
}
#blog_show #meh_div {
border-top:1px dotted #ccc;
font-size:14px;
margin: 0;
}
#meh_div #meh_header {
background: #eee;
padding: 5px;
margin-top: 0;
}
#meh_div #meh_header strong {
text-transform: uppercase;
}
#meh_slider {
width:220px;
background:#fff url(https://s3.amazonaws.com/poptech_web_images/web_images/895/original/slider_bg.png?1297197124) 2px 0 repeat-x;
display:block;
border:1px solid #ccc;
margin:0;
height: 15px;
padding-right: 15px;
border-left: none;
border-right: none;
border-radius: 0;
}
#live_rating #rating_number {
background: #ec1f27;
padding: .2em .3em;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
color: #fff;
}
#live_rating #meh_warning {
font-style: italic;
font-size: 11px;
}
#meh_slider .ui-state-focus,
#meh_slider .ui-state-hover {
background-color:#AAA;
border:1px solid #FFF;
}
#meh_slider a.ui-state-default {}
#meh_slider .ui-corner-all {
-moz-border-radius:3px;
border:1px solid #666666;
}
#meh_block .ui-slider-handle {
top: 0;
margin-left: -7px;
height: 25px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/894/original/slider_handle.png?1297714108) top left no-repeat;
border: none;
}
#meh_block {
margin:0;
padding:0;
width:500px;
}
#meh_block li {
float:left;
list-style:none;
}
/* This is currently the only way
to get at the "Rating" element
*/
#meh_block li#community_rating {
position: absolute;
top: 5px;
right: 5px;
font-size: 12px;
padding: 0 5px;
line-height: 1.5em;
}
#meh_block li#community_rating .rating {
font-weight: bold;
}
.meh,
.loveit {
font-weight:bold;
height: 15px;
display: block;
border:1px solid #ccc;
padding: 0 .5em;
line-height: 1.3em;
font-size: 12px;
}
.loveit {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-left: none;
padding-left: 10px;
background: #ec1f27;
border-color: #ec1f27;
color: #fff;
}
.meh {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; display: block;
border-right: none;
padding-right: 10px;
background: #eee;
margin-left: 150px;
}
#slider_results {
color: #000;
text-align: right;
font-size:13px;
margin-top: 10px;
padding:5px;
width:500px;
}
/* END MEH */
/* SHARING LINKS */
.sharing {
margin:0;
padding:0;
}
.sharing li {
float:left;
list-style:none;
}
#sharing {margin:0;}
#sharing .add_this {margin:0 0 0 20px;}
#sharing li {
float:left;
list-style:none;
padding:0;
}
#embed_code{
display:none;
font-size:80%;
padding:17px;
width:490px;
height:230px;
position:absolute;
background:#000;
color:#FFC;
border-radius:4px;
}
.embed_instructions {
font-size:16px;
position:relative;
top:-1.3em;
}
.close {
display:block;
text-align:right;
font-weight:bold;
cursor:pointer;
}
.close:hover {color:#FFF;}
#meh_div #share_link {
display: block;
position: absolute;
cursor:pointer;
font-size:13px;
top: 42px;
padding: 0 5px;
margin: 0;
left: 0;
border: 1px solid #ccc;
}
#meh_div #share_link:hover {background:#eee;}
/* END SHARING LINKS */
/* VIDEO GALLERY on /popcasts */
#popcast_index #gallery_frame {
height:530px;
width:900px;
background-color:#000;
color:#DDD;
padding-top: 6em;
padding-bottom: 1em;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: 0 1px 2px #aaa;
}
#IE7_root #popcast_index #gallery_frame { padding-top: 200px; }
#popcast_index img {
border-radius: 5px;
box-shadow: 0 1px 2px #ccc;
}
#popcast_index #random_video_target img {
border-radius: 3px;
box-shadow: none;
}
#popcast_index #gallery_frame img {
box-shadow: none;
}
#player {
float:left;
height:398px;
margin-left:4em;
margin-right:4em;
margin-top:1.3em;
width:500px;
}
#player .player_description {
display:block;
height:18px;
margin:4px 0;
font-size:12px;
}
#player .holding_div_podcast {}
#player .holding_div_podcast .player_title {
display:block;
font-size:14px;
margin:5px 0 -3px 0;
}
#player .holding_div_podcast .player_title a:hover {color:#FFF;}
#player .holding_div_podcast .thumb_podcast,
#player .holding_div_podcast .name_podcast {
display:none;
max-height:0px;
}
#upcoming {float:left;}
#upcoming ul {
margin:11px 0 5px 0;
padding:0;
}
#upcoming ul li {
list-style:none;
margin:0;
width:215px;
}
#upcoming ul li .holding_div_podcast {margin:0 0 0.5em 1em;}
#upcoming ul li.still .holding_div_podcast .player_embed,
#upcoming ul li.still .holding_div_podcast .player_title,
#upcoming ul li.still .holding_div_podcast .player_description {display:none;}
#upcoming ul li .holding_div_podcast .thumb_podcast {}
#upcoming ul li .holding_div_podcast .thumb_podcast img {margin:-0.04em 0 0 0;}
#upcoming ul li.still .holding_div_podcast .name_podcast {
width:215px;
font-size:12px;
font-weight:normal;
border-bottom:1px solid #D00;
padding-bottom:0px;
display:block;
margin-top:-4px;
}
#upcoming ul li .holding_div_podcast .thumb_podcast,
#upcoming ul li .holding_div_podcast .name_podcast {}
#upcoming ul li .holding_div_podcast .thumb_podcast img {height:120px;}
.still:hover {cursor:pointer;}
/* END VIDEO GALLERY on /popcasts ****/
/*************************
BLOG
*************************/
.img_top_left {float:left;margin:0 10px 10px 0;}
.img_top_right {float:right;margin:0 0 10px 10px;}
.img_left {float:left;margin:10px 10px 10px 0;}
.img_right {float:right;margin:10px 0 10px 10px;}
.img_bottom_left {float:left;margin:10px 10px 0 0;}
.img_bottom_right {float:right;margin:10px 0 0 10px;}
.caption {
font-size: 80%;
font-style: italic;
margin-top: .5em;
}
.author_avatar {border-top:5px solid #F00;}
.avatar {
margin:0 10px 10px 0;
width:60px;
}
.name_and_bio {
font-size:12px;
width:500px;
height:85px;
border-bottom:dotted 1px #ccc;
line-height:10px;
}
.name_and_bio >a {font-size:14px;}
.name_and_bio ul {
margin-left:-3em;
min-height:75px;
}
.name_and_bio ul li {
list-style:none;
float:left;
margin-bottom:1em;
}
.author_name {width:40%;}
.author_tags {
width:40%;
line-height:14px;
}
#blog_index .author_tags a,
#blog_show .author_tags a,
#popcast_index a,
#popcast_show a {margin:0;}
.author_bio {width:40%;}
.author_post {}
.small_title {
font-weight:bold;
text-transform:uppercase;
}
#post_body_content {
margin-top:0;
}
#post_body_content h2 {
text-align:left;
font-weight:bold;
}
#post_body_content ul {font-size:12px;}
.post_body {
clear:both;
margin-top: 1em;
}
.post_body blockquote, #post_body_content blockquote {
font-size: 14px;
background: #ffffff url(https://s3.amazonaws.com/poptech_web_images/web_images/852/original/blog-blockquote.png?1291911138) 5px 10px no-repeat;
color: #555;
padding: 5px 1em 0.5em 65px;
margin: 1em 0;
}
.post_body ul {font-size:12px;}
.post_footer {
border-top:1px dotted #ccc;
margin-top: 1em;
}
.post_tags {
text-align: left;
margin-top: 1em;
margin-bottom: 1em;
font-size: 13px;
}
.post_tags .small_title {
float: left;
display: block;
text-transform: uppercase;
font-weight: normal;
line-height: 1.8em;
font-size: 12px;
}
.post_tags ul {}
.post_tags ul li {
display: block;
float: left;
margin: 0 0 3px 3px;
}
.post_tags ul li a {
padding: 4px 5px 3px 5px;
background: #ddd;
color: #333;
font-size: 12px;
}
.post_tags ul li a:hover {
background: #333;
color: #fff !important;
text-decoration: none !important;
}
.post_interaction {
clear: both;
height: 40px;
border-top: 6px solid #333;
position: relative;
}
.post_interaction .post_comments {
display:none;
position: absolute;
top: 10px;
left: 0;
}
.post_comments a {
display: block;
border: 1px solid #aaa;
background: #ddd url(https://s3.amazonaws.com/poptech_web_images/web_images/893/original/comment_box.png?1297184801) center right no-repeat;
text-transform: uppercase;
color: #333;
font-size: 12px;
padding: 0 25px 0 5px;
}
.post_comments a:hover {
text-decoration: none !important;
background: #eee url(https://s3.amazonaws.com/poptech_web_images/web_images/893/original/comment_box.png?1297184801) center right no-repeat;
}
.post_interaction .post_share {
position: absolute;
top: 10px;
right: 0;
width: 370px;
}
/* Set default addthis button to be PopTech red */
.post_share .addthis_counter a.atc_s,
.post_share .addthis_counter.addthis_pill_style {
background-color: #ec1f27 !important;
}
.post_share .addthis_counter.addthis_pill_style {
margin-left: 15px !important;
}
.post_share .addthis_button_reddit,
.post_share .addthis_button_linkedin {
border: 2px solid #eee;
border-radius: 4px;
padding: 0 !important;
}
#delicious_roll {
padding:0 0 10px 0;
width:300px;
}
#delicious_roll a {color:#006666;}
#delicious_roll p {
border-bottom:1px solid #CCC;
padding:0 0 10px 0;
font-size:12px;
}
#delicious_roll img.loading {display:block;}
#twitter {
margin-top:2em;
font-size:12px;
line-height:15px;
position: relative;
padding-bottom: 0 !important;
}
#twitter ul#twitter_update_list {
list-style:none;
padding:0;
margin: 0;
}
#twitter ul#twitter_update_list li {
margin:0.7em 0;
border-bottom:solid 1px #CCC;
padding-left: .5em;
padding-bottom: 7px;
list-style: none;
}
#twitter ul#twitter_update_list li.lastTweet {
margin-bottom: 0;
border-bottom: 0;
}
#twitter ul#twitter_update_list li.firstTweet span {
font-size: 120%;
line-height: 1.2em;
padding-bottom: .5em;
color: #000;
}
#twitter_update_list a:hover {color:#000;}
#twitter .follow_link {
text-align: right;
font-size: 90%;
padding: 0;
margin: .5em 0;
border-bottom: none;
}
#feed_links {
/*background: #eee;*/
border-bottom: 0 !important;
padding-bottom: 5px !important;
font-size: 11px;
padding: 5px;
margin-top: 0 !important;
margin-bottom: 1em;
}
#feed_links strong {
font-size: 13px;
text-transform: uppercase;
float: left;
}
#feed_links img { margin-left: 10px; float: left;}
#feed_links a { display: block; float: left; margin-left: 3px; height: 18px; line-height: 18px;}
#related_posts,
#related_popcasts {width:500px;}
#blog_show #related_posts,
#blog_show #related_popcasts {
width: 500px;
}
#related_posts {clear:both;}
#sidebar_one #related_popcasts,
#sidebar_one #category_list,
#sidebar_one #related_posts {
position: relative;
border-bottom: 3px solid #333;
}
#related_posts a,
#related_popcasts a {
margin:0;
font-size:13px;
}
#related_posts ul,
#related_popcasts ul {
margin:0;
padding:0;
}
#related_popcasts ul li {
list-style:none;
padding:0;
margin:15px 0;
width:220px;
float:left;
}
#related_posts ul li {
list-style:none;
padding:0;
margin:5px 0;
}
#masthead ul {
list-style:none;
padding-left:0;
font-size:90%;
}
#masthead li {
padding:5px 0;
line-height:10px;
}
#add_comment h4 {
text-align:left;
text-transform:uppercase;
font-size:15px;
}
#comment_body {width:485px;}
#blog_show #bio_page {
margin:0;
padding:0;
}
#blog_show #bio_page li {list-style:none;}
#blog_show #bio_page .id_supervisor {min-height:75px;}
#blog_show #bio_page .id_supervisor span.bio_image_square {
width:150px;
float:left;
margin:0 10px 10px 0;
display:block;
}
.bio_image_square img {border-radius:5px;}
#blog_show #bio_page .id_supervisor span.bio_image_square a {
font-size:12px;
font-weight:bold;
}
#blog_show #bio_page .author_bio_supervisor {
width:425px;
float:left;
min-height:150px;
margin-bottom:4em;
border-bottom:1px dotted #AAA;
margin-left:15px;
}
#blog_show #bio_page .author_bio_supervisor .author_name_supervisor {
font-weight:bold;
font-size:19px;
background:url(/icons/blog/bg-post-h2.png) no-repeat;
background-position:
bottom left;
padding-bottom:10px;
height:30px;
display:block;
margin-top:0.5em;
}
#blog_show #bio_page .author_bio_supervisor .author_name_supervisor a {}
#content > #blog_rss #feed_links {
left:48px;
position:relative;
top:50px;
}
#blog_show #related_posts {
margin-top:0;
padding-top:1em;
}
#blog_show #related_posts ul li {width:600px;}
#blog_show #related_posts,
#blog_show #related_popcasts {
border-bottom:3px solid #333;
margin-left:0;
padding-bottom:2em;
}
#blog_show #related_popcasts {
margin-top:2em;
border-bottom:6px solid;
height:250px;
}
#blog_show #related_popcasts ul {width:600px;}
#blog_show #related_popcasts ul li {
float:left;
width:200px;
margin:10px 2em 3em 0;
}
#blog_show #post_comments {}
/*
AZ's suggestions:
*/
#blog_index h1.blog_title,
#blog_show h1.blog_title {
font-weight: normal;
font-size: 18px;
text-align: left;
margin-top: 3em;
}
#blog_index h1.blog_title a,
#blog_show h1.blog_title a {
display: block;
margin: 0;
padding: 0;
color: #000;
}
#blog_index .post_interaction {
margin-bottom: 2.5em;
}
#blog_index .post h2.post_title,
#blog_show h2.post_title {
font-family: Helvetica, Arial, sans-serif;
font-size: 32px;
font-weight: normal;
margin-bottom: .25em;
text-align: left;
margin-top: 0;
}
#blog_show h2.post_title {
margin-top: 1.5em;
line-height: 1em;
}
#blog_index .post h2.post_title a,
#blog_show h2.post_title a {
color: #ec1f27;
}
.post .post_info,
#blog_show .post_info {
font-size: 12px;
color: #777;
}
.post_info .author_links { text-transform: uppercase; font-size: 80%;}
.post_info .small_title { text-transform: uppercase; font-weight: normal; color: #333;}
#tag_cloud {
margin-top:1em;
line-height:14px;
border-bottom: none !important;
}
#tag_cloud ul {
margin: 0;
padding:0;
list-style: none;
}
#tag_cloud ul li {
margin: 0;
padding: 0;
display: block;
float: left;
margin: 0 3px 3px 0;
height: 1.5em;
}
#tag_cloud a.tag_cloud {
display: block;
/*float: left;*/
padding: 4px 5px 3px 5px;
color: #333;
background: #eee;
text-decoration: none;
font-size: 12px;
height: 1em;
overflow: hidden;
}
a.tag_cloud {
text-transform: lowercase;
}
#tag_cloud a:hover.tag_cloud {
color: #fff !important;
background-color: #333;
}
#tag_cloud a.top_tag {
background: #ccc;
}
/*********************************
2011 Fellows
**********************************/
#title_box.active {
background-color: #000;
color: #fff;
width: 160px;
position: absolute;
padding: 15px;
font-size: 90%;
line-height: 1.5em;
}
#fellows_bio_2011 {}
#fellows_bio_2011 h1 { text-align: left; text-transform: none; margin-bottom: 0; }
#fellows_bio_2011 h2 { margin-bottom: 0; text-align: left; }
#fellows_bio_2011 img.bio_image { float: left; margin: 0 15px 10px 0; }
#fellows_bio_2011 .title { font-style: italic; }
#fellows_bio_2011 .video .title { font-style: normal; }
#fellows_bio_2011 .description { margin: 0; }
/*********************************
/2011 Fellows
**********************************/
/*********************************
2010 Fellows Presentation Pages
**********************************/
#fellow_videos_container {}
#fellow_videos_header {
background: #333333 url(https://s3.amazonaws.com/poptech_web_images/web_images/833/original/fellows_videobg.png?1291651568) 372px 31px no-repeat;
width: 830px;
color: #dcdcdc;
position: relative;
padding: 20px;
padding-top: 50px;
height: 260px;
}
#fellow_videos_container.sci #fellow_videos_header {
height: 340px;
}
#fellow_videos_header p {
color: #dcdcdc;
}
#fellow_videos_header .video {
width: 450px;
height: 253px;
background: #000;
position: absolute;
left: 395px;
top: 50px;
}
#fellow_videos_header .copy {
width: 360px;
}
#fellow_videos_header h1.title {
color: #bebebe;
text-shadow: #000000 1px 1px 1px;
font-size: 28px;
text-transform: none;
margin: 5px 0 0 0;
line-height: 1em;
}
#fellow_videos_header h3.year {
color: #ddd;
text-transform: uppercase;
font-weight: normal;
font-size: 18px;
margin: 10px 0 20px 0;
}
#fellow_videos_header .learn_more_link a {
color: #fff;
font-size: 13px;
font-weight: bold;
padding-left: 35px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/820/original/fellowspage_bigarrow.png?1291221128) top left no-repeat;
}
#fellow_videos {
padding: 0 10px;
width: 940px;
}
#fellow_videos h2 {
color: #ed1c24;
text-align: left;
font-size: 24px;
}
#fellow_videos .presentation {
float: left;
margin-right: 5px;
margin-bottom: 1em;
position: relative;
}
#fellow_videos .presentation .watch_link {
position: absolute;
bottom: 0;
left: 0;
}
#fellow_videos .presentation .watch_link .time {
font-size: 90%;
color: #555;
font-style: italic;
}
#fellow_videos h3 {
text-transform: none;
margin-top: .5em;
margin-bottom: .5em;
}
#fellow_videos p.description { margin: 0 0 1em 0; }
#fellow_videos #level1 { height: 370px;}
#fellow_videos #level1 .presentation { width: 420px; height: 350px; }
#fellow_videos #level1 .presentation .watch_link {
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/820/original/fellowspage_bigarrow.png?12912211288) top left no-repeat;
padding-left: 40px;
font-size: 15px;
}
#fellow_videos #level1 .presentation p.description {
font-size: 90%;
}
#fellow_videos #level2 {
clear: both;
position: relative;
width: 830px;
}
#fellow_videos #level2 .presentations { width: 635px; }
#fellow_videos #level2 .presentations .presentation { width: 205px; height: 270px;}
#fellow_videos #level2 .presentation h3 {
font-size: 14px;
}
#fellow_videos #level2 .presentation .watch_link {
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/819/original/fellowspage_smallarrow.png?1291069527) 0 2px no-repeat;
padding-left: 35px;
font-size: 12px;
}
#fellow_videos #gourley.presentation {
margin-left: 210px;
}
#fellows_sidebarlinks {
position: absolute;
width: 190px;
right: 0;
top: 0;
}
#fellows_sidebarlinks h3 {
text-transform: uppercase;
color: #2e2e2e;
font-size: 17px;
}
#fellows_sidebarlinks ul {
padding: 0;
margin-left: 1em;
}
/*********************************
2011 Fellows Presentation Pages
**********************************/
#fellow_videos_2011 {}
#fellow_videos_2011 .video {
float: left;
margin-right: 15px;
margin-bottom: 15px;
width: 200px;
overflow: hidden;
border-radius: 3px;
position: relative;
box-shadow: 0 1px 3px #ccc;
}
#fellow_videos_2011 .video a {
display: block;
width: 100%;
text-decoration: none;
color: #000;
}
#fellow_videos_2011 .video img {
display: block;
width: 100%;
border-radius: 3px;
}
#fellow_videos_2011 .video h3.title {
position: absolute;
background: #fff;
left: 0;
bottom: 0;
padding: 10px;
margin: 0;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
font-size: 14px;
width: 180px;
line-height: 20px;
}
#fellow_videos_2011 .video a:hover h3.title {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#fellow_videos_2011 .video .description { display: none; }
#fellow_videos_2011 .video.large {
width: 308px;
border-radius: 5px;
}
#fellow_videos_2011 .video.large h3.title {
font-size: 20px;
line-height: 26px;
width: 290px;
}
/**** FELLOWS MODULE ****/
#new_agent textarea {height:100px;}
/**** FELLOWS SECTION ****/
.fellow_box {
margin:0;
font-size:12px;
padding:0px;
}
.fellow_box li {
float:left;
list-style:none;
margin:0 2em 0 0;
height:220px
}
.left_box {width:340px;}
.right_box {width:240px;}
/* popcast links on the 2010 science fellow profile pages */
.scifellow_popcast_link {
float:right;
margin: 0 0 10px 10px;
width: 120px;
text-align: right;
}
/**** END FELLOWS SECTION ****/
/**** EVENTS SECTION ****/
#pt2010_heading {
width:750px;
margin-left:4em;
margin-bottom:1em;
}
#conf_name {
font-size: 52px;width:50%;
border-right:5px solid #333;
}
#conf_theme {
font-size: 17px;
padding-left:20px;
}
#conf_dates td{
font-style:italic;
font-size:16px;
}
.pt2010_grids {
width:750px;
margin-left:0em;
}
#pt2010_grid0 {}
#pt2010_grid1,
#pt2010_grid2,
#pt2010_grid3 {display:none;}
#tour_nav {
color:white;
width:873px;
}
.pt2010_topboxes td {
border:1px solid black;
background-color:grey;
height:150px;
width:150px;
}
.pt2010_tourbox td{
border:1px solid black;
background-color:black;
color:white;
text-align:center;
font-size:17px;
height:30px;
}
.pt2010_tourbox {width:870px;}
.pt2010_quotes_n_such {
border:1px solid black;
background-color:black;
padding:0;
}
#sidenav_replacement {}
#pt2010_content {
margin:5em 0 0 18em;
width:550px;
}
#request_reg_button {
float:right;
width:350px;
}
#request_reg_button p {
background-color:#AA0000;
margin:15px 2.3em 0 0;
color:white;
padding:10px 0;
text-align:center;
border-radius:4px;
}
#request_reg_button #pt2010_partgrants,
#pt2010_partgrants span {margin:20em 0;}
.pt2010_link,
.pt2010_link a {
text-decoration:underline;
cursor:pointer;
color:white;
}
#quote {
font-size:21px;
color:white;
font-style:italic;}
#request_link {
font-size:21px;
font-weight:bold;
}
.lodging_tables {width:100%;}
.lodging_link {
text-decoration:underline;
cursor:pointer;
}
.tall_grid_events {
float:right;
margin:0 0 0 1em;
}
.people_grid td,
#speakers_page_table td {
padding:1px 5px;
margin:0;
}
#speakers_page_table a#stay_tuned {
display: block;
width: 190px;
height: 120px;
text-indent: -9999px;
overflow: hidden;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1103/original/speakers_staytuned.png) top left no-repeat;
}
.bio {
min-height: 500px;
}
.bio h1 { text-align: left; text-transform: none; margin-bottom: 0; }
.bio h2 { margin-bottom: 0; text-align: left; font-weight: bold; text-transform: none;}
.bio .title { font-style: italic; }
.bio img.bio_image { float: left; margin: 0 15px 10px 0; }
.bio .description { margin: 0; margin-left: 136px; }
.bio .fellow_info { color: #555; }
.fellow_info .area_of_interest { font-style: italic; }
.bio .fellow_project_name { font-weight: bold; font-size: 17px; }
.bio .videos { margin-left: 136px; }
.bio .videos h3 {
}
.bio .videos .video {
float: left;
margin-right: 15px;
margin-bottom: 15px;
width: 200px;
overflow: hidden;
border-radius: 3px;
position: relative;
box-shadow: 0 1px 3px #ccc;
}
.bio .videos .video a {
display: block;
width: 100%;
text-decoration: none;
color: #000;
}
.bio .videos .video img {
display: block;
width: 100%;
border-radius: 3px;
}
.bio .videos .video .title {
position: absolute;
background: #fff;
left: 0;
bottom: 0;
padding: 10px;
margin: 0;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
font-size: 14px;
width: 180px;
line-height: 20px;
font-weight: bold;
}
.bio .videos .video a:hover .title {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#speakers_2011.bio h2 {
font-weight:bold !important;
text-transform: none !important;
}
#scifellows_2010.bio .description {
margin-left: 100px;
}
/**** END EVENTS SECTION ****/
/**** FLAP PAGE ****/
#flap_nav, #flap_nav a {
width:100%;
color:white;
padding:0;
text-decoration:none;
}
#flap_nav li {
float:left;
background-color:#006666;
padding:1em 0;
text-transform:uppercase;
font-weight:bold;
list-style:none;
margin:0 2px;
width:31%;
text-align:center;
}
#flap_map {
position:relative;
top:2em;
}
#flap_video_main {
left:38%;
position:relative;
top:-14.3em;
width:58%;
min-height:450px;}
#flap_thanks_to {
position:absolute;
top:20em;
width:300px;}
#flap_thanks_to h3 {text-transform:uppercase;}
#flap_thanks_to ul {
margin:0;
padding:0;}
#flap_thanks_to ul li {
list-style:none;
font-size:12px;
}
#flap_in_partnership {
position:absolute;
top:39em;
width:300px;
}
#flap_in_partnership h3 {text-transform:uppercase;}
#flap_in_partnership ul {margin:0;padding:0;}
#flap_in_partnership ul li {list-style:none;}
.flap_bottom_section_heads {
position:relative;
top:-6em;
width:12em;
margin:0 2em 0 0;
font-size:120%;
}
.flap_bottom_section_heads ul{
margin:0;
padding:0;
}
.flap_bottom_section_heads h3{
margin:0 0 1em 0;
border-bottom:3px solid #ec1f27;
padding:0;
font-weight:bold;
text-transform:none;
}
.flap_bottom_section_heads ul li {
list-style:none;
font-size:75%;
}
.flap_bottom_title {
font-weight:bold;
color:#006666;
}
#flap_bottom_sections li {
float:left;
list-style:none;
}
#flap_bottom_sections {
margin:0;
padding:0;
position:absolute;
top:57em;
}
#flap_get_satisfaction {}
/**** END FLAP PAGE ****/
/**** SALONS ****/
#SIDL_report_text{padding:1em;}
/**** END SALONS ****/
/******************************************
*
* LIVE PAGE 2010
*
*******************************************/
#live_2010 {
margin-bottom: 2em;
height: 1150px !important;
}
#live_2010 #livestream_player {
margin-top: .9em;
}
#live_2010 #livestream_widget {
position: absolute;
width: 276px;
top: 645px;
left: 15px;
border: 1px solid #D7DAE1;
padding: 2px;
}
#live_2010 #live_main_content {
position: absolute;
top: 630px;
left: 316px;
width: 565px;
}
#live_2010 h1#live_header {
color:#000;
text-align: center;
background: #fff url(https://s3.amazonaws.com/poptech_web_images/web_images/786/original/live_headerbg.png?1287519541) bottom left repeat-x;
margin: 0;
width:100%;
font-size:30px;
font-weight:bold;
height: 1.5em;
line-height: 1.5em;
}
#live_2010 #live_main_content h2 {
}
#live_2010 h3 {
color: #434343;
font-size: 14px;
margin: 0;
}
/******************************************
*
* LIVE PAGE 2009
*
*******************************************/
/* home */
#banner_home_live {margin-left:-1em;}
/* live page */
#livebroadcast {min-height:1250px;}
#livebroadcast h1.title {margin-left:25px;}
#livestream_player {
height:465px;
left:0;
position:absolute;
top:30px;
width:625px;
}
#livestream_player p,
#twit_fb_widget p {
margin:0;
padding:0;
}
#live_content_right h2 {text-align:left;}
#live_content_right {
left:295px;
position:absolute;
top:485px;
width:340px;
}
#twit_fb_widget {
position: absolute;
top: 482px;
left: 25px;
}
#live_content_bottom {
background-color:#BBBBBB;
left:25px;
position:absolute;
top:1167px;
width:612px;
}
#live_content_bottom img {
background-color:#FFFFFF;
border:21px solid #BBBBBB;
margin-left:39px;
}
h2#partners {}
ul#strategic_partners,
ul#program_partners,
ul#friends {padding-left:10px;}
ul#strategic_partners li,
ul#program_partners li,
ul#friends li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:16px;
padding:10px 0;
}
#partner_live img {width:80px;}
#partner_live {
border:1px solid #BBBBBB;
left:25px;
position:absolute;
top:930px;
width:610px;
}
/******************************************
*
* END LIVE PAGE 2009
*
*******************************************/
/******************************************
*
* Project Masiluleke
*
*******************************************/
#project_m_home_nav {
float:left;
margin-right:15px;
border-right: 1px dotted #999;
width:150px;
font-size: 12px;
padding-bottom: 1em;
font-family: Helvetica, sans-serif;
}
#project_m_home_nav h3 {
margin-top: 0;
padding-top: 0;
}
#project_m_home_nav ul {
margin:0;
padding:0;
margin-left: 15px;
}
#project_m_home_nav ul li {
font-size: 13px;
list-style-image: url("/icons/red_plus.gif");
}
#project_m_content {
margin-left: 170px;
}
#project_m_bottom_nav {
padding-top: 1em;
height: 2em;
position: relative;
text-align: center;
border-top: 1px dotted #999;
clear: both;
}
#project_m_bottom_nav a {
font-weight: bold;
}
#project_m_bottom_nav .back {
position: absolute;
left: 1em;
top: 1em;
}
#project_m_bottom_nav .next {
position: absolute;
right: 1em;
top: 1em;
}
/******************************************
*
* /Project Masiluleke
*
*******************************************/
/******************************************
*
* Ecomaterials Lab (/ecomaterials_lab)
*
*******************************************/
#page_peacetxt {
}
#page_peacetxt h1 { }
#page_peacetxt h3 { text-transform: none; font-weight: normal; font-size: 20px;}
#page_peacetxt #labs_nav {
margin-top: 1em;
font-size: 13px;
margin-bottom: 1em;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#page_peacetxt #labs_nav a {
font-weight: bold;
padding: 0 7px;
border-right: 1px solid #ddd;
text-decoration: none;
}
#page_peacetxt #labs_nav a.last {
border: none;
}
#page_peacetxt #vimeo_video_player {
-moz-box-shadow: 0 1px 3px #ccc;
-webkit-box-shadow: 0 1px 3px #ccc;
box-shadow: 0 1px 3px #ccc;
/* height: 315px;*/
}
#page_peacetxt_videos {}
#page_peacetxt_videos #vimeo_video_player {
/* background: #333;*/
}
#page_peacetxt_videos ul#loaded_videos {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 1em;
}
#page_peacetxt_videos ul#loaded_videos li {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
#page_peacetxt_videos ul#loaded_videos li img {
display: block;
border-radius: 5px;
box-shadow: 0 1px 2px #aaa;
}
/******************************************
*
* Ecomaterials Lab (/ecomaterials_lab)
*
*******************************************/
#page_ecomaterials_lab {
}
#page_ecomaterials_lab h1 { }
#page_ecomaterials_lab h3 { text-transform: none; font-weight: normal; font-size: 20px;}
#page_ecomaterials_lab #vimeo_video_player {
-moz-box-shadow: 0 1px 3px #ccc;
-webkit-box-shadow: 0 1px 3px #ccc;
box-shadow: 0 1px 3px #ccc;
height: 300px;
}
#page_ecomaterials_lab #report_download {
float: right;
margin: 0 0 10px 10px;
width: 100px;
background: #eee;
padding: 10px;
}
#page_ecomaterials_lab #report_download a {
font-size: 13px;
line-height: 1.3em;
display: block;
padding: 0;
margin: 0;
font-weight: bold;
}
/************************************************
*
* 2010 ACCELLERATOR PAGES
* Designed by Hamilton Hughes
* HTML-ified by Andy Dayton
*
************************************************/
/* PAGE BACKGROUND IMAGE */
#accelerator_2010 {
}
#accelerator_2010.bcam { background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/763/original/bcam_bg.png?1287342641);}
#accelerator_2010.ceasefire {
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/767/original/ceasefire_bg.png?1287598714);
}
#page_own_your_future_bios #accelerator_2010 { background-color: #fff;}
/* SOME TYPOGRAPHY STUFF */
#accelerator_2010 .copy h2 {
font-weight: normal;
text-transform: none;
color: #00a5c1;
margin-bottom: 0;
font-size: 22px;
text-align: left;
}
#accelerator_2010 .copy h3 {
font-weight: normal;
text-transform: none;
color: #00a5c1;
margin-bottom: 0;
font-size: 17px;
}
#accelerator_2010 .copy p {
margin-top: .5em;
}
/* "GET INVOLVED" CALL-TO-ACTION */
#accelerator_2010.bcam #get_involved { left: 510px; top: 45px; }
#accelerator_2010.ceasefire #get_involved { left: 530px; top: 45px; }
#accelerator_2010.labs #get_involved { left: 530px; top: 30px; }
#accelerator_2010 #get_involved h2 {
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/765/original/getinvolved_text.png?1287342642) -5px 0 no-repeat;
margin: 0;
height: 25px;
text-align: left;
text-indent: -9999px;
overflow: hidden;
}
#accelerator_2010.labs #get_involved h2,
#accelerator_2010.bcam #get_involved h2 {
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/898/original/labs_follow_along.png?1297790042);
background-position: -3px 0;
}
#accelerator_2010 #get_involved p {
margin-top: 0.25em;
font-size: 16px;
color: #78796F;
}
#accelerator_2010 #get_involved p a { font-size: 80%;}
/* LEFT COLUMN */
#accelerator_2010 #left_column {
width: 310px;
float: left;
}
#accelerator_2010.bcam #left_column { margin: 275px 0 0 15px; }
#accelerator_2010.ceasefire #left_column {
margin: 240px 0 0 15px;
}
#accelerator_2010.ceasefire .read_more {
padding-top: 5px;
}
#accelerator_2010.ceasefire .read_more a {
padding-left: 20px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/788/original/chevron_down.png?1287595168) left -4px no-repeat;
text-transform: uppercase;
font-size: 90%;
}
#accelerator_2010.ceasefire .read_more a:hover {
background-position: left -24px;
}
#accelerator_2010.ceasefire .read_more a.hide {
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/789/original/chevron_up.png?1287597161);
}
#accelerator_2010.ceasefire a.slider_nav_back:hover {
background-position: left -20px;
}
#accelerator_2010 .project_status { font-size: 12px; clear: left; }
#accelerator_2010 .project_status strong {
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
font-size: 90%;
}
/* RIGHT COLUMN */
#accelerator_2010 #right_column {
width: 510px;
margin-left: 348px;
}
#accelerator_2010 #right_column #vimeo_video_player {
width: 500px;
height: 280px;
background-color: #333;
}
/* video thumbs */
#accelerator_2010 #right_column #videos h3 {
color: #78796F;
font-weight: normal;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
}
#accelerator_2010 #right_column #loaded_videos {
width: 510px;
position: static;
}
#accelerator_2010 #right_column #loaded_videos li {
margin: 0 12px 12px 0;
padding: 0;
background: #fff;
}
#accelerator_2010 #right_column #loaded_videos li a {
display: block;
margin: 12px;
}
/* partnerships */
#accelerator_2010 #right_column #partnerships {
width: 510px;
clear: both;
}
#accelerator_2010 #partnerships ul {
margin: 0;
padding: 0;
list-style: none;
}
#accelerator_2010 #partnerships li {
list-style: none;
float: left;
margin: 0 50px 10px 10px;
}
#lab_participants h1 {
font-weight: normal;
text-transform: none;
color: #00a5c1;
margin-bottom: 0;
font-size: 22px;
}
#accelerator_2010 ul.labs_nav,
#accelerator_2010 ul.bcam_nav {
padding: 0;
list-style: none;
}
#accelerator_2010 ul.labs_nav li,
#accelerator_2010 ul.bcam_nav li {
list-style: none;
font-size: 14px;
}
#accelerator_2010 ul.labs_nav li a,
#accelerator_2010 ul.bcam_nav li a {
color: #00a5c1;
padding-left: 20px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/897/original/chevron_right2.png?1297789222) 0 -5px no-repeat;
font-weight: bold;
}
#accelerator_2010 ul.labs_nav li a:hover,
#accelerator_2010 ul.bcam_nav li a:hover {
background-position: 0 -25px;
color: #333;
}
#accelerator_2010 #report_download {
float: right; margin: 0 0 10px 10px; width: 110px;
line-height: 1.2em;
font-size: 12px;
}
#accelerator_2010 #report_download img {
border:5px solid #fff;
}
#accelerator_2010 #report_download a {
color: #00a5c1;
font-weight: bold;
}
#accelerator_2010 #report_download a:hover {
color: #333;
}
.media_info {
font-size: 80%;
font-style: italic;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
/************************************************
*
* /2010 ACCELERATOR PAGES
*
************************************************/
/************************************************
*
* 2011 Events page
*
************************************************/
/* EVENT PAGES */
body#page_world_rebalancing,
body#page_conference_2011, /* REDIRECT PAGE --> /world_rebalancing */
body#page_register, /* REDIRECT PAGE --> /registration_new/4 */
body#page_speakers,
body#page_schedule,
body#page_plan_your_poptech,
body#page_plan_travel_accomodations,
body#page_plan_grants,
body#page_about_poptech_conferences, /* REDIRECT PAGE --> /what_is_the_poptech_conference */
body#page_what_is_the_poptech_conference,
body#page_frequently_asked_questions,
body#page_suggest_a_speaker,
body#page_volunteer_form, /* FORM PAGE */
body#partners_and_special_thanks
{
}
.page_sidebar_image {
padding:0;float:right;margin:-4px 0 15px 15px;
}
body.section_messages h3 {
font-size: 20px;
}
body#page_registration h1.title { margin-bottom: 0.25em;}
body.section_messages h2,
body.section_registration h2 {
/*body.section_371 h2 {*/
text-align: left;
font-weight: normal;
text-transform: uppercase;
font-size: 18px;
}
body.section_371 .medium_button a {
font-size: 120%;
font-weight: bold;
}
body.section_371 dl#faq {}
body.section_371 dl#faq dt {
font-weight: bold;
font-size: 14px;
}
body.section_371 dl#faq dd {
padding:0;
margin: .5em 0 1em 1em;
}
body.section_371 .dropdown {
margin: 0;
border-bottom: 1px dotted #aaa;
font-size: 16px;
padding-left: 35px;
line-height: 2.2em;
height: 2em;
text-transform: uppercase;
background: transparent url("https://s3.amazonaws.com/poptech_web_images/web_images/944/thumb/dropdown_icon.png") -5px -1px no-repeat;
cursor: pointer;
}
body.section_371 .dropdown.open {
background-position: -5px -31px;
}
body.section_371 .dropdown_content {
margin-left: .5em;
}
/************************************************
*
* /2011 EVENTS PAGE
*
************************************************/
/**** REUTERS IMAGES ****/
#reuters .caption{
color:#333;
display:block;
padding:0;
}
#reuters .demo {
position:relative;
margin-top:2em;
}
#reuters .gallery_style_this_puppy{
width:600px;
margin:1em auto;
}
#reuters .gallery_style_this_puppy li{
width:45px;
height:45px;
margin:0;
background:#FFFFFF;
}
#reuters .gallery_style_this_puppy li div{}
#reuters .gallery_style_this_puppy li div .caption {font:italic 0.7em/1.4 georgia,serif;}
#reuters #main_image {
margin:0 auto;
height:460px;
width:500px;
background:#FFFFFF;
}
#reuters #main_image img {margin-bottom:10px;}
#reuters .nav {
padding-top:15px;
clear:both;
}
#reuters .info {
text-align:left;
width:700px;
margin:30px auto;
border-top:1px dotted #221;
padding-top:30px;
}
#reuters .info p {margin-top:1.6em;}
.galleria {
list-style:none;
width:200px
}
.galleria li {
display:block;
width:80px;
height:80px;
overflow:hidden;
float:left;
margin:0 10px 10px 0
}
.galleria li a {display:none}
.galleria li div {
position:absolute;
display:none;
top:0;
left:180px
}
.galleria li div img {cursor:pointer}
.galleria li.active div img,.galleria li.active div {display:block}
.galleria li img.thumb {
cursor:pointer;
top:auto;
left:auto;
display:block;
width:auto;
height:auto
}
.galleria li .caption {
display:block;
padding-top:.5em
}
/* MSIE bug */
* html .galleria li div span {width:400px}
/**** END REUTERS IMAGES ****/
/************************************************
*
* Salon 2011 page
*
************************************************/
/* (moved back to energy salon page for now) */
/************************************************
* /Salon 2011 page
************************************************/
/************************************************
*
* Participant list page
*
************************************************/
body#page_participant_lists {}
body#page_participant_lists #content {
}
body#page_participant_lists #participants_search_form {margin:3em 0 0;}
body#page_participant_lists form#attendee_search {}
body#page_participant_lists #results_table #table_div p {text-align:center;}
body#page_participant_lists #results_table {
width: 865px;
overflow: auto;
border: 1px solid #ccc;
margin-top: 1em;
}
body#page_participant_lists #results_table table {
width: 1000px;
}
body#page_participant_lists #results_table th {
background: #555;
color: #fff;
padding: .25em 1em;
font-size: 12px;
font-weight: normal;
}
body#page_participant_lists #results_table th a {
color: #fff;
text-decoration: none;
background: transparent;
padding-left: 8px;
padding-right: 8px;
}
body#page_participant_lists #results_table th.asc a {
padding-left: 16px;
padding-right: 0;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1134/thumb/sort_arrow.png) 0 -2px no-repeat;
}
body#page_participant_lists #results_table th.dsc a {
padding-left: 16px;
padding-right: 0;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1134/thumb/sort_arrow.png) 0 -17px no-repeat;
}
body#page_participant_lists #results_table tr:hover {
background-color: #eee;
}
body#page_participant_lists #results_table td {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
body#page_participant_lists #footer {
margin-top: 100px;
}
/************************************************
*
* / Participant list page
*
************************************************/
/*************************************************
IPAD PAGES (/app, /ipad_screenshots, /ipad_faq)
**************************************************/
/*ALL PAGES */
#page_app h1 .beta,
#page_ipad_screenshots h1 .beta,
#page_ipad_faq h1 .beta {
font-size: 50%;
color: #777;
border-radius: 7px;
background: #ddd;
text-shadow: 1px 1px 0 #fff;
padding: .25em .5em;
line-height: 1em;
font-weight: bold;
}
#page_app a#itunes_store_link,
#page_ipad_screenshots a#itunes_store_link,
#page_ipad_faq a#itunes_store_link {
display: block;
position: absolute;
height: 40px;
width: 116px;
bottom: 5px;
left: 93px;
padding: 5px;
border-radius: 5px;
background: #fff;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
#page_app a#itunes_store_link:hover,
#page_ipad_screenshots a#itunes_store_link:hover,
#page_ipad_faq a#itunes_store_link:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
/* MAIN APP PAGE */
#page_app #partner_logos {
height: 80px;
}
#page_app #partner_logos img{
float: left;
}
#page_app #app_screen_small {
}
#page_app .second_column ul {
margin: 0;
padding: 0;
margin-bottom: 1em;
}
/* IPAD SLIDESHOW */
#page_ipad_screenshots #page_body {
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1291/original/ipad_screenshots_bg.png) -15px 30px no-repeat;
height: 884px;
position: relative;
}
#page_ipad_screenshots #ipad_screenshots {
position: absolute;
width: 682px;
height: 512px;
top: 136px;
left: 92px;
overflow: hidden;
}
#page_ipad_screenshots #ipad_next,
#page_ipad_screenshots #ipad_prev {
display: block;
text-align: center;
text-decoration: none;
width: 331px;
height: 492px;
background: #fff;
position: absolute;
bottom: 0;
z-index: 10;
border-radius: 5px;
text-transform: uppercase;
color: #333;
opacity: 0.0;
filter:alpha(opacity=0);
padding: 0;
padding-top: 20px;
font-size: 26px;
text-shadow: 1px 1px 3px #fff;
}
#page_ipad_screenshots #ipad_next { right: 0; text-align: right; padding-right: 10px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1333/original/ipad_gradient_right.png) right top repeat-y;
text-shadow: -1px -1px 3px #fff;
}
#page_ipad_screenshots #ipad_prev { left: 0; text-align: left; padding-left: 10px;
background: transparent url(https://s3.amazonaws.com/poptech_web_images/web_images/1332/original/ipad_gradient_left.png) left top repeat-y;
}
#page_ipad_screenshots #nav_prompt {
position: absolute;
top:50%;
left: 130px;
width: 402px;
font-weight: bold;
color: #fff;
background: #000;
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
text-align: center;
padding: 1em;
border-radius: 15px;
}
/*************************************************************************
*
* 6. PLUGINS
*
*************************************************************************/
/* FORM STYLES */
/*
Uniform Theme: PopTech
Version: 1.0
By: Andy Dayton
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html
*/
/* Global Declaration */
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action {
background-image: url(https://s3.amazonaws.com/poptech_web_images/web_images/1513/original/poptech_forms_sprite.png?1332366812);
background-repeat: no-repeat;
}
.selector,
.radio,
.checker,
.uploader,
.selector *,
.radio *,
.checker *,
.uploader *{
margin: 0;
padding: 0;
}
/* SPRITES */
/* Select */
div.selector {
background-position: -483px -130px;
line-height: 26px;
height: 26px;
}
div.selector span {
background-position: right 0;
height: 26px;
line-height: 26px;
}
div.selector select {
/* change these to adjust positioning of select element */
top: 0;
left: 0;
}
div.selector:active,
div.selector.active {
background-position: -483px -156px;
}
div.selector:active span,
div.selector.active span {
background-position: right -26px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
background-position: -483px -182px;
}
div.selector.focus span, div.selector.hover span, div.selector:hover span {
background-position: right -52px;
}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
background-position: -483px -208px;
}
div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
background-position: right -78px;
}
div.selector.disabled,
div.selector.disabled:active,
div.selector.disabled.active {
background-position: -483px -234px;
}
div.selector.disabled span,
div.selector.disabled:active span,
div.selector.disabled.active span {
background-position: right -104px;
}
/* Checkbox */
div.checker {
width: 18px;
height: 18px;
}
div.checker input {
width: 18px;
height: 18px;
}
div.checker span {
background-position: 0 -260px;
height: 18px;
width: 18px;
}
div.checker:active span,
div.checker.active span {
background-position: -18px -260px;
}
div.checker.focus span,
div.checker:hover span {
background-position: -36px -260px;
}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
background-position: -54px -260px;
}
div.checker span.checked {
background-position: -72px -260px;
}
div.checker:active span.checked,
div.checker.active span.checked {
background-position: -90px -260px;
}
div.checker.focus span.checked,
div.checker:hover span.checked {
background-position: -108px -260px;
}
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
background-position: -126px -260px;
}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
background-position: -144px -260px;
}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
background-position: -162px -260px;
}
/* Radio */
div.radio {
width: 18px;
height: 18px;
}
div.radio input {
width: 18px;
height: 18px;
}
div.radio span {
height: 18px;
width: 18px;
background-position: 0 -278px;
}
div.radio:active span,
div.radio.active span {
background-position: -18px -278px;
}
div.radio.focus span,
div.radio:hover span {
background-position: -36px -278px;
}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
background-position: -54px -278px;
}
div.radio span.checked {
background-position: -72px -278px;
}
div.radio:active span.checked,
div.radio.active span.checked {
background-position: -90px -278px;
}
div.radio.focus span.checked, div.radio:hover span.checked {
background-position: -108px -278px;
}
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
background-position: -126px -278px;
}
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
background-position: -144px -278px;
}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
background-position: -162px -278px;
}
/* Uploader */
div.uploader {
background-position: 0 -296px;
height: 28px;
}
div.uploader span.action {
background-position: right -408px;
height: 28px;
line-height: 28px;
}
div.uploader span.filename {
height: 28px;
/* change this line to adjust positioning of filename area */
margin: 2px 0 2px 2px;
line-height: 28px;
}
div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
background-position: 0 -352px;
}
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
background-position: right -436px;
}
div.uploader.active span.action,
div.uploader:active span.action {
background-position: right -464px;
}
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
background-position: right -492px;
}
div.uploader.disabled {
background-position: 0 -324px;
}
div.uploader.disabled span.action {
background-position: right -380px;
}
/* PRESENTATION */
/* Select */
div.selector {
margin-bottom: 20px;
width: 190px;
}
div.selector select {
width: 190px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1em;
border: solid 1px #fff;
}
div.selector span {
padding: 0 25px 0 2px;
cursor: pointer;
}
div.selector span {
color: #666;
width: 158px;
text-shadow: 0 1px 0 #fff;
}
div.selector.disabled span {
color: #bbb;
}
/* Checker */
div.checker {
margin-right: 10px;
}
/* Radio */
div.radio {
margin-right: 10px;
}
/* Uploader */
div.uploader {
width: 190px;
margin-bottom: 20px;
cursor: pointer;
}
div.uploader span.action {
width: 85px;
text-align: center;
text-shadow: #fff 0 1px 0;
background-color: #fff;
}
div.uploader span.filename {
color: #777;
width: 82px;
border-right: solid 1px #bbb;
font-size: 90%;
}
div.uploader input {
width: 190px;
}
div.uploader.disabled span.action {
color: #aaa;
}
div.uploader.disabled span.filename {
border-color: #ddd;
color: #aaa;
}
/*
CORE FUNCTIONALITY
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {
outline: 0;
}
/* Select */
div.selector {
position: relative;
padding-left: 10px;
overflow: hidden;
}
div.selector span {
display: block;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.selector select {
position: absolute;
opacity: 0;
height: 25px;
border: none;
background: none;
}
/* Checker */
div.checker {
position: relative;
float: left;
}
div.checker span {
display: block;
float: left;
text-align: center;
}
div.checker input {
opacity: 0;
display: inline-block;
background: none;
}
/* Radio */
div.radio {
position: relative;
float: left;
}
div.radio span {
display: block;
float: left;
text-align: center;
}
div.radio input {
opacity: 0;
text-align: center;
display: inline-block;
background: none;
}
/* Uploader */
div.uploader {
position: relative;
float: left;
overflow: hidden;
}
div.uploader span.action {
float: left;
display: inline;
padding: 2px 0;
overflow: hidden;
cursor: pointer;
}
div.uploader span.filename {
padding: 0 10px;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.uploader input {
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
float: right;
height: 25px;
border: none;
}
/* @group Base */
.chzn-container {
font-size: 13px;
position: relative;
display: inline-block;
zoom: 1;
display: inline;
}
.chzn-container .chzn-drop {
background: #fff;
border: 1px solid #aaa;
border-top: 0;
position: absolute;
top: 29px;
left: 0;
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
-moz-box-shadow : 0 4px 5px rgba(0,0,0,.15);
-o-box-shadow : 0 4px 5px rgba(0,0,0,.15);
box-shadow : 0 4px 5px rgba(0,0,0,.15);
z-index: 999;
}
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {
background-color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
border-radius : 5px;
background-clip : padding-box;
border: 1px solid #aaaaaa;
box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
display: block;
overflow: hidden;
white-space: nowrap;
position: relative;
height: 23px;
line-height: 24px;
padding: 0 0 0 8px;
color: #444444;
text-decoration: none;
}
.chzn-container-single .chzn-default {
color: #999;
}
.chzn-container-single .chzn-single span {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
display: block;
position: absolute;
right: 26px;
top: 6px;
width: 12px;
height: 13px;
font-size: 1px;
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
background-position: right -11px;
}
.chzn-container-single .chzn-single div {
position: absolute;
right: 0;
top: 0;
display: block;
height: 100%;
width: 18px;
}
.chzn-container-single .chzn-single div b {
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat 0 0;
display: block;
width: 100%;
height: 100%;
}
.chzn-container-single .chzn-search {
padding: 3px 4px;
position: relative;
margin: 0;
white-space: nowrap;
z-index: 1010;
}
.chzn-container-single .chzn-search input {
background: #fff url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat 100% -22px;
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
margin: 1px 0;
padding: 4px 20px 4px 5px;
outline: 0;
border: 1px solid #aaa;
font-family: sans-serif;
font-size: 1em;
}
.chzn-container-single .chzn-drop {
border-radius : 0 0 4px 4px;
background-clip : padding-box;
}
/* @end */
.chzn-container-single-nosearch .chzn-search input {
position: absolute;
left: -9000px;
}
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
background-color: #fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
/* border: 1px solid #aaa;*/
border: 1px solid #ddd;
margin: 0;
padding: 0;
cursor: text;
overflow: hidden;
height: auto !important;
height: 1%;
position: relative;
}
.chzn-container-multi .chzn-choices li {
float: left;
list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
white-space: nowrap;
margin: 0;
padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
color: #666;
background: transparent !important;
border: 0 !important;
font-family: sans-serif;
font-size: 100%;
height: 15px;
padding: 5px;
margin: 1px 0;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow : none;
-o-box-shadow : none;
box-shadow : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
background-color: #e4e4e4;
color: #333;
line-height: 13px;
padding: 3px 20px 3px 5px;
margin: 3px 0 3px 5px;
position: relative;
cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
display: block;
position: absolute;
right: 3px;
top: 4px;
width: 12px;
height: 13px;
font-size: 1px;
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
background-position: right -11px;
}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
margin: 0 4px 4px 0;
max-height: 240px;
padding: 0 0 0 4px;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.chzn-container-multi .chzn-results {
margin: -1px 0 0;
padding: 0;
}
.chzn-container .chzn-results li {
display: none;
line-height: 15px;
padding: 5px 6px;
margin: 0;
list-style: none;
}
.chzn-container .chzn-results .active-result {
cursor: pointer;
display: list-item;
}
.chzn-container .chzn-results .highlighted {
background-color: #3875d7;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chzn-container .chzn-results li em {
background: #feffde;
font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
background: transparent;
}
.chzn-container .chzn-results .no-results {
background: #f4f4f4;
display: list-item;
}
.chzn-container .chzn-results .group-result {
cursor: default;
color: #999;
font-weight: bold;
}
.chzn-container .chzn-results .group-option {
padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
display: none;
}
.chzn-container .chzn-results-scroll {
background: white;
margin: 0 4px;
position: absolute;
text-align: center;
width: 321px; /* This should by dynamic with js */
z-index: 1;
}
.chzn-container .chzn-results-scroll span {
display: inline-block;
height: 17px;
text-indent: -5000px;
width: 9px;
}
.chzn-container .chzn-results-scroll-down {
bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat -22px -3px;
}
/* @end */
/* @group Active */
.chzn-container-active .chzn-single {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
box-shadow : 0 0 5px rgba(0,0,0,.3);
border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
border: 1px solid #aaa;
-webkit-box-shadow: 0 1px 0 #fff inset;
-moz-box-shadow : 0 1px 0 #fff inset;
-o-box-shadow : 0 1px 0 #fff inset;
box-shadow : 0 1px 0 #fff inset;
background-color: #eee;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);
-webkit-border-bottom-left-radius : 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft : 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius : 0;
border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
background: transparent;
border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
box-shadow : 0 0 5px rgba(0,0,0,.3);
border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
color: #111 !important;
}
/* @end */
/* @group Disabled Support */
.chzn-disabled {
cursor: default;
opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
cursor: default;
}
/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }
.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
left: 26px;
right: auto;
}
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
background: #fff url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat -38px -22px;
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/poptech_web_images/web_images/1520/original/chosen-sprite.png?1332957157') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
padding: 4px 5px 4px 20px;
direction: rtl;
}
/* @end */
/*************************************************************************
*
* 7. ADMIN
*
*************************************************************************/
/* LOGIN/OUT */
div#supervisor_signout {
display:none;
position:absolute;
top:40px;
right:0;
font-weight:bold;
font-family:futura,verdana,sans-serif;
font-size:90%;
}
div#supervisor_signout ul {
margin:0;
padding:0;
list-style:none;
height:20px;
}
div#supervisor_signout ul li {
float:right;
background-color:#400;
padding:0.25em 0.75em;
margin:0 0 0 2px;
border-radius:4px;
}
div#supervisor_signout a {color:#FFF;}
#admin_nav_div {
font-family:sans-serif;
left:1px;
position:relative;
top:-35px;
font-size:75%;
padding:5px;
z-index: 50;
}
body#page_home #admin_nav_div {
/* OLD
top: 40px;
*/
top: -40px;
}
#admin_nav_div span {
margin-left: 117px;
-webkit-border-top-right-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 12px;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
padding: 7px 15px 7px 10px;
background-color:#fff;
border: 1px solid #ddd;
border-left: none;
}
#admin_nav_div span a {color:#600;}
/**** END ADMIN FEATURES ****/
/************************************************
*
* 8. Mobile/handheld styles
*
************************************************/
@media only screen and (max-device-width:767px) {
body { width: 100%; }
#container {
/* width: 900px;*/
}
#content {
/* width: 900px;*/
margin-left: 0;
}
#header {
position: block;
/* width: 900px;*/
}
#header #search_soc_bar {
position: static;
left: 0;
height: 55px;
}
#meatball a {
left: 0 !important;
}
#main_nav ul {
left: 0 !important;
}
#side_nav {
left: 0 !important;
}
#home_about_bar {
padding-left: 0 !important;
}
#home_about_bar a {
margin: 0 !important;
}
#container,
#header,
#home_about_bar,
#main_nav {
/* min-width: 900px;*/
}
#hps_slider_nav {
display: none;
}
}
/************************************************
*
* 9. LEGACY because it just doesn't go away
*
************************************************/
.slideshow {color:#FFFFFF;}
.section_subtitle {font-weight:bold;}
td {
font-size: 12px;
padding:5px;
}
.section_title {
font-weight:bold;
font-size:16px;
display:block;
}
.content_title {
text-align:left;
font-size:20px;
text-transform:uppercase;
font-weight:bold;
}
/* fellows recreation */
#video_fellows_prog {
float:right;
margin:0 0 10px 15px;
}
#snapshot {
float:left;
margin:0 2em 2em 0;
}
.para {margin:2em 0;}
#fellows_video_line {font-weight: bold;}
/* fellows resources page */
.fac_name {
font-size:15px;
font-weight:bold;
}
.fac_subtitle {
border-bottom:dotted 1px #000000;
padding-bottom:6px;
font-weight:bold;
}
.fac_par {
margin-top:-3px;
height:310px;
}
.fac_text {border-top:1px dotted;}
.fac_image {
float:right;
padding:0 0 2px 8px;
margin-top:-30px;
}
#FacultyList td {padding:5px 0 0 0;}
#FacultyList {margin-top:1em;}
/* Bored and advising */
#bored_advisors td {padding:1em;}
#bored_advisors tr {}
td#heading_td {padding:0;}
/* Curator */
#spreading_hands_az {
float:right;
margin-left:10px;
}
.ui-slider-horizontal .ui-slider-handle{background-image: url("/favicon.ico");}
/*************************************************************************
SITE CSS FILE : EDIT AT YOUR OWN RISK.
IF YOU KNOW WHAT YOU'RE DOING, HAVE FUN!
COLOR PALLETTE:
===============
POPTECH RED: #ed1c24 || rgb(237, 28, 36)
LINK BLUE: #3d96d2 || rgb(61, 150, 210)
BACKGROUND GREY: #ebebeb || rgb(235, 235, 235)
LAYERS (Z-INDEX):
=================
50 Admin Nav
POPTECH MASTER SPRITE
=====================
Master sprite image url: https://s3.amazonaws.com/poptech_web_images/web_images/1232/original/pt_master_sprite.png
The master sprite is attached to the page "PopTech Template Images" (page id 486). Be sure to use the same filename when re-uploading. I am using the Project Fondue CSS Sprite Generator to generate the file (http://spritegen.website-performance.org/). Paste the automatically generated CSS below for reference.
LAST UPDATED: 2011-10-09 9:35 AM (AMD)
.sprite-00_facebook{ background-position: 0 0; }
.sprite-01_facebook_hover{ background-position: 0 -75px; }
.sprite-02_newsletter{ background-position: 0 -150px; }
.sprite-03_newsletter_hover{ background-position: 0 -226px; }
.sprite-04_tumblr{ background-position: 0 -302px; }
.sprite-05_tumblr_hover{ background-position: 0 -376px; }
.sprite-06_twitter{ background-position: 0 -450px; }
.sprite-07_twitter_hover{ background-position: 0 -525px; }
.sprite-10_blog_nav{ background-position: 0 -600px; }
.sprite-11_blog_nav_hover{ background-position: 0 -680px; }
.sprite-12_video_nav{ background-position: 0 -760px; }
.sprite-13_video_nav_hover{ background-position: 0 -840px; }
.sprite-14_impact_fund_icon{ background-position: 0 -920px; }
.sprite-15_impact_fund_icon_hover{ background-position: 0 -990px; }
.sprite-16_search_submit{ background-position: 0 -1060px; }
.sprite-17_search_submit_hover{ background-position: 0 -1140px; }
.sprite-20_videos_blog_nav_bg{ background-position: 0 -1220px; }
.sprite-21_videos_blog_nav_bg_hover{ background-position: 0 -1300px; }
.sprite-22_homepage_blog{ background-position: 0 -1380px; }
.sprite-23_homepage_blog_hover{ background-position: 0 -1460px; }
.sprite-24_homepage_tumblr{ background-position: 0 -1540px; }
.sprite-25_homepage_tumblr_hover{ background-position: 0 -1620px; }
.sprite-26_homepage_video{ background-position: 0 -1700px; }
.sprite-27_homepage_video_hover{ background-position: 0 -1780px; }
.sprite-28_twitter_bird_blue{ background-position: 0 -1860px; }
.sprite-29_twitter_bird_blue_hover{ background-position: 0 -1940px; }
.sprite-30_tumblr_quote{ background-position: -225px 0; }
.sprite-31_tumblr_quote_hover{ background-position: -225px -80px; }
************************************************************************/