/*      STYLE SHEET WDYTYA MOBILE
 *
 *      HEADER                  [HEAD]
 *      GENERAL                 [GENS]
 *      RIGHT SIDEBAR           [RISB]
 *      TV EPISODES             [TVEP]
 *      GETTING STARTED         [GETT]
 *      MAGAZINE                [MAGZ]
 *      SUBSCRIBE               [SUBS]
 *      TUTORIALS               [TUTS]
 *      PODCASTS                [PODC]
 *      USER ACCOUNT            [USER]
 *      EVENTS                  [EVEN]
 *      BLOGS                   [BLOG]
 *      BONUS CONTENT           [BONU]
 *
 */

/*      ****        HEADER                                                                                              [HEAD]      ****        */

#mobile-secondary-menus {
    background: none repeat scroll 0 0 #FFFFFF;
}

#mobile-secondary-menus a {
    color: #4696CD;
    font-weight: normal;
}

#mobile-secondary-menus a.active {
    font-weight: bold;
}

#whole-wrapper {
    background-color: #F7F5EF;
}

.responsive-submenu .responsive-menu-controls {
    background-color: #F7F5EF;
}

#whole-wrapper #header-wrapper #logo {
    padding-top: 0;
}

#whole-wrapper #header-wrapper #logo .title span.logo-span {
    background-image: url("images/wdytya-header-logo-trans.png");
    background-size: auto 100%;
    width: 262px;
}

#header-wrapper,
#header-right {
    background-color: #76AADA;
    background: -webkit-gradient(linear, left top, left bottom, from(#025B8E), to(#76AADA)) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, #025B8E, #76AADA) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(to bottom, #025B8E, #76AADA) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: 100% 48px;
}

#header-right .menu-button {
    background-color: transparent;
    background-image: url("images/menu-btn.png");
    border-left: 1px solid #FFFFFF;
}

#header-right .menu-button-selected {
    background-color: #FFFFFF;
}

.mobile-dropdown-menu {
    background-color: #FFFFFF;
}

.mobile-dropdown-menu #user-dashboard {
    background-color: #86AD00;
}

.mobile-dropdown-menu .container-inline #edit-search-block-form-1 {
    border: 1px solid #000000;
    height: 30px;
}

.mobile-dropdown-menu .mobile-link-items li {
    border-bottom: 1px solid #CCCCCC;
}

.mobile-dropdown-menu .mobile-link-items a {
    color: #4696CD;
}

.mobile-dropdown-menu .container-inline .form-submit {
    background-color: #000000;
}

.responsive-submenu .mobile-responsive-submenu {
    background-color: #EAEDEA;
}

.responsive-submenu .mobile-responsive-submenu ul li a {
    color: #4696CD;
    font-weight: normal;
}

.responsive-submenu .mobile-responsive-submenu ul li a.active {
    font-weight: bold;
}

.mobile-dropdown-menu #user-dashboard .user-info {
    margin-bottom: 0;
}

/*      ****        GENERAL                                                                                             [GENS]      ****        */

img {
    max-width: 100%;
    height: auto;
}

#content-wrapper {
    background-color: #F7F5EF;
}

body.site-body {
    color: #363636;
    font-family: Helvetica, Arial,sans-serif;
}

.block-views .title {
    border-color: #4696CD;
    color: #4696CD;
    font-family: Georgia,serif;
    padding: 5px 0;
}

.views-field-title {
    margin: 4px 0;
}

.views-field-type {
    color: #4696CD;
    font-weight: bold;
}

a, a:visited, a:link {
    color: #ED1C24;
}

.item-list ul.pager li.pager-current {
    background-color: #ED1C24;
    border: none;
}

.item-list ul.pager li {
    background-color: #4696CD;
    border: none;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 4px;
    padding: 6px 8px;
}

.item-list ul.pager li a {
    color: #FFFFFF;
}

input.form-submit, .button-style {
    border: none;
}

.item-list ul.pager li.pager-ellipsis {
    margin: 5px auto;
    max-width: 25px;
}

#page .item-list ul.pager .pager-next, #page .item-list ul.pager .pager-last {
    display: inline-block;
}

/*      ****        RIGHT SIDEBAR                                                                                       [RISB]      ****        */

.quick-newsletter-signup-block-newsletter {
    background-color: #28A0A5;
}

input.form-submit, .button-style {
    background-color: #86AD00;
}

.quick-newsletter-signup-block-newsletter .newsletter-quick-signup-title {
    color: #FFFF00;
    font-size: 1.5em;
    font-weight: bold;
}

.quick-newsletter-signup-block-newsletter {
    background-color: #28A0A5;
    color: #FFFFFF;
}

.quick-newsletter-signup-block-newsletter a {
    color: #FFFFFF;
}

.quick-newsletter-signup-block-newsletter .qsu-email-input-wrapper input.form-text {
    border-radius: 5px;
}

/*      ****        TV EPISODES                                                                                        [TVEP]      ****        */

.node-episode .episode-image {
    margin-bottom: 5px;
}

.episode-image img {
    max-width: 100%;
    height: auto;
}

