/*
Theme Name: CLeCompte.com
Theme URI: http://www.clecompte.com/
Description: Mine
Version: 1
Author: Chris LeCompte
Author URI: http://www.clecompte.com/
Tags: me
*/

a:link {color:#003366; text-decoration:underline;}
a:visited {color:#003366; text-decoration:underline;}
a:hover {color:#666; text-decoration:none;}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

body {font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; text-align:center; background:url(images/page-bg.jpg) repeat-x #fff;}

p {line-height:1.5em;}
p, table {margin:15px 0;}

blockquote {margin-left:25px;}

hr {border:none 0; border-top:2px solid #CCCCCC; width:100%; height:2px; margin:20px 0; clear:both;}

img {border:0; display:block;}
img.center {display:block; margin-left:auto; margin-right:auto;}
img.aligncenter {display:block; margin:30px auto;}
img.aright, .alignright {float:right; margin:10px 0 10px 10px;}
.entry img.alignright {border:5px solid #eee;}
img.alignleft {float:left; margin:0 10px 20px 0;}
img.aleft {float:left; margin:10px 10px 0 0;}
img.border {border:2px solid #666666;}

.nomargin {margin:0;}

.clear {clear:both;}

.ngg-none {display:inline; margin:10px;}
p > .ngg-none {display:inline; vertical-align:middle;}



/* ----- MAIN ----- */

#page_header {text-align:center; background:url(images/top-color-band.png) no-repeat center 1px; height:152px;}
#page_header img {display:block; float:left;}
.header_content {width:528px; height:152px; margin:0 auto; text-align:left; background:url(images/chris-lecompte-main.gif) no-repeat 12px top; padding-left:457px; position:relative;}
.header_content a.home {width:380px; height:125px; display:block; position:absolute; left:0;}

.header_content li {display:block; float:left; list-style:none;}
.header_content li a {display:block;}
.blog {background:url('images/nav-blog.png') no-repeat; height:152px; width:133px;}
.blog_on, .blog:hover {background:url('images/nav-blog-on.png') no-repeat; height:152px; width:133px;}
.projects {background:url('images/nav-projects.png') no-repeat; height:152px; width:129px;}
.projects_on, .projects:hover {background:url('images/nav-projects-on.png') no-repeat; height:152px; width:129px;}
.who {background:url('images/nav-who.png') no-repeat; height:152px; width:129px;}
.who_on, .who:hover {background:url('images/nav-who-on.png') no-repeat; height:152px; width:129px;}
.connect {background:url('images/nav-connect.png') no-repeat; height:152px; width:133px;}
.connect_on, .connect:hover {background:url('images/nav-connect-on.png') no-repeat ; height:152px; width:133px;}



/* ----- TEXT ----- */

h1, h2, h3, h4 {line-height:normal; font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, Arial, sans-serif; letter-spacing:-.05em; font-weight:normal;}

h1 {color:#262626; font-size:2.5em; margin-top:10px;}
h2 {color:#CC3300; font-size:1.8em; margin-top:30px;}
h3 {color:#333; font-size:1.4em; margin:30px 0 -10px 0;}
h4 {font-size:1.5em;}

h1 a:link {color:#262626; text-decoration:none;}
h1 a:visited {color:#262626; text-decoration:none;}
h1 a:hover {color:#666; text-decoration:none;}

h2.category_title {background:url(images/category-title-bg.png) repeat-y left; color:#444; padding:5px; margin:0 0 25px -5px; font-size:1.2em;}

.lg {font-size:1.4em;}
.sm {font-size:.8em;}



/* ----- CONTENT ----- */

#page_body {text-align:center;clear:both;}

#content_main {width:960px; margin:0 auto; text-align:left;}

.top_corners {background:url(images/content-top-bg.gif) no-repeat; height:17px;}

.content_area {background:url(images/main-content-bg.png) no-repeat top #fff; padding: 0 6px;}

.content_left {width:610px; float:left; padding:15px 0 20px 35px; font-size:1.4em; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.content_left p {line-height:1.6em;}
.content_left pre {width:570px; overflow:auto; background:#eee; border-width:1px 1px 1px 4px; border-color:#ccc; border-style:solid; font-size:1.1em; padding:6px;}
.content_left pre.pre_hover {z-index:9999; width:800px; position:relative;}

.content_right {width:300px; float:right; margin-top:15px; font-size:1.2em;}

.content_left ul {margin:15px 0 15px 40px; list-style:square; line-height:1.6em;}
.content_left ol {margin:25px 0 25px 40px;}
.content_left ul li, .content_left ol li {margin-bottom:15px;}
.content_left ol li {font-size:.95em; color:#333;}

.ngg-singlepic {border:1px solid #ccc; margin-bottom:20px;}


.sub_line_left div {display:block; float:left; margin:10px 16px 3px 0;}
.sub_line_right div {display:block; float:right; margin:10px 0 3px 0;}
.sub_line_left {width:30%; float:left;}
.sub_line_right {width:70%; float:left;}

.tweetmeme_button {padding-top:2px;}
.top_comments {padding-right:25px; font-size:11px; padding-top:3px;}
.facebook_share {padding:1px 11px 0 0;}
.facebook_share p {margin:0;}
.share_post {font-size:11px; padding:1px 11px 0 0; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

.entry {clear:both;}
.post_div {font-size:1px; clear:both; border-bottom:2px solid #ccc;}

.home_post {margin-bottom:20px;}

#podcast, #videoplayer320_white {margin:0 auto 20px auto; border:4px solid #ccc; padding:3px; display:block;}



/* ----- SIDEBAR ----- */

.sidebar {padding:0 20px 20px 36px;}
.title_img {margin:30px 0 8px 0;}
.snippet {margin:5px 25px 15px 12px; font-size:.95em; color:#333300;}
.snippet p {margin:0 0 10px 0;}
.social_media img {margin:0 11px 10px 11px; display:inline;}

.post-title-sm {font-size:.95em; color:#666;}

ul.categories {margin:15px 0 5px 25px;}
ul.categories li {list-style:none; background:url(images/side-bullet.png) no-repeat left 50%; padding-left:16px; font-size:.95em; font-weight:bold; margin-bottom:8px;}



/* ----- BLOG ----- */

.post-date {font-size:1.1em; font-weight:bold; margin:5px 0 0 0; color:#666;}

.comment-line {background:#eee; padding:4px; border-bottom:1px solid #ccc; margin-bottom:40px; text-align:right; font-weight:bold; clear:both;}

.entry {color:#262626; background:url(images/post-border.png) no-repeat top right; padding:10px 25px 0 0; clear:both;}

.more-link {padding:15px 0; clear:both; width:233px; height:57px; margin:0 0 0 auto; display:block;}

a.tt {margin:25px 15px 5px 0; display:inline; font-weight:bold; font-size:.9em;}
.nothumb {display:inline; margin:0 -10px -3px 0;}

#single_post .tt {line-height:5em;}


/* ----- COMMENTS ----- */

#comments_content {clear:both; padding-top:10px;}

#respond input {margin-bottom:15px;}

#respond #submit {font-size:1.2em; font-weight:bold; padding:4px; margin-top:10px;}

#respond h3, h3#comments {margin-top:30px; color:#333; font-size:1.2em; font-weight:bold;}

.comment-author {font-size:1.1em; font-weight:bold;}

ol.commentlist {margin:20px 0 0 0; padding:0;}
.commentlist {list-style:none;}
.commentlist li {margin:0; padding:0;}
.commentlist img {display:none;}
.commentlist p {margin:15px 0 0 10px; color:#000;}

.commentlist cite {font-style:normal;}

li.thread-even, li.thread-odd {padding:4px;}
li.thread-even {background:#eee;}
li.comment-author-clecompte {background:#FFFFCC;}



/* ----- FOOTER ----- */

#page_footer {background:url(images/footer-band.png) repeat-x top #262626;}

.footer_content {width:960px; margin:0 auto; text-align:left; color:#ccc; min-height:175px; padding:75px 20px 20px 20px; font-size:1.2em;}
.footer_content h4 {color:#ccc;}
.footer_content a:link {color:#fff;}
.footer_content a:visited {color:#fff;}
.footer_content a:hover {color:#666;}

.recent_posts {float:left; width:281px; padding:10px 20px 0 20px; margin-right:30px; background:url(images/footer-module-bg.png) no-repeat top;}

ul.delicious {margin-top:10px; font-size:.95em;}
ul.delicious li {list-style:none; margin-bottom:12px;}

.recent_comments {float:left; width:281px; padding:10px 20px 0 20px; margin-right:35px; background:url(images/footer-module-bg.png) no-repeat top; font-size:.95em;}
.recent_comments ul li {list-style:none; margin:15px 0;}

.footer_sub {background:url(images/footer-sub-module-bg.png) no-repeat top left; padding:10px 0 10px 20px; margin-bottom:30px;}

.search_area {float:right; width:250px;}
.search_area h4 {margin:0 0 10px 0;}
.search_area p {font-size:1.1em; margin:0;}
.search_area .copyright {border-top:1px solid #333; margin-top:30px; padding-top:10px; color:#666; font-size:.85em;}
.search_area #s {width:150px; padding:2px; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #999999; border-bottom:1px solid #999999; -moz-border-radius:6px; -webkit-border-radius:6px; font-size:1.2em; color:#333; background:#eee;}