/*
Theme Name: WEB EAT WEB base
Theme URI: http://webeatweb.com
Description: Web Eat Web Base
Version: 0.9.3
Author: Hoppy
Updated: 14th March 2012
*/

@import "style/css/reset.css";
@import "style/css/typography.css";

html, body{
height: 100%;
}

body { 
background-color: #1E1E1E;
padding: 0;
}

#wrapper{
margin: 0;
padding: 0;
width: 990px;
min-height: 100%;
margin-bottom: -60px;
position: relative;
}


/* header */
#header{
background: transparent;
overflow: hidden;
width: 960px;
height: 47px;
padding: 0 0 0 30px;
}

#menu-header-nav-1{
float: left;
padding-top: 11px;
}

#menu-header-nav-1 li {
  background: url("images/pipe.png") no-repeat scroll right 5px transparent;
  display: inline;
  padding: 0 15px 0 11px;
}
#menu-header-nav-1 li:first-child{
padding: 0 15px 0 0;
}

#menu-header-nav-1 li:last-child{
background: transparent;
}

#crumbs{
float:left;
width:520px;
padding: 15px;
}

#header-buttons{
float: right;
}

#header-buttons a{
float: left;
}


#menu-main-nav, #menu-workshops-nav, #menu-get-involved-nav {
  background: transparent; /* q */  /* background: #E9E9E9; */
  margin-top: 4px; /* q */
  padding: 0 0 10px; /* q */
  width: 167px;
}

#menu-main-nav li,
#menu-workshops-nav li,
#menu-get-involved-nav li{
padding: 5px 0;
}


#logo{

}

.logo{
cursor: pointer;
}
/* q */
.yt-logo-med{
padding-top: 10px;
}
/* q */

/* sidebars */
.sidebar-l{
float: left;
padding-left: 30px;
width: 182px;
padding-right: 20px;
}

.sidebar-r{
float: right;
width: 172px;
margin-top: 15px; /*q */ /* margin-top: 8px; */
}

.blog{
width:181px;
}

.sidebar-wrap{

}

.sidebar{
width: 225px;
}

.widget{
padding-bottom: 40px;
}

.related-articles-awards{
padding-top: 56px; /* q */
}

ul.recent-category-posts li{
padding-top: 10px;
}

.twitter-feed{
float:left;
 width: 187px;
 }
 
.sidebar-r.blog h2.sidebar-head{
display: none;
}
 
 
#calendar_wrap {
  background: url("images/thead.gif") repeat-x scroll 0 0 #EDEDED;
  color: #666666;
  overflow: hidden;
  font-size: 11px;
  padding-bottom: 10px;
}

#wp-calendar {
  margin: 0 auto;
  text-align: center;
  border-spacing: 5px;
  border-collapse: inherit;
}

#wp-calendar th{
font-weight: bold;
text-align: center;
}

#wp-calendar a{
color: #ED145B;
}


#wp-calendar caption{
  text-align: center;
  padding: 5px 0 17px 0;
  font-size: 14px;
  color: #FFFFFF;
}
 
/* main content */
#main{
overflow: hidden;
width: 990px;
min-height: 100px;
}

#content{
overflow: visible;
margin-bottom: 40px;
}

#content p, .post-content ul, .post-content hr{
margin-bottom: 13px;
}

.full{
overflow: hidden;
padding-top: 10px;
padding-left: 30px;
}

.three-cols{
overflow: hidden;
float: left;
width:555px;
}

.two-cols{
overflow: hidden;
float: left;
width: 758px;
}



.page-title{
padding-bottom: 20px;
}

.post{
overflow: hidden;
padding-bottom: 40px;
}

.post-content{

}

.post-content object,
.post-content embed,
.post-content iframe{
width: 555px;
height: 312px;
margin-bottom: 10px;
}

.att-media{
width: 172px;
min-height: 1px;
}

.post-divider{
clear: both;
width: 100%;
height: 40px;
border-top: 1px solid #333333;
}

#content div.post-divider:last-child{
border: 0;
}

/* home */
.action-boxes{
width: 580px;
}

.action-box{
display: block;
float: left;
background: #ED145B;
overflow: hidden;
width: 245px;
height: 315px;
padding: 20px;
}

