@import url('speech-bubble.css');


/*BLOG */

#blog {
	position: absolute;
	top: 247px;
	padding: 0 1px 100px 0;
	width: 630px;
}



/* BLOG POST */

.post {
	margin: 0;
	padding: 0 0 70px 0;
}

.navigation {
	margin: -30px 0 15px 70px;
	display: none;
}

.navigation a:hover {
	border-bottom: 1px dotted #000000;
}

#search-results-list .post, .archive .post {
	padding: 0;
}

.hd-category {
	margin-top: -22px;
}

.category-performance .hd-category h3 a,
.category-performance span.sym-category,
.category-Performance .hd-category-arc h2 span {
	color: #E72D30; /*red*/
}

.category-experiment .hd-category h3 a,
.category-experiment span.sym-category,
.category-Experiment .hd-category-arc h2 span {
	color: #AB519F; /*purple*/
}

.category-exhibition .hd-category h3 a,
.category-exhibition span.sym-category,
.category-Exhibition .hd-category-arc h2 span {
	color: #3EAEE2; /*blue*/
}

.category-research .hd-category h3 a,
.category-research span.sym-category,
.category-Research .hd-category-arc h2 span {
	color: #8EC741; /*green*/
}

.category-project .hd-category h3 a,
.category-project span.sym-category,
.category-Project .hd-category-arc h2 span {
	color: #F3C118; /*yellow*/
}

.category-uncategorized .hd-category h3 a,
.category-uncategorized span.sym-category,
.category-Uncategorized .hd-category-arc h2 span {
	color: transparent; /*transparent*/
}

.category-uncategorized .hd-category h3 a,
.category-Uncategorized .hd-category-arc h2 span {
	display: none;
}


.hd-category h3 {
	padding: 0;
	margin: 0;
}

.hd-category h3 a:hover {
	color: #000000;
}

.hd-category span.sym-category {
	font-size:1.09em;
}

.post .date {
	position: relative;
	left: 0;
	font-weight: bold;
	text-align: center;
	width: 70px;
	height: 74px;
	background-image: url(../images/ui/tile-right-slash-ani.gif);
	padding-top: 10px;
	cursor: default;
}

.post .date:hover {
	background-image: url(../images/ui/tile-right-slash.gif);
}

.archive .date {
	top: 40px;
	cursor: default;
}

.post .date .month {
	text-transform: uppercase;
	font-size: 1.31em;
	cursor: default;
}

.post .date .day {
	margin-top: 4px;
	font-size: 2.38em;	
	cursor: default;
}

.post .title {
	margin-top: -97px;
}

.post .title h1 {
	padding: 0;
	padding: 0;
	font-size: 2.19em;
}

.post .copy img {
	margin: 18px 0 0 0;
	background-color: #EEEEEE;
}

.post .copy a img {
	border: 1px dotted #000000;
}

.post .copy a:hover img {
	border: 1px solid #000000;
}

.post .copy a:active img {
	background-color: #000000;
}

.post p.wp-caption-text, .post p.caption {
	border-left: 5px solid #333333;
	font-style: oblique;
	width: 400px;
	padding: 5px 0 7px 13px;
	background-image: url(../images/ui/tile-right-slash-ani.gif);
}

.post .copy p {
	font-size: 0.95em;
	line-height: 200%;
}

.post .comment-link {
	padding: 1px 0 0 0;
	font-size: .9em;
}

.archive .hd-category {
	margin-top: -24px;
}

.archive .title {
	margin-top: -57px;
	padding-bottom: 2px;
}

.archive .comment-link {
	padding-bottom: 50px;
}

.hd-category-arc {
	margin-left: -25px;
}

.hd-category-arc h2 {
	font-weight: normal;
	margin-bottom: 0;
}

#disqus_thread {
	margin: 0 0 70px 0;
	padding-top: 20px;
	border-top: 1px dotted #EFEFEF;
}

