/*
LONG time ago, this was based on DePo Skinny.

At this point, it's a pretty bastardized CSS file, far from its DePo Skinny roots.

But, still, here ya go.

Theme Name:   DePo Skinny
Theme URI:    http://powazek.com
Description:  A slender theme for WP by <a href="http://powazek.com">Derek Powazek</a>
Version:      1
Author:       Derek Powazek -- with heavy modifications at this point by Dave Peck
Author URI:   http://powazek.com and/or http://davepeck.org
*/



@font-face {
    font-family: millerdisplay;
    src: url('/font/miller_display_roman-webfont.eot');
    src: url('/font/miller_display_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/miller_display_roman-webfont.woff') format('woff'),
         url('/font/miller_display_roman-webfont.ttf') format('truetype'),
         url('/font/miller_display_roman-webfont.svg#MillerDisplayRomanRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: millerdisplay;
    src: url('/font/miller_display_semibold-webfont.eot');
    src: url('/font/miller_display_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/miller_display_semibold-webfont.woff') format('woff'),
         url('/font/miller_display_semibold-webfont.ttf') format('truetype'),
         url('/font/miller_display_semibold-webfont.svg#MillerDisplaySemiboldRegular') format('svg');
    font-weight: bold;
    font-style: normal;

}

/*
not using this one right now

@font-face {
    font-family: millerdisplay;
    src: url('/font/miller_display_semibold_italic-webfont.eot');
    src: url('/font/miller_display_semibold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/miller_display_semibold_italic-webfont.woff') format('woff'),
         url('/font/miller_display_semibold_italic-webfont.ttf') format('truetype'),
         url('/font/miller_display_semibold_italic-webfont.svg#MillerDisplaySemiboldItalicRg') format('svg');
    font-weight: bold;
    font-style: italic;

}
*/

@font-face {
    font-family: millerdisplay;
    src: url('/font/miller_display_italic-webfont.eot');
    src: url('/font/miller_display_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/miller_display_italic-webfont.woff') format('woff'),
         url('/font/miller_display_italic-webfont.ttf') format('truetype'),
         url('/font/miller_display_italic-webfont.svg#MillerDisplayItalicRegular') format('svg');
    font-weight: normal;
    font-style: italic;
}
 

* { 
    margin: 0; 
    padding: 0;
}

body {
    background: url('/img/body-bg.png') repeat-y;
    background-color: #fff;
    color: #333;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    font-family: millerdisplay, Garamond, serif;
    margin: 0;
    padding: 0;
}

img#wpstats { width:0px; height:0px; overflow:hidden; }

img.interest
{
/*    margin-bottom: 25px;
*/
}

a, a:link, a:visited { color:#000; font-weight: bold; text-decoration: none; }
a:hover { color:#000; font-weight: bold; text-decoration: underline; background-color: #ccc; }

div.post h1 a, div.post h1 a:hover, div.post h1 a:link, div.post h1 a:visited { color: #2769B6; text-decoration: none; font-weight: normal;}

/*.post h3 a { font-size: larger; }
*/
p, ul, ol, li { 
    margin-bottom: 25px; 
}

blockquote { 
    margin-left: 25px;
    padding-left: 25px;
    color:#666;
    border-left: 1px solid #ccc;
}

ul {
    list-style-type: square;
    margin-left: 25px;
}

ol {
    margin-left: 25px;
}

h1 { 
    font-size: 32px; /* 26 */
    line-height: 50px;
    margin-bottom: 0px;
    color: #2769B6;
    font-weight: normal;
}

h2 { 
    font-size: 24px; /* 22 */
    line-height: 50px;
    margin-bottom: 0px;
    color: #2769B6;
    font-weight: normal;
}

h3 { 
    font-size: 18px; 
    line-height: 25px;
    margin-bottom: 0px;
    color: #2769B6;
    font-weight: normal;
}

h4 { 
    font-size: 14px; 
    line-height: 25px;
    margin-bottom: 0px;
    color: #2769B6;
    font-weight: normal;
}

p.blog-title
{
    font-size: 18px;
    line-height: 25px;
    text-transform: lowercase;
}

a.external-link
{
    text-decoration: underline !important;
}

#sidebar .blog-title a
{
    text-decoration: none !important;
}

#sidebar .blog-title a:hover
{
    text-decoration: underline !important;
}

#container {
    background: url('/img/background-heavy.png') repeat-y;
}

#banner {
    height: 0px;
}

#sidebar {
    float: left;
    width: 309px;
    color: #ccc !important;
    text-align: left !important;
    font-size: 12px;
    line-height: 25px;
}

#sidebar #inner
{
    padding-top: 127px; /* the extra 2px is for good luck. */
    padding-left: 25px;
    padding-right: 25px;
}

#content {
    background: #fff;
    margin-left: 309px;
    padding-left: 25px;
    width: 525px;
}

