/*

Theme Name: Semicolon

Theme URI: http://www.thunderguy.com/semicolon/

Description: Theme for Semicolon blog. Based on <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a> 0.9.1.

Version: 2.0

Author: Bennett McElwee	

Author URI: http://www.thunderguy.com/semicolon/

*/



/*

LAYOUT: Two-Column (Right)

DESCRIPTION: Two-column fluid layout with one sidebar right of content

*/

div#container {

	float: left;

	margin: 0 0 0 -200px;

	width: 100%;

}

div#content {

	margin: 0 0 0 200px;

	padding-left: 20px;

}

div.sidebar {

	float: right;

	overflow: hidden;

	width: 180px;

}

div#secondary	{

	clear: right;

}

div#footer {

	clear: both;

}



/* General styles

*/

body {

background:#fff;

color:#333;

font-size:90%;

font-family: Verdana, Arial, Sans-Serif;

line-height:140%;

margin:1em 1em 1em 2em;

padding:0;

}



a, a:link, a:visited {

color:#06c;

text-decoration:none;

}



a:hover {

color:#147;

text-decoration: underline;

}



h1, h2, h3 {

font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

}



h1 {

line-height:100%;

}



h1 a, h1 a:link, h1 a:visited,

h2 a, h2 a:link, h2 a:visited,

h3 a, h3 a:link, h3 a:visited {

color:#333;

}





/* Whole page */



div#wrapper {

max-width: 900px; /* Doesn't work on IE */

width:expression(document.body.clientWidth > 900? "900px": "auto" ); /* IE only */

}



/* Title and header */





p#blog-title {

font:bold 3em/140% 'Trebuchet MS', 'Lucida Grande', arial, helvetica, sans-serif;

margin: 0;

}

p#blog-title a, p#blog-title a:link, p#blog-title a:visited {

color:#333;

}



div#blog-description {

font-family:'Trebuchet MS', verdana, geneva, sans-serif;

font-size: 1.2em;

margin-left: 1em;

}



div#header {

background: #cccccc url('loudspeaker.jpg') no-repeat scroll bottom left;

padding: 20px 20px 20px 200px;

margin: 0 0 1ex 0;

height: 104px;

}



div#header-info {

float: right;

width: 10em;

text-align: right;

margin-right: 10px;

}



div#header-info div.nav {

height: 26px;

font-family:'Trebuchet MS', 'Lucida Grande', arial, helvetica, sans-serif;

font-size: 1.3em;

}



div#header-info div.nav a,

div#header-info div.nav a:link,

div#header-info div.nav a:visited {

color:#333;

}



div#header-info a.rss-link {

background: transparent url(rss.png) no-repeat scroll left center;

padding:0px 0px 0px 22px;

}





/* Body */



div#nav-above, div#nav-below {

height: 1.5em;

}

div#nav-above div.nav-previous,

div#nav-below div.nav-previous {

float: left;

}



div#nav-above div.nav-next,

div#nav-below div.nav-next {

float: right;

}



/* Archives */





h1.page-title {

margin: 1em 0;

}





/* Post */





div.hentry {

margin-bottom: 3em;

}



span.meta-sep {

color: #ccc;

}



abbr.published {

border-bottom: none;

}



div.entry-meta {

clear: both;

font-style: italic;

}



div.entry-tools {

margin-top: 0.5ex;

padding: 8px 20px;

background-color: #eee;

text-align: center;

}



div.entry-tools span.comments-rss-link a,

li#rss-links a {

background: transparent url(rss.png) no-repeat scroll left center;

padding:0px 0px 0px 20px;

}



/* Post content */





div.hentry p {

margin: 1em 0;

}



div.hentry pre {

font-family: 'Lucida Console', 'Courier New', Courier, monospace;

color: #000;

background-color: #cde;

padding: 10px;

margin: 0;

border:0;

clear: both;

overflow: auto; /* Doesn't work in IE6/Win unless... */

width: 95%; /* ...we set an explicit width (without the padding). */

}



