/*   
Theme Name: automaton++
Theme URI: http://www.io001b.com/
Description: Theme for io 0.0.1 beta++ based on Thematic.
Author: Han-earl Park
Author URI: http://www.busterandfriends.com/
Template: thematic
Version: 0.2
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/*

HeP 02-20-10:	Begin adaptation of the old Sandbox-based theme to Thematic.
HeP 03-05-10:	Initial version.

*/





/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');





/* layout - width:940px; */

#container {
	width: 670px;
}

#content {
	width: 640px;
}

.main-aside, #subsidiary .aside {
	width: 260px;
}

.aside input {
	width: 220px;
}





/* fonts */

body, input, textarea,
h4, h5,
.entry-content h4, .entry-content h5 {
	font-family: "Hoefler Text", "John Baskerville", Wessex, Georgia, Bookman, "URW Bookman", Serif;		/* body_font */
	font-size: small;
	line-height: 100%;
}

h1, h2, h3,
#blog-title, .entry-title, .entry-content h1, .entry-content h2, #comments h3, .aside caption, .wp-caption-text, .gallery-caption, #content .aside h3,
#blog-description,
pre, code,
.navigation, a.more-link,
.sf-menu,
.aside .blogroll {
	font-family: "Courier New", Courier, monospace;		/* heading_font */
}

/* reset Thematic's italics */

blockquote, #blog-description, .attachment .page-title, .page-title span, .entry-meta, .entry-content h3, .entry-utility a, .navigation a, #comments-list .comment-meta a, .comment-reply-link a, #form-allowed-tags span, .aside h3, #content .aside h3 {
	font-style: normal;
}


p, ul, ol, dd, pre {
	margin-bottom: 0px;
}
pre, code,
.navigation, a.more-link {
	font-size: 95%;
	font-weight: bold;
	line-height: 100%;
}





/* colors */

body,
blockquote, #blog-description, .entry-meta, .entry-utility, .wp-caption-text, .gallery-caption,  .navigation, #comments-list .comment-meta, #form-allowed-tags p, .subscribe-to-comments, .solo-subscribe-to-comments, .comment_license, .aside, #siteinfo,
#blog-title a:link, #blog-title a:visited, #blog-title a:hover, #blog-title a:active,
.entry-title a:link, .entry-title a:visited, .entry-title a:hover, .entry-title a:active {
	color: #ffffff;		/* foreground_color */
}

.sf-menu .current_page_item a, .sf-menu .current_page_item a:hover {
	border-color: #ffffff;		/* foreground_color */
}

#footer {
	border-top-color: #ffffff;		/* foreground_color */
}

#access {
	border-bottom-color: #ffffff;		/* foreground_color */
}

body,
.sf-menu li, .sf-menu li li,
.sf-menu .current_page_item a, .sf-menu .current_page_item a:hover,
.sf-menu ul li a,
.sf-menu .current_page_item ul li a:hover {
	background-color: #000000;		/* background_color */
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active,
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active,
.sf-menu .current_page_item ul li a:focus, .sf-menu .current_page_item ul li a:hover, .sf-menu .current_page_item ul li a:active {
	color: #000000;		/* background_color */
}

.sf-menu .current_page_item a, .sf-menu .current_page_item a:hover {
	border-bottom-color: #000000;		/* background_color */
}



a:link,
.entry-utility a, .entry-meta a,
#comments-list .comment-meta a,
.navigation a, a.more-link,
.sf-menu a,
.sf-menu ul li a,
.sf-menu .current_page_item ul li a,
#siteinfo a {
	color: #a0f0ff;
}

a:visited,
.sf-menu a:visited,
.sf-menu .current_page_item ul a:visited {		/* bug: don't use ".sf-menu .current_page_item ul li a:visited" */
	color: #e8d0ff;
}

a:hover,
.entry-utility a:hover, .entry-meta a:hover,
#comments-list .comment-meta a:hover,
.navigation a:hover, a.more-link:hover,
.aside a:hover,
#siteinfo a:hover {
	color: #ffffff;
}

a:active,
.entry-utility a:active, .entry-meta a:active,
#comments-list .comment-metao a:active,
.navigation a:active, a.more-link:active,
.aside a:active,
#siteinfo a:active {
	color: #000000;
}





/* links */

a:link,
.aside a,
#siteinfo a {
	text-decoration: none;
}

a:visited,
#comments-list .comment-meta a:visited,
.aside a:visited,
#siteinfo a:visited {
	text-decoration: none;
}

