@media print
   {
        #all {border: white}
        #body {display:block; margin-left: 0px}
        #nav {display:none}
        #footnav {display:none}
        #buttons {display:none}
        #domain {margin-left: 0px}
		}


html {height: 100%}

body
{font-family: 'Amiko', sans-serif;
color: black;
height: 100%;
/*background: url(images/pinstripec.gif);
*/font-size: 16px;
margin: 0;}

/* LAYOUT */

.container
{width: auto;
display: table;
width: 90%;
min-height: 100%;
margin: 10px 5%;
border: solid 2px #999999;}

aside
{width: 130px;
display: table-cell;
min-height: 100%;
background-color: #000000;
text-align:center;}

nav
{padding-top: 80px;}

.main
{display: table-cell;
margin-left: 130px;
min-height: 100%;
background-color: #ffffff;
padding: 0 4.5%;}

header
{display: table; margin: 0 auto 30px;}

footer
{padding: 25px 0 15px;
text-align:center;
line-height: 24px;
clear:both;}

hr 
{margin: 20px 0;}


/* LINKS & HEADINGS*/

.main a:link 
{color: #8000FF; text-decoration: none;}

.main a:visited
{color: #3E3E3E; text-decoration: none;}

.main a:hover 
{color: #FFFFFF; background-color: #993366;}

.main a:active 
{color: #FFFF99; background-color: #993366;}

h2 
{font-size:  18px; font-weight: bold; font-family: 'Amiko', sans-serif;}

h3 
{font-size:  17px; font-weight: normal; font-family: 'Amiko', sans-serif;}

.heading
{padding-bottom: 40px;}

/* SPACING & FLOAT */

.left
{float: left;}

.right
{float: right;}

.clear
{clear: both;}

.center
{text-align: center;}

.textleft
{text-align: left;}

.space10
{margin: 5px;}

.space20
{margin: 10px;}

.spacer1
{height: 21px;}

.spacer2
{height: 13px;}

.spacer3
{height: 29px;}

/* CONTENT */

.width50
{width: 50%;}

.width70
{width: 70%;}

.leslie
{padding-right: 30px;}

.artsinging
{padding: 80px 80px;}

.padtop30
{padding-top: 30px;}

.margbot16
{margin-bottom: 16px;}

.bigger
{font-size: 18px;}

/* MISC */

.copy 
{font-size: 13px}

.small 
{font-size: 11px}

.red 
{color: #af0000; font-weight: bold;}

.white 
{color: #ffffff;}

table
{border-collapse: collapse;}

select
{font-size: 17px; margin-bottom: 15px;}

.block
{display:block;}

.songtitle {font-weight:bold; margin-bottom: 5px;}

audio {margin-bottom: 20px; width:300px;}

.spotify {margin-top: 20px; display: block;}
.noback:hover {background-color: unset!important;}

.xmas {margin-right: 20px;}

/* MOBILE */

.navmobile
{display:none;}

@media screen and (max-width: 1069px) {

.width50, .width70
{width: 100%;}

.leslie, .artsinging
{padding: 30px 0 0; float: none; text-align:center; clear:both;}

.padtop30
{padding: 0;}

}

@media screen and (max-width: 767px) {
aside
{display:none;}

.navicon 
{display: block; 
cursor: pointer; 
background: #888888 url(http://poodleday.com/images/nav.svg) no-repeat center center; 
background-size: 20px; 
height: 40px; 
width: 110%; 
position: relative; 
margin: 0 -5%}

.navmobile 
{background: #888888; 
width: 100%; width: 100%; 
position: relative; 
margin: 0 -5%; 
padding: 5%; 
font-size:20px; 
line-height: 36px; 
text-align:center; 
color: #ffffff;}

.navmobile a:link, .navmobile a:visited 
{color: #ffffff; padding: 7px;}

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

.xmas {margin-bottom: 20px;}

footer
{font-size:18px; line-height: 28px;}
}

/*@media screen and (max-width: 430px) {

img 
{display: block;}
}*/