div.hentry blockquote {

background-color: #eec;

padding: 1px 15px; /* 1px top/bottom to stop Mozilla collapsing margins of contained <p> elements */

margin: 1em 4em;

}



code.bad-code,

code span.bad-code {

	color: #f33;

}



code span.hilite-code {

	color: #393;

}



code span.hilite {

	color: #393;

}

code span.hilite-1 {

	color: #393;

}

code span.hilite-2 {

	color: #339;

}



div.pic-left {

	float: left;

	padding-top: 0.5ex;

	padding-right: 1ex;

}



div.amazon-inline-basic {

	float: left;

	padding-top: 0.5ex;

	padding-right: 1ex;

}



div.adsense-486x60 {

}



/* Comments */



div#respond {

margin-bottom: 2ex; /* Firefox collapses the margin on the footer (below this) because the main content is floating. So put a margin here as well.*/

}



div#comments-list ul {

margin:0;

padding:0;

}

div#comments-list ul li.comment {

list-style:none;

margin:2em 0;

padding:0;

background-color: #fff;

}



div#comments-list li.comment div.comment-text {

background-color: #f0f0e0;

padding:1px 15px;

}

div#comments-list li.comment div.comment-text pre {

background-color: #eef;

padding: 10px;

margin: 0;

border:0;

overflow: auto; /* Doesn't seem to work in IE6/Win unless... */

width: 95%; /* ...we set an explicit width (without the padding). */

}



div#comments-list li.comment div.comment-text blockquote {

background-color: #fff;

padding: 1px 15px; /* 1px top/bottom to stop Mozilla collapsing margins of contained <p> elements */

margin: 1em 4em;

}





div#comments-list li.comment div.comment-meta {

font-style: italic;

margin: 0;

padding:1px 30px;

}



div#comments-list li.comment div.comment-meta span.meta-sep {

color: #ccc;

}



div#comments-list ul li.bypostauthor div.comment-text {

background-color: #f0f0ff;

}

div#comments-list ul li.bypostauthor span.comment-author {

font-weight: bold;

}



div#comments-list ul li.pingback,

div#comments-list ul li.trackback {

list-style:none;

margin:1em 0;

color: #999;

background-color: #f8f8f0;

padding:5px 15px;

}

div#comments-list ul li.pingback a,

div#comments-list ul li.pingback a:link,

div#comments-list ul li.pingback a:visited,

div#comments-list ul li.trackback a,

div#comments-list ul li.trackback a:link,

div#comments-list ul li.trackback a:visited {

color:#9bd;

}



div#comments-list ul li.pingback div,

div#comments-list ul li.pingback p,

div#comments-list ul li.trackback div,

div#comments-list ul li.trackback p {

margin-top: 0;

margin-bottom: 0;

}





/* Sidebar */





div.sidebar div,

div.sidebar h3 {

margin:0;

padding:0;

}



div.sidebar ul,

div.sidebar li {

margin:0;

padding:0;

}

div.sidebar li {

list-style:none;

margin:0 0 1em;

}

div.sidebar li form {

margin:0.2em 0 0;

padding:0;

}

div.sidebar ul ul li {

margin:0;

}



input#s {

width: 80%;

}

input#s.instructions {

color: #999;

font-weight: bold;

}





/* Footer */





div#footer {

background: #cccccc url('gadget.jpg') no-repeat scroll bottom right;

padding: 10px 20px;

margin: 2ex 0 1ex 0;

height: 36px;

}

div#footer span.title {

font:bold 2em/100% 'Trebuchet MS', 'Lucida Grande', arial, helvetica, sans-serif;

}







/* Plugins */





div#tla-home-after-first {

font-size: 0.8em;

line-height: 1.1em;

padding: 6px;

margin-top: -1em;

background-color: #eee;

}

div#tla-home-after-first p.about {

font-weight: bold;

margin: 0;

padding: 0px 3px;

}



div#akst_form {

white-space: nowrap;

}



