/*
-------------------------------------------------------
Mediajunk blog stylesheet
Last modified : 03 Dec 2006
-------------------------------------------------------
*/

/*
global styles
-------------------------------------------------- */

* { 
margin : 0;
padding : 0;
}
body {
background: #b9d1d0;
font: 100%/1.4em "Georgia", "Times New Roman", "Times", serif;
color: #444;
}

/* links */

a:link {
font-weight: bold;
text-decoration: none;
color: #c33800;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #c33800;
}
a:hover {
font-weight: bold;
text-decoration: none;
color: #c33800;
}
a:active {
font-weight: bold;
text-decoration: none;
color: #c33800;
}
p {
padding: 0 0 10px;
}
abbr, acronym {
font-style: normal; 
border-bottom: 1px dotted #999; 
cursor: help;
}

/* code */

code {
padding: 3px;
background: #e5e5e5;
overflow: auto;
font: 1.05em Courier, monospace;
line-height: 1.4em;
}

/* list styles */

ul {
margin: 10px 0;
padding: 0;
}
ul li {
list-style-type: none;
margin: 0 0 5px;
padding: 0 0 0 15px;
background: url(i/icon-dot.gif) no-repeat;
line-height: 18px;
}
ol {
margin: 10px 0;
padding: 0 0 0 25px;
}

/* blockquote */

blockquote {
margin: 10px 0;
padding: 5px 35px 0;
background: url(i/blockquote.gif) no-repeat;
font: italic 1em/1.5em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #666;
}

/* image styles */

img.left {
float: left;
margin: 0 15px 10px 0;
}
img.right {
float: right;
margin: 0 0 10px 15px;
}
img.centered {
display: block;
margin: 10px auto;
}
img.border {
background: #fff;
padding: 4px;
border: 1px solid #f6f6f6;
}

/* hn */

h1, h2, h3, h4 {
font-weight: normal;
color: #222;
}
h1 a, h2 a, h3 a, h4 a {
font-weight: normal!important;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.4em;
margin: 5px 0 3px 0;
}
h4 {
font-size: 1.2em;
}

/*
layout
-------------------------------------------------- */

#container {
width: 858px;
background: url(i/container.jpg) repeat-y;
margin: 50px 0 50px 50px;
text-align: left;
}
#col-main {
display: inline;
float: left;
width: 568px;
font-size: 0.9em;
}
#col-side {
float: left;
width: 250px;
margin: -214px 0 0;
background: url(i/side.gif) no-repeat 100% 0;
font: 0.75em "Lucida sans Unicode", "Lucida Grande", Arial, sans-serif;
}

/*
header
-------------------------------------------------- */

#header {
position: relative;
height: 194px;
width: 568px;
margin: 0 0 20px;
background: url(i/header.jpg) no-repeat;
}
h1 {
position: absolute;
top: 34px;
left: 34px;
margin: 0;
padding: 0;
}
h1 a:link, h1 a:visited, h1 a:hover {
display: block;
width: 192px;
overflow: hidden;
margin: 0;
padding: 62px 0 0 0;
background: url(i/title.jpg) no-repeat;
text-decoration: none;
height: 0px !important;
height /**/: 62px;
line-height: 62px;
}

/* 
navigation 
---------------------------------------------------	 */

