/* Play Styles 
================================================ */


/* Landing Page
------------------------------------------------ */

/* Panels (need better width calc)  ------------ */
.panel:nth-of-type(1) .panel_content { height: 357px; width: 510px;  }
.panel:nth-of-type(2) .panel_content { height: 269px; width: 350px;  }
.panel:nth-of-type(3) .panel_content { height: 184px; width: 510px;  }
.panel:nth-of-type(4) .panel_content { height: 272px; width: 350px;  }
.panel:nth-of-type(5) .panel_content { height: 263px; width: 270px;  }
.panel:nth-of-type(6) .panel_content { height: 263px; width: 270px;  }
.panel:nth-of-type(7) .panel_content { height: 263px; width: 280px;  }
.panel:nth-of-type(4) { margin-top: -88px; }

/* Asides (better pad/width measurements) ----- */
.content_container aside { 
    margin-top: 10px; 
    min-height: 86px;
}

.content_container aside:nth-of-type(1) { 
min-height: 86px; 
padding: 30px 22px 40px 36px; 
width: 254px;
}
.content_container aside:nth-of-type(2) { 
padding: 30px 36px 40px 22px; 
width: 570px;
}
.content_container aside p {
padding: 16px 0;
}
.content_container aside li { margin-right: 4px; }
.content_container aside li:last-of-type { margin-right: 0; }

