/*
Theme Name: Themoleskin.com Version 3.0
Theme URI: http://www.themoleskin.com
Description: Custom theme for Themoleskin.com
Version: 1.0
Author: Kelsey Ruger
Author URI: http://binarybonsai.com/
Tags: clean, fixed width, neutral, 960 grid


*/

/* Default CSS  Reset and clears */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }


ul,ol {list-style: none;}
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.clr { clear:both; } 
.content-padding {margin-bottom:10px;}  

/* Styles and Typography */
body { background:#f6efe1 url(images/background.jpg) no-repeat; margin: 0 0 20px 0; padding:40px; text-align: center; font-family: Georgia; }
#page-wrapper h1,#page-wrapper h1 a { font-size: 25px; text-align: left; color:#333; padding-bottom: 10px;}
#page-wrapper h1 a {text-decoration:none;}
#page-wrapper h2 {font-size: 16px; text-transform: uppercase; color:#333; font-weight: bold; padding-bottom:15px; padding-top:25px;}
#page-wrapper #main-content h2.alt {font-size: 16px; text-transform: uppercase; color:#333; font-weight: bold; padding-bottom:0px; padding-top:25px;}
#page-wrapper #main-content h2 {padding:5px 0 5px 0; margin:0; text-transform: none; text-align: left; color:#CC3300; font-size: 20px; font-weight: normal;}

#page-wrapper #secondary-content h2, #page-wrapper #secondary-content h3 {text-align: left;}
#page-wrapper #main-content h3 {text-align: left; color:#000; font-size: 17px;padding:10px 0 5px 0;}
#page-wrapper #main-content ul.normal {list-style-type:disc; text-align: left; margin-left: 20px;}

a {color:#3399FF;}

#page-wrapper p, #page-wrapper table.credit-caption td, #page-wrapper #main-content ul.content-list li, .comment-form form label { text-align: left; font-size: 13px; line-height: 170%; color: #666;}
.pager { text-align: left; font-size: 13px; line-height: 170%; color: #666;}
#page-wrapper p {margin-bottom:10px;}
p.comment {margin:0;}

/* Page Structure */
#page-wrapper{width:980px; margin:auto;}
#logo {width:300; float:left; height:85px;}
#alternate-navigation { width:100%; background-color: #333333; height: 24px; padding-top:5px; }
#inner-navwrapper { background: #FDF8F4 url(images/sub-nav-background.jpg) repeat-x; background-position: bottom; padding-bottom: 8px;}
#navigation-wrapper, #main-content, #secondary-content, #main-content {border-left: 1px solid #ebe2d7; border-right: 1px solid #ebe2d7}
#navigation-wrapper, #main-content, #secondary-content { width:940px; padding: 7px 20px 11px 20px; background: #fdf8f4 url(images/background-navigation.jpg) repeat-x; background-position: bottom; }
#main-content, #secondary-content { margin-top:15px; padding-top:20px; padding-bottom: 40px;}
#twitter-comments ul li {line-height: 140%; background-color: blue;}
#404-container {background:url(images/404-background.jpg); border-bottom: 1px solid green;}
.list-padding {margin-top:15px;}
.list-padding-bottom {margin-bottom:15px;}

blockquote {font-style:italic;margin:1em; padding:15px 20px 10px 45px; background:#F6EFE1 url(images/blockquote_image.gif) no-repeat scroll left top;}

/* Content Column Types & Containers */
.content-half { width:460px; float: left; text-align: left; }
.main-content-seven12 { width: 540px; float: left; }
.main-content-five12 { width: 380px; float: left; }
.content-twothirds { width: 620px; float: left; }
.content-third { width: 300px; float: left; }
.content-quarter { width: 220px; float:left; margin-left:20px; text-align: left; }
.column-padding {margin-left:20px;}
.content-eight12 {width: 540px; float: left;}
.content-five12 {width: 380px; float: left;}
.content-full-404 {width: 940px; float: left; background:url(images/404-background.jpg) no-repeat; text-align:left; height:430px;}
.content-full {width: 940px; float: left; text-align:left;}


/* featured article pod */
.featured-pod-photo { width:70px; float: left; }
.featured-pod-summary { width:380px; float: right; }
.featured-article-pod {margin-bottom:15px;}
.summary-feature-pod {width:220px; }

/* comment pod */
.comment-pod-photo { width:70px; float: left; }
.comment-pod-summary { width:460px; float: right; }
.comment-article-pod {margin-bottom:5px;}
.summary-comment-pod {width:220px; }

/* comment form */
.comment-form {text-align: left;}
.comment-form form label {display: block;}
.comment-form form input.txt {width:420px; height: 30px; margin-bottom: 20px; border: 1px solid #999; font-size:105%; font-family: Georgia; color:#666; padding:5px 0 0 5px;}
.comment-form form textarea {width:420px; margin-bottom: 20px; font-size:105%; color:#666; padding: 5px 0 0 5px; font-family: Georgia;}
.coment-author {background-color:#F2EBE0;}


#content-footer {padding-left:20px;}
#content-footer {padding-top:5px;}
.footer-column {width:220px; float:left; margin-right:20px;text-align: left}
#footer {margin-top:30px; background-color: #fdf8f4; border-top:15px solid #252421; border-bottom:1px solid #CCC; padding:5px 0 5px 0; font-size:12px; }

/* Navigation */
#navigation {float:right;width:620px; margin-top:30px; height:40px;}
#navigation ul { float: right; }
#alternate-navigation {text-align: right;}
#alternate-navigation ul li { display: inline; }
#alternate-navigation ul {padding: 0 6px 0 0;}
#alternate-navigation ul li a { color:#fdf8f4; text-decoration: none; padding:0 4px; font-size: 13px; }
#navigation ul li { display:inline; float: left; padding: 0 15px; text-align: left; }
#navigation ul li.active a,#navigation ul li.active a:hover { border-bottom:2px solid #e6e0cd; }
#navigation ul li span { font-size:12px; color:#999; }
#navigation ul li a { text-transform:uppercase; font-size: 14px; font-weight: bold; text-decoration: none; color:#333; padding:7px 0 0 0; }
#navigation ul li a:hover { border-bottom:2px solid #e6e0cd; }

/* Unorder/Ordered lists */  
.extra-space {margin-top: 20px;}
.extra-space-bottom {margin-bottom: 40px;}
.extra-space-plus {margin-top: 20px; margin-bottom:40px;}
#page-wrapper ul.general-list {border-bottom:1px solid #ccc;}
#page-wrapper ul.general-list li, #page-wrapper ul.twitter-list li {padding:7px 0 7px 0; font-size: 13px; color:#666; border-top:1px solid #ccc; text-align: left;}
#page-wrapper ul.general-list li  a, #page-wrapper ul.twitter-list li  a {color:#666; text-decoration: none;}
#page-wrapper ul.general-list li  a:hover, #page-wrapper ul.twitter-list li  a:hover {color:#202020; text-decoration: none;}
#page-wrapper ul.general-list li  a:visited, #page-wrapper ul.twitter-list li  a:visited {color:#999; text-decoration: none;}
#page-wrapper ul.general-list li.profile {background:transparent url(images/profile-icon.jpg) no-repeat 0 5px; padding-left: 25px;}
#page-wrapper ul.general-list li.rss {background:transparent url(images/rss-icon.jpg) no-repeat 0 5px; padding-left: 25px;}
#page-wrapper ul.general-list li.last, #page-wrapper ul.twitter-list li.last {border-bottom:1px solid #ccc;}
#page-wrapper ul.general-list li span {padding:0 13px 0 0;}
#page-wrapper #content-footer ul.general-list li span {padding:0 4px 0 0; width: 70px; display: block; float:left;}
#page-wrapper ul.twitter-list li {line-height: 150%;}
#page-wrapper ul.twitter-list li a {text-decoration: underline; color:#0000FF;}


#footer ul {margin:auto;} 
#footer p {text-align: center;}
#footer p a:hover {text-decoration: underline;}
#footer p a {margin:5px 0 5px 0; padding: 0 5px 0 5px; color:#CC3300; text-decoration: none; border-left: 1px solid #999;}
#footer p a#copyright {border:none; padding:none;}
#footer p span {margin:5px 0 5px 0; padding: 0 5px 0 5px; color:#666; text-decoration: none;}   

/* Styles and Typography: #summarey-content */
.featured-pod-summary h3, .class-training-pod h3, .class-training-pod h3 a, .summary-pod-summary h3,.featured-pod-summary h3 a, .summary-pod-summary h3 a, #content-footer p a, #page-wrapper #main-content h3.alt {color:#CC3300; font-weight: bold; font-size: 13px;padding-bottom: 3px; text-decoration: none;}
.featured-pod-summary h3 a:hover, .summary-pod-summary h3 a:hover, .class-training-pod h3 a:hover { text-decoration:underline; }  
.featured-pod-summary h3 a:visited, .summary-pod-summary h3 a:visited, .class-training-pod h3 a:visited { color:#DDB167; }
.class-training-pod h3 {padding-top:10px;}


.featured-article-pod p {margin-right: 5px;}
.summary-feature-pod img {padding-bottom:15px;}

/* Author Credits Table */
#page-wrapper table.credit-caption td, #page-wrapper table.comment-caption td  { font-size: 12px; text-transform: uppercase; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding:3px 10px 1px 10px; border-right: 1px solid #ccc; }
#page-wrapper table.credit-caption td.author {width:100px}
#page-wrapper table.credit-caption td.commenter-name {width:200px}


#page-wrapper table.credit-caption td.isbn {width:140px;}
#page-wrapper table.credit-caption td.book-author {width:170px;}

#page-wrapper table.credit-caption td.comment-number {width:15px}
#page-wrapper table.credit-caption td.date {width:100px;}
#page-wrapper table.credit-caption td.last {border-right:none;}
#page-wrapper table.credit-caption td.comments {width:115px;}
#page-wrapper table.credit-caption td a {color:#666;}
#page-wrapper table.credit-caption td.comments a {background:url(images/comment-icon.jpg) no-repeat; padding-left: 21px;}
#page-wrapper table.credit-caption, #page-wrapper table.comment-caption { width:100%; margin:0 0 10px 0; }


#archive-navigation {float:left;}
#archive-nav-container {margin-top:30px;}
.link-button, #archive-navigation a { text-transform:uppercase;  color:#fff; margin-right:20px; text-decoration:none; padding:6px 10px 6px 10px; background-color:#333;}
.link-button-selected { text-transform:uppercase;  color:#fff; margin-right:20px; text-decoration:none; padding:6px 10px 6px 10px; background-color:#A7A7A7;}
#page-wrapper .book-music-thumb {float:left; width:60px; margin-top:3px;}
#page-wrapper .book-music-summary {float:left; width:140px;padding-left:10px;}
#page-wrapper p.music-book-list {margin:0;}

#page-wrapper #main-content h2 a {color:#CC3300; text-decoration:none;}

#page-wrapper #main-content .alternate-title {color:#666; font-size:110%; padding-bottom:10px;}
#page-wrapper #main-content .remove-padding{padding-bottom:0px;}
#page-wrapper #content-footer .pad-bottom {padding-bottom:10px;}
.pad-top {padding-top:10px;}

#page-wrapper .remove-margin {margin-bottom:0;}
#page-wrapper .link-button-container {margin:20px 0 0 0;}

p.photo-caption {font-size:80%; text-align:left; color:#666;}
.highlight {background-color:yellow; padding:4px 0 4px 0;}