ul#nav {
float: right;
display: inline;
width: 91px;
margin: 34px 34px 0 0;
padding: 0;
}
#nav li {
float: right;
display: block;
list-style-type: none;
width: 91px;
height: 16px;
margin: 0 0 8px; 
padding: 0;
}
#nav li a {
display: block;
overflow: hidden;
margin: 0; 
padding: 16px 0 0;
color: #ddd;
text-decoration: none;
height: 0px !important;
height /**/: 16px;
}
#nav li a:hover {
background-image: none;
color: #fff;
}
#nav li a:active {
color: #fff;
}
/* */
#nav li#nav-home {
background: url(i/nav-home.gif) 0 -16px no-repeat;
}
#nav li#nav-home a {
background: url(i/nav-home.gif) 0 0 no-repeat;
}
#nav li#nav-home a:hover, body#home li#nav-home a {
background-image: none;
}
/* */
#nav li#nav-archives {
background: url(i/nav-archives.gif) 0 -16px no-repeat;
}
#nav li#nav-archives a {
background: url(i/nav-archives.gif) 0 0 no-repeat;
}
#nav li#nav-archives a:hover, body#archives li#nav-archives a {
background-image: none;
}
/* */
#nav li#nav-about {
background: url(i/nav-about.gif) 0 -16px no-repeat;
}
#nav li#nav-about a {
background: url(i/nav-about.gif) 0 0 no-repeat;
}
#nav li#nav-about a:hover, body#about li#nav-about a {
background-image: none;
}
/* */
#nav li#nav-contact {
background: url(i/nav-contact.gif) 0 -16px no-repeat;
}
#nav li#nav-contact a {
background: url(i/nav-contact.gif) 0 0 no-repeat;
}
#nav li#nav-contact a:hover, body#contact li#nav-contact a {
background-image: none;
}

/* 
permalink page 
---------------------------------------------------	 */

/* posts */

div.post {
margin: 30px 34px 0;
padding: 0 0 25px;
}
h2.post-title {
margin: 0 0 5px;
padding: 0 0 0 5px;
font-size: 1.4em;
text-transform: uppercase;
letter-spacing: 0.2em;
}
h2.post-title a {
font-weight: normal;
}
p.post-meta {
margin: 0 0;
padding: 0 0 0 5px;
background: url(i/post-meta.gif) no-repeat;
font: 0.7em "Lucida sans Unicode", "Lucida Grande", Arial, sans-serif;
color: #666;
line-height: 32px;
}
div.post-body {
margin: 20px 0 0;
}

/* comments */

#comments {
margin: 0 34px 30px;
padding: 0 0 25px;
font-size: 0.9em;
color: #666;
}
p#comments-meta {
margin: 5px 0 20px;
padding: 0 0 0 5px;
background: url(i/post-meta.gif) no-repeat;
font: 0.8em "Lucida sans Unicode", "Lucida Grande", Arial, sans-serif;
color: #666;
line-height: 32px;
}
#comments h3 {
font-size: 1.5em;
}
dt.comment-meta {
font: 0.85em "Lucida sans Unicode", "Lucida Grande", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.1em;
}
dd.comment-body {
margin: 5px 0 20px;
padding: 0 0 15px;
background: url(i/dot-white.gif) repeat-x 0 100%;
font-size: 0.85em;
line-height: 1.5em;
}

/* gravatar */

span.gravatar {
display: block;
float: right;
width: 40px;
height: 40px;
margin: 0 0 5px 15px;
padding: 10px;
background: #fff;
border: 1px solid #f6f6f6;
}

/* comments form */

#comments-form h3 {
margin: 0 0 25px;
}
#comments-form label {
margin: 0 0 3px;
font: 0.85em "Lucida sans Unicode", "Lucida Grande", Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.2em;
}
#comments-form label em {
font-style: normal;
text-transform: none;
letter-spacing: normal;
}
div.form-note {
float: right;
clear: right;
width: 200px;
font-size: 0.8em;
line-height: 1.3em;
color: #999;
}
div.form-note p {
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #C9C1AB;
}
p.form-input {
margin: 0 0 2px;
padding: 10px;
background: #fff;
border: 1px solid #f6f6f6;
}
#comment-author,  
#comment-email,
#comment-url,
#comment-text, 
#search-page-input  {
width: 55%;
margin: 5px 0 0;
padding: 3px;
background: #f2f7f7;
border: 1px solid #ececec;
color: #444;
}
#search-page-input {
width: 90%;
}
#comment-text {
width: 95%;
}
#comment-preview,
#comment-post,
#comment-submit, 
#comment-cancel,
#search-submit, 
#search-page-submit {
padding: 5px;
background: #B9D1D0;
border: 3px double #999;
border-top-color: #bbb;
border-left-color: #bbb;
font-size: 85%;
color: #444;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}
#search-submit, 
#search-page-submit {
margin: 5px 0 0;
} 
p.comment-moderate {
font-size: 0.85em;
}
#comments-preview h3 {
margin: 0 0 25px;
}
.commenter-profile img{ /* remove the border on the typekey profile icon */
border: none;
}

