
/*
Theme Name: Joe Theme
Theme URI: http://www.joemaller.com/
Description: In Progress
Version: 0.1
Author: Joe Maller
Author URI: http://www.joemaller.com/

*/


/*	Reset everything to defaults, compacted from http://developer.yahoo.com/yui/reset	*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}







body
{
	font-size: 75%;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Nueue", helvetica, sans-serif;
}

a {	color: #55b;}
a:visited {	color: #8F92B4;}

a:hover {	color: #00b;}

.alignright { float: right;}
.alignleft { float: left;}



#leftcol
{
	width: 642px;
	float: left;
}

#sidebar {
    float: left;
	    width: 180px;
}

#main
{
	background: #fff;
	overflow: hidden;
	width: 1095px;
	margin: 0 auto 10px auto;
	padding: 6px 0;
}

#main.home { width: 840px; }

#blog
{
	margin: 0 10px; /* this left-margin is doubling in MSIE ? */
	padding: 15px 10px;
	color: #555;
	border: 1px solid #eee;
	z-index: 20;
}

strong { font-weight: bold; }
em { font-style: italic; }

.ninephotos
{
	width: 241px;
	padding: 0 0 4px 0;
	margin: 0;
	border: 1px solid #eee;
	overflow: hidden;
	background-image: url(/images/photocol_dropshadow.gif);
}

#photocol
{
	width: 250px;
	padding: 0 10px;
	margin: 0;
	float: left;
}


#sidebar .widget {
    margin-bottom: 2em;
}

#sidebar div.widget h3.widget-title {

    vertical-align: 120%;
    overflow:visible;
    height: 1em;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.5em;

}


#photocol h3, #elsewise h3, #leftcol h3, .widget h3.widget-title
{
	padding: 0 12px 0 0;
	margin: 5px 0 -3px 0;
	font-size: 1.2em;
	font-family: tahoma, sans-serif;

	color: #988;
	text-align: right;
	font-weight: normal;
	text-transform: lowercase;
}

#photocol h3 a, #sidebar h3 a, #leftcol h3 a
{
	text-decoration: none;
	color: #555;
}



#photocol h3 a:hover, #elsewise h3 a:hover, #leftcol h3 a:hover { color: #333; }

#leftcol h3
{
	padding: 0 0 0 21px;
	text-align: left;
	margin: 2em 0px 0.5em 0em;
}

#leftcol h3.storytitle { margin-top: 0;}
#leftcol h3#pagetitle { margin: 0.4em 0 -3px;}

.flickrimg
{
	margin: 4px 0 0 4px;
	float: left;
	border: none;
}

.flickrimg:hover
{
	margin: 2px -2px -2px 2px;
	float: left;
	border: 2px solid #ff4;
}

.meta, .dlink .tags
{
	font-weight: normal;
	font-size: 0.7em;
	color: #aaa;
	margin: 0.25em 0 1em 0;
}

