/*
	CSS files kept in the 'styles' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 versions as well as debug any potential
	problems.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	: Luke Abbott
	Author Site	: http://www.shamisenofjapan.com
	Style Name	: SoJ
	Style URI	: 
	Version		: 1.0
	Comments	: 
  Layout Widths : 
	
*/

/* font-family: georgia; font-style: italic; text-align: left; text-indent: -1em; margin-left: 1em; */

body {
	color: #aaa;
	background: #666;
	margin: 0;
}
.page-shadow {
	background: #666 url('page-shadow.png') 50% 50% repeat-y; 
}
#footer {
	background:#666 url('page-shadow-bottom.png') no-repeat scroll 50% 0%;
}
#page {
	padding-top: 0;
}

/* ----------
     Sidebar
   ---------- */

body.columns-two #page {
	width: 960px;
	background: white url('sidebar-bg.png') top right repeat-y;
}
body.columns-two #page .content {
	background: transparent url('sidebar-bgfade.png') top right no-repeat;
}
body.columns-two #primary {
	width: 640px;
}
body.columns-two .secondary {
	width: 220px;
	padding: 0;
}

body.sidebars-none #page {
	width: 960px;
	background: white;
}
body.sidebars-none #page .content {
	background: white;
}
body.sidebars-none #primary {
	width: 960px;
}


.sb-comments ul li,
.sb-latest ul li {
	text-indent: -1em;
	margin-left: 1em;
}

/* ----------------
     Site Masthead
   ---------------- */
   
#header {
	width: 100%;
	vertical-align: middle;
}

#masthead {
	background: #e9edf9 url(masthead-bg.jpg) top left repeat-x;
	border-bottom: solid 1px #444;
	z-index: 1;
	width: 100%;
	height: 164px;
	position: relative;
}

#header .blog-title {
	clear: left;
	float: left;
	z-index: 1000;
	padding: 0;
	margin: 32px 0 0 51px;
}
#header .blog-title a {
	display:-moz-inline-box;
	display:inline-block;
	background:transparent none 0 0 no-repeat;
	font:0/0 Arial;
	overflow:hidden;
	color:rgba(255,255,255,0);
	vertical-align:bottom;
}
#header .blog-title a {
	color: white;
	width: 478px;
	height: 56px;
	background: url('masthead-soj.png') bottom right no-repeat;
}

#header .description {
	float: left;
	color: #333;
	font: italic 10pt/21pt Georgia, Times, serif;
	margin: 40px 0 0 40px;
}


/***  NAVIGATION BAR  *** {{{*/

#navbar {
	background: #1e1e1e url(navbar-bg.jpg) top left repeat-x;
	z-index: 1;
	width: 100%;
	overflow: auto;
	clear: both;
	position: relative; /* to trigger hasLayout */
}

#navbar div {
	width: 100%;
	overflow: hidden;
}

#navbar ul {
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	width: 1000px;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
}

#navbar ul li {
	display: block;
	float: left;
	border-right: solid 1px #333;
	height: 100%;
	cursor: default;
}

#navbar ul li a,
#navbar ul li span {
	display: block;
	padding: 7px 30px 9px;
	text-decoration: none;
	color: white;
	xwidth: 137px;
	text-align: center;
}
#navbar ul li a:hover {
	background: #ccc url(navbar-hover.png) top left repeat-x;
	color: #fd9;
	border-bottom: solid 1px #666;
	padding-bottom: 8px;
}
#navbar ul li a:active {
	outline: 0;
}

#navbar ul li.current_page_item a,
#navbar ul li.current_page_item span {
	background: #86b3c6 url(navbar-hl-aqua.png?1001) top left repeat-x;
	color: #000;
	font: bold 19px/24px "Trebuchet MS", Arial, sans-serif;
}
#navbar ul li.current_page_item a:hover {
	color: #650;
	border-bottom: solid 2px #9bc6cf;
	padding-bottom: 7px;
}
#navbar ul li.blogtab a {
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
}
#navbar ul li.admintab a {
	font-size: 11px;
	color: #abbde3;
	letter-spacing: -1px;
	padding: 4px;
	line-height: 15px;
	text-align: center;
	width: 44px;
}

/*}}}*/


/* -------------------
     Twitter Tools
   ------------------- */