/*
page styles
-------------------------------------------------- */

h2.sec-title {
margin: 0 34px 25px;
border-bottom: 1px solid #e1e1e1;
text-transform: uppercase;
}

/*
search results page
-------------------------------------------------- */

#form-searchpage {
margin: 20px 0 0;
padding: 0 0 20px;
background: url(i/dot-white.gif) repeat-x 0 100%;
}

/*
side
-------------------------------------------------- */

#col-side-inner {
padding: 10px 0;
background: url(i/side-inner.gif) no-repeat 100% 100%;
}
div.col-side-sec {
height: 1%;
margin: 0 20px 20px 16px;
padding: 0 0 20px;
background: url(i/dot-green.gif) repeat-x 0 100%;
font-size: 0.95em;
line-height: 1.5em;
}
div.col-side-sec h3 {
margin: 0 0 15px;
font-size: 1.1em;
color: #222;
text-transform: uppercase;
letter-spacing: 0.1em;
}

/* banners */

div.col-side-sec.banners {
margin: 20px 20px 0 16px;
background: none;
}
div.col-side-sec.banners h3 {
display: block;
margin: 0; 
}
div.col-side-sec.banners h3 a {
display: block;
overflow: hidden;
margin: 0; 
color: #ddd;
text-decoration: none;
}
h3#h3-hic {
width: 210px;
height: 27px;
background: url(i/h3-hic.gif) 0 -27px no-repeat;
}
h3#h3-hic a {
padding: 27px 0 0;
background: url(i/h3-hic.gif) 0 0 no-repeat;
height: 0px !important;
height /**/: 27px;
}
h3#h3-hic a:hover {
background-image: none;
}
h3#h3-mjd {
width: 210px;
height: 58px;
margin: 0 0 7px;
background: url(i/h3-mjd.gif) 0 -58px no-repeat;
}
h3#h3-mjd a {
padding: 58px 0 0;
background: url(i/h3-mjd.gif) 0 0 no-repeat;
height: 0px !important;
height /**/: 58px;
}
h3#h3-mjd a:hover {
background-image: none;
}

/* search */

#form-search fieldset {
border: none;
}
#search {
width: 95%;
margin: 0 10px 0 0;
padding: 3px;
background: #CCE5E4;
border: 1px solid #96a6a6;
font: 0.9em "Lucida sans Unicode", "Lucida Grande", Arial, sans-serif;
color: #444;
}

/* subscribe */

div.col-side-sec.subscribe {
background: none;
}
a.subscribe-side {
display: block;
overflow: hidden;
width: 111px;
height: 16px;
background: url(i/icon-feed.gif) no-repeat;
text-indent: -10000px;
}

/*
footer
-------------------------------------------------- */

#footer {
height: 104px;
background: url(i/footer.gif) no-repeat;
font: 0.65em "Lucida sans Unicode", "Lucida Grande", Arial, sans-serif;
line-height: 1.4em;
}
#footer a {
color: #fff;
}
p#credit {
width: 190px;
margin: 0 0 0 45px;
padding: 35px 0 0;
text-align: center;
}

/* 
clear		
------------------------------------------------------ */

.clear {
clear: both;
height: 0;
line-height: 0;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* pre - used for code, as code tag doesn't display well 
for long blocks */
pre{
	color: #006400;
	border: 1px solid #96A6A6;
	background: #fff;
	padding: 10px;
	margin: 10px 0;
	line-height: normal;
}

/* float around digg vote box */
#diggit{
	float: left;
	margin: 0 5px 0 0;
}

/* make image in entry float to the right */
.post img{
	border: 2px solid #B9D1D0;
	float: right;
	margin: 10px;
}