.sticky-post{
overflow: hidden;
padding-bottom: 30px;
}

.mini-blog .sticky-post:last-child{
padding-bottom: 0;
}

.sticky-post-meta{
padding-bottom: 10px;
}

.sticky-feat-image{
padding-right: 10px;
}

.sticky-feat-content{
width: 180px;
}

.social-links{
overflow: hidden;
float: left;
width: 600px;
/* padding-bottom: 20px; */
}

.social-links a{
float:left;
margin-right: 15px;
}


.social-links-side{
width: 187px;
}

.social-links-side a{
display: block;
padding-bottom: 10px;
}

.social-links-side a:last-child{
padding-bottom: 0;
}


.newsletter-link{
overflow: hidden;
}

.newsletter-title{
float: left;
width: 230px;
}



/* more links */
.more-link-wrap{
position: relative;
}

.more-link{
float:left;
height: 26px;
padding: 7px 0 0 7px;
border: 0 none;
line-height: 19px;
margin:0;
}

.point-r-pink{
float: left;
background: url('images/point-pink.png') 0 0 no-repeat scroll transparent;
width: 20px;
height: 33px;
}

.point-r-black{
float: left;
background: url('images/point-black.png') 0 0 no-repeat scroll transparent;
width: 20px;
height: 33px;
}
/*
.point-r-pink {
float:left;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 20px solid #ED145B;
}

.point-r-black {
float:left;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 20px solid #000000;
}*/

.pink{
background: #ED145B;
}

.black{
background: #000000;
}


.image-caption, .image-desc{
display:none;
}

ul.related-articles li{
padding-top: 15px;
}

.intro-text{
margin-top: 20px;
}

/* how to landing */
ul.howto-boxes{
float:left;
overflow: hidden;
padding-top: 20px;
width: 100%;
}

.howto-boxes li{
background: #E5E6E6;
padding: 25px 15px 15px 15px;
/* height: 260px; */
overflow: hidden;
margin-bottom: 20px;
}

.howto-blurb{
overflow: hidden;
width: 340px;
}

.howto-blurb .more-link-wrap{
/* padding-top: 10px; */
}

.howto-video,
.howto-video object,
.howto-video embed,
.howto-video iframe{
width: 364px;
height: 235px;
}

/* how to archive page */
.howto-intro,
.workshops-intro{
padding-bottom: 30px;
overflow: hidden;
}

.howto-intro-text{
width: 100%;
}

.howto-intro-video,
.howto-intro-video object,
.howto-intro-video embed,
.howto-intro-video iframe{
width: 555px;
height: 312px;
margin-bottom: 10px;
}

.howto-articles,
.workshops-articles{
clear: both;
float: left;
width: 100%;
overflow: hidden;
margin-top: 30px;
}


.sub-page-articles{
margin-top: 30px;
}

/* workshops landing */
ul.workshops-boxes{
float:left;
overflow: hidden;
padding-top: 20px;
width: 100%;
}

.workshops-boxes li.subpage-box{
float:left;
background: #E5E6E6;
padding: 25px 15px 15px 15px;
height: auto;
margin-bottom: 20px;
}

.workshops-blurb{
overflow: hidden;
width: 360px;
padding-right: 5px;
}

.workshops-blurb .more-link-wrap{
margin-top: 10px;
}

.workshops-feature{
width: 360px;

}

.workshops-feature img{
width: 360px;
height: auto;
}

ul.workshops-events-list{
    width: 360px;
}
/* m */

ul.workshops-events-list li{
padding: 5px;
margin-bottom: 5px;
color: #FFFFFF;
}

ul.workshops-events-list li a{
color: #FFFFFF;
}

ul.workshops-events-list li:last-child{
margin-bottom: 0;
}


/* events widgets */ 

li.list-host-your-own{
background: #3399CC;
}

li.list-pop-up-workshops{
background: #ED145B;
}

li.list-intensive-workshops{
background: #05445E;
}

/* All Workshops */ /* m */
.wshop-box{
    width: 152px;
    height: 102px;
    float:left;
    margin:0 20px 20px 0;
    padding: 10px;
    overflow: hidden;
}