.post .post-tags {
	font-size: smaller;
}

.dsq-brlink {
	display: none;
}

.copy p a, .wp-caption-text a, .caption a, .post-tags a {
	text-decoration: none;
	border-bottom: 1px dotted #000000;
	padding: 1px 1px 0 1px;
}

.copy p a:visited {
	text-decoration: line-through;
}

.copy p a:hover, .wp-caption-text a:hover, .caption a:hover {
	background-color: #000000;
	color: #FFFFFF;
}

.post-tags a:hover {
	background-color: transparent;
	border-bottom-style: none;
}

p.wp-caption-text, p.caption a:visited, .post-tags a:visited {
	text-decoration: none;
}

.category-performance .title h1 a:hover {
	color: #E72D30; /*red*/
}

.category-experiment .title h1 a:hover {
	color: #AB519F; /*purple*/
}

.category-exhibition .title h1 a:hover {
	color: #3EAEE2; /*blue*/
}

.category-research .title h1 a:hover {
	color: #8EC741; /*green*/
}

.category-project .title h1 a:hover {
	color: #F3C118; /*yellow*/
}

#search-results .post h3 {
	margin-bottom: 0;
}

#search-results .post h3 a:hover {
	background-color: #000000;
	color: #FFFFFF;	
}

#search-results .post .hd-category h3 {
	font-weight: normal;
	font-size: smaller;
}

#search-results .post .hd-category {
	padding-left: 0;
	padding-top: 9px;
}

#search-results .copy {
	padding: 0 0 15px 0;
	font-size: 0.9em;
	font-style: italic;
}

#search-results .copy p {
	padding-left: 10px;
	border-left: dotted #000000 1px;
}

#search-results .post .hd-category h3 a {
	color: #000000 !important;
}

#search-results .post .hd-category h3 a:hover, .postmetadata a:hover {
	color: #000000;
	border-bottom: 1px dotted #000000;
	background-color: transparent !important;
}

#search-results .postmetadata {
	font-size: 0.85em;
}

#search-results .postmetadata .spch-bub-inside {
	font-size: 0.8em;
}

.post div.hd-category, .post .hd-category-arc, .post .copy, .post .title, .post .comment-link, 
#disqus_thread, #search-results, h2.error {
	padding-left: 95px;
}



/* BLOG SIDEBAR */

#side {
	position: absolute;
	top: 247px;
	width: 240px;
	left: 736px;
}

ul#sidewp, ul#sidewp li {
	margin: 0;
	padding: 0;
}

ul#sidewp ul {
	margin-left: 17px;
	padding: 0;
}

ul#sidewp {

}

ul#sidewp li {
	list-style: none !important;
}

#side #category {

}

#side #category ul#category-list {
	padding: 0 0 15px 0;	
}

#side #category ul#category-list li {
	list-style: none !important;
	height: 27px;
	width: 255px;
	background-color: #EEEEEE;
	margin-bottom: 22px;
}

#side #category ul#category-list li a {
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	font-size: .8em;
	letter-spacing: 0.05em;
}

ul#category-list li a div {
	background-image: url(../images/ui/sprites-blog.png);
	background-repeat: no-repeat;
	padding: 11px 0 0 20px;	
	width: 218px;
	height: 23px;	
	outline: none;
}

ul#category-list li a #tab-performance {
	background-position: -38px -11px;
}

ul#category-list li a #tab-experiment {
	background-position: -38px -58px;
}

ul#category-list li a #tab-exhibition {
	background-position: -38px -105px;
}

ul#category-list li a #tab-research {
	background-position: -38px -152px;
}

ul#category-list li a #tab-project {
	background-position: -38px -198px;
}

ul#category-list li a #tab-performance:hover, 
.category-Performance ul#category-list li a #tab-performance {
	background-position: -299px -11px;
}

ul#category-list li a #tab-experiment:hover, 
.category-Experiment ul#category-list li a #tab-experiment {
	background-position: -299px -58px;
}