a:hover,
.entry-utility a:hover, .entry-meta a:hover,
#comments-list .comment-meta a:hover,
.aside a:hover,
#siteinfo a:hover {
	text-decoration: underline;
}

a:active,
.entry-utility a:active, .entry-meta a:active,
#comments-list .comment-metao a:active,
.aside a:active,
#siteinfo a:active {
	text-decoration: underline;
}

.entry-title a:hover, .entry-title a:active,
.navigation a:hover, a.more-link:hover,
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.aside .blogroll li a:hover,
.navigation a:active, a.more-link:active {
	text-decoration: none;
}





/* header */

#header {
	background-image: url(images/io-banner.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}





/* HeP: headings */

#branding {
	padding-top: 100px;
}

#blog-title {
	font-size: 260%;
	line-height: 100%;
	letter-spacing: 0.2em;
}

#blog-title, #blog-description {
	margin-left: 16px;
}

#blog-description {
	display:none;
}


h1, h2,
#blog-title,
.entry-title,
.page-title,
.entry-content h1,
.entry-content h2 {
	font-weight: normal;
}

h1.entry-title,
h1.page-title {
	text-transform: uppercase;
	margin-bottom: 1em;

	font-size: 160%;
}

h2,
#blog-title,
.entry-title,
.page-title {
	text-transform: lowercase;
}

.entry-title,
.page-title {
	padding: 0px;
	margin-bottom: 0.2em;

	font-size: 160%;
	line-height: 100%;
	text-align: center;
	letter-spacing: -0.1ex;
}

.entry-content h3 {
	margin-top: 2em;
	margin-bottom: 0.4em;
	padding: 0px;

	font-size: 120%;
	text-align: center;

	text-transform: uppercase;
}

h3 {
	margin-top: 4em;
	margin-bottom: 0.4em;
	padding: 0px;

	font-size: 100%;
}

h4, .entry-content h4 {
	margin-top: 2em;
	margin-bottom: 0.2em;
	padding: 0px;

	text-transform: lowercase;
	font-size: 100%;
	font-weight: bold;
	text-align: center;

	line-height: 110%;		/* just a little more room */
}

h5, .entry-content h5 {
	margin-top: 1.2em;
	margin-bottom: 0.2em;

	text-transform: uppercase;
	font-size: 85%;
	font-weight: normal;
	text-align: left;

	line-height: 110%;		/* just a little more room */
}

.archive-meta p {
	margin-top: -0.5em;
	margin-bottom: 8em;

	font-size: 85%;
	line-height: 100%;
	text-align: center;
}





/* paragraphs */

p, .entry-content {		/* .entry-content to correctly formate for archive views, etc. */
	margin-bottom: 0.2ex;

	text-align: justify;
	line-height: 120%;		/* just a little more room */
}

p {
	text-indent: 1em;
}

* > p:first-child {
	text-indent: 0px;
}

p.first {	/* manual version of the above */
	text-indent: 0px;
}





/* blockquote */

blockquote {
	margin: 1em;
	margin-left: 2em;
	margin-right: 2em;

	font-size: 90%;
	line-height: 110%;		/* just a little more room */
}





/* blog content */

#main {
	padding-top: 0px;
}

#content {
	margin-top: 72px;
}

.hentry {
	margin-top: 4em;
	margin-bottom: 2em;
}

.entry-content ul, .entry-content ol {
	margin: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0px;
	padding-left: 1.5em;
	padding-right: 1em;

	font-size: 90%;
	line-height: 110%;		/* just a little more room */
}

.entry-content li {
	margin: 0px;
	margin-top: 0.5em;
}

.p1 {	/* first post on page */
	margin-top: 0px;
}

.entry-content {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 1em;
}

.entry-meta, .entry-utility {
	margin-top: 2.5ex;
	margin-bottom: 2.5ex;

	font-size: 85%;
	line-height: 100%;
	text-align: center;
}

.entry-meta {
	text-align: center;
}

.entry-utility {
	text-align: justify;
}

#respond {
	background: transparent;
}

#comments-list ol {
	border: none;
}

#comments-list li {
	padding-bottom: 18px;
	border: none;
	background: transparent;
}
#comments-list li.alt {
	background: #181818;		/* background_gray_color */
}




/* 404 error */

#error404-searchform, #noresults-searchform {
	margin-left: auto;
	margin-right: auto;

	text-align: center;
}