.wshop-box.pop-up-workshops{
 background: url('images/pop-up-workshops.png') no-repeat scroll 148px 6px #ED145B;   
}

.wshop-box.host-your-own{
 background: url('images/host-your-own.png') no-repeat scroll 148px 6px #3399CC;
}

.wshop-box.intensive-workshops{
background: url('images/intensive-group-workshops.png') no-repeat scroll 148px 6px #05445E;
}

.wshop-location{
width: 135px;
font-size: 13px;
line-height: 14px;
font-weight: normal;
padding-bottom: 3px;
}

.wshop-title{
font-size: 14px;
line-height: 14px;
font-weight: normal;

}

.wshop-date{
font-size: 13px;
line-height: 24px;
font-weight: normal;
}

.wshop-menu{
    float:right;
    padding-top: 55px;
}

.wshop-menu .widget-title{
font-size: 21px;
padding-bottom: 5px;
}

.wshop-filter{
    display:block;
    width: 172px;
    height: 40px;
    cursor:pointer;
    margin-bottom: 10px;
}

.wshop-filter span{
  position: relative;
top: 10px;
left: 35px;
}

.wshop-filter.pop-up-workshops{
 background: url('images/pop-up-workshops.png') no-repeat scroll 29px 11px #ED145B;   
}

.wshop-filter.host-your-own{
 background: url('images/host-your-own.png') no-repeat scroll 29px 11px #3399CC;
}

.wshop-filter.intensive-workshops{
background: url('images/intensive-group-workshops.png') no-repeat scroll 29px 11px #05445E;
}


.wshop-filter input{
    position:relative;
    top: 10px;
    left: 8px;    
}

/* faq page */
.faq{
padding-bottom: 20px;
}

.faq-response{
display:none;
}


/* single submission page */
.submission-video object,
.submission-video embed,
.submission-video iframe{
width: 100%;
/* height: 444px; */
height: 324px; /* n */
}

.submission-actions{

}

/* q */
.share-submission{
float: right;
width: auto;
margin-top: 5px;
}

.share{
padding-top: 4px;
}

.share .twitter-share-button,
.share .fb-like,
.share .g-plusone{
    float: left;
    margin-right: 4px;
}

.vote-submission{
/* width: 300px; */
width: 181px; /* n */
overflow: hidden; /* q */
}

#vote-message{
margin-top: 10px;
}

#vote-count{
margin-top: 10px; /* n */
}

#vote-button{
/* margin-top: 19px; */ /* q */

}

.submission-details{
padding-top: 0; /* q */
clear: both;
width: 100%;
}

/* q */
.submission-meta{
float: left;
margin-top: 4px;
width: 240px;
}

.submission-name{
padding-bottom: 10px;
}

.submission-date{
padding-bottom: 20px;
}

.submission-description{
width:365px;
padding-bottom: 20px;
}

.related-submissions{
width: 755px;
overflow: hidden;
background: #333333;
padding: 10px 3px;
}


/* submissions page */
.submissions-galleries{
clear:left;
float:left;
overflow: hidden;
width: 770px;
background: transparent;
padding-top: 30px;
margin-bottom: 50px;
}

.submissions-galleries-submissions{
clear:left;
float:left;
overflow: hidden;
width: 770px;
background: transparent;
padding-top: 30px;
margin-bottom: 50px;
}

.submissions-galleries-home{
overflow: hidden;
float:left;
width: 755px;
background: transparent;
padding-left: 15px;
margin-bottom: 50px;
}


.submissions-galleries .tab-nav{

}

ul.tab-nav{
overflow: hidden;
background: transparent;
}

ul.tab-nav li{
float: left;
height: 30px;
padding: 6px;
background: #2A2A2A;
margin-right: 2px;
}

ul.tab-nav a{
padding: 5px;
font-size: 18px;
color: #666666;
}

ul.tab-nav li.selected{
background: #333333;
}

ul.tab-nav a.selected{
color: #FFFFFF;
}


.playlist-intro{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 17px;
    padding: 25px 0 5px 12px;
    width: 385px;
    float: left;
}
#content .playlist-intro p{
    margin-bottom: 0;
    padding-bottom: 0;
}
.tabs > div{
    background: #333333;
}

