/*
Theme Name: The Project Web
Theme URI: http://www.theprojectweb.com/
Description: The Project Web Web Site
Version: 1.00
Author: Chris LeCompte
Author URI: http://www.clecompte.com/
Tags: custom theme

*/

/* ----- RESET ----- */
html, body, 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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


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

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

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

blockquote {margin-left:25px;}

p {margin:15px 0;}

hr {border:none 0; border-top:2px solid #ccc; width:100%; height:2px; margin:40px 0 25px 0;}

img {border:0; display:block;}
img.center, .aligncenter {display:block; margin-left:auto; margin-right:auto;}
img.right, .alignright {float:right; margin:10px 0 0 18px;}
img.left, .alignleft {float:left; margin:0 18px 0 0;}
.post_content img {border:6px solid #eee; padding:1px;}
.post_content .noborder, .post_content .size-thumbnail {border:none; padding:0; margin:0 0 12px 12px;}

.clear {clear:both; font-size:1px; height:1px}


/* ----- MAIN ----- */
#page_body {width:960px; margin:0 auto; text-align:left; font-size:1.2em;}

#page_header {height:80px; position:relative;}
#page_header img {position:absolute; left:-102px;}
#page_header p {position:absolute; bottom:15px; color:#ccc; font-size:1.05em; text-align:right; width:99%; margin:0;}

.social_media {float:right; width:125px;}
.social_media img {margin:40px 0 0 8px; float:right;}

.search {position:absolute; right:9px; top:10px;}
.search input {vertical-align:middle;}
.search input#s {padding:4px; width:200px; border:1px solid #333; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:1em; background:url(images/search-field-bg.png) repeat-x bottom #fff;}
.search input#searchsubmit {background:url(images/search-button.png) no-repeat; height:21px; width:56px; border:none; margin-left:3px;}

.wp-post-image {float:right; margin:22px 0 0 18px; border:7px solid #eee;}
.home_content .wp-post-image {margin-top:5px;}

#home_content #share_buttons {display:none;}


/* ----- NAVIGATION ----- */
ul#page_nav {list-style:none; clear:both; margin-top:10px; border-bottom:4px solid #fff; height:37px;}
ul#page_nav li {display:inline;}

ul#page_nav li a, ul#page_nav li {height:37px; text-decoration:none; display:block; float:left;}

ul#page_nav li.home {border-right:3px solid #343434; width:85px;}
ul#page_nav li.home a:link, ul#page_nav li.home a:visited {background:url(images/nav-home-on.png) no-repeat -9999px; width:85px; border-bottom:4px solid #7f7f7f;}
ul#page_nav li.home a:hover, ul#page_nav li.home.current_page_item a {background:url(images/nav-home-on.png); width:85px; border-bottom:4px solid #936e27;}

ul#page_nav li.project {border-right:3px solid #343434; width:204px;}
ul#page_nav li.project a:link, ul#page_nav li.project a:visited {background:url(images/nav-project-management-on.png) no-repeat -9999px; width:204px; border-bottom:4px solid #7f7f7f;}
ul#page_nav li.project a:hover, ul#page_nav li.project.current_page_item a {background:url(images/nav-project-management-on.png); width:204px; border-bottom:4px solid #936e27;}

ul#page_nav li.webdesign {border-right:3px solid #343434; width:126px;}
ul#page_nav li.webdesign a:link, ul#page_nav li.webdesign a:visited {background:url(images/nav-web-design-on.png) no-repeat -9999px; width:126px; border-bottom:4px solid #7f7f7f;}
ul#page_nav li.webdesign a:hover, ul#page_nav li.webdesign.current_page_item a {background:url(images/nav-web-design-on.png); width:126px; border-bottom:4px solid #936e27;}

ul#page_nav li.podcast {border-right:3px solid #343434; width:205px;}
ul#page_nav li.podcast a:link, ul#page_nav li.podcast a:visited {background:url(images/nav-podcast-on.png) no-repeat -9999px; width:205px; border-bottom:4px solid #7f7f7f;}
ul#page_nav li.podcast a:hover, ul#page_nav li.podcast.current_page_item a {background:url(images/nav-podcast-on.png); width:205px; border-bottom:4px solid #936e27;}

ul#page_nav li.tips {border-right:3px solid #343434; width:118px;}
ul#page_nav li.tips a:link, ul#page_nav li.tips a:visited {background:url(images/nav-tips-on.png) no-repeat -9999px; width:118px; border-bottom:4px solid #7f7f7f;}
ul#page_nav li.tips a:hover, ul#page_nav li.tips.current_page_item a {background:url(images/nav-tips-on.png); width:118px; border-bottom:4px solid #936e27;}

ul#page_nav li.about {border-right:3px solid #343434; width:153px;}
ul#page_nav li.about a:link, ul#page_nav li.about a:visited {background:url(images/nav-about-on.png) no-repeat -9999px; width:153px; border-bottom:4px solid #7f7f7f;}
ul#page_nav li.about a:hover, ul#page_nav li.about.current_page_item a {background:url(images/nav-about-on.png); width:153px; border-bottom:4px solid #936e27;}

ul#page_nav li a:hover img, ul#page_nav li.current_page_item a img {position:absolute; top:-9999px;}

ul#page_nav li.end {background:url(images/nav-end.png) no-repeat top left; display:block; float:left; width:301px; height:37px; border-bottom:4px solid #7f7f7f;}


/* ----- TEXT ----- */
h1, h2, h3, h4, h5, h6 {line-height:normal; font-weight:normal;}

h1 {color:#000; font-size:2.4em;}
h1.post_title {font-family:'Nobile', Arial, Verdana, sans-serif; font-weight:bold; font-size:3em; letter-spacing:-.02em; margin:0; padding:0 0 5px 0; line-height:1.2em; border-bottom:1px solid #e7ce9f; color:#936e27;}
h1.single_post_title {font-family:'Nobile', Arial, Verdana, sans-serif; font-weight:normal; font-size:3em; letter-spacing:-.02em; margin:0; padding:3px 0 5px 0; line-height:1.2em; border-bottom:1px solid #e7ce9f; color:#e1990e; border-top:3px solid #936e27;}
h1.error {font-family:'Nobile', Arial, Verdana, sans-serif; font-weight:bold; text-transform:uppercase; font-size:3em; letter-spacing:-.02em; margin:0; padding:0 0 5px 0; line-height:1.2em; border-bottom:1px solid #e7ce9f; color:#936e27;}

h2 {color:#000; font-size:2em; margin-top:10px; font-weight:normal;}
.home_content h2, h2.post_title {font-family:'Nobile', Arial, Verdana, sans-serif; font-weight:bold; font-size:2.6em; letter-spacing:-.02em; margin:0; padding:0 0 5px 0; line-height:1.2em; border-bottom:1px solid #e7ce9f;}
.home_content h2 a:link, h2.post_title a:link, .home_content h2 a:visited, h2.post_title a:visited {color:#936e27; text-decoration:none;}
.home_content h2 a:hover, h2.post_title a:hover {color:#bd9446; text-decoration:none;}
h2.error {font-family:'Nobile', Verdana, Arial, sans-serif; font-size:2em; margin:20px 0 10px 0; padding-top:10px; line-height:1.2em; color:#666;}
.archive_list h2.post_title {font-size:2em;}
.single_post h2 {margin:40px 0 -7px 0; font-weight:bold; font-size:1.5em; text-transform:uppercase; padding-top:3px; border-top:3px solid #ccc;}

h3 {color:#333; font-size:1.4em;}
.sub_content .post_content h3 {border-width:2px 0 1px 0; border-color:#ccc; border-style:solid; padding:10px 0 3px 0; font-size:1.3em;}
.post_content h3 {font-family:'Nobile', Arial, Verdana, sans-serif; color:#333; font-size:1.4em; margin-top:25px;}
.podcast_col h3 {font-family:'Nobile', Verdana, Arial, sans-serif; font-size:1.1em; margin:20px 0 0 0; border-top:2px solid #b9ddfc; padding-top:10px; text-transform:uppercase; line-height:1.2em;}
.podcast_col h3 a:link, .podcast_col h3 a:visited {color:#364aa1; font-weight:bold; text-decoration:none;}
.podcast_col h3 a:hover {color:#6280b8; font-weight:bold; text-decoration:none;}
h3#comments {margin-top:15px;}

h4 {font-size:1.2em;}

h5 {font-family:'Nobile', Arial, Verdana, sans-serif; background:url(images/col-heading-corner.png) no-repeat left center #dd9710; color:#fff; text-transform:uppercase; font-weight:bold; font-size:1em; padding:10px 0 10px 8px; line-height:1em;}

#page_footer h6 {font-family:'Nobile', Arial, Verdana, sans-serif; color:#ffdd9c; font-size:1.2em; text-transform:uppercase; font-weight:bold; margin:0 0 6px 0; border-bottom:1px solid #222;}


/* ----- HOME CONTENT ----- */
#home_content {clear:both; background:#fff; border-width:0 3px 0 3px; border-color:#fcc04b; border-style:solid; padding:12px 1px 1px 20px; margin-bottom:0;}

.home_col {background:url(images/home-bg.png) repeat-y right;}

.home_left {width:715px; float:left;}
.home_right {float:right;}

.latest {border-bottom:3px solid #d0d0d0; background:#fff; padding-top:10px; font-family:Arial, Helvetica, sans-serif;}
.latest p {float:left; width:49%; color:#333; text-transform:uppercase; font-size:1.3em; font-weight:bold; margin:0; line-height:1em;}
.latest p.date {text-align:right; color:#666;}

.home_content {float:left; width:448px; padding:10px 25px 30px 0; font-size:1.1em; color:#444; border-right:1px solid #d0d0d0;}
.home_content .byline p {width:50%; float:left;}
.home_content p.post_date {color:#dd9710; margin:5px 0 0 0; font-size:1.2em; font-weight:bold;}
.home_content p.comments {margin:7px 0 0 0; text-align:right; font-size:.95em; vertical-align:middle;}
.home_content p.comments a:link, .home_content p.comments a:visited {color:#666;}
.home_content p.comments a:hover {color:#999; text-decoration:none;}
.home_content .post_content {margin-bottom:8px; border-bottom:2px solid #ccc; font-size:1.1em; padding-bottom:20px;}
.home_content .post_content p {margin:10px 0 12px 0; line-height:1.5em;}
.home_content p.more_line {margin:10px 0 25px 0;}
.home_content a.more-link {background:url(images/more-arrow.png) no-repeat right center; padding-right:14px; font-weight:bold; text-transform:uppercase; font-size:1.1em;}
.home_content a.more-link:link, .home_content a.more-link:visited {color:#333;}

.podcast_col {float:left; width:181px; padding:18px 30px; border-top:1px solid #fff;}
.podcast_col p.post_date {color:#333; font-size:.9em; margin:3px 0 4px 0;}
.podcast_col .post_content {color:#5a5a5a; font-size:.95em;}
.podcast_col .more_line {text-transform:uppercase; font-weight:bold; font-size:.95em; margin-top:6px;}
.podcast_col .more_line a {color:#235b64; background:url(images/more-arrow.png) no-repeat right center; padding-right:12px; display:inline;}

.archives_link {text-transform:uppercase; font-weight:bold; font-size:1.1em; margin-top:6px; text-align:right;}
.archives_link a {color:#936e27;}


/* ----- RIGHT SIDEBAR ----- */
.right_col {float:right; width:202px; background:url(images/col-corner.png) no-repeat top left; padding:15px 0 15px 15px; margin-left:1px;}

li.widget {list-style:none;}
li.widget ul {margin:5px 10px 15px 10px; list-style:none;}
li.widget ul li {background:url(images/col-list-arrow.png) no-repeat left 9px; padding:3px 5px 2px 8px; font-size:.95em; line-height:1.4em;}
li.widget ul li a:link, li.widget ul li a:visited {color:#333; text-decoration:none; border-bottom:1px dotted #999;}
li.widget ul li a:hover {color:#000; text-decoration:none; border-bottom:none;}

li.widget .sidebardate {font-size:.9em; color:#333; font-weight:bold; display:block;}

.more_articles {font-size:.95em; font-weight:bold; margin:-10px 0 20px 18px;}


/* ----- BODY CONTENT ----- */
#page_content {clear:both; background:url(images/content-shadow.png) no-repeat 2px 2px #fff; border-width:0 3px 0 3px; border-color:#fcc04b; border-style:solid; padding:20px 1px 1px 20px; margin-bottom:0;}
.sub_col {background:url(images/sub-bg.png) repeat-y right; width:100%;}
.sub_col_full {width:100%; padding-bottom:200px;}

.sub_content {width:597px; float:left; padding:35px 45px; color:#333;}
.sub_col_full .sub_content {width:850px;}

.sub_content .byline p {width:50%; float:left;}
.sub_content .byline p.post_date {color:#dd9710; margin:5px 0 0 0; font-size:1.3em; font-weight:bold;}
.sub_content p.comments {margin:7px 0 0 0; text-align:right; font-size:1.1em;}
.sub_content .comments a:link, .sub_content .comments a:visited {color:#666;}
.sub_content .comments a:hover {color:#999; text-decoration:none;}
.sub_content .post_content {margin-bottom:8px; font-size:1em;}
.sub_content .post_content p:first-child {margin:10px 0 15px 0; line-height:1.3em; font-size:1.3em; color:#7c7c7c;}
.sub_content .single_post {font-size:1.3em; color:#3b3b3b; line-height:1.6em; margin:20px 0;}
.sub_content p.more_line {margin:10px 0 25px 0;}
.sub_content p.more_line a {background:url(images/more-arrow.png) no-repeat right center; padding-right:14px; font-weight:bold; text-transform:uppercase; font-size:1.1em;}
.sub_content p.more_line a.link, .sub_content p.more_line a:visited {color:#333;}
.archive_list p.more_line {font-size:.95em; margin-bottom:25px;}

.sub_content ul {margin:25px 0 25px 35px; list-style:square;}
.sub_content ol {margin:25px 0 25px 35px; list-style:decimal;}
.sub_content ul li, .sub_content ol li {margin:6px 0;}

.wp-pagenavi {padding:20px 0 15px 0;}

.tweets, .comment_count {float:right; padding-top:6px; z-index:2; position:relative;}
.tweets {margin-right:-10px; z-index:1; position:relative;}

.sub_content #post_info p.post_date {color:#666;}
.sub_content .comments {font-size:1.1em;}

.post_author {color:#999; font-weight:normal;}
.split {color:#ccc; font-weight:normal;}

.post_thumb {float:right; margin:22px 0 8px 18px; display:inline;}
.post_thumb .wp-post-image {float:right; margin:0;}
.caption {clear:both; text-align:center; color:#848484; font-style:italic; font-size:1.3em; padding:3px 0 10px 0; background:#eee;}
.wp-caption-text {margin:4px 0 8px 0; padding:0 5px; font-style:italic; color:#848484; line-height:1em; text-align:center; font-size:.9em;}

.single_post #share_buttons {margin-top:30px;}

.archive_list {font-size:1.2em;}
.archive_list .post_content {margin-bottom:30px;}
.archive_list #share_buttons {display:none;}

.posted_in {border-top:2px dotted #ccc; margin-bottom:30px; clear:both; padding:4px 0; font-size:.9em; text-align:right;}

.single_post 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;}
.single_post pre.code {z-index:9999; width:800px; position:relative;}


/* ----- COMMENTS ----- */
#comments_content {clear:both; padding-top:10px; font-size:1.1em;}

#respond input {margin-bottom:15px;}
#comments_content #submit {float:left; display:block; clear:both;}

#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.2em; font-weight:bold;}

ol.commentlist {margin:12px 0 0 0; padding:0; list-style:none;}
.commentlist {list-style:none;}
.commentlist li {margin:0 0 8px 0; padding:0; list-style:none;}
.commentlist p {margin:15px 0; color:#000;}

img.avatar {float:right; border:2px solid #ccc; margin:0 0 10px 10px;}

.commentlist cite {font-style:normal;}

.comment-body {padding:5px 0;}

li.thread-even {background:#eee;}
li.comment-author-clecompte {background:#FFFFCC;}


/* ----- FOOTER ----- */
#page_footer {background:url(images/footer-bg.png) repeat-x top; height:182px; border-top:8px solid #343434;}

.footer_content {width:960px; margin:0 auto; text-align:left;}

.col_one, .col_two, .col_three {float:left; height:144px; margin-top:3px; font-size:1.3em; color:#ccc;}
.col_one, .col_two {background:url(images/footer-div.png) top right repeat-y;}
.col_one {padding:10px 25px 10px 3px; width:354px;}
.col_two {padding:10px 25px; width:250px;}
.col_three {padding:10px 3px 10px 25px; width:250px;}

p.about_link {text-transform:uppercase; margin:-6px 0 0 0;}
p.about_link a {color:#fff;}

.footer_content ul {margin:10px 0 0 18px;}
.footer_content ul li {background:url(images/footer-arrow.png) no-repeat left 6px; padding-left:10px; font-size:1em; list-style:none; margin-bottom:5px;}
.footer_content ul li a {color:#fff;}

.footer_content .half_col {width:50%; float:left;}
.footer_content .half_col img {margin:13px 0 0 2px; display:inline;}
img.rss_icon {padding-left:20px;}

.copyright {background:#1d1d1d; padding:10px 0; text-align:center;}
.copyright p {width:960px; text-align:right; margin:0 auto; color:#999; font-size:1.1em;}
.copyright span {color:#555;}