.meta a, .dLink .tags a { color: #aab; }
.meta a:hover, .dLink .tags a:hover { color: #77a; }
.meta_comments {font-size: 12px; font-weight: bold;}

.post
{
	font-size: 1.15em;
	line-height: 1.35em;
	margin: 1em 0;
	padding: 0;
}

#leftcol #blog h3,
#leftcol #blog h4
{
	font-size: 1em;
	color: #555;
	padding: 0;
	font-weight: bold;
	text-transform: none;
	clear: both;
}

#leftcol #blog  h3 a
{
	text-decoration: none;
	color: inherit;
}
#leftcol #blog h3 a.post-edit-link { color: #F60; font-size: 75%;}


#leftcol #blog h3 a:hover { color: #000; }
#leftcol #blog h3 a.post-edit-link:hover { color: #B04900;}

.storycontent p
{
	margin: 0 0 1em 0;
	padding: 0;
}

.digg_button iframe { float: right; margin: 0 0 1em 0.5em; }

.post img
{
	margin: 0.25em 0;
}
.post a img {border: none;}

.post img.aligncenter { display: block; margin: auto; }
.post img.alignright { margin-left: 0.8em;}
.post img.alignleft { margin-right: 0.8em;}

.post blockquote, .post dl
{
	margin: 1.5em;
	font-style: italic;
	font-size: 1em;
	font-family: georgia, sans-serif;
	line-height: 1.5em;
	color: #aab;
	text-align: normal;
}


.post blockquote b, .post blockquote strong
{
font-weight: normal;
font-style: italic;
color: #667;
}

.post blockquote a 
{
    color: #88F;
    text-decoration: none;
}

.post ul, .post ol
{
	padding: 0 0 0.5em 0.5em;
	margin: 0;
}

.post li { margin: 0 0 0.5em 1.5em; }
.post li p { margin: 1em 0 0 0;}
.post ul li {list-style: square;}
.post ol {list-style: decimal}

ul.dlink  {margin: 0; padding:0;}
.dlink li
{
	color: #aaa;
	display: list-item;
	font-size: 0.8em;
	list-style-type: square;
	padding: 0;
	margin: 1em 1.5em;
}




.post dl {margin-bottom: 1em;}
.post dl dt {margin-top: 1em;color: #667;}
.post dl dd {margin-left: 0; margin-top: 0;}


.post hr {border: 1px solid #eee; border-width: 0 0 1px 0; margin: 1em;}

#elsewise
{
	width: 180px;
	background: #fff;
	float: left;
	overflow: hidden;
}

#elsewise img
{
	display: block;
	border: none;
	margin: auto;
}

#elsewise ul { padding: 0; margin: 1em 0.25em;}

#elsewise li
{
	margin: 0.5em 0 ;
	display: block;
	list-style-type: none;
}

#twitter_update_list li
{
margin-bottom: 1em;
text-align: right;
}

#twitter_update_list span {
display: block;
text-align:left;
font-size: 1.2em;
line-height: 1.25em;}






#sidebar .widget { color: #999;}

#sidebar .widget_multi_twitter { position: relative; }
#sidebar .widget_multi_twitter h3,
#sidebar .widget_multi_twitter h3 a { color:#1ACCFF; }

#sidebar .widget_multi_twitter .user { margin: 0 0 1em 0; font-size: 1.25em; font-weight: bold; }
#sidebar .widget_multi_twitter .user img { border: none; height: 24px; width: 24px; margin: 0 3px 0 0; vertical-align: -10px; }
#sidebar .widget_multi_twitter .tweet .text .user img { position: absolute; left: 0; }

#sidebar .widget_multi_twitter .tweet { margin: 1em 0 2em 0; }
#sidebar .widget_multi_twitter .tweet .text { display: block; }
#sidebar .widget_multi_twitter .tweet .showname { padding-left: 28px; }
#sidebar .widget_multi_twitter .tweet a { text-decoration: none; }
#sidebar .widget_multi_twitter .tweet:hover .text a { text-decoration: underline; }
#sidebar .widget_multi_twitter .tweet:hover .time a,
#sidebar .widget_multi_twitter .tweet:hover a.user { text-decoration: none; }
#sidebar .widget_multi_twitter .tweet a.user:hover { text-decoration: underline; }
#sidebar .widget_multi_twitter .time { font-style:italic; font-size: 10px; float: right;}
#sidebar .widget_multi_twitter .time a { color: green; text-decoration: none; }
#sidebar .widget_multi_twitter .tweet .time a:hover { color: green; text-decoration: underline; }








.elsebox
{
	background: #fff;
	padding: 10px 10px;
	border: 1px solid #eee;
border:none;
	font-size: 0.8em;
	color: #999;
}

#commentform p input, #commentform p textarea { margin: 0.5em 0;}
#comment { width: 100%; }
textarea, input[type="text"] {background: #eee; border: 1px solid #bbb; padding: auto 3px;}
textarea:focus, input[type="text"]:focus {background: #eed; border: 1px solid #bb9; }


pre code {
	display: block;
	color: #4a7;
	overflow: auto;
	border: 1px solid #F3F2CC;
	padding: 10px 5px;
	background: #ffe;
	margin: 0 0 1em -5px;
}

code {
    color: #184; 
    font-family: Menlo, Consolas, "Lucida Console", Monaco, monospace;
}

code .response, code .output {color: #79c;}
.post code strong { color:#007231; font-weight: bold;}

#comments-post pre code {
width: 350px;
}

code.html span.comment		{ color: #999;}
code.html span.tag			{ color: #07f;}
code.html span.string		{ color: #080;}
code.html span.attribute	{ color: #07f;}
code.html span.doctype		{ color: #07f;}

code.css span.comment		{ color: #999;}
code.css span.keywords		{ color: #fd2;}
code.css span.selectors		{ color: #0b0;}
code.css span.properties	{ color: #66f;}
code.css span.units			{ color: #33c;}
code.css span.urls			{ color: #4a0;}

code.javascript span.comment  { color: #999;}
code.javascript span.brackets { color: #07f;}
code.javascript span.string   { color: #4a0;}
code.javascript span.keywords { color: #07f;}
code.javascript span.exp	  { color: #808;}
code.javascript span.global   { color: #06e;}


code.php span.comment	{ color: #999;}
code.php span.brackets	{ color: #07f;}
code.php span.string1,
code.php span.string2	{ color: #4a0;}
code.php span.keyword,
code.php span.variable	{ color: #07f;}
code.php span.func		{ color: #33c;}
code.php span.exp		{ color: #808;}
code.php span.global	{ color: #06e;}




ul.commentlist li  {
	display: block;
	margin-top:  0.5em;
}

ul.commentlist p {
	line-height: 1.3em;
	color: #6D6D6D;
	margin: 0 0 1em 0;
}

ul.commentlist .comment-meta {
		background-color: #eee;
		color: #aaa;
		padding: 2px 3px;
}


ul.commentlist .comment-meta strong { color: #888; }
               
ul.commentlist .vcard { display: block; float: left; padding-top: 0.5em;}
ul.commentlist .comment-reply-link a { margin-left: 0.5em; padding-left: 20px; text-decoration: none; font-size: 0.8em; color: #aaa; line-height: 1.75em; background: url(images/reply-arrow-999.png); background-repeat: no-repeat;}
ul.commentlist .comment-reply-link a:hover { color: #777; background-image: url(images/reply-arrow-777.png);}
ul.commentlist .comment-timestamp { float: right; color: #bbb; font-size: 0.8em; line-height: 1.75em;}

ul.commentlist .comment-moderated .notice { text-align: center; font-weight: bold; line-height: 2em; color: #C55B2B; background: #EBA979; }
ul.commentlist .comment-moderated .comment-body p { color: #aaa; }


ul.commentlist .comment-meta img.avatar { width: 16px; height: 16px; }
ul.commentlist img.avatar {
/*	size is specified in the tag, but noting it here makes my life easier	*/
	height: 24px;
	width: 24px;
	margin: 0 6px ;
	
}


ul.commentlist .bypostauthor > div > .comment-meta { background-color: #d6deff; }
ul.commentlist .bypostauthor > div > .comment-body { background-color: #eaeeff; }
ul.commentlist .bypostauthor > div > .comment-meta .comment-timestamp { color: #88c;}


ul.commentlist .comment-body {
	padding:  0.5em 1em 0.5em 36px;
}


/*	depth 2 comments	*/
ul.commentlist li.depth-2 { margin-left: 36px; }
ul.commentlist li.depth-3, 
ul.commentlist li.depth-4, 
ul.commentlist li.depth-5 { margin-left: 28px; }  /*  additional levels are nested is 16px deeper */
ul.commentlist .depth-2 img.avatar { width: 16px; height: 16px;}



.addthis_toolbox {float: right;}




/* Pretty printing styles. Used with prettify.js. */

.str { color: #080; }
.kwd { color: #008; }
.com { color: #aa7; }
.typ { color: #525995; }
.lit { color: #066; }
.pun { color: #4a7; }
.pln { color: #555; }
.tag { color: #4a7; }
.atn { color: #4a7; }
.atv { color: #79c; }
.dec { color: #606; }
pre.prettyprint { padding: 2px; border: 1px solid #888; }

@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}



.post table { border-spacing: 3px; }
.post table th { background: #efefef; font-weight: bold;}
.post table th,
.post table td { padding: 0.2em 0.5em; border: 1px solid #ddd; }