html{background:#C8E6F2 url(images/gradient.jpg) repeat-x;}

body {
	color: #3f3f3f;
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align: center;
	height: 100%;
	padding-top:50px;
}

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

.clear {
	clear: both;
}
/* Link Styles */
a:link, a:visited, a:active {
	color: #0099CC;
	text-decoration:none;
}
a:hover {
	color: #000;
	text-decoration:none;
}

h2 a:link, h2 a:visited, h2 a:active {
	color: #3f3f3f;
	text-decoration:none;
}
h2 a:hover {
	color: #3f3f3f;
	text-decoration:none;
}

a img{border:none;}

/* Headings */
h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Helvetica, sans-serif;}
h2 {font-size: 3.0em;}

h3 {
	font-size: 2.5em;
	margin: 30px 0 20px 0;
}
h4 {font-size: 2.2em;}
h5 {font-size: 1.9em;}

/* General Classes */
.right {float: right;}
.left {float: left;}


/* Header */
#header {
	width: 960px;
	margin: 0px auto;
	text-align: left;
	height:56px;
	position:relative;
}

#header #navigation {
	font-family: Arial;
	font-size: 1.4em;
	font-weight:bold;
	position:absolute;
	bottom:-1px;
	left:53px;

}
#header #navigation a {
	display: block;
	float:left;
	width:58px;
	height:27px;
	line-height:27px;
	vertical-align:middle;
	text-align:center;
	letter-spacing: -0.05em;
}

#header #navigation a.current {background: #fff url(images/tab.gif) no-repeat;}
#header #navigation a:link, #header #navigation a:visited, #header #navigation a:hover, #header #navigation a:active {
	color: #272D36;
	text-decoration:none;
}

/* Wrapper */
#wrapper {
	width: 960px;
	background: #fff url(images/page_bg.png) repeat-y 2px -114px;
	border: 1px solid #666666;
	margin: 0 auto;
	text-align: left;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-moz-box-shadow:2px 2px 4px #666;
  -webkit-box-shadow: 2px 2px 4px #666;
}

/* Content */
#content {
	width: 620px;
	float: left;
	padding: 20px 10px 10px 70px;
}

h2.page_title
{
	text-transform:uppercase;
	font-size:1.1em;
	margin-bottom:20px;
	padding:5px;
	border:1px solid #c0c0c0;
	background:#E7E7E7 url(images/postback.jpg) repeat-x 0 -114px;
	text-align:center;
}

#project_header
{
	height:80px;
	margin:-20px -10px 0px -70px;
	border-bottom:1px solid #C0C0C0;
	color:#262C34;
	margin-bottom:15px;
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;
}

#project_header #project_description
{
	width:248px;
	float:right;
	background:#F0F0F0;
	border-left:1px solid #C0C0C0;
	height:68px;
	padding:6px;
}

#project_header #project_description h2
{
	font-family:Arial;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:2px;
}

#project_header #project_description p
{
	font-size:1.2em;
	margin-bottom:5px;
	font-style:italic;
}

#project_header #project_description p a:link, #project_header #project_description p a:visited
{
	font-style:normal;
	color:#7D9BB3;
	background:url(images/bullet_go.gif) no-repeat 0px -1px;
	padding-left:15px;
}

