/*
Theme Name: Archibald Kobayashi 2
Description: Archibald Kobayashi's theme. Based on the design of Sjoerd Eikenaar.
Version: 2.0
Author: Gijs van Zon
Author URI: http://www.freshheads.com/
Tags: yellow, magenta, Archibald Kobayashi, fixed width, three columns, widgets

	This theme was designed by Sjoerd Eikenaar and built by Gijs van Zon,

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
body {
	font-size: 12px; /* Resets 1em to 10px */
	font-family: arial;
}

body, div, p, li {
	line-height: 14px;
}

a, h2 a:hover, h3 a:hover {
	color: #a19b40;
	text-decoration: none;
}

h2 a, h3 a {
	color: #000000;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

#container {
  width: 960px;
  margin: 0 auto;
}

[class$=column] {
  position: relative;
  float: left;
  margin: 0 15px;
  width: 215px;
}

.main-column {
  width: 460px;
}

.full-column {
  width: 460px;
}

/*
 * Header
 */

#header {
  position: relative;
  width: 990px;
  left: -15px;
  right: -15px;
  overflow: hidden;
  padding: 0 0 30px;
}

#logo {
  position: relative;
  float: left;
  width: 215px;
  margin: 0 15px;
  background: url(images/header-background.gif) no-repeat 0 0;
}

#home {
  display: block;
  position: relative;
  width: 97px;
  height: 215px;
  margin: 42px auto 0 auto;
}

#follow-us {
  margin: 40px 0 0 0;
}

#follow-us h2 {
  background: url(images/titles.gif) no-repeat 0 0;
  display: block;
  text-indent: 88px;
  line-height: 11px;
  width: 88px;
  height: 11px;
  overflow: hidden;
  margin: 0 0 10px 0;
}

#follow-us ul {
  background: #f2f2f2;
  padding: 10px;
  overflow: hidden;
}

#follow-us ul li {
  float: left;
}

#follow-us a {
  display: inline-block;
  width: 19px;
  height: 19px;
  text-indent: 19px;
  line-height: 19px;
  overflow: hidden;
  margin: 0 10px;
}

#follow-twitter {
  background: url(images/follow.png) no-repeat 0 0;
}

#follow-flickr {
  background: url(images/follow.png) no-repeat -19px 0;
}

#follow-facebook {
  background: url(images/follow.png) no-repeat -38px 0;
}

#follow-rss {
  background: url(images/follow.png) no-repeat -57px 0;
}

#follow-mail {
  background: url(images/follow.png) no-repeat -76px 0;
}

#description {
  position: relative;
  float: left;
  width: 460px;
  height: 77px;
  padding: 25px 0 0 0;
  margin: 0 15px;
  font-style: italic;
  background: url(images/header-background.gif) no-repeat 0 0;
}

#contributors {
  position: relative;
  float: left;
  width: 215px;
  padding: 25px 0 0 0;
  margin: 0 15px;
  font-style: italic;
  background: url(images/header-background.gif) no-repeat 0 0;
}

#title {
  position: relative;
  float: left;
	margin: 10px 15px 0 15px;
	width: 705px;
}

#title h1 {
	display: block;
	overflow: hidden;
	text-indent: 459px;
	line-height: 42px;
	width: 459px;
	height: 42px;
	background: url(images/archibald-kobayashi.png) no-repeat;
}

#teasers {
  position: relative;
  float: left;
	margin: 55px 15px 0 15px;
	width: 705px;
	overflow: hidden;
}

#teasers span {
  color: #999999;
}

#teasers a {
  display: block;
}

#teasers .content {
  height: 120px;
  margin: 10px 0 0 0;
  background: #f2f2f2;
  padding: 5px;
}

#teasers .thumb {
  height: 87px;
  overflow: hidden;
  width: 205;
  margin: 0 0 5px 0;
}

#radio-kobayashi {
  float: left;
  width: 215px;
  margin: 0 30px 0 0;
}

#radio-kobayashi h2 {
  background: url(images/titles.gif) no-repeat 0 -11px;
  display: block;
  text-indent: 88px;
  line-height: 11px;
  width: 88px;
  height: 11px;
  overflow: hidden;
}

#kobayashi-tv {
  position: relative;
  float: left;
  width: 215px;
  margin: 0 30px 0 0;
}

#kobayashi-tv h2 {
  background: url(images/titles.gif) no-repeat 0 -22px;
  display: block;
  text-indent: 88px;
  line-height: 11px;
  width: 88px;
  height: 11px;
  overflow: hidden;
}

#give-aways {
  position: relative;
  float: left;
  width: 215px;
}

