body { margin:0 0 20px 0; padding:0; text-align:center; background:#ddd; font:62.5% Verdana, serif; color:#000; }
#container { width:100%; text-align: left; margin:0 auto; border:0; padding:0; }
	#main {vertical-align:top; width:600px; margin:0; padding:0}
	#main div.in { padding-bottom:0; margin-bottom:0}
		.post {width:600px; overflow:hidden; margin:0; padding:0; margin-bottom:10px; padding-bottom:10px; font-size:1.1em; border-top:15px solid #ddd}
		.post div.in {margin:0 25px}
		/*sidebar*/
			.sidebar { font:1.1em Verdana, sans-serif; vertical-align:top; padding-top:15px}
			.sidebar h3, h4.comments { font:bold 1.2em Arial, Verdana, Helvetica, sans-serif; font-variant:small-caps; margin-top:10px; margin-left:-5px }
			.sidebar h3 a:hover { color: #85ab02; border-bottom-color: #85ab02; }
			.sidebar ul {list-style-type: none}
            .lside {width:150px}
			.lside .in {text-align:right; padding-right:10px; width:150px}

#logo {text-align:left; padding:5px 5px 10px 0; margin-top:30px; margin-left:20px}
  #card {padding:20px 0; margin-left:30px; padding-right:10px; background:#fff; text-align:center; font-size:1.2em}
  #subscribe {background:#eee; padding-top:5px; border:1px solid #ddd; border-width:1px 1px 0 0; margin-left:60px}
  #subscribe input {margin:0; padding:0}
  #rss-content, #email-content {background:#ccc; padding:5px; margin:5px 0}

  .archives {margin:5px 0; text-align:right; margin-right:-10px}
      .archives td {padding:0 5px}
      .archiveyear {padding:0 0 0 5px; line-height:20px}
      td.histogram {width:90px;  background:url(/images/blog/gui/greyline.gif) repeat-y}

/*recent, related, and other sidebar stuff*/
  .recent-favorites, .recent-posts {float:left}
  .recent-posts {width:190px}
  .recent-favorites {width:190px; margin-right:30px}

  ul.comments {margin:0; padding:0; margin-left:-5px}
    ul.comments li {height:1.2em; overflow:hidden; text-indent:0; width:95%;}
    ul.comments .p {margin-right:2px; padding-right:3px; display:block; float:left; width:37px; text-align:right; overflow:hidden}

  .recent-posts td.p, .recent-favorites td.p, .related_posts td.p  , .related_tags td.p, .tags td.p {text-align:right; vertical-align:top; padding-right:3px; width:10px}
  .related_posts, .related_tags {background:#fff; padding:1px 10px 10px 15px; width:190px; float:left; overflow:hidden}
  .related_tags {background:none}

#main div.tags {margin:10px auto; width:500px}
.break {margin-top:5px; border-top:1px solid #aaa}
.tags img {margin-right:5px; vertical-align:middle}
.tags li {width:150px; background:url(/images/blog/gui/whiteline.gif) repeat-y #ccc}
.tags ul {margin-left:5px; padding-left:0; float:left; list-style-type:none}


/*post*/
	div.post div.meta { font-size: 90%; text-align: right; margin-right: 5px; color:#555; }

	/*cool dates*/
	.post h2 {font:normal 2em Georgia, serif; color:#000; text-align:center; line-height:1em; padding:10px 20px; width:500px}
	.post h2 span {padding-left:20px}
	.post h3 {font-variant:small-caps; font-size:16px; margin-top:20px; margin-bottom:10px; margin-left:-15px; color:#006699; cursor:pointer}
	.post h3 sup {color:#CC3333}
	td.date { color:#555}
	td.date small { line-height:15px }
	td.date big { line-height:25px } 
	div.top {border-top:3px solid orange; width:100%}
	table.title { margin:0 auto; font-size:1em}
	td.title { padding-right:10px}
	td.year { border-left:1px solid #ccc; padding-left:5px; line-height:10px; font-size:12px; color:#ccc; }

	div.navi {margin-bottom:20px; padding:0 10px}


/*comments*/
	/*_comment*/
		div.acm {background:#fff; border-bottom:15px solid #ddd; font-size:11px}
		div.acm div.author {color:#777; padding:3px 5px; background:#eee}
		div.acm div.author strong {color:#000}
			div.acm div.body {padding:15px 25px; width:550px; overflow:auto}

	/*comment form*/
		.feedback, div.related_posts div {background:#ddd; padding-top:10px;}
		h4.comments {text-align:center; font-size:150%; margin:0; padding:0}
		h4.comments img, #subscribe img, .comment-intro img {vertical-align:middle; margin-right:2px}
    .comment-intro {margin-bottom:7px; background:#eee; padding:3px 0; margin-top:3px}
		.comment-list li { padding: 5px; margin-bottom: 8px; color: #ccc; }
		table.comment-box { width:500px; margin:0 auto; padding:0}
.styled {width:200px}
		.comment-box td { vertical-align: top; padding: 5px; }
		.commentform {background:#ddd; padding:20px 0;}
		#comment_body {height:150px; width:500px;}
    #preview {padding:10px 25px; background:white; font-size:11px}
    .check {vertical-align:middle; margin:0}

	/*comment list*/
		table.comments {margin-top:15px; width:100%}
		table.comments tr.header th {text-align:center; padding:5px 0; background:#ccc}
		table.comments tr.header th.daysago {background:white}
		table.comments td.author {text-align:right; padding:0 5px; width:70px}
		table.comments td.daysago {text-align:center}
		table.comments td.extract {padding:3px 5px}
		table.comments td.article {width:150px; padding:3px 5px 3px 5px}
		tr.shade {background:#eee}

    /*all posts*/
        .allposts img {}

/* divs */
	div.code { background:#ccc; margin:10px; padding:10px; white-space:pre; overflow:auto; width:450px}
	div.source { margin-left:100px; margin-top:10px; text-align:right; }
	div.subtitle { margin:0 20px 20px 20px; color:#555; background:#E0EBEF; padding:10px}

	div.block, div.quote, div .footnotes, blockquote, div.quote2 {color:#000; padding:15px 30px; margin:20px 0; background:#eee}
	div.quote, blockquote {background:url(/images/blog/gui/quote1.gif) no-repeat #eee}
	div.quote2 {background:url(/images/blog/gui/quote2.gif) no-repeat #ccc}
	div.twinquote div.quote {margin-bottom:0}
	div.twinquote div.quote2 {margin-top:0}
	.save {margin-top:2px}
	.save img {margin:0 2px}
	div.cloud {padding:20px 30px; text-align:center; line-height:3em}
	div.cloud a {margin:0 3px}

	.indent {margin-left:30px; margin-bottom:15px}
	.sidebar .indent {margin-left:15px; margin-bottom:0}

	div.footnotes {font-size:80%; border:0; margin-bottom:3px; background:url(/images/blog/gui/footnotes.gif) 25px 0 no-repeat; color:#555}
	div.footnotes sup {font-weight:bold}
	div.footnotes a sup {font-weight:normal}

	.splitter {border-bottom:1px solid #555; margin:40px 0}
	.splitter div {background:#222; width:200px; margin:0 auto; position:relative; top:10px; text-align:center; color:#fff}



	.sectiontitle {background:#ddd; padding-top:5px; margin:0; font-size:1.1em; font-family:Georgia, serif; text-align:center; margin-top:15px}
	.sectiontitle h1 {color:#777; font-size:25px}
	.sectiontitle h1 span {font-size:35px; color:tomato; font-family:Verdana, sans-serif; padding:0 5px}

/* text */
	.justify {margin-left:30px}
	.right {text-align:right}
	.smallish {font-size:10px}
	.sc {font-variant:small-caps; font-size:1.5em}
	.big {font-size:110%}
	.smcp, .s {font-variant:small-caps; font-size:130%}
	.grey {color:#999}
	.home {background:#eee; margin:0 10px; padding:2px}
	.pagination {text-align:center; font-size:120%; background:#ddd; padding:10px 30px 0 30px; font-family:Verdana, sans-serif; line-height:200%}
	.paginationlinks {font-weight:bold}
	.paginationlinks a {background:#eee; padding:2px; font-weight:normal}
	.paginationlinks a:hover {background:#ddd; padding:2px}

/*links*/
	a, .lk {color: #006699; text-decoration:none; cursor:pointer}
	a strong, a b, a em, a i {color:inherit}
	a:visited {color:#7949A9}
	a:hover {color:#41a4d5; text-decoration:underline}

/*parentheses*/
	.p {color:#777}
	h3 .p, h4 .p {font-weight:normal; font-family:Verdana, Arial, sans-serif}

	.c {font-weight:bold;}
	.k {border:1px solid #bbb; background:#eee; padding:0 3px; font:normal 10px Verdana, sans-serif; font-variant:small-caps}
	div.n {color:#555; margin:15px 0 5px 0}
	h2.in {margin-top:40px}

/*highlights*/
	.b {font-weight:bold}
	.yellow, .yellow2, .green, .green2, .pink, .pink2, .blue, .blue2, .white {padding:0 3px}
	.yellow {background:#EFDA77} 
	.yellow2 {background:#cab863}
	.green {background:#B5EF86}
	.green2 {background:#92b972}
	.pink {background:#FFCFE7}
	.pink2 {background:#d29cc6}
	.blue {background:#B3E2EF}
	.blue2 {background:#8cbfcd}
	.white {background:white}

/* imgs */
	.fleft {float:left; margin:0 10px 10px 0}
	.fright {float:right; margin:0 0 10px 10px}
	.daily {margin-top:2px; margin-bottom:15px}
	.sai, .isolate {margin:15px 0}
	img.inline {vertical-align:middle}

	div.flickr img { border:1px solid #ccc; width:50px; height:50px; padding:0; margin:0 5px 5px 0}

	.sai, .center {text-align:center; margin-left:auto; margin-right:auto; vertical-align:middle}
	div.imglist {margin-top:20px; margin-bottom:20px}
	div.imglist img {border:0; margin:10px 0;}
	div.border img, img.border {border:1px solid #777}

	.footer img {margin:0 2px}
	.footer a img {opacity:0.5}
	.footer a:hover img {opacity:1}

	.cc1 {margin-top:2px}

    .lside .in img {border:1px solid #aaa}

/* else */
	span.coming {font:normal 40px Georgia, serif}
	span.title {color:#555; font:normal 1.6em Georgia, serif}
	hr, .hr {height:1px; border-bottom:1px solid #bbb; margin:20px 0}

/*messages*/
	.msgbx {border-top:110px solid #ddd;}
	.msg {background:#FFBDBD; border:1px solid #BB7979; font-size:130%; text-align:center; margin:30px 20px 20px 20px; padding:5px}
	.msg .alert {color:#B95959; font-weight:bold}

/*misc*/
  .normalFontSize {font-size:1.1em;}
	#errors { color: red; }
	div.search, textarea, select { font-size:1.2em}
	div.search input, .msg input {background:white url(/images/blog/gui/search.png) 3px 50% no-repeat; border-width:0; padding-left:18px}
	div.search {background:#aaa; padding:10px; border-left:10px solid orange}
    div.search input {width:90%}
    .msg input {border-width:1px; margin-top:10px}

	h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
	h4 { margin-top:40px; padding:8px; }
	form, div { padding: 0; margin: 0; }
	p { margin: 0 0 1em 0; padding: 0; }
	img { border: 0; }

	td.date { color:#555; }
      .sidebar ul {padding:0; margin:0}

	.sidebar iframe {padding:10px; background:#fff}

/*admin*/
	#admin_article a, .admintools {background-color: #eee; font-size: smaller; padding: 0 2px; color: #777; border: 1px solid #ccc; margin-left:5px}
	.admintools:hover { color: #c00; border: 1px solid #c00; background:pink}
	#tagomatic td {vertical-align:top}
	#tagomatic a:hover {background:#fff}