/* Site Title */

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

	html{
	background-color:#444444;
	}

}

body{
background-color:#E4E4E4;
}

/* Clear View */
#cv{
background-color:#CCCCCC;
}

/* Site Title */
header h1, header h1 a{
color:#333333;
}

/* Site Slogan */
header h2{
color:#AAAAAA;
}

/* Content Background & Text Color */
section#b{
background-color:#FFFFFF;
color:#666666;
border-left-color:#444444;
}
section#b form div input,
section#b form div textarea{
color:#666666;	
}

header li li{
background-color:#FFFFFF;	
}

.filesharing-item {
border-top-color: #FFFFFF;
border-bottom-color: #F4F4F4;
}

#cv{
color:#FFFFFF;
}

@media screen and (max-width: 480px) {
    section#c{background-color:#FFFFFF;}
    aside{background-color: #373737;}
}

header ul,header li li a{
border-color: #F4F4F4;
background-color: #FFFFFF;
}

/* Strip Breaks */
aside li, nav li{
border-bottom: 1px solid #373737;
box-shadow: 0 1px 0 #505050;
}

section#b > span{
border-right: 5px solid #5CC2FF;
}

/* Content Header */
section#e h1,
section#e h2,
section#e h3,
section#e h4,
section#e h5,
section#e h6,
section#e h1.blog-entry-title,
section#e h1.blog-entry-title a,
#blog-categories:before,
#blog-archives:before,
ul.blog-tag-cloud:before,
#blog-rss-feeds:before,
section#e .filesharing-item-title a,
p.photo-title{
color: #333333;
}

/* Content Links */
section#e a, 
footer a,
ul#breadcrumb a,
header ul a{
color:#333333;
}

/* Content Link Hover */
section#e a:hover,
header li a:hover,
header li a.current,
footer a:hover{
color:#666666;
}

/* Nav Background */

nav{
background-color:#444444;
}
@media screen and (max-width: 480px) {
	aside{
	background-color:#444444;
	border-color:#444444;
	}
	li#menu:before{
	border-color:#444444;
	}
}

nav > ul#n:before,
nav > ul > li.children > a{
background-color:#393939;
}

nav > ul > li.children > a {
text-shadow: #252525 0 1px 1px;
border-bottom: 1px solid #323232;
box-shadow: inset #323232 0 0 4px;
}

nav ul#n:before,
nav li.children > a{
color:#777777;
}

/* Nav Links */
nav a{
color:#CCCCCC;
}

nav a.current{
color:#FFFFFF;
}

/* Nav Link Hover*/
nav a:hover{
color:#FFFFFF;
}

/* Blog */

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

/* Photo Album */

.thumbnail-wrap {
border: 1px solid #F2F2F2;
background: #F7F7F7;
}

/* 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: #F2F2F2;
}