/* j */
.submissions-gallery-footer{
width: 758px;
height: 40px;
background: #333333;
}

#search-submissions {
    float: left;
     color: #FFFFFF;
     padding: 5px 0 12px 9px;
     
     
}

#search-submissions-form input{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
     font-size: 14px;
     font-weight: normal;
     background: transparent;
     border: 1px solid #666666;
     color: #FFFFFF;
}

#search-query{
width: 120px;
}

#search-submissions-form input.submit{
    padding-left: 4px;
    border: 0 none;
    cursor: pointer;
}

#search-submissions input.submit:hover{
    color: #FED615;
}
/* j */




#sub-gallery-nav{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    background: #333333;
    font-size: 14px;
    line-height: 16px;
 /*   width: 751px;
    height: 40px;*/ /* j */
}
#sub-gallery-nav ul{
    float:right;
    padding: 9px;
}
#sub-gallery-nav ul span{
    float:left;
    
}
#sub-gallery-nav ul li{
    float: left;
    padding: 0 5px;
}
#sub-gallery-nav ul li a:hover,
#sub-gallery-nav ul li a.selected{
    color: #FED615;
}


/* yt playlist galleries */

.yt-gallery{
background: #333333;
padding-top: 20px;
}

.yt-gallery li{
overflow: auto;
padding-bottom: 10px;
padding-left: 2px;
}

.yt-entry{
float:left;
width: 172px;
overflow: hidden;
padding: 0 8px;
}

.yt-thumb{
position: relative;
display: block;
}

img.play-ovr{
position: absolute;
left: 0;
top:0;
z-index: 999;
}

.yt-thumb-title{
font-size: 11px;
color: #999999;
}

/* footer */
#footer{
overflow: hidden;
width: 100%;
position: relative;
margin-top: 60px;
background : #333333;
}

#footer-content{
padding: 10px 0 0 30px;

height: 60px;
width: 960px;
}

#footer-content .up{
float: left;
}

#footer-nav{

}

#footer-nav li{
float: left;
margin: 0 10px;
}

.footer-menu{
float: left;
width: 400px;
}

.logo-park{
float: right;
width: auto;
}
/* events widget */
.event-box{
width: 152px;
padding: 10px;
background: #FED615;
margin-bottom: 10px;
}

/* default layout helpers */

.clr{
clear: both;
}

.hidden{
display: none;
}

.left{
float: left;
}

.right{
float: right;
}

.margin-sm{
margin-right: 10px;
}

.margin-med{
margin-right: 20px;
}



.divider{
clear: both;
width: 100%;
height: 20px;
border-bottom: 1px solid #333333;
margin-bottom: 20px;
}

/* q */
.divider-thick{
background: #666666;
height: 5px;
border: 0 none;
}
/* q */
#curr-page{
display: none;
}

.buy-links li{ overflow:hidden; display:block; padding: 30px 0;}

 #carousel {
               height:428px;
                width: 798px;  
                margin:0;
                float: left;
            }
        
            #slides{
                height:428px;
                width: 798px;
                overflow: hidden;
            }
            
            #carousel a.pagination{
                position: absolute;
                display: block;
                margin: 203px 0 0 0;
                width:57px;
                height: 0;
                padding-top: 57px;
                background-image: url(prev.png);   
                z-index: 99;
                overflow: hidden;
            }
            
            #carousel a.right{
                margin-left: 731px;
                background-image: url(next.png); 
            }
            
            #slides ul{
                   position:relative;
                    left:0;
                    top:0;
                    list-style:none;
                    margin:0;
                    padding:0;  
                    width:3800px; 
            }
            
            #slides ul li{
                float: left;
                display: block;
                margin:0;
                padding:0;
                width:798px;
                   height:428px;
                  background-image: url(slideBack.jpg);   
            }
            
            #slides ul li h2{
                padding:50px 0 0 80px;
                width:400px;
                font-weight: bold;
                font-size: 3.2em;
                line-height: 0.9em;            
            }
            
            #slides ul li p{
                font-size: 1.6em;
                padding:20px 0 0 80px;
                width: 400px;
            
            }
            
            #slides ul li .more-link-wrap{
                margin:20px 0 0 80px;
            }