html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background-color: transparent;
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
} html,
body {
height: 100%;
}
body { background-color: #f4f4f4;
color: #444;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 14px;
line-height: 1.5;
text-align: center;
} body:before {
content: "";
float: left;
height: 100%;
margin-top: -32767px;
width: 0;
} a { 
color: #09c;
text-decoration: none;
}
a:hover,
a:active,
a:focus {
text-decoration: underline;
}
a:hover,
a:active {
outline: none;
}
del { text-decoration: line-through; }
em,
i {
font-style: italic;
} ins { text-decoration: none; }
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
img,
a img { 
border: 2px solid #ccc;
color: #999;
font-style: italic;
}
a img { border-color: #fff; } .alignright,
.alignleft,
img.alightright,
img.alignleft {
display: block;
float: none;
margin: 0 0 13px;
position: relative;
}
@media (min-width: 600px) {
.alignright { float: right; }
.alignleft { float: left; }
img.alignright,
.wp-caption.alignright { 
display: inline-block;
float: right;
margin: 0 0 13px 20px;
}
img.alignleft,
.wp-caption.alignleft { 
display: inline-block;
float: left;
margin: 0 20px 13px 0;
}
}
img.centered,
img.aligncenter { 
display: block;
margin-left: auto;
margin-right: auto;
} blockquote { 
font-style: italic;
margin-bottom: 13px;
padding-left: 1em;
}
blockquote cite { font-style: normal; }
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before
q:after {
content: '';
content: none;
}
h1,
h2,
h3,
.postmetadata,
#footer p,
.header-promo {
color: #666;
}
h1 { 
font-size: 32px;
font-weight: normal;
letter-spacing: .02em;
line-height: 1.15;
margin-bottom: 13px; }
#content h1 { 
font-family: "bebas-neue-n4", "bebas-neue", sans-serif;
font-style: normal;
font-weight: 400;
} .page-id-199 .hentry h1 { display: none; } h2 {
font-family: "arial narrow", arial, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 300;
} .wf-active h2 {
font-family: "roboto-condensed-n4", "roboto-condensed", arial, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 1.15;
margin-bottom: .36em; }
h2 a { color: #423a2e; }
h3 {
font-family: "bebas-neue-n4", "bebas-neue", sans-serif;
font-size: 18px;
font-weight: normal;
letter-spacing: .05em;
margin-bottom: .72em; text-transform: uppercase;
}
h4 {
font-size: 20px;
font-weight: normal;
letter-spacing: .02em;
margin-bottom: 7px;
}
hr { 
background: transparent url(//littlesilvermusic.com/wp-content/themes/littlesilver/images/bg_hr.gif) repeat-x;
border: none;
clear: both;
display: block;
height: 4px;
margin-bottom: 13px;
width: 100%;
}
p { margin-bottom: 13px; } dd { margin-bottom: 10px; }
dt { font-weight: bold; }
dl { margin-bottom: 7px; }
ul,
ol {
margin-bottom: 13px;
}
ul { list-style: inside disc; }
li { margin-bottom: 7px; }
ol { list-style: inside decimal; }
ol ol,
ul ul,
ul ol,
ol ul { 
margin-bottom: 0;
padding: 6.5px 0 0 1em;
} form {
margin-bottom: 13px;
}
form p { 
margin-bottom: 6px;
overflow: hidden;
position: relative;
width: 100%;
}
input.text {
color: #666;
font-size: 13px;
}
select { margin-bottom: 13px; }
textarea { 
padding: 4%;
width: 90%;
} table { 
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ffc;
margin: 0 -1px 13px 0;
width: 100%;
}
table td { 
border-top: 1px solid #ffc;
padding: 5px 24px;
}
table th { 
font-weight: bold;
padding: 5px 24px;
}  #wrap {
min-height: 100%;
height: auto !important;
height: 100%;
}
body #wrap { 
height: auto;
min-height: 100%;
}
body > #wrap {
box-sizing: border-box;
margin: 0 auto;
max-width: 1000px;
padding: 0 20px;
width: 100%;
}
@media (min-width: 768px) {
body.category-photo-video > #wrap {
}
} #main {
max-width: 960px;
overflow: auto; width: 100%;
} .section { 
margin: 0 auto;
overflow: hidden;
text-align: left;
width: 100%;
}
#main .section { padding-top: 0;
} #main #content {
box-sizing: border-box;
float: none;
position: relative;
width: 100%;
}
@media (min-width: 768px) {
#main #content { float: left;
padding-right: 20px;
width: 66%;
}
body.home #main #content {
width: 72%;
} } #main #col-right { border-top: 1px solid #ccc; box-sizing: border-box;
margin-top: 40px;
padding-top: 20px;
width: 100%;
}
@media (min-width: 768px) {
#main #col-right {
background: none;
float: right;
margin-top: 0;
padding: 0 0 0 20px;
border: none;
width: 34%;
}
body.home #main #col-right { 
width: 28%;
}
} .content-inner-column {
box-sizing: border-box;
width: 100%;
}
@media (min-width: 768px) {
.content-inner-column {
float: left;
padding: 0 20px; 
width: 50%;
}
.content-inner-column:first-child {
padding-left: 0;
}
} #footer { background-color: #ddd; margin-top: 30px;
overflow: hidden;
position: relative;
width: 100%;
}
#footer .section {
box-sizing: border-box;
margin: 0 auto 8px;
max-width: 1000px;
padding: 20px 20px 0; width: 100%;
}
#footer,
#footer li,
#footer p { 
font-size: 14px;
line-height: 1.5;
}
#footer .footer-component-copyright p {
font-size: 13px;
}
#footer li {
margin-bottom: 2px;
}
#footer li a {
display: inline-block;
position: relative;
left: -3px;
}
#footer h3 {
margin-bottom: 0;
}
.footer-row {
clear: both;
float: left;
padding-bottom: 10px;
width: 100%;
}
@media (min-width: 580px) {
.footer-column {
box-sizing: border-box;
float: left;
padding-left: 20px;
width: 50%;
}
.footer-column:first-child {
padding: 0 10px 0 0;
}
}
@media (min-width: 830px) {
.footer-row {
padding-bottom: 20px;
width: 72%;
}
.footer-column {
padding-left: 10px;
width: 50%;
}
.footer-column:first-child {
padding: 0 30px 0 0;
}
}  .global-navigation { 
background-color: #fff;
position: relative;
width: 100%;
} .global-navigation .section {
background-color: #ddd;
box-sizing: border-box;
margin: 0 auto 13px;
max-width: 1000px;
min-height: 43px;
padding: 0;
position: relative;
width: 100%;
}
@media (min-width: 768px) {
.global-navigation .section {
background-color: transparent;
min-height: auto;
padding: 0 20px;
}
}
.global-menu {
display: none;
float: left;
font-size: 14px;
line-height: 1;
margin: 45px 0 0;
text-transform: uppercase;
width: 100%;
}
.global-menu.active-menu {
display: block;
}
.global-menu a { 
color: #777;
display: block;
font-family: "bebas-neue-n4", "bebas-neue", sans-serif;
padding: 17px 0 12px;
width: 100%;
}
.global-menu a:hover { 
background-color: transparent;
color: #423a2e;
text-decoration: none;
}
.global-menu li { 
display: block;
font-size: 18px;
letter-spacing: .05em;
margin: 0;
text-align: center;
width: 100%;
}
.global-menu li:last-child { 
border-right: none;
padding-right: 0;
}
.global-menu .current-menu-item > a,
.global-menu .current_page_item > a,
.global-menu .current-cat > a,
.global-menu .current-page-ancestor > a,
.global-menu .current-menu-ancestor > a,
.global-menu .current-cat-parent > a,
.global-menu .current-category-ancestor > a,
.global-menu .current.post-ancestor > a,
.global-menu .current-menu-item > a:hover,
.global-menu .current_page_item > a:hover,
.global-menu .current-cat > a:hover,
.global-menu .current-page-ancestor > a:hover,
.global-menu .current-menu-ancestor > a:hover,
.global-menu .current-cat-parent > a:hover,
.global-menu .current-category-ancestor > a:hover,
.global-menu .current.post-ancestor > a:hover { 
background-color: #fff;
color: #423a2e;
}
@media (min-width: 768px) {
.global-menu,
.global-menu.active-menu {
display: block;
margin: 0;
width: auto;
}
.global-menu a {
color: #888;
padding: 17px 13px 12px;
width: auto;
}
.global-menu a:hover {
background-color: transparent;
color: #423a2e;
}
.global-menu li { 
float: left;
text-align: left;
width: auto;
}
}
.global-menu__toggle {
background-image: url(//littlesilvermusic.com/wp-content/themes/littlesilver/images/nav-toggle-icon2.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100px 17px;
display: inline-block;
height: 17px;
left: 20px;
outline: none;
overflow: hidden;
position: absolute;
top: 15px;
transition: background-position .25s;
width: 20px;
z-index: 3;
}
.global-menu__toggle:hover {
cursor: pointer;
}
.global-menu__toggle.active-menu {
background-position: -80px 0;
}
@media (min-width: 768px) {
.global-menu__toggle {
display: none;
}
} #identity { 
box-sizing: border-box;
margin: 0 auto 8px;
max-width: 1000px;
padding: 13px 20px;
width: 100%;
}
body.home #identity { 
background: transparent;
margin-bottom: 0;
}
#identity .section { box-sizing: border-box;
margin: 0 auto 13px;
max-width: 960px;
padding: 2px 0 15px;
padding: 2px 0 0;
position: relative;
width: 100%;
}  #logo {
display: block;
max-height: 149px;
margin: 0 auto;
max-width: 320px;
text-align: center;
}
#logo a:focus {
outline: 0;
}
#logo img {
border: none;
text-align: center;
}
@media (min-width: 820px) {
#logo {
display: inline-block;
float: left;
height: auto;
margin: 0;
max-height: auto;
max-width: 968px;
text-align: left;
width: 484px;
}
#logo img {
text-align: left;
}
} .header-promo {
clear: left;
float: none;
margin: 10px auto 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.header-promo .header-promo-line1 { font-family: "bebas-neue-n4", "bebas-neue", sans-serif;
font-size: 32px;
font-size: 28px;
font-style: normal;
font-weight: 400;
letter-spacing: .02em;
line-height: 1.15;
text-transform: lowercase;
}
.header-promo .header-promo-line2 { 
display: inline-block;
margin-top: 2px;
}
@media (min-width: 820px) {
.header-promo {
clear: none;
float: right;
float: left;
margin: 0 0 0 35px;
text-align: left;
width: auto;
}
} #banner { margin-bottom: 20px;
}
.banner-image { line-height: 1; }
.banner-image img {
box-sizing: border-box;
border: none;
height: auto;
margin-bottom: 13px;
max-width: 100%;
width: 100%;
}
@media (min-width: 768px) {
.banner-image img {
box-sizing: border-box;
border: 15px solid #fff;
height: auto;
margin-bottom: 13px;
max-width: 100%;
width: 100%;
}
}   .hentry {  margin-bottom: 19.5px;
overflow: hidden;
position: relative;
width: 100%;
} .postmetadata { 
clear: both;
font-size: 12px;
}
img.avatar { 
border: 2px solid #fff;
display: inline;
float: left;
margin: 0 13px 13px 0;
} .fluid-width-video-wrapper {
margin-bottom: 10px;
}
p.wp-caption-text { 
font-size: 11px;
line-height: 1.15;
margin-bottom: 0;
padding-top: 5px;
}
#content .hentry:last-child { background: none; }
.pressquote {
color: #966;
font-family: "museo-slab-n3", "museo-slab", slab-serif;
font-size: 12px;
letter-spacing: 1px;
}
.attribution {
color: #c00;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
} .gallery { 
clear: both;
display: block;
margin: 0 auto 14px;
overflow: hidden;
}
.gallery .gallery-row { 
clear: both;
display: block;
margin: 0;
overflow: hidden;
}
.gallery .gallery-item { 
float: left;
line-height: 1em;
margin: 0;
overflow: hidden;
padding: 0 6px 6px 0;
text-align: left;
}
.gallery .gallery-item img,
.gallery .gallery-item img.thumbnail {
border: 1px;
padding: 0;
}
.gallery-caption { margin-left: 0; } ol.tracklist li { 
background: transparent url(//littlesilvermusic.com/wp-content/themes/littlesilver/images/bg_hr.gif) repeat-x bottom center;
padding-bottom: 1px;
}
ol.tracklist li h2 { display: inline-block; }
p.audioplayer_container { margin-bottom: 6.5px; } div.linklist { 
float: left;
margin-right: 3%;
width: 30%;
} .hentry.album { background: transparent; }
.hentry.album img.wp.post-image { 
border: 10px solid #fff;
display: inline;
float: left;
margin: 0 25px 20px 0;
} .albumgrid { 
overflow: hidden;
width: 100%;
}
.albumgrid .hentry { 
float: left;
margin-bottom: 1.5em;
width: 33.3333333%;
} .navigation { 
overflow: hidden;
width: 100%;
} .file-type {
color: #666;
font-size: 12px;
} .sidebar ul { list-style: none; }
.sidebar .widget_links h3 { display: none; }   @media (max-width: 767px) {
.widget-notebook {
display: none;
visibility: hidden;
}
}
@media (min-width: 768px) {
.widget-notebook {
display: block;
visibility: visible;
}
} .sidebar ul.blogroll { list-style: none; }
.sidebar .blogroll a img { 
height: auto;
max-width: 196px;
}
.sidebar .blogroll a { color: #09c; }
.sidebar .blogroll a:hover { text-decoration: none; }
.sidebar .blogroll li { margin-bottom: 13px; } .widget {  margin-bottom: 13px; padding-bottom: 3.25px;
position: relative;
width: 100%;
} .widget:last-child {
border-bottom: none;
position: static;
margin-bottom: 13px;
}
.widget:last-child:after { 
display: none;
} .tagcloud a:hover { text-decoration: none; } #subForm { margin-bottom: 13px; }
#subForm label {
display: none;
}
#subForm input.text { 
border: 1px solid #ccc;
margin-right: 6px;
padding: 6px 7px 7px;
width: 184px;
}
#subForm input#cm-f-iiijjt { 
margin-right: 6px;
width: 70px;
}  .btn { 
background-color: #423a2e;
border: 0;
color: #fff;
padding: 9px 7px 8px;
text-transform: uppercase;
}
.btn:hover { 
background-color: #999;
color: #fff;
text-decoration: none;
}  ul.follow-links {
height: 43px;
right: 20px;
line-height: 1;
list-style: none;
margin: 0;
overflow: hidden;
position: absolute;
width: 86px;
}
ul.follow-links li {
float: left;
margin-bottom: 0;
}
[class^="follow-link-"] { 
background: url(//littlesilvermusic.com/wp-content/themes/littlesilver/images/sprite-follow-icons.png) no-repeat;
background-size: 86px;
display: inline-block;
float: left;
height: 43px;
overflow: hidden;
text-indent: -9999em;
width: 43px;
}
a.follow-link-facebook { background-position: 0 0; }
a.follow-link-facebook:hover { background-position: 0 -43px; }
a.follow-link-instagram { background-position: -43px 0; }
a.follow-link-instagram:hover { background-position: -43px -43px; } #searchform .text { 
border: 1px solid #ccc;
margin-right: 5px;
padding: 6px 7px 7px;
width: 130px;
}
#searchform p { 
margin-bottom: 6.5px;
overflow: hidden;
position: relative;
width: 100%;
}
#searchform label.overlayed { 
color: #999;
left: 7px;
position: absolute;
top: 6px;
white-space: nowrap;
} #commentform input { 
margin: 5px 5px 1px 0;
padding: 2px;
width: 170px;
}