.mahalo-journal_project {background: #2BA3E0 url(images/mahalo-journal-header.jpg) no-repeat;}
.mapdiary_project {background: #F2F7FB url(images/mapdiary-header.jpg) no-repeat;}
.sub-delay_project {background: #13273A url(images/sub-delay-header.jpg) no-repeat;}

.post {
	margin-bottom: 20px;
	position:relative;
}

#content .post .category
{
	color:#999999;
	border-bottom:1px solid #DDD;
	font-size:1.4em;
	padding-bottom:3px;
}

.category a:link, .category a:visited {color:#1a68a5}

.post .time
{
	position:absolute;
	top:5px;
	left:-53px;
	font-size:1.3em;
}

.post .time .date, .post .time .month
{
	display:block;
	width:38px;
	text-align:center;
}

.post .time .date
{
	background:#57ABE6;
	color:#FFF;
	font-weight:bold;
	font-size:1.3em;
	padding:0.2em 0em;
}

.post .time .month
{
	background:#DDD;
	color:#3F3F3F;
	font-weight:bold;
	font-size:0.8em;
}

.post h3 {
  font-size:1em;
  font-weight:bold;
  margin-bottom:5px;
}

#content .entry {font-size: 1.5em;line-height: 1.4em;}
#content .entry p {margin: 5px 0 15px 0;}
#content .entry ul, #content .entry ol {padding-left:35px;}
#content .entry ul li {list-style:disc;margin-bottom:13px;}
#content .entry ol li {list-style-type: decimal;margin-bottom:13px;}

.entry img {
	border:1px solid #CCC;
	padding:2px;
}

.entry img.amazon, .entry img.wp-smiley{border:none;padding:0;}

.archive ul
{
	border-left:4px solid #CACACA;
	font-size:1.3em;
}

.archive li
{
	background:transparent url(images/marker.gif) no-repeat scroll 0 0;
	clear:left;
	padding-left:16px;
}

.archive li span.date {
	display:block;
	float:left;
	font-size:0.8em;
	width:129px;
	line-height:19px;
}


.archive h2.page_title, .archive ul {margin-left:-54px;}
.archive li a 
{
	font-style: italic;
}


#content .postmetadata
{
	margin:0 0 5px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background:#F3F3F3 url(images/postback.jpg) repeat-x 0 -170px;
	font-size:1.1em;
}

#content .postmetadata a:link, #content .postmetadata a:visited{color:#222;}
#content .postmetadata a:hover{color:#0099CC;}
.postmetadata .tags, .postmetadata .commentslink, .postmetadata .clock {padding:1px 0 2px 20px}
.postmetadata .tags {background:url(images/tag_blue.gif) no-repeat}
.postmetadata .commentslink {background:url(images/comments.gif) no-repeat}
.postmetadata .clock {background:url(images/time.gif) no-repeat}


#content #comments
{
	font-size: 1.2em;
	line-height: 1.4em;
}

#content #comments h3 {
	font-size:1.2em;
	border-bottom: 1px solid #dde0e0;
	margin-top:0px;
	font-weight:bold;
}

#content #comments ol.comment_list li {
	list-style: none;
	margin-bottom: 15px;
}

#content #comments .comment_author {
	float:left;
	width:50px;
	text-align:center;
}

#content #comments .comment_body {
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #e0e5e5;
	width: 500px;
	float: right;
}

#content #commentform #submit
{
	margin-top:5px;
}


#content .aligncenter, #content div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content .alignleft {
	float: left;
	padding: 10px 20px 20px 0;
}
#content .alignright {
	float: right;
	padding: 10px 0 20px 20px;
}
#content .wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}
#content .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
#content .wp-caption p.wp-caption-text {
	font-size: 1.0em;
	line-height: 1.6em;
	padding: 5px;
	margin: 0;
}

.wp-pagenavi {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 20px;
}

/* Sidebar */
#sidebar {
	width: 260px;
	float: right;
	padding-bottom: 30px;
}

#sidebar a:link, #sidebar a:visited {color: #0099DD;}
#sidebar a:hover {color: #000;}

#sidebar h3 {
	font-size: 1.0em;
	margin: 0;
	margin-bottom: 4px;
	color: #3a3a3a;
	font-weight:bold;
	text-transform: uppercase;
}

#sidebar #searchform input {
	border: 1px solid #9e9e9e;
	padding: 3px;
	padding-left: 24px;
	background: #fff url(images/search_icon.png) no-repeat 0% 50%;
}

#sidebar .menublock {
	background: url(images/sidebox_bg.png) no-repeat 0 100%;
	padding: 10px;
	padding-left: 15px;
	color: #444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
#sidebar .menublock li {
	line-height: 2.0em;
	letter-spacing: -0.05em;
}

#sidebar .menublock ul.links li
{
	background: url(images/bullet_green.gif) no-repeat 0 2px;
	padding-left:17px;
}


#sidebar .projects img {border: 1px solid #A5AAAA;}

#sidebar .menublock.description {
	background: #C3C5C6 url(images/search_bg.png) repeat-y;
	border-bottom: 1px solid #888;
	position:relative;
	width:235px; /**For IE6 not to freak out **/
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:7px;
}

#sidebar .menublock.main_links {
	background: #D4D7D7 url(images/adverts.png) repeat-y 0px 0px;
	border-top:1px solid #D8DADA;
	border-bottom:1px solid #B7BBBB;
}


#sidebar .menublock.description img.avatar {
	border: 1px solid #a5aaaa;
	float:right;
}

