#asidePad{
padding: 35px;
background: rgba(0,0,0,0.3);
border-bottom: 1px solid rgba(0,0,0,0.3);
box-shadow: rgba(0,0,0,0.2) 0 2px 5px;
border-top: 1px solid rgba(255,255,255,0.1);
}

@media screen and (max-width: 770px) {
	#navWrap{margin-bottom: -35px;}
	#navWrap > nav{visibility: visible;}
	#menuButton{display: block;}
	header > nav{display:none;}
	
	body > #wrapper > section > aside{width: 100% !important; clear: both !important;}
	body > #wrapper > section > #content{margin-left: 0 !important;}
	body > #wrapper > section #pushContent {padding-left: 0 !important;}
	body > #wrapper > section > aside:before {margin: 0 0 25px !important;;}
}

#wrapper{margin-top:8%;margin-bottom:8%;}

#wrapper,#navWrap,#navWrap{margin-right:10%;margin-left:10%;}

body{background-image: url('images/wood.jpg');}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {

  /* Don't forget your Retina CSS! */
  
  body {
    background-size: 450px 321px;
  }

}

body > #wrapper > section > aside{width: 275px;}
body > #wrapper > section > #content{margin-left: -320px;}
body > #wrapper > section #pushContent {padding-left: 320px}


		/* Site Background */
body{background-color:#292929;}

/* Site Title */
#wrapper > header h1,
#wrapper > header h1 a,
#wrapper > header h1 a:hover{color:#249EC3;}

/* Site Slogan */
#wrapper > header h1 a span{color:#7B7B7B;}

/* Nav Links */
header ul a,
#menuButton:before,
header > nav > ul > li:before,
#navWrap ul ul a{color:#BBBBBB;}
header ul ul a{color:#EEEEEE;}

/* Nav Background */
#navWrap > nav, 
#menuButton:before{background-color: #797979;}
#navWrap > nav{border-top: 35px solid #BBBBBB;}
#navWrap > nav li a{border-bottom: 1px solid #8C8C8C;}

header > nav ul ul{
background-color: #797979;
border-top-color: #929292;
border-bottom-color: rgba(255,255,255,0.1);
}
header > nav > ul ul > li:nth-child(even){background-color: #838383;}
header > nav > ul > li > ul:before{border-bottom-color: #9F9F9F;}
header > nav > ul > li > ul:after{border-bottom-color: #797979;}


/* Nav Link Hover*/
#menuButton.open:before,
#navWrap ul a,#navWrap ul a:hover,
header > nav > ul > li:hover > a,
header > nav > ul > li > ul > li:hover > a,
header > nav > ul > li > ul > li > ul > li:hover > a{color:#FFFFFF;}

/* Nav Link Current*/
header ul li a.current,
header > nav > ul > li a.currentAncestor{color:#BBBBBB;}

/* Content Header */
h1,h2,h3,h4,h5,h6,
h1.blog-entry-title,
h1.blog-entry-title a,
#blog-categories:before,
#blog-archives:before,
ul.blog-tag-cloud:before,
#blog-rss-feeds:before,
.filesharing-item-title a,
p.photo-title{
color: #BBBBBB;
}
/* Content Text */
#wrapper section,
#wrapper footer,
form > div input,
form > div textarea,
#blog-archives a:after,
#blog-categories a:after,
#blog-rss-feeds a:after{
color:#D3D3D3;
}
/* Content Links */
section a, 
footer a{
color:#28AFD8;
}

/* Content Link Hover */
section a:hover,
footer a:hover{
color:#2FC3F1;
}

/* Blog */

#blog-categories,
#blog-archives,
ul.blog-tag-cloud,
#blog-rss-feeds,
p.blog-entry-tags{
border-color: %colour_content_background - 0.06%;
}

/* Photo Album */

.thumbnail-wrap {
border: 1px solid %colour_content_background - 0.05%;
background: %colour_content_background - 0.03%;
}

/* Contact Form */

form > div textarea.form-input-field,
form > div input.form-input-field[type="text"],
form > div input.form-input-button[type="submit"],
form > div input.form-input-button[type="reset"] {
background: %colour_content_background - 0.05%;
}