#footer {
    clear: both;
    background: #fff;
    width: 100%;
}

#davepeck-icon
{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 0;
    width: 50px;
    height: 50px;
    position: relative;
    right: 0px;
}

#sidebar a { color:#ddd; font-weight: normal; text-decoration: underline; }
#sidebar a:hover { color: #fff; font-weight: normal; text-decoration: underline; background: #555;}

#sidebar ul {
    list-style-type: none;
}

ul.archives
{
    list-style-type: none !important;
    margin-left: 0px !important;
}

#sidebar ul li { margin-bottom: 0 !important; }

/* HEADER */

.header {
    padding-top: 50px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 25px;
    text-align:left;
    border-bottom: 1px solid #ccc;
}

.header h1 {
    font-size: 26px;
    color: #000;
    font-weight: normal;
}

.header h4 {
    color: #888;
    margin-top: 0px;
    font-weight: normal;
}

.header span {
    margin-left: 12.5px;
    font-size: 12px;
    color: #666;
    font-weight: normal;
}

.header a { color: #2769B6; font-weight: normal; text-decoration: none; }
.header a:hover { color: #2769B6; text-decoration: underline; font-weight: normal;}

.search {
    padding:11px 0 0 20px;
    background:url('/home/wp-content/themes/hpc/images/search.gif') 0 14px no-repeat;
    float:right;
}

.search input {
    width:120px;
}


#custom_search_box
{
    margin-bottom: 25px;
}

/* FLICKR */

.flickr {
    border-bottom: 1px solid #ccc;
    text-align:center;
    padding: 11px 0;
    margin-bottom:9px;
    width:500px;
}

.flickr img {
    width: 59px;
    height: 59px;
    margin: 1px 5px;
    border: 1px solid #666;
}

.flickr img:hover {
    width: 75px;
    height: 75px;
    margin: -7px -3px;
    border: 1px solid #000;
}

.flickr span a { color: #ccc; }

/* POSTS */

.post a { color: #333; text-decoration: underline; font-weight:normal;  }
.post a:hover { color: #000; text-decoration: underline; font-weight: normal; background-color: #ccc; }

.post strong { color: #111 !important; }

.post {
    border-bottom: 1px solid #ccc;
	padding:25px 0 0 0;
	text-align:left;
    width:500px;
}

.post code 
{
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 14px;
    color: #111;
    line-height: 25px !important;
}

.post pre
{
    margin: 0;
    padding: 12.5px;
    overflow: hidden;  
    border: 1px solid #CCC;
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px !important;
    background: #fff;
    margin-bottom: 25px;    
}

.post pre p, .post pre span, .post pre div
{
    font-size: 10pt;
}

.postnoline {
	padding:25px 0 0 0;
	text-align:left;
    width:500px;
}

.postcomment {
	padding:25px 0 0 0;
	text-align:left;
    width:500px;
    font-size:11px;
    color:#666;
}

.commentslnk {
    font-size:13px;
	text-align:center;
}

p.byline {
	margin-top:0px;
    font-size:14px;
    color: #555;
}

p.byline a {
    color: #555;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

p.byline a:hover {
    color: #555;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
}

.post IMG {
/*	border:1px solid #000;
*/    border: 0;
}

.post IMG.noline {
	border:0;
}

span.previous { padding: 0 20px 0 0; float: left; }
    
span.next { float: right; }

span.edit a { 
    float:right;
    font-weight:normal; 
    font-size:11px; 
    color:#666; 
    border:1px solid #ccc; 
    padding:0 4px; 
}

.metainfo {
    float:left;
    width: 152px;
    font-size: 10px;
    color: #666;
    padding: 3px 0;
}

.previously {
	text-align:left;
    width: 500px;
    padding: 20px 0 3px 0;
    border-top: 1px solid #ccc;
    font-size: 12px;
}

.previously a { font-weight:bold }

.text_area { width: 480px !important; }

.postform { width:150px; margin: 0;} 

.delicious-tags { font-size:11px; color:#666 }
.delicious-tags a { font-weight:normal; color:#333 }
ul.delicious { color:#555 }


/* FOOTER */

.older_entries {
    font-size: 13px;
    text-align:left;
    color: #333;
    margin-bottom: 13px;
}

.older_entries a {
    color: #333;
    font-weight: normal;
    text-decoration: underline;
}

.older_entries a:hover {
    color: #181818;
    font-weight: normal;
    text-decoration: underline;
    background-color: #ccc;
}

.footer {
    font-size: 11px;
    text-align:left;
    color: #666;
}

.footer div {
    width:150px;
    margin: 0 20px 0 0;
    float:left;
}

.footer img {
    border:0;
}

.footer a {
    color: #666;
    font-weight: normal;
    text-decoration: underline;
}

.footer a:hover {
    color: #333;
    font-weight: normal;
    text-decoration: underline;
    background-color: #ccc;
}

.footer div.last {
    width:140px;
    margin: 0 0 0 0;
}

.copyright {
    font-size: 11px;
    margin:12.5px 0 0 0;
    padding: 25px 0 12.5px 0;
    border-top: 1px solid #666;
    text-align:right;
    color: #666;
}

ul.nav li { margin: 0 }

p.caption
{
    font-size: smaller;
    color: #444;
}

a.blog-linky, a.blog-linky:visited, a.blog-linky:link
{
    display: inline-block;
    text-indent: -9999px !important;
    width: 51px !important;
    height: 50px !important;
    background: transparent url('/img/davepeck/d-sprite.png') no-repeat !important;
    margin-bottom: 25px;
    background-position: 0 -100px !important;
}

a.blog-linky:hover
{
    background-position: 0 0 !important;    
}

a.dp-blog-linky, a.dp-blog-linky:visited, a.dp-blog-linky:link
{
    display: inline-block;
    text-indent: -9999px !important;
    width: 72px !important;
    height: 50px !important;
    background: transparent url('/img/davepeck/dp-sprite.png') no-repeat !important;
    margin-bottom: 25px;
    background-position: 0 -100px !important;
}

a.dp-blog-linky:hover
{
    background-position: 0 0 !important;    
}

a.dpbig-blog-linky, a.dpbig-blog-linky:visited, a.dpbig-blog-linky:link
{
    display: inline-block;
    text-indent: -9999px !important;
    width: 110px !important;
    height: 75px !important;
    background: transparent url('/img/davepeck/dpbig-sprite.png') no-repeat !important;
    margin-bottom: 25px;
    background-position: 0 -125px !important;
}

a.dpbig-blog-linky:hover
{
    background-position: 0 0 !important;    
}


#container #disqus_thread
{
    margin-bottom: 0px !important;
    padding-top: 25px !important;
    text-align: left !important;
    font-size: 13px !important;
    line-height: 25px !important;
}


#container #disqus_thread h1, #container #disqus_thread h2, #container #disqus_thread h3
{
    text-align: left !important;
    font-size: 13px !important;
    line-height: 25px !important;
}

#container #disqus_thread .dsq-comment-text
{
    text-align: left !important;
    font-size: 13px !important;
    line-height: 25px !important;
}

#container #disqus_thread .dsq-comment-header
{
    text-align: left !important;
}

#container ul#dsq-footer
{
    display: none;
}

.footnote
{
    color: #777;
}