/*
Theme Name: Yoko NAISA
Description: Child theme for the yoko theme 
Author: Hector Centeno
Template: yoko
*/

@import url("../yoko/style.css");

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://www.naisa.ca/wp-content/themes/yoko_naisa/fonts/Lato-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://www.naisa.ca/wp-content/themes/yoko_naisa/fonts/Lato-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(http://www.naisa.ca/wp-content/themes/yoko_naisa/fonts/Lato-Italic.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(http://www.naisa.ca/wp-content/themes/yoko_naisa/fonts/Lato-BoldItalic.woff) format('woff');
}

* {
    font-family: 'Lato', sans-serif !important;
}

/* increase content width */
#main {
    width: 100%;
}

#content .page p {
	padding: 0 0 10px 0;
}

#site-title {
    padding: 0px 0 0px;
    float: left;
    width: 263px;
}
#branding #mainnav ul li a {
    font-size: 0.7em;
    padding: 9px 9px;
}

.lightviewright {
	clear: right;
	float: right;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.lightviewcaption {
	width: 250px;
	font-size: 9px;
	margin-top: 4px;
	line-height: 11px;
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
	color: #666666;
	display: block;
}

/*#branding #mainnav ul li:hover > a {
    background: #E8E8E8;
} 

#branding #mainnav li:hover > a{
        background: #E8E8E8;
}*/

#branding #mainnav ul ul a {
    background: #E8E8E8;
}

#branding #mainnav ul ul :hover > a {
    background: #F9F9F9;
}


#branding #mainnav ul ul {
    top: 1.7em;
}


#branding #mainnav {
    max-width: 100%;
    margin: 0 0 0;
    float: none;
}

header#branding img.headerimage {
    margin-top: 0px;
}

#ns_menuIcons {
    float: right;
    margin-top: 60px;
}

#ns_menuIcons a {
    margin-right: 10px;
    width: 26px;
}

#content .page {
    margin: 0 0;
    padding: 0 0;
    border-bottom-width: 0px;
    font-size: 0.8em;
}

#page {
    margin-top: 0px;
}

#wrap {
    padding: 15px 0 0 0;
}

#colophon {
    padding:15px 0 0;
}

aside.widget {
    margin: 0 0 10px 0;
    padding:  0 0 0 0;
}

#comments {
    padding: 0 0;
    font-size: 0.8em;
}

.caption {
    font-size: 0.9em;
}

aside.widget {
    border-bottom-width: 0px;
}

#secondary {
    border-top-width: 0px;
    float: right;
    padding: 0 0;
    margin: 0 0;
}

#secondary aside:last-child {
    margin-bottom: 30px;
    border-bottom-width: 0;
}

#colophon {
    font-size: 0.7em;
}

/* NAISA Events info */

p.narrow {
    padding: 0px!important;
}

a.ns_imga img {
    border: 0 none;
}

.ns_event_pic, .ns_bio_pic {
    float: left;
    margin: 0 20px 0 0;
}

.ns_event_text {

}

.ns_event {
    padding: 10px;
    margin-bottom: 12px;
    border-top: 1px;
    border-style: dotted;
    border-color: #CECECE;
}

.ns_first_event {
    padding: 10px;
    margin-bottom: 12px;
    border-top: 0px;
}

.ns_title {
    font: bold 1.2em/1.4 'Lato', sans-serif;
    font-style: italic;
}

.ns_color_title {
    color: #009BC2;
}
.ns_subtitle {
    font: bold 1.1em/1.4 'Lato', sans-serif;
}
.ns_infob {
    font: bold 0.9em 'Lato', sans-serif;
    color: #949494;
}

.ns_bio {
    margin-bottom: 20px;
}

div.ns_event div.ns_bio {
    margin-top: 10px;
}

.ns_artist_name, .ns_price {
    font: bold 1.1em 'Lato', sans-serif;
}

#ns_search_header {
    float: right;
    display: block;
    margin-top: 57px;
    margin-left: 10px;
}

#ns_search_footer {
    display: none;
}

.searchform .search-input {
    width: 100px;
}

iframe#ns_radioFrame {
    margin: 0px;
}

div#radio_info {
    position: relative;
    top: -30px;
}

.ns_radioTitle {
    font-weight: bold;
}

.ns_sectionIcon {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    width: 159px;
    height: 270px;
}

img {
    border-style: none;
}

.ns_IconSet {
    margin-left: auto; 
    margin-right: auto; 
    width: 557px;
}

ul.fbf_facebook_page_widget a {
    font-size: 0.85em;
}

span.facebook_page-timestamp {
    font-size: 0.8em;
}

div.ns_sponsor {
    margin: 8px;
    padding: 5px;
    border-style: dotted;
    border-color: #E4E4E4;
    border-width: 1px;
    text-align: center;
}

div.ns_formtitle {
    font-weight: bold;
    margin-top: 15px;
}

div.ns_formheader {
    margin-top: 7px;
    font-weight: bold;
}

div.ns_formheader2 {
    margin-top: 7px;
    font-weight: bold;
}

div.ns_formfield {
    margin-bottom: 5px;
}

div.ns_prog_desc {
    margin-top: 15px;
}

.ns_prog_title {
    font-weight: bold;
    font-style: italic;
}

.ns_prog_artist_name {
    font-weight: bold;
}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {
    /* Display submenus */
    #branding #mainnav ul ul a {
        display: block;
    }
    #branding #mainnav ul li a {
        padding: 6px 6px;
    }
    #site-title {
        width: 180px;
    }
    #wrap {
        padding: 15px 0 0 0;
    }
    #ns_menuIcons {
        margin-top: 25px;
        width: 80px;
    }
    #ns_search_header {
        display: none;
    }
    #ns_search_footer {
        display: block;
    }

    .ns_IconSet {
        margin-left: auto; 
        margin-right: auto; 
        width: 200px;
    }
}