#give-aways h2 {
  background: url(images/titles.gif) no-repeat 0 -33px;
  display: block;
  text-indent: 88px;
  line-height: 11px;
  width: 88px;
  height: 11px;
  overflow: hidden;
}

/*
 * Content
 */

#content {
  float: left;
  width: 705px;
  border-top: 1px solid #f2f2f2;
}

/*
 * Filters
 */

#filters {
  overflow: hidden;
  border-bottom: 5px solid #f2f2f2;
}

/*
 * Views
 */

#views {
  padding: 16px 0 0 15px;
  width: 129px;
  float: left;
}

#views a {
  display: inline-block;
  overflow: hidden;
  height: 11px;
  margin: 0 8px;
  line-height: 11px;
  background: url(images/icons.png) no-repeat;
}

#views #full-view {
  width: 17px;
  text-indent: 17px;
  background-position: 0 -11px;
}

#views #full-view:hover,
#views #full-view.selected {
  background-position: 0 0;
}

#views #thumb-view {
  width: 20px;
  text-indent: 20px;
  background-position: -17px -11px;
}

#views #thumb-view:hover,
#views #thumb-view.selected {
  background-position: -17px 0;
}

#views #shuffle {
  width: 26px;
  text-indent: 26px;
  background-position: -37px -11px;
}

#views #shuffle:hover {
  background-position: -37px 0;
}

#respond h3 {
  font-weight: bold;
  margin: 20px 0;
}

#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
}

#commentform {
  margin: 5px 10px 0 0;
}

#commentform textarea {
  width: 100%;
  padding: 2px;
}

#respond:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#commentform #submit {
  margin: 0 0 5px auto;
  float: right;
}
	
/* Begin Comments*/
#comments {
  font-weight: bold;
  margin: 20px 0;
}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 0px;
	padding: 20px 10px;
	list-style: none;
	border-bottom: 1px solid #f2f2f2;

	}

.commentlist li:first-child {
	border-top: 1px solid #f2f2f2;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 0 0;
}

.commentlist a { 
  font-weight: bold;
}

.commentlist .says { 
  font-weight: bold;
}

.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/*
 * Categories
 */

#categories {
  float: left;
  width: 529px;
  padding: 16px 15px;
  line-height: 11px;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}

#categories a#show-categories {
  background: url(images/arrows.gif) no-repeat right top;
  display: inline-block;
  padding: 0 15px 0 0;
}

#categories a#show-categories.selected {
  background: url(images/arrows.gif) no-repeat right bottom;
}

#categories h2 {
  background: url(images/titles.gif) no-repeat 0 -44px;
  display: block;
  text-indent: 56px;
  line-height: 11px;
  width: 56px;
  height: 11px;
  overflow: hidden;  
}

#categories-list {
  display: none;
  overflow: hidden;
  position: relative;
  width: 579px;
  left: -4px;
  right: -4px;
  margin: 20px 0 10px 0;
}

#categories-list > li {
  float: left;
  width: 185px;
  margin: 0 4px;
}

#categories-list > li ul li {
	color: #999999;
	line-height: 14px;
}

#categories-list > li ul li:before {
	content: "\00BB \0020";
}

/*
 * Articles
 */

#randomize {
  display: block;
  overflow: hidden;
  width: 341px;
  height: 39px;
  text-indent: 341px;
  height: 39px;
  margin: 30px auto 0 auto;
  background: url(images/scramble.png) no-repeat 0 0;
}

#randomize:hover {
  background: url(images/scramble.png) no-repeat 0 -39px;
}
 
.pagetitle {
  font-size: 18px;
  font-weight: bold;
  margin: 30px 0 0 0;
}

#articles {
  overflow: hidden;
}

#article {
  overflow: hidden;
  padding: 30px 0;
  border-bottom: 1px solid #f2f2f2;
}

#articles.full-view {
}

#articles li {
  overflow: hidden;
  padding: 30px 0;
  border-bottom: 1px solid #f2f2f2;
}

#articles h2,
#article h2 {
  position: relative;
  float: left;
  width: 215px;
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

#articles .entry,
#article .entry {
  margin: 0 0 10px 0;
}

#articles .meta,
#article .meta {
	color: #999999; 
	padding: 10px 0;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
}

#articles .comments-link,
#article .comments-link {
  background: url(images/comments.png) no-repeat left center;
  display: inline-block;
  height: 16px;
  padding: 0 0 0 20px;
}

#articles .extra-info,
#article .extra-info {
  padding: 10px 0;
}

#articles .content .extra-info p {
  margin: 0;
}