#twitter-tools .aktt_tweets li {
	margin: 8px 0 8px 15px;
	line-height: 17px;
	font-size: 12px;
	text-indent: -15px;
}
#twitter-tools .aktt_tweets li .aktt_hashtag,
#twitter-tools .aktt_tweets li .aktt_username {
	color: #3b77bf;
}
#twitter-tools .aktt_tweets li .aktt_tweet_time {
	border-bottom: dotted 1px #a7bedf;
	color: #68b;
	font-size: 11px;
	letter-spacing: -1px;
	white-space: nowrap;
}

#twitter-tools .aktt_tweets li.aktt_more_updates {
	padding-top: 8px;
	border-top: solid 1px #bbb;
	text-align: center;
	margin: 16px 40px;
	text-indent: -0;
}

.secondary div div .twtr-hd {
	padding: 10px;
}
.secondary div div .twtr-bd {
	padding: 0 1px;
}

/* -----------------
     Intra-post Nav
   ----------------- */
   
.navigation a {
	padding: 8px 20px;
	margin: 15px;
	display: block;
	background-color: #ffc;
	border: solid 2px #dd9;
	font-weight: bold;
	font-size: 110%;
	text-decoration: none;
	text-align: center;
}
.navigation .post-nav a {
	font-size: 100%;
	padding: 6px 12px;
	margin: 7px;
	font-weight: normal;
}
.navigation a:link { color: #666; }
.navigation a:visited { color: #888; }
.navigation a:hover { color: #000; background-color: #fe9; border-color: #cb6; text-decoration: none; }
.navigation a:active { color: #222; }


/* Extended Live Archives fix */
#af-ela-post-chrono li a { position: relative; }

body.smartposition #rollingarchives {
	border-bottom: solid 3px #ddd;
}

/* -------
    Links
   ------- */

/* Less contrast in visited links */
#primary .entry-content a { border-bottom: dotted 1px #68A; }
#primary .entry-content a:link { color: #27D; text-decoration: none; }
#primary .entry-content a:visited { color: #68A; text-decoration: none; }
#primary .entry-content a:hover { color: #27d; text-decoration: underline; border-bottom: 0; background-color: #ffc; }
#primary .entry-content a:active { color: #27d; text-decoration: underline; border-bottom: 0; }
#primary .entry-content a.image { border-bottom: 0; }
#primary .entry-content a.image:hover { border-bottom: 0; }
#primary .entry-content a.image:active { border-bottom: 0; }

/* --------------------
      "More" Links
   (nice and clickable)
   -------------------- */

a.more-link {
	padding: 4px 15px;
	margin: 15px;
	display: block;
	border: solid 2px #9ed8fc;
	font-weight: normal;
	font-size: 100%;
	text-align: center;
}
#primary a.more-link:link {background-color: #e0f3ff; border: solid 2px #9ed8fc;}
#primary a.more-link:visited {background-color: #f0f9ff; border: solid 2px #9ed8fc;}
#primary a.more-link:hover {background-color: #c0e7ff; border: solid 2px #9ed8fc;}
#primary a.more-link:active {background-color: #b0e1ff; border: solid 2px #9ed8fc;}

.home a.more-link {
	padding: 2px 12px;
	margin: 12px;
	display: block;
	border: solid 1px #9ed8fc;
	font-weight: normal;
	font-size: 100%;
	text-align: center;
}
body.home #primary a.more-link:link {padding: 3px 13px; border: solid 1px #9ed8fc;}
body.home #primary a.more-link:visited {padding: 3px 13px; border: solid 1px #9ed8fc;}
body.home #primary a.more-link:hover {padding: 2px 12px; border: solid 2px #9ed8fc;}
body.home #primary a.more-link:active {padding: 2px 12px; border: solid 2px #9ed8fc;}

/* --------------------
    Post spacing, etc.
   -------------------- */

.post { clear: both; }

/* It's justified by default... ew. */
.entry-content { text-align:left; }

/* ----------
    Headings
   ---------- */

img.wp-smiley {
	padding: 0; border: 0; margin: 0;
}

img.noborder {
	border: none !important;
}


/* -----------------
    Misc. niceities
   ----------------- */

.unbroken-links a { white-space: nowrap;}

/* ----------------
    Meta post info
   ---------------- */
	
.entry-head .entry-meta {
	font-size: 112%;
	background-image: none;
}
.commentslink
{
	padding: 0px 0 4px 17px;
	margin: 0 10px 0 25px;
	font-weight: bold;
}
.commentslink span
{
	font-weight: normal;
}