/* images */

.wp-caption p.wp-caption-text, .gallery-caption {
	margin-top: -0.7em;
	padding: 0px;

	font-size: 100%;
	line-height: 100%;
	text-align: center;
}

.entry-content img, div.gallery {
	margin-top: 1em;
	margin-bottom: 1em;
}





/* navigation */

.nav-previous, .nav-next {
	width: 45%;
}

.navigation a, a.more-link {
	font-size: 100%;
	text-transform: uppercase;
}

a.more-link {
	margin-top: 1.2ex;
	margin-bottom: 1.2ex;
	margin-right: 0px;
	margin-left: auto;

	width: 10em;
	display: block;

	text-align: right;
}

.meta-nav {
	font-size: 200%;
	vertical-align: -0.2ex;
}





/* menu */

.sf-menu {
	font-weight: bold;
	text-transform: lowercase;
}

.sf-menu a {
	background-color: #181818;		/* background_gray_color */
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.sf-menu .current_page_item ul li a:focus, .sf-menu .current_page_item ul li a:hover, .sf-menu .current_page_item ul li a:active {
	background-color: #8080a0;		/* background_gray_hc_color */
	border-bottom-color: #404040;		/* background_gray_mid_color */
}

.sf-menu .current_page_item a, .sf-menu .current_page_item a:hover {
	color: #8080a0;		/* background_gray_hc_color */
}




/* sidebar */

#primary {
	margin: 0px;
	padding: 0px;

	border: 0px;
}

.aside {
	font-size: 95%;
}

.aside h3 {
	margin: 0px;
	margin-left: -16px;
	margin-top: 3em;
	padding: 0px;

	font-size: small;
	font-weight: bold;
	text-transform: uppercase;
}

.aside input {
	font-size: small;
	line-height: 100%;
	margin:0px;
}

.aside li {
	margin: 0px;
	margin-top: 1em;
	margin-bottom: 3px;

	list-style: none;

	line-height: 100%;
	text-transform: lowercase;
}

.aside ul ul {
	margin: 0px;
}

.aside ul ul li {
	margin: 0px;
	margin-left: 16px;
	margin-top: 2px;
	padding: 0px;

	text-indent: -16px;
}

.aside ul ul ul li {
	margin-left: 16px;
	margin-top: 0.3ex;

	text-indent: -16px;
}

.aside ul p {
	margin-left: 16px;
	margin-top: 0.3ex;

	text-align: left;
	text-indent: 0px;
}

.aside .blogroll {
	margin-top: 1px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.aside .blogroll li {
	margin: 0px;
	margin-top: 1px;
	padding: 0px;

	font-size: small;
	text-align: left;
	text-indent: 0px;

	text-transform: none;
}

.aside .blogroll a {
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 1px;

	font-size: 90%;

	display: block;

	background-color: #181818;		/* background_gray_color */
}

.aside .blogroll li a:hover {
	color: #000000;		/* background_color */
	background-color: #8080a0;		/* background_gray_hc_color */
}





/* footer */

#footer {
	text-transform: lowercase;
}

#siteinfo {
	color: #ffffff;		/* foreground_color */
	font-size: 90%;
	line-height: 100%;
}

#siteinfo a {
	font-size: 85%;
	text-transform: uppercase;
}

#footer #badges div {
	width: 20%;

	text-align: center;

	float: left;
}

#footer #badges div.edge {
	width: 20%;
}

#footer #badges div img {
	width: 88px;
	height: 31px;
}

#footer #copyright {
	padding-top: 1em;	/* margin-top doesn't work with some browsers */

	width: 100%;
	clear: both;
}

#footer #copyright p {
	margin: 0px;

	text-align: left;
	text-indent: 0px;
}

#footer #copyright p {
	margin: 0px;

	text-align: left;
	text-indent: 0px;
}

#footer #update {
	padding-top: 1em;	/* margin-top doesn't work with some browsers */
	padding-bottom: 1.5em;

	width: 40%;
	float: right;
}

#footer #update p {
	margin: 0px;

	text-align: left;
	text-indent: 0px;
}

#footer #update p span {
	text-transform: uppercase;
}

#footer #host {
	padding-top: 1em;	/* margin-top doesn't work with some browsers */
	padding-bottom: 1.5em;	/* margin-top doesn't work with some browsers */

	width: 60%;
	float: left;
}

#footer #host p {
	margin: 0px;

	text-align: left;
	text-indent: 0px;
}