/* Interior Pages
----------------------------------------------- */
.main_container h1,
.main_container h1 ~ p {
float: left;
width: auto;
}
.main_container h1 { color: #f39; }
.play_header {float:left;margin:0 15px 0 0;}
.sidebar {
clear: left;
float: left;
margin: 15px 20px 0 0;
width: 140px;
}
.sidebar h2 {
border-top: 5px solid #e5e5e5;
font-size: 18px;
margin-bottom: 10px;
padding-top: 10px;
}
.sidebar ul { margin-bottom: 20px; }
.sidebar li { line-height: 16px; }
.sidebar p { margin-bottom: 20px; }
.sidebar span { margin-left: 4px; }

.main_content {
float: left;
margin-top: 15px;
width: 780px;
}
.sort {
font-family: "futura-pt-1","futura-pt-2", sans-serif;
margin: 10px 0 0 4px;
text-transform: uppercase;
}
.main_content li {
background: #e6e6e6;
float: left;
margin-bottom: 30px;
width: auto;
}
.main_content li:nth-of-type(even) { background: #f1f1f1; }

.main_content li img {
background: #efefef;

display: block
}
/*.main_content li:nth-of-type(even) img { background: #efefef; }*/

.main_content li a {
display: block;
margin-bottom: 3px;
}
.main_content li small {
color: #888;
display: block;
font-size: 12px;
margin-top: 8px;
}

/* Threadspotting & Artist Stories Hover
------------------------------------------------- */
.threadspotting figure, .stories figure {height:260px;position:relative;z-index:100;width:312px;}
.threadspotting figure:hover, .stories figure:hover {background:#ededed;}
.threadspotting figure:hover figcaption a, .stories figure:hover figcaption a {color:#f39;}
.threadspotting figure img, .stories figure img {background:none;}

/* Ice Cream Social
------------------------------------------------- */

.icecream section {
width:420px;
float:left;
display:block;
padding:20px;
background-color:#f6f6f6;
margin-bottom:40px;
}
.icecream section h3 a{
font-size:20px;
}
.icecream section h3 a:hover {color:#E53190;text-decoration:none;}
.icecream section.facebook,
.icecream section.flickr,
.icecream section.tumblr{
margin-right:20px;
}
.icecream section.facebook div{
background-color:#fff;
}
.icecream section h3{
padding-bottom:17px;
}
.icecream section.tumblr .tumblr_photo img{
    max-width:100%;height:auto;
}
.icecream section.tumblr p{
    margin-bottom:8px;
}
.icecream section.tumblr{
    padding-right:0;
    width:440px;
}
.icecream section.tumblr #tumblr_posts .tumblr_post{
    margin-right:20px;
}
.icecream section.tumblr .tumblr_post{
    float:left;
    width:176px;
    background:#fff;
    border:2px solid #e5e5e5;
    padding:10px;
}

.icecream h1.page_title {color:#282828;font-size:40px;}
.icecream h2.tagline  {text-align:right;padding:5px 0 0;}
.icecream {border-top:solid 5px #e5e5e5;padding:18px 0 0;}


.flickr_badge_image,#instagram_photos a {
    margin:0 5px 5px 0; 
    float:left;
    display:block;
}
#flickr_badge_wrapper,#instagram_photos{
    padding:12px 0 7px 12px;
    background:#e5e5e5;
}



/* Geeky Stuff
------------------------------------------------- */
.geeky > div { 
border-top: solid 5px #E5E5E5;
padding: 18px 0 0;
}

.geeky > div h1 {
color:#282828;
float:left;
font-size: 40px;
}

.geeky.interior > div h2 {
color: #555;
display: block;
font-family: kulturista-web-1, kulturista-web-2, Georgia, serif;
font-weight: 400;
font-size: 27px;
line-height: 38px;
margin: 0 auto 22px auto;
text-transform: none;
text-align: right;
padding: 5px 0 0;
width:auto;
}
.geeky.interior section {margin:0;}
.geeky.interior section.other {margin:88px 0 0;}
.geeky section {
width: 100%;
}
.geeky section div {
float: left;
margin-right: 20px;
}
.geeky section div:last-child {
margin-right: 0;
}

.geeky .official {
background:#e5e5e5;
min-height:560px;
position: relative;
width:100%;
}

.geeky #app_screen {
background:url(../imgs/play/geeky-threadapp.png) no-repeat top left scroll transparent;
height:589px;
position:absolute;
left:112px;
top:33px;
width:298px;
}

.geeky .official div.info {
position: relative;
left:495px;
top:63px;
width:375px;
}

.geeky .official div span.screens {
background:url(../imgs/play/geeky-threadapp.png) no-repeat top right scroll transparent;
display:block;
height:230px;
position: relative;
top:75px;
width:349px;
}

.geeky .cta {
background:url(../imgs/play/geeky-threadapp.png) no-repeat -318px -231px scroll transparent;
line-height: 33px;
height:33px;
padding:0 0 0 38px;
vertical-align: center;
}

.geeky .cta p {color:#0099ff;font-size:14px;line-height: 33px;}

.geeky .other div {
width: 150px;
margin:20px 40px 0 0;
}

.geeky .other div > a{
background:url(../imgs/play/geeky-threadapp.png) no-repeat -320px -273px scroll transparent;
display:block;
height:89px;
width:89px;
}
.geeky .other div p, 
.geeky .other div a {
font-size:12px;
margin-bottom:10px;
}
.geeky .other div#app_uploader > a {background-position: -415px -273px;}
.geeky .other div#app_hearts > a {background-position: -509px -273px;}
.geeky .other div#app_threads > a {background-position: -318px -368px;}
.geeky .other div#app_geeks > a {background-position: -415px -368px;}

.geeky h4 {
border: none;
color: #555;
font-size: 15px;
font-weight: bold;
margin-bottom: 2px;
}
.geeky li {
margin: 0;
float: left;
}
.geeky li a {
padding: 0 0 3px;
margin-bottom: 2px;
float: left;
}
.geeky .i a {
background: url(../imgs/play/geeky_icons.gif) left top no-repeat transparent;
padding-left: 39px;
}
.geeky .i a { padding-left: 42; }
.geeky .chrome a { background-position: left -35px; }
.geeky .safari a { background-position: left -68px; }

/* Tee V
------------------------------------------------- */

.teev hgroup {
background: url(../imgs/play/geeky_icons.gif) left top no-repeat transparent;
}

.teev hgroup h1, 
.teev hgroup h2 {margin:0 0 0 15px;}

/* Made Pages
------------------------------------------------- */

.made .banner {margin-bottom:30px;}
.made .main_container ul li {float:left;}
.made figure:hover {background:#ededed;}
.made figure:hover figcaption a {color:#f39;}