.node-guide-menu {
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
}

.node-guide-menu .menu {
    padding-left: 0;
}

.node-guide-menu .menu li {
    padding: 5px;
    margin: 0;
    float: left;
    width: 45%;
}

/*      ****        GETTING STARTED                                                                                             [GETT]      ****        */

.node-article_getting_started img {
    height: auto;
    max-width: 100%;
}

.node-article_getting_started .content ul li {
    margin: 5px 0;
}

/*      ****        MAGAZINE                                                                                                     [MAGZ]      ****        */

.node-issue .field-field-cover-image {
    float: left;
    margin: 0 10px 10px 0;
    max-width: 50%;
}

.node-issue .field-field-on-sale-date,
.node-issue .field-field-issue-number,
.node-issue .field-field-sold-out {
    margin: 2px 0;
}

.node-type-issue .block-ms_quick_newsletter_signup {
    margin: 10px 0;
}

.view-past-issues .item-list .views-row {
    border-bottom: 1px solid #4696CD;
    padding: 10px 0;
}

.view-past-issues .item-list .views-row.views-row-last {
    border: none;
}

/*      ****        SUBSCRIBE                                                                                                     [SUBS]      ****        */

.im-subscribe-pages #header-wrapper {
    border: none;
    float: none;
}

.im-subscribe-pages #header #logo {
    float: left;
}

/*      ****        TUTORIALS                                                                                                     [TUTS]      ****        */

.page-node #lower-content .block-menu {
    background-color: #EAEDEA;
}

.page-node #lower-content .menu {
    margin: 0;
    padding: 0;
}

.page-node #lower-content .menu li {
    border-bottom: 1px solid #FFFFFF;
    font-weight: bold;
    list-style: none outside none;
    margin: 5px 10px;
    padding: 8px 0;
}

.page-node #lower-content .menu li a {
    color: #4696CD;
}

.page-node #lower-content .menu li.active-trail a {
    color: #000000;
}

.page-node #lower-content .menu li.active-trail {
    border: none;
}

.page-node #lower-content .menu .menu {
    margin: 10px 0 0 5px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.page-node #lower-content .menu .menu li {
    border: none;
}

.page-node #lower-content .menu .menu li a {
    color: #4696CD;
}

.categories-link {
    display: block;
    margin: 0 0 10px;
}

.node-page .tutorial-categories-menu {
    display: none;
}

/*      ****        PODCASTS                                                                                                     [PODC]      ****        */

.page-podcasts #page .view-podcast .latest-podcast-title,
.page-podcasts #page .podcast-archive-block .title {
    background-color: #EAEDEA;
    border: none;
    color: #4696CD;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 5px;
}

.rss_feed {
    display: none;
}

.search-form {
    margin-bottom: 40px;
}

/*      ****        USER ACCOUNT                                                                                                [USER]      ****        */

.account-information .description {
    margin: 10px 0;
}

.account-information .password-parent {
    margin-top: 10px;
}

/*      ****        EVENTS                                                                                                      [EVEN]      ****        */

.view-out-and-about .events-archives-tabs {
    display: none;
}

.view-out-and-about .view-content {
    max-width: 100%;
}

.view-out-and-about {
    clear: both;
    overflow: hidden;
}

.view-out-and-about .article-title {
    display: none;
}

.view-out-and-about .view-content .views-row {
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

.view-out-and-about .views-field-title {
    font-family: georgia, serif;
    font-size: 1.2em;
    font-weight: bold;
}

.views-field-field-out-about-date-value {
    font-weight: bold;
    margin: 5px auto;
}

.views-field-field-out-about-tel-value {
    margin-top: 5px;
}

.view-out-and-about .views-field-body {
    margin-top: 5px;
}

/*      ****        BLOGS                                                                                                      [BLOG]      ****        */

.view-blogs .views-field-created {
    color: #4696CD;
    font-weight: bold;
    margin: 2px 0;
}

/*      ****        BONUS CONTENT                                                                                               [BONU]      ****        */

.node-type-secure-content #page {
    width: 100%;
}

.views-slideshow-controls-top.clear-block {
    width: 100%;
}

.views_slideshow_jcarouselthumbs_main {
    width: 97%;
}

.views_slideshow_jcarouselthumbs_main .views_slideshow_jcarouselthumbs_teaser_section,
.views_slideshow_jcarouselthumbs_teaser_section .views_slideshow_jcarouselthumbs_slide {
    width: 100% !important;
}

.node-type-secure-content #page .views_slideshow_jcarouselthumbs_main {
    border: none;
    box-shadow: none;
}

#authorisation-code-secure_content .inner {
    left: 10%;
    max-width: 600px;
    width: 70%;
}

.view-secure-content .views-field-title {
    font-size: 1.2em;
    font-weight: bold;
}

.view-secure-content .views-field-view-node span span {
    background-color: #ED1C24;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    padding: 5px;
}

.view-secure-content .views-row {
    border-bottom: 1px solid;
    padding: 0 0 10px;
}

.block-disqus {
	border-color: #4696CD;
}