/*
Theme Name: Squashed Blueberry v2
Theme URI: http://www.keithmander.com
Description: Simple, light-weight theme with a uniform light-blue colour scheme. Lightbox built in.
Author: Keith Mander
Author URI: http://www.keithmander.com
Version: 2.0
*/

/*------- core -------*/
body { color:#555;font-family:lucida grande, helvetica;}
img { border:0; }
p   { margin:10px 0 0 0;line-height:18px;font-size:12px; }
h1 { display:none; }
h2,h3,h4 { text-transform:uppercase; }
h2,h2 a,h2 a:hover { color:#333;font-size:24px;font-weight:bold;margin:0; }
h3 { color:#333;font-size:18px;margin-bottom:0 }
h4 { font-size: 26px; margin: 0; }
a { text-decoration:none;color:#333;border-bottom: dotted #ccc 1px; }
a:hover { color:#fff;background-color:#333; border-bottom:none } 

/*------- elements -------*/
blockquote { padding-left: 10px;padding-right: 10px;margin-left: 5px;margin-right: 0;border-left: #e6e6e6;border-width: 0 0 0 1px;border-style: none none none solid;}
ul { margin-left:-15px;line-height:18px;font-size:12px; }
li { list-style-type: square;color:#555; }
.hr { background: url(img/hr.jpg);width:100%;height:1px;margin-top:20px;margin-bottom:20px; }
.post img { border:1px solid #f0f0f0;border-right:1px solid #dedede;border-bottom:1px solid #dedede;padding:4px;margin: 0px 8px 5px 8px; }

/*------- img wrapping -------*/
#right {float:right;margin-left:10px !important;}
#left {float:left;margin-right:10px !important;}

/*------- header -------*/
#logo a { display: inline;position:absolute;margin:-120px 0 0 30px;width:394px;height:94px;background-image: url(img/logo.gif); }
#logo a:hover { background-image: url(img/logo2.gif); }
#portrait { display: inline;position:absolute;margin:-120px 0 0 715px;width:119px;height:94px;background-image: url(img/photo.jpg); }

.hidden {display:none;}

/*-  #feed a { position:absolute;margin:-100px 0 0 -1px; background-image: url(img/feed.gif);height:16px;width:16px;}

/*------- remove links from images -------*/
.aNoBg{ background:none; border:0; text-decoration:none; }
.aNoBg:hover{ background:none; border:0; text-decoration:none; }

a[rel=external] { background:none; border:0; text-decoration:none; }

#lbCloseLink {border-bottom:none;}

/*------- post footer -------*/
.dim { color: #cccccc;}

.bar {margin-top:20px;font-size:12px; }

/*------- comments -------*/
.commentCount a, .perm a, #logo a, #feed a { border-bottom: none !important;}

.commentCount a, .perm a { font-weight: bold; color: #fff; background-color: #04d404; padding: .3em .5em .3em .5em; }
.commentCount a:hover, .perm a:hover { color:#000; background-color: #ddd;}	
.commentCount, .perm { display:inline;margin:15px 5px 0 0;}

.PostDate { margin:2px 0 0 -40px;text-transform: uppercase;position: absolute;text-align: center;}
.PostDate .day { display: block; font-size: 24px; font-weight: normal; line-height: 24px; color: #ccc; letter-spacing: -1px;}
.PostDate .month { font-size: 9px; line-height: 9px; color: #666; }

h3.commenttitle { padding: 0 0 0 0; margin: 0 0 0 0; }
#commentlist { padding: 0; margin: 0; }
#commentlist li { list-style-type: none; padding: 0; margin: 0; }

.commentBg1 { background-color: #fff; padding: 0 0 0 40px;margin:10px 0 0 0; }
.commentBg0 { background-color: #f5f5f5; padding: 0 0 0 40px;margin:10px 0 0 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee; }

div.commentbody {padding:7px 5px 10px 10px;}

/*------- layout -------*/
#pagecontainer  { width:825px; margin:120px 0 0 50px; }
#main { width:570px; float:left; }
#sidebar { position:relative; left:30px; top:0px; width:225px; float:left; margin-bottom: 30px;}

/*------- footer -------*/
#footer { text-transform:uppercase; font-size:10px; float:left; clear:left; padding: 0 0 20px 0; }

/*------- navigation ----*/
.postnav { width: 100%; padding: 0 0 1em 0; overflow: auto; font-size:16px; }

.prev, .gohome { float: left; display: inline; margin: 0 5px 0 0; }
.next { float: right; display: inline; margin: 0 5px 0 0; }

.prev a, .next a { display: block; font-weight: bold; color: #fff; background-color: #04d404; padding: .3em .5em; border:0; }
.prev a:hover, .next a:hover { color:#000; background-color: #ddd;}
.prev span, .next span { position: relative; top: -1px; }

.gohome a { display: block; font-weight: bold; color: #fff; background-color: #04d404; padding: .3em .5em; border:0; margin-bottom:15px;}
.gohome a:hover { color:#000; background-color: #ddd;}


/*----- submit button ---*/
#submitcomment, #submit {border:0; padding: .3em .5em; margin: 0 0 10px 2px; font-weight: bold; color: #fff; background-color: #04d404; cursor: pointer; }
#submitcomment:hover, #submit:hover { color:#000; background-color: #ddd; }

input,textarea {border: 1px solid #999;font-family:lucida grande, helvetica;font-size:100%;padding:3px}
input:focus,textarea:foucs,input:hover,textarea:hover {border: 1px solid #04d404;}
label {font-weight:500;padding-left:2px}


.avatar {
	float: right;
	margin: 0;
	padding-left: 5px
}

.avatar img {
}

.avatar a {
	border: none;
}