#sidebar .menublock.description .bubble{
	background: url(images/bubble.png) no-repeat;
	width:150px;
	height:81px;
	padding:6px 20px 6px 6px;
	position:absolute;
	top:7px;
	behavior: url(/wp-content/themes/balvig/iepngfix.htc);
}

#sidebar .menublock.description .bubble p
{
	color:#111;
	font-size:1.0em;
	font-style:italic;
	text-transform:none;
}

#sidebar .menublock.description .bubble h3{margin-bottom:0px;}
#sidebar .menublock.social a{margin-right:4px;}
#sidebar .menublock.flickr, #sidebar .menublock.mapdiary, #sidebar .menublock.social {padding-right:2px;}
#sidebar .menublock.flickr {padding-left:10px;}
#sidebar .menublock.flickr h3 {padding-left:5px;width:235px;} /*Poor ie6 */
#sidebar .menublock.flickr .jump {margin-right:5px;}



#sidebar .menublock.flickr img, #sidebar .menublock.subdelay img, #sidebar .menublock.mapdiary img
{
	margin:1px;
	border:1px solid #999;
	background:#FFF;
	padding:1px;
}

#sidebar .menublock.flickr img {float:left;}

#sidebar .menublock.subdelay img {margin:1px 4px 6px 3px;}

#sidebar .menublock.mapdiary img
{
	float:left;
	margin-right:5px;
}

.tweet {
	width: auto;
	margin-bottom: 4px;
}

.tweet blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background:#FFF url(images/postback.jpg) repeat-x 0 -150px;
	word-wrap:break-word;
}

.tweet blockquote p {
	margin: 7px;
	padding: 0px;
}

.tweet .date
{
	text-align:right;
	color:#999;
	margin-top:2px;
	font-size:0.9em;
}

.tweet cite {
	position: relative;
	margin: 0px;
	padding-top: 7px;
	top: -1px;
	background: transparent url(images/tip.gif) no-repeat 22px 0;
	font-style: normal;
	display:block;
}


#sidebar .tweet a:link, #sidebar .tweet a:visited
{
	color:#333;
	font-style:italic;
}

#sidebar .tweet a:hover{color:#0099CC;}

#sidebar .menublock .text {font-style:italic;clear:both;}


.lastfm li {
	background: url('images/lastfm_music.gif') no-repeat 0 2px;
	padding-left: 20px;
	margin-bottom: 3px;
}

.lastfm .track{font-style:italic;}

.archives {margin-top:-15px;}
.archives td{width:400px;}
.graph { 
    position: relative; /* IE is dumb */
    width: 100%; 
    border: 1px solid #7FBBF7; 
    padding: 2px; 
}
.graph .bar { 
    display: block;
    position: relative;
	background:#90DBF4 url(images/bar.png) repeat-y;
    text-align: center; 
    color: #333; 
    height: 1.7em; 
    line-height: 1.7em;            
}


#footer {
	width: 960px;
	margin: 0 auto;
	margin-top: 5px;
	text-align: left;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
#footer p {
	padding-left: 2px;
	letter-spacing: -0.05em;
	margin-bottom: 20px;
}
#footer a:link, #footer a:visited {color: #111;}
#footer a:hover {color: #fff;}
#footer a:active {color: #111;}

table { 
	border: 1px solid #C0C0C0; 
    border-collapse: collapse;
	font-size: 1.3em;
	width: 100%;
}
table th, 
table td { padding: 5px 10px; }
table th, 
table td { text-align: left; }
table thead th { 
    font-family: inherit; 	
    font-size: inherit;
	background-color: #2a2a2a;
	border: 1px solid #2a2a2a;
	color: #fff;
	font-weight: bold;
    }
   
table tbody th { 
    color: #000; 
    }
table tbody th, 
table tbody td { border-top: 1px solid #b7bbbb; }
table tbody tr.alt { background-color: #e0e5e5; }
table tfoot tr th,
table tfoot tr td { 
	border-top: 1px solid #b7bbbb;
    background-color: #c9cece; 
    }

#sidebar a.more:link, #sidebar a.more:visited
{
	background:url(images/bullet_go.gif) no-repeat 0px -1px;
	padding-left:17px;
	font-style: italic;
	color:#666;
	padding-right:2px;
}

#sidebar a.more:hover {color:#0099CC;}
.jump {text-align:right;clear:both;}

code
{
	background:#F8F8FF;
	border:1px solid #DEDEDE;
	display:block;
	padding:4px;
}

.gist {font-size:80%;}
.gist-meta {display:none;}