ul#category-list li a #tab-exhibition:hover, 
.category-Exhibition ul#category-list li a #tab-exhibition {
	background-position: -299px -105px;
}

ul#category-list li a #tab-research:hover, 
.category-Research ul#category-list li a #tab-research {
	background-position: -299px -152px;
}

ul#category-list li a #tab-project:hover, 
.category-Project ul#category-list li a #tab-project {
	background-position: -299px -198px;
}

ul#category-list li a div:hover, 
.category-Performance ul#category-list li a #tab-performance,
.category-Experiment ul#category-list li a #tab-experiment,
.category-Exhibition ul#category-list li a #tab-exhibition,
.category-Research ul#category-list li a #tab-research,
.category-Project ul#category-list li a #tab-project {
	color: #FFFFFF;
}

ul#category-list li a div:active {
	background-position: -299px -243px !important;
	color: #FFFFFF;
}

ul#category-list li {
	background-color: transparent !important;
}

#side #recently {
	margin: 10px 0 50px 0;
}

#side #recently h4, ul#sidewp h4 {
	cursor: default;
	font-size: 1.50em;
	margin-bottom: 10px;
}

#side #recently ul#recent-list {
	margin: 0;
	padding: 0 0 0 11px;
}

#side #recently ul#recent-list li {
	list-style: none !important;
	padding-bottom: 0;
}

#side #recently ul#recent-list li .line {
	background-image: url(../images/ui/sprites-blog.png);
	background-position: -12px -415px;
	background-repeat: no-repeat;
	width: 209px;
	height: 10px;
	padding: 0 0 2px 0;
}

#side #recently ul#recent-list li a, ul#sidewp li a {
	color: #000000;
	font-size: 0.88em;
	padding: 4px 0 4px 7px;
	margin-bottom: 4px;
	text-decoration: none;
	display: block;
	outline: none;
}

#side #recently ul#recent-list li a:hover, ul#sidewp li a:hover {
	color: #000000;
	background-color: #EEEEEE;
}

#side #recently ul#recent-list li a:active, ul#sidewp li a:active {
	color: #FFFFFF;
	background-color: #000000;
}

form#searchform input#s {
	border: 1px dotted #000000;
	margin-right: 2px;
	padding-left: 4px;
	height: 20px;
	width: 162px;
}

form#searchform .search-box {
	width: 211px;
}

form#searchform .input-search {
}

form#searchform .search-button {
	float: right;
}

form#searchform {
	margin: 0 10px 0 10px;
}

form#searchform input#searchsubmit {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: 24px;
}

form#searchform input#searchsubmit:active {
	border: 1px solid #000000;
	background-color: #000000;
	color: #FFFFFF;
}

#social {
	padding: 20px 0 50px 0;
	width: 155px;
}

ul#sidewp li #social a, ul#sidewp li #social a:hover, ul#sidewp li #social a:active {
	color: #000000;
	font-size: inherit;
	padding: inherit;
	margin-bottom: inherit;
	text-decoration: none;
	display: inline;
	outline: none;
}

#social a div {
	margin-left: 10px;
}

#side #icon-rss, #side #icon-fb, #side #icon-twtr {
	width: 41px;
	height: 41px;
	float: right;
	background-image: url(../images/ui/sprites-blog.png);
	background-repeat: no-repeat;
}

#side #icon-fb {
	background-position: -63px -449px;
}

#side #icon-twtr {
	background-position: -114px -449px;
}

#side #icon-rss {
	background-position: -12px -449px;
}

#side #icon-fb:hover {
	background-image: url(../images/ui/icon-fb-ani.gif);
	background-position: 0 0;
}

#side #icon-twtr:hover {
	background-image: url(../images/ui/icon-twtr-ani.gif);
	background-position: 0 0;
}

#side #icon-rss:hover {
	background-image: url(../images/ui/icon-rss-ani.gif);
	background-position: 0 0;
}