/*   Custom Theme "Brand Elterman"
	
	by Eric Hu
	http://erichu.tumblr.com/
	http://ericpaints.it/
	http://www.tumblr.com/themes/by/erichu
 */

* { padding: 0; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; }
img { border: none; }
ul li, ol li { list-style-type: none; }
html { overflow-y: scroll; }

header, footer, section, article, nav, aside {
       display: block; }
	
body {
	background: #fff;
	font: 100% Helvetica, Aria, sans-serif;
	color: #555; }
	
::-moz-selection { background: #777; color: #fff; text-shadow: none; }
::selection { background: #777; color: #fff; text-shadow: none; }

a, a:link, a:hover, a:visited {
	text-decoration: none; }
	
#container {
	width: 710px;
	margin: 0 auto;
	font: 12px Helvetica, Arial, sans-serif; }

header {
	margin: 50px 0 70px 0;
	line-height: 20px;}

header h1 a, header h1 a:link, header h1 a:visited {
	font: bold 46px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #555; }

#description {
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	color: #aaa; }

nav {
	float: right;
	clear: both; }

nav ul li {
	margin: 0 0 -5px 0; }

nav ul li a, nav ul li a:link, nav ul li a:visited {
	text-transform: uppercase;
	color: #999;
	padding: 0;
	display: block;
	font: bold 24px Helvetica, Arial, sans-serif; }

nav ul li a.about-link {
	font-size: 31px;
	line-height: 30px;
	position: relative; }

nav ul li a.ask-link {
	font-size: 52px;
	font-weight: normal;
	padding: 0;
	line-height: 48px;
	position: relative;
	top: 2px; }

nav ul li a.archive-link {
	line-height: 23px;
	position: relative;
	top: 5px; }

nav ul li a.contact-link {
	font-size: 22px;
	line-height: 22px;
	position: relative;
	top: 10px; }

nav ul li a.exhibits-link {
	font-size: 23px;
	line-height: 22px;
	letter-spacing: 1px;
	position: relative;
	top: 15px; }

nav ul li a.facebook-link {
	font-size: 19px;
	line-height: 20px;
	position: relative;
	top: 20px; }

nav ul li a.press-link {
	font-size: 33px;
	line-height: 30px;
	position: relative;
	top: 24px; }

nav ul li a.twitter-link {
	line-height: 23px;
	position: relative;
	top: 29px; }

nav ul li a.speak-link {
	font-size: 32px;
	line-height: 30px;
	position: relative;
	top: 33px; }

nav ul li a.shop-link {
	color: #777;
	font-size: 38px;
	line-height: 34px;
	position: relative;
	top: 37px; }

nav ul li a:hover {
	background: #555;
	color: #fff; }

article {
	float: left;
	width: 550px;
	margin: 0 0 100px 0; }

.post {
	width: 550px;
	padding: 0 50px 0 0; }

.post p {
	font: 12px Helvetica, Arial, sans-serif;
	line-height: 20px;
	margin: 0 0 10px 0; }

.post p a, .post p a:link, .post p a:visited {
	color: #999; }

.post p a:hover {
	color: #333;
	text-decoration: underline; }

.article_details {
	margin: 10px 0 0 0; }

.article_details a, .article_details a:link, .article_details a:visited {
	color: #aaa; }

.time, .date {
	color: #aaa;
	margin: 0 0 5px 0; }

.time a:hover, .date a:hover {
	color: #666; }

#pages {
	float: left;
	width: 710px;
	font: bold 20px Helvetica, Arial, sans-serif; }
	
#pages ul li {
	display: inline;
	margin: 0 5px 0 0; }
	
#pages ul li a, #pages ul li a:link, #pages ul li a:visited {
	text-decoration: none;
	color: #bbb;
	padding: 3px 5px; }
	
#pages ul li a:hover {
	color: #666; }
	
#pages ul li.active {
	color: #666;
	padding: 3px 7px; }
	
#pages:hover ul li.active  {
	color: #333; }

footer {
	width: 710px;
	float: left;
	text-align: right;
	padding: 100px 0 50px 0;
	color: #ccc;
	font: 12px Helvetica, Arial, sans-serif; }
	
footer a, footer a:link, footer a:visited {
	text-decoration: none;
	color: #ccc; }

footer:hover a {
	color: #888;}
	
footer a:hover {
	color: #555; }

/* ---------------- TAGS ------------------ */

.tags {
	font: 12px Helvetica, Arial, sans-serif;
	text-transform: lowercase; }
	
.tags li {
	float: left;
	margin: 0 5px 0 0; }
	
.tags a, .tags a:link, .tags a:visited {
	color: #bbb;
	text-decoration: none; }
	
.tags a:hover {
	color: #666;
	border-bottom: 1px dotted #666;}
	

/*---------------- TEXT --------------- */
	
h2.article_title {
	font: 12px Helvetica, Arial, sans-serif;
	margin: 0 0 20px 0;
	text-transform: uppercase; }
	
h2.article_title a, h2.article_title a:link, h2.article_title a:visited {
	text-decoration: underline;
	color: #555; }
	
h2.article_title a:hover {
	border: none;
	color: #222; }


/*---------------- PHOTO --------------- */

#content article .post .photo a, #content article .post .photo a:link, #content article .post .photo a:visited, .post:hover .photo a, .post:hover .photo a:link, .post:hover .photo a:visited {
	border: none; }

.photo_caption {
	margin: 10px 0 0 0; }

/*---------------- QUOTE --------------- */
	
.quote_text {
	font: italic 20px Helvetica, Arial, sans-serif;
	color: #555;
	line-height: 26px;
	position: relative;
	top: -3px; }
	
.quote_source {
	margin: 3px 0 0 0; }

/*---------------- LINK --------------- */

.link_title, .link_title:link, .link_title:visited {
	font: 12px Helvetica, Arial, sans-serif;
	text-decoration: underline;
	text-transform: uppercase; 
	color: #555; }

.link_title:after {
	content: " [link]";
	font: 12px Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	text-decoration: none;
	color: #aaa; }


/*---------------- CHAT --------------- */

.chat_title {
	font: 12px Helvetica, Arial, sans-serif;
	color: #555;
	margin: 0 0 10px 0; }
	
#content article .post ul.chat {
	font: 12px Helvetica, Arial, sans-serif;
	color: #555;
	margin: 0; }
	
#content article .post ul.chat li {
	margin: 0 0 10px 0;
	padding: 5px;
	list-style-type: none;
	margin: 0; }

.member1 {
	background: #f8f8f8; }
	
.member2 {
	background: #eee; }
	
.member3 {
	background: #ddd; }
	
.member4 {
	background: #ccc; }

/*---------------- AUDIO --------------- */	

.audio_details, .audio_caption {
	font: 12px Helvetica, Arial, sans-serif;
	color: #555; }

.audio_details {
	margin: 0 0 15px 0; }

.playcount, .external_audio_url, external_audio_url:link, external_audio_url:visited {
	font: 12px Helvetica, Arial, sans-serif; }
	
/*---------------- VIDEO --------------- */

.video_caption {
	margin: 10px 0 0 0; }
	
/*---------------- ASK --------------- */

h3 {
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 20px;
	color: #555; }

h3 a, h3 a:link, h3 a:visited, .asker {
	color: #fff;
	background: #555; }
	

/* ------------------- NOTES ---------------- */

#notes {
	font: 12px Helvetica, Arial, sans-serif;
	margin: 100px 0 0 0;
	width: 550px;
	padding: 0 50px 0 0; }

.action a, .action a:link, .action a:visited {
	color: #aaa; }
	
#notes:hover .notes .note .action a, #notes:hover .notes .note .action a:link, #notes:hover .notes .note .action a:visited {
	color: #666; }
	
#notes:hover .notes .note .action a:hover {
	color: #666;
	border-bottom: 1px solid #666; }
	
ol.notes li.note {
	text-align: left;
	padding: 5px 5px 5px 0;
	border-bottom: 1px solid #eee;
	color: #555; }
	
ol.notes li.note:hover {
	border-bottom: 1px solid #ccc; }
	
ol.notes li.note img.avatar {
	margin: 0 10px -4px 0;
	width: 16px;
	height: 16px;
	opacity: 0.75;
	filter:alpha(opacity=75); }
	
#notes:hover .notes .note img.avatar {
	opacity: 1;
	filter:alpha(opacity=100); }
	
ol.notes li.note blockquote {
	border-left: 1px dotted #ccc;
	padding: 5px;
	margin: 10px; }
	
#notes:hover ol.notes li.note blockquote {
	border-left: 1px dotted #888; }
	
ol.notes li.note blockquote a, ol.notes li.note blockquote a:link, ol.notes li.note blockquote a:visited {
	text-decoration: underline;
	border: none; }

.more_notes_link {
	color: #666; }