#articles .addthis_button_compact,
#article .addthis_button_compact {
  float: left;
}

#articles .meta label,
#article .meta label {
  float: left;
  width: 75px;
  text-align: left;
}

#articles .content .meta p,
#article .content .meta p {
  margin: 0 0 0 80px;
}

#articles .content,
#article .content {
  float: left;
  position: relative;
  width: 215px;
  margin: 0 30px 0 0;
}

#articles .content p,
#article .content p {
  margin: 10px 0;
}

#articles .media,
#article .media {
  position: relative;
  float: right;
  width: 460px;
}

#articles .media img,
#articles .media object,
#articles .media embed,
#article .media img,
#article .media object,
#article .media embed {
  margin: 0 0 20px 0;
}

/*
 * Articles thumb view
 */

#articles.thumb-view {
  width: 745px;
  position: relative;
  left: -15px;
  right: -15px;
}

#articles.thumb-view li {
  width: 215px;
  float: left;
  margin: 0 15px;
  padding: 30px 0 10px 0;
	border-bottom: 1px dotted #cccccc;
}

#articles.thumb-view h2 {
  font-size: 16px;
  line-height: 18px;
  height: 18px;
  margin: 0 0 10px 0;
  overflow: hidden;
}

#articles.thumb-view .entry {
  display: none;
}

#articles.thumb-view .media {
  width: 215px;
  height: 170px;
  margin: 0;
  overflow: hidden;
}

#articles.thumb-view .content {
  clear: both;
  margin: 0;
}

#articles.thumb-view .meta {
  padding: 10px 0 0 0;
  border: none;
}

#articles.thumb-view .extra-info {
  padding: 0;
}

#articles.thumb-view .meta .post-categories {
  overflow: hidden;
  line-height: 14px;
  height: 14px;
  width: 130px;
}

#articles.thumb-view .addthis-button {
  display: none;
}

.navigation {
  overflow: hidden;
  margin: 20px 0;
}

.next-posts {
  float: right;
}

.prev-posts {
  float: left;
}

/*
 * Search
 */

#search {
  float: left;
  padding: 10px 0 0 30px;
  height: 33px;
  border-top: 1px solid #f2f2f2;
  width: 215px;
}

/*
 * Sidebar
 */

#sidebar {
  float: left;
  width: 215px;
  padding: 10px 0 0 30px;
  border-top: 5px solid #f2f2f2;
}

#sidebar h2 {
  margin: 30px 0 20px 0;
}

#aks-own h2 {
  background: url(images/titles.gif) no-repeat 0 -55px;
  display: block;
  text-indent: 88px;
  line-height: 11px;
  width: 88px;
  height: 11px;
  overflow: hidden;
}

#aks-own li {
	color: #999999;
	line-height: 14px;
}

#aks-own li:before {
	content: "\00BB \0020";
}

#latest-comments h2 {
  background: url(images/titles.gif) no-repeat 0 -66px;
  display: block;
  text-indent: 88px;
  line-height: 11px;
  width: 88px;
  height: 11px;
  overflow: hidden;
}

#latest-comments li {
  margin: 0 0 15px 0;
	line-height: 14px;
	color: #999999;
}

#latest-comments li .entry,
#latest-comments li .entry a {
	color: #000000;
}

#latest-comments li .entry a:hover {
	color: #a19b40;
}

/**
 * About
 */
 
#about-title {
  background: url(images/titles.gif) no-repeat 0 -77px;
  display: block;
  text-indent: 141px;
  line-height: 11px;
  width: 141px;
  height: 11px;
  overflow: hidden;
  margin: 40px 0 10px 0;
}

#created-by-title {
  margin: 20px 0;
  font-weight: bold;
}

.user_photo {
  float: left;
  position: relative;
  margin: 0 10px 10px 0;
}

.socialmedia {
  display: block;
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  text-indent: 16px;
  line-height: 16px;
  overflow: hidden;
  margin: 10px 5px 0 0;
  background: url(images/socialmedia.gif) no-repeat;
}

.btn_facebook {
  background-position: 0 0;
}

.btn_flickr {
  background-position: -21px 0;
}

.btn_hyves {
  background-position: -42px 0;
}

.btn_lastfm {
  background-position: -63px 0;
}

.btn_myspace {
  background-position: -84px 0;
}

.btn_wikipedia {
  background-position: -105px 0;
}

.btn_wordpress {
  background-position: -126px 0;
}

.btn_youtube {
  background-position: -147px 0;
}

#author-info li {
  overflow: hidden;
  margin: 20px 0;
}

/*
 * Footer
 */

#footer {
  text-align: center;
  clear: both;
}