body { 
	background: #000;
	font-family: 'Lora', georgia, serif;
	font-size: 16px;
	max-width: 1200px;
	-webkit-text-size-adjust: 100%
}

a:link, a:visited, a:hover, a:active {
	font-size: 0.85em;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #000;
}

header h1 /* site title */{
	font-size: 1em;
	padding: 8px 0;
	margin: 0;
}

header h2 /* site subtitle */ {
	font-size: 0.8em;	
	padding: 0;
}

footer.divider {
	padding: 0.5em 3em;
}

#logo {
	padding: 3%;
}

#logo img {
	display: block;
	max-width: 180px;
	margin: 0 auto;
}

h1 /* section title */ {
}

h2 /* section subtitle */ {
	font-size: 1em;
}

h3 {
}

h4 {
}

h5 {
}

p {
	font-size: 0.8em;
	line-height: 1.4em;
}

.note {
	font-size: 0.7em;
}

.timestamp {
}

.caption {
}

blockquote {
	font-size: 1.58em
	line-heigth: 1.8em;
}

.title {
	padding: 0;
	margin: 0;	
}

.artist {
	font-size: 1.08em;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0.3em 1em 0.3em;
	margin: 0;	
}

.videoLink {
	padding: 0 0.8em;
}

.videoLinkText {
	font-size: 0.9em;
	line-height: 1.4em;
	display: none;
}

.desc {
	padding: 0.8em;
}

.posted {
	font-size: 0.54em;
	font-weight: bold;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
}


/* define the colors */

.color-w {
	background: #FFF;
}

.color-k {
	background: #000;
}

.color-00, .divider, .b-divider {
	background: #F93;
}

.color-00t, .t-divider {
	background: #F63;
}

.color-01 {
	background: #FC9732;
}

.color-02 {
	background: #36C;
}

.color-03 {
	background: #99C;
}

.color-04 {
	background: #7C7143;
}

.color-05 {
	background: #996;
}

.color-06 {
	background: #963;
}

.color-07 {
	background: #CD7E67;
}

.color-08 {
	background: #C99;
}

.color-09 {
	background: #BFA4C1;
}


/* define the borders */

.l-border {
	border-left: 2.5em solid #000;
}
.r-border {
	border-right: 2.5em solid #000;
}
.t-border {
	border-top: 1.875em solid #000;
}
.b-border {
	border-bottom: 2.5em solid #000;
}

/* special effect */

.unit img { 
	-webkit-transition: all .2s ease-in-out; 
	 -moz-transition:all .2s ease-in-out; 
	  transition:all .2s ease-in-out; 
	
}


.unit img:hover { 
	-webkit-transform: scale(1.025); 
	 -moz-transition:all .2s ease-in-out; 
	  transition:all .2s ease-in-out; 
}


@media only screen and (min-width: 541px) and (max-width: 864px) {

header h1 /* site title */{
	font-size: 1.8em;
	padding: 20px 8px;
	margin: 0;
}

header h2 /* site subtitle */ {
	font-size: 1.2em;
	padding: 1em 0 0.7em;
	margin: 0;
}

h2 /* section subtitle */ {
	font-size: 1.5em;
}

p {
	font-size: 1.12em;
	line-height: 1.521em;
}

.note {
	font-size: 0.9em;
}

.artist {
	font-size: 1.12em;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0.25em 1em 0em;
	margin: 0;	
}

.videoLink {
	padding: 0 1em;
}

.videoLinkText {
	font-size: 0.8em;
	line-height: 1.4em;
	display: block;
}

.desc {
	padding: 1em;
}

.posted {
	font-size: 0.8em;
	font-weight: bold;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
}


/* define the borders */

.l-border {
	border-left: 2.5em solid #000;
}
.r-border {
	border-right: 2.5em solid #000;
}
.t-border {
	border-top: 1.875em solid #000;
}
.b-border {
	border-bottom: 2.5em solid #000;
}

}


@media only screen and (min-width: 865px) {

	
header h1 /* site title */{
	font-size: 3em;
	padding: 35px 20px;
	margin: 0;
}

header h2 /* site subtitle */ {
	font-size: 2em;
	padding: 20px 20px 15px;
	margin: 0;
}

h2 /* section subtitle */ {
	font-size: 2em;
}

p {
	font-size: 1.12em;
	line-height: 1.521em;
}

.note {
	font-size: 0.9em;
}

.artist {
	font-size: 1.44em;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0.05em 1em 0em;
	margin: 0;	
}

.videoLink {
	padding: 0 1em;
}

.videoLinkText {
	font-size: 0.8em;
	line-height: 1.4em;
	display: block;

}

.desc {
	padding: 1em;
}

.posted {
	font-size: 0.8em;
	font-weight: bold;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
}


/* define the borders */

.l-border {
	border-left: 2.5em solid #000;
}
.r-border {
	border-right: 2.5em solid #000;
}
.t-border {
	border-top: 2.5em solid #000;
}
.b-border {
	border-bottom: 2.5em solid #000;
}
	
}