/*

Theme Name: Semicolon

Theme URI: http://www.thunderguy.com/semicolon/

Description: Theme for Semicolon blog. Based on <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a> 0.9.1.

Version: 2.0

Author: Bennett McElwee	

Author URI: http://www.thunderguy.com/semicolon/

*/



/*

LAYOUT: Two-Column (Right)

DESCRIPTION: Two-column fluid layout with one sidebar right of content

*/

div#container {

	float: left;

	margin: 0 0 0 -200px;

	width: 100%;

}

div#content {

	margin: 0 0 0 200px;

	padding-left: 20px;

}

div.sidebar {

	float: right;

	overflow: hidden;

	width: 180px;

}

div#secondary	{

	clear: right;

}

div#footer {

	clear: both;

}



/* General styles

*/

body {

background:#fff;

color:#333;

font-size:90%;

font-family: Verdana, Arial, Sans-Serif;

line-height:140%;

margin:1em 1em 1em 2em;

padding:0;

}



a, a:link, a:visited {

color:#06c;

text-decoration:none;

}



a:hover {

color:#147;

text-decoration: underline;

}



h1, h2, h3 {

font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

}



h1 {

line-height:100%;

}



h1 a, h1 a:link, h1 a:visited,

h2 a, h2 a:link, h2 a:visited,

h3 a, h3 a:link, h3 a:visited {

color:#333;

}





/* Whole page */



div#wrapper {

max-width: 900px; /* Doesn't work on IE */

width:expression(document.body.clientWidth > 900? "900px": "auto" ); /* IE only */

}



/* Title and header */





p#blog-title {

font:bold 3em/140% 'Trebuchet MS', 'Lucida Grande', arial, helvetica, sans-serif;

margin: 0;

}

p#blog-title a, p#blog-title a:link, p#blog-title a:visited {

color:#333;

}



div#blog-description {

font-family:'Trebuchet MS', verdana, geneva, sans-serif;

font-size: 1.2em;

margin-left: 1em;

}



div#header {

background: #cccccc url('loudspeaker.jpg') no-repeat scroll bottom left;

padding: 20px 20px 20px 200px;

margin: 0 0 1ex 0;

height: 104px;

}



div#header-info {

float: right;

width: 10em;

text-align: right;

margin-right: 10px;

}



div#header-info div.nav {

height: 26px;

font-family:'Trebuchet MS', 'Lucida Grande', arial, helvetica, sans-serif;

font-size: 1.3em;

}



div#header-info div.nav a,

div#header-info div.nav a:link,

div#header-info div.nav a:visited {

color:#333;

}



div#header-info a.rss-link {

background: transparent url(rss.png) no-repeat scroll left center;

padding:0px 0px 0px 22px;

}





/* Body */



div#nav-above, div#nav-below {

height: 1.5em;

}

div#nav-above div.nav-previous,

div#nav-below div.nav-previous {

float: left;

}



div#nav-above div.nav-next,

div#nav-below div.nav-next {

float: right;

}



/* Archives */





h1.page-title {

margin: 1em 0;

}





/* Post */





div.hentry {

margin-bottom: 3em;

}



span.meta-sep {

color: #ccc;

}



abbr.published {

border-bottom: none;

}



div.entry-meta {

clear: both;

font-style: italic;

}



div.entry-tools {

margin-top: 0.5ex;

padding: 8px 20px;

background-color: #eee;

text-align: center;

}



div.entry-tools span.comments-rss-link a,

li#rss-links a {

background: transparent url(rss.png) no-repeat scroll left center;

padding:0px 0px 0px 20px;

}



/* Post content */





div.hentry p {

margin: 1em 0;

}



div.hentry pre {

font-family: 'Lucida Console', 'Courier New', Courier, monospace;

color: #000;

background-color: #cde;

padding: 10px;

margin: 0;

border:0;

clear: both;

overflow: auto; /* Doesn't work in IE6/Win unless... */

width: 95%; /* ...we set an explicit width (without the padding). */

}



div.hentry blockquote {

background-color: #eec;

padding: 1px 15px; /* 1px top/bottom to stop Mozilla collapsing margins of contained <p> elements */

margin: 1em 4em;

}



code.bad-code,

code span.bad-code {

	color: #f33;

}



code span.hilite-code {

	color: #393;

}



code span.hilite {

	color: #393;

}

code span.hilite-1 {

	color: #393;

}

code span.hilite-2 {

	color: #339;

}



div.pic-left {

	float: left;

	padding-top: 0.5ex;

	padding-right: 1ex;

}



div.amazon-inline-basic {

	float: left;

	padding-top: 0.5ex;

	padding-right: 1ex;

}



div.adsense-486x60 {

}



/* Comments */



div#respond {

margin-bottom: 2ex; /* Firefox collapses the margin on the footer (below this) because the main content is floating. So put a margin here as well.*/

}



div#comments-list ul {

margin:0;

padding:0;

}

div#comments-list ul li.comment {

list-style:none;

margin:2em 0;

padding:0;

background-color: #fff;

}



div#comments-list li.comment div.comment-text {

background-color: #f0f0e0;

padding:1px 15px;

}

div#comments-list li.comment div.comment-text pre {

background-color: #eef;

padding: 10px;

margin: 0;

border:0;

overflow: auto; /* Doesn't seem to work in IE6/Win unless... */

width: 95%; /* ...we set an explicit width (without the padding). */

}



div#comments-list li.comment div.comment-text blockquote {

background-color: #fff;

padding: 1px 15px; /* 1px top/bottom to stop Mozilla collapsing margins of contained <p> elements */

margin: 1em 4em;

}





div#comments-list li.comment div.comment-meta {

font-style: italic;

margin: 0;

padding:1px 30px;

}



div#comments-list li.comment div.comment-meta span.meta-sep {

color: #ccc;

}



div#comments-list ul li.bypostauthor div.comment-text {

background-color: #f0f0ff;

}

div#comments-list ul li.bypostauthor span.comment-author {

font-weight: bold;

}



div#comments-list ul li.pingback,

div#comments-list ul li.trackback {

list-style:none;

margin:1em 0;

color: #999;

background-color: #f8f8f0;

padding:5px 15px;

}

div#comments-list ul li.pingback a,

div#comments-list ul li.pingback a:link,

div#comments-list ul li.pingback a:visited,

div#comments-list ul li.trackback a,

div#comments-list ul li.trackback a:link,

div#comments-list ul li.trackback a:visited {

color:#9bd;

}



div#comments-list ul li.pingback div,

div#comments-list ul li.pingback p,

div#comments-list ul li.trackback div,

div#comments-list ul li.trackback p {

margin-top: 0;

margin-bottom: 0;

}





/* Sidebar */





div.sidebar div,

div.sidebar h3 {

margin:0;

padding:0;

}



div.sidebar ul,

div.sidebar li {

margin:0;

padding:0;

}

div.sidebar li {

list-style:none;

margin:0 0 1em;

}

div.sidebar li form {

margin:0.2em 0 0;

padding:0;

}

div.sidebar ul ul li {

margin:0;

}



input#s {

width: 80%;

}

input#s.instructions {

color: #999;

font-weight: bold;

}





/* Footer */





div#footer {

background: #cccccc url('gadget.jpg') no-repeat scroll bottom right;

padding: 10px 20px;

margin: 2ex 0 1ex 0;

height: 36px;

}

div#footer span.title {

font:bold 2em/100% 'Trebuchet MS', 'Lucida Grande', arial, helvetica, sans-serif;

}







/* Plugins */





div#tla-home-after-first {

font-size: 0.8em;

line-height: 1.1em;

padding: 6px;

margin-top: -1em;

background-color: #eee;

}

div#tla-home-after-first p.about {

font-weight: bold;

margin: 0;

padding: 0px 3px;

}



div#akst_form {

white-space: nowrap;

}