/*

Theme Name: Tooth Soup

Theme URI: http://www.jonmcrae.net/design.php

Description: A child theme derived from Jim Barraud's theme Manifest (jimbarraud.com)

Author: Jon McRae

Author URI: http://www.jonmcrae.net

Template: manifest

Version: 1.0

*/



@import url("http://toothsoup.com/blog/manifest/style.css");



/* Reset All Styles */



@font-face /* Rhesus by WC Fonts (www.wcfonts.com), license: Creative Commons BY-ND 3.0 */

{

font-family: 'Rhesus';

src: url('rhesus/WC_Rhesus_B_Bta-webfont.eot');

src: local('☺'), url('rhesus/WC_Rhesus_B_Bta-webfont.woff') format('woff'),

url('rhesus/WC_Rhesus_B_Bta-webfont.ttf') format('truetype'),

url('rhesus/WC_Rhesus_B_Bta-webfont.svg#webfont') format('svg');

font-weight: normal;

font-style: normal;

}



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, strong, sub, sup, tt, var, b, u, i, center, 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;

font-size: 100%;

vertical-align: baseline;

background: transparent;

}



body {line-height: 1;}



ol, ul {list-style: none;}



blockquote, q {quotes: none;}



blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}





/* Reset but Remember to Define The Following */



:focus {outline: 0;}



ins {text-decoration: none; color: #808080; color: rgba(0, 0, 0, 0.4);}



del {text-decoration: line-through;}



table {border-collapse: collapse; border-spacing: 0;}





/* Basics */



body

{

background-color: #c0c0c0;

background-image: url('paperbg.png'); /* image derived from "Seamless Parchment" by fantasystock.deviantart.com */

background-repeat: repeat;

font-size: small;

font-family: "Courier New", Courier, monospace;

color: black;

}



strong {font-weight: bold;}





/* Links */



a:link, a:visited {color: #303030; color: rgba(0, 0, 0, 0.8); text-decoration: none; font-weight: bold;}



a:hover, a:active {color: #808080; color: rgba(0, 0, 0, 0.4); text-decoration: none; font-weight: bold;}





/* Layout */



#siteWrapper

{

margin-top: 30px;

margin-bottom: 25px;

margin-left: auto;

margin-right: auto;

width: 602px;

text-align: center;

border: 2px solid #505050;

border: 2px solid rgba(0, 0, 0, 0.7);

background-color: #fbfbfb;

background-color: rgba(255, 255, 255, 0.7);

}



#siteDescription {display: none;}





/* Menu Bar*/



#mainNav

{

margin: 0;

padding: 0;

background-color: #505050;

background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8));

background: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8)));

}



#mainNav ul

{

margin: 0;

padding: 0;

font-size: small;

text-transform: uppercase;

border: 1px solid #505050;

border: 1px solid rgba(0, 0, 0, 0.5);

border-left: 0;

border-right: 0;

line-height: 30px;

text-shadow: 1px 1px 1px black;

text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);

letter-spacing: 1px;

}



#mainNav li {display: inline; margin: 0; padding: 0;}



#mainNav li a {display: block; float: left; width: 83px; color: white; font-weight: normal; padding-left: 3px;}



#mainNav a:link, #mainNav a:visited {}



#mainNav a:hover, #mainNav a:active {background-color: #808080; background-color: rgba(0, 0, 0, 0.4);}



#mainNav .current_page_parent a:link, #mainNav .current_page_parent a:visited,

#mainNav .current_page_item a:link, #mainNav .current_page_item a:visited {}



#mainNav .current_page_parent a:hover, #mainNav .current_page_parent a:active,

#mainNav .current_page_item a:hover, #mainNav .current_page_item a:active {}





/* Content */



#coreContent {}





/* Posts */



.postContent {position: relative;}



h2.entry-title, h3.entry-title

{

text-transform: uppercase;

font-family: "Courier New", Courier, monospace;

font-weight: bold;

text-shadow: 1px 1px 0px white;

text-shadow: 1px 1px 0px rgba(255,255, 255, 0.4);

}



.postContent h4 {font-weight: normal;}



.postDate ~ .postContent {margin: 0;}



.postDate {color: #808080; color: rgba(0, 0, 0, 0.4); padding-bottom: 15px;}



.postDate span {color: #505050; color: rgba(0, 0, 0, 0.7);}



#coreContent p, #coreContent li, #coreContent dd {margin-bottom: 15px; line-height: 140%; text-align: justify;}



#coreContent li {list-style: circle; margin-left: 20px; padding-right: 30px;}



.entry-content {text-align: left; letter-spacing: 1px;}



.entry-content > p:first-child:first-line,

div.entry-content > p[style] + p:first-line {font-variant: small-caps; font-size: medium;}



.hentry

{

position: relative;

padding: 20px;

border-bottom: 1px solid #505050;

border-bottom: 1px solid rgba(0, 0, 0, 0.2);

margin-bottom: 5px;

}



#coreContent .postMeta {width: 100%; font-size: small; float: right;}



.postMeta a {font-weight: normal;}



.postMeta a:link, .postMeta a:visited {color: rgba(0, 0, 0, 0.4);}



.postMeta a:hover, .postMeta a:active {color: rgba(0, 0, 0, 0.6);}



.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4,

.entry-content h5, .entry-content h6 {margin-bottom: 15px; font-style: normal;}



.entry-content h3 {font-size: medium;}



.entry-content ul, .entry-content ol {margin: 0 0 15px 15px;}



.entry-content ol li {list-style-type: decimal !important;}



.entry-content li {margin-bottom: 5px !important;}



.entry-content blockquote

{

margin: 15px;

padding: 5px;

padding-left: 10px;

padding-right: 10px;

color: black;

color: rgba(0, 0, 0, 0.6);

background-color: rgba(255, 255, 255, 0.6);

-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);

-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);

box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);

text-shadow: 1px 1px 0px white;

text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);

}



#coreContent .entry-content blockquote p {margin: 0;}



.entry-content .alignleft {float: left; margin: 4px 10px 5px 0;}



.entry-content .alignright {float: right; margin: 4px 0 10px 5px;}

  

.entry-content .wp-caption.alignnone {margin-bottom: 10px;}



#coreContent .entry-content p.wp-caption-text {font-size: x-small; font-style: italic; margin-bottom: 5px;}



small {font-size: x-small; color: #808080; color: rgba(0, 0, 0, 0.4);}



div.tweetmeme_button {padding: 0; margin-top: 5px; margin-right: 0; margin-bottom: -10px;}





/* Footer */



#footer

{

position: fixed;

left: 50%;

margin-left: -801px;

top: 50%;

margin-top: -275px;

padding-top: 410px;

padding-left: 1121px;

height: 140px;

width: 300px;

background-image: url('teeth.png');

background-repeat: no-repeat;

background-position: left top;

text-align: left;

z-index: -1;

color: #808080;

color: rgba(0, 0, 0, 0.4);

}



.footerContent p {font-size: x-small;}



#footer #search {margin: 10px 0 10px;}



#footer h5 {position: relative; font-size: small; margin-bottom: 10px;}



#footer .elsewhere li a {display: block; letter-spacing: 1px;}



#footer #search input[type=text]{font-size: small; border-color: rgba(0, 0, 0, 0.6); line-height: 20px;}



#footer #search input[type=text]:focus {border-color: rgba(0, 0, 0, 0.4);}



#podPress_footer

{

position: fixed;

left: 50%;

margin-left: 321px;

top: 50%;

margin-top: 265px;

font-size: x-small;

}



#podPress_footer cite

{

font-style: normal;

font-weight: normal;

text-align: left;

color: #808080;

color: rgba(0, 0, 0, 0.4);

}



#podPress_footer strong {font-weight: normal;}





/* Paging Navigation */



.pageNav a:link,

.pageNav a:visited

{

display: inline-block;

font-weight: normal;

padding-bottom: 4px;

padding-left: 10px;

padding-right: 10px;

color: black;

color: rgba(0, 0, 0, 0.6);

font-size: small;

}



.pageNav a:hover, .pageNav a:active {text-decoration: underline;}



.pageNav .prev, .pageNav .next {display: inline;}



.pageNav .prev {float: left;}



.pageNav .next {float: right;}





/* Headers */



h1, h2 {letter-spacing: 3px; margin-bottom: 20px;}



h1 {font-size: xx-large; font-variant: small-caps; font-weight: normal;}



#siteWrapper h1:first-of-type

{

font-size: small;

text-align: left;

margin: 0;

padding: 0;

padding-left: 20px;

line-height: 13px;

background-color: #fbfbfb;

background-color: rgba(255, 255, 255, 0.6);

}



h2 {font-size: large;}



h3 {font-size: medium;}



h3.entry-title {font-size: large; padding-bottom: 0; margin-bottom: 15px;}



h3, h4 {letter-spacing: 2px; font-weight: normal;}



h4 {font-size: small; font-style: normal;}



h4, .searchresults h2

{

text-transform: uppercase;

padding: 10px;

color: black;

color: rgba(0, 0, 0, 0.6);

background-color: rgba(255, 255, 255, 0.6);

text-shadow: 1px 1px 0px white;

text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);

border-top: 1px solid #505050;

border-top: 1px solid rgba(0, 0, 0, 0.2);

border-bottom: 1px solid black;

border-bottom: 1px solid rgba(0, 0, 0, 0.4);

margin-bottom: 0;

}



h4.author

{

color: #808080;

color: rgba(0, 0, 0, 0.4);

border: 0;

text-shadow: none;

text-transform: none;

background-color: transparent;

padding: 0;

margin-bottom: 10px;

}



h5 {font-size: small; font-weight: normal;}



h5 abbr {position: relative;}



h6 {font-size: x-small;}





/* Forms */



input[type=text], textarea

{

border: 1px solid #505050;

border: 1px solid rgba(0, 0, 0, 0.6);

padding: 2px;

font-family: Tahoma, sans-serif;

font-size: small;

color: #505050;

}



input:focus, textarea:focus{border-color: black; color: black; border-color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);}



input[type=submit]

{

font-size: x-large;

font-weight: normal;

border: 0;

outline: 0;

font-family: Rhesus;

color: black;

color: rgba(0, 0, 0, 0.6);

background-color: transparent;

width: 50px;

cursor: pointer;

}





/* Images */



.hentry img

{

margin: 0 auto 10px;

border: 1px solid white;

border: 1px solid rgba(255, 255, 255, 0.1);

outline: 4px solid #808080;

outline: 4px solid rgba(0, 0, 0, 0.1);

}



.entry-content small a img {margin: 0; margin-bottom: -4px; border: 0; outline: 0;}



.ngg-galleryoverview {text-align: center;}



.ngg-gallery-thumbnail-box {display: inline; padding: 3px;}



.ngg-gallery-thumbnail {display: inline;}



.ngg-clear {clear: both;}





/* Single Post Page */



.single h3 {margin: 0; margin-bottom: 5px;}



.single h5

{

position: static;

font-family: "Courier New", Courier, monospace;

font-size: small;

color: black;

color: rgba(0, 0, 0, 0.6);

font-weight: normal;

}



.single.hentry {padding: 20px; border: 0;}



#coreContent .single .postMeta {margin: 0; padding: 0; text-align: left;}





/* Links Page */



#coreContent .entry-content #linkList {margin-left: 0;}



#coreContent .entry-content #linkList li {list-style-type: none; margin-left: 0;}



#coreContent .entry-content #linkList li li

{

font-size: small;

list-style-type: square;

margin-bottom: 20px !important;

margin-left: 15px;

}



#coreContent .entry-content #linkList ul {margin: 10px 0 40px;}





/* Comments */



#comments {margin: 0; padding: 0;}



#comments h4

{

font-size: small;

text-transform: uppercase;

padding: 10px;

color: black;

color: rgba(0, 0, 0, 0.6);

background-color: rgba(255, 255, 255, 0.6);

text-shadow: 1px 1px 0px white;

text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);

border-top: 1px solid #505050;

border-top: 1px solid rgba(0, 0, 0, 0.2);

border-bottom: 1px solid black;

border-bottom: 1px solid rgba(0, 0, 0, 0.4);

}



.commentEntry

{

padding: 20px;

color: white;

color: rgba(255, 255, 255, 0.8);

background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5));

background: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.4)));

border-bottom: 1px solid black;

border-bottom: 1px solid rgba(0, 0, 0, 0.4);

}



.commentEntry:nth-child(even)

{

background-color: #505050;

background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8));

background: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8)));

}



.commentEntry:nth-child(even) .commentContent p {}



.avatar

{

float: right;

margin: 4px;

margin-bottom: 15px;

margin-left: 20px;

border: 1px solid #808080;

border: 1px solid rgba(0, 0, 0, 0.3);

outline: 4px solid #808080;

outline: 4px solid rgba(0, 0, 0, 0.1);

}



.commentEntry:nth-child(even) .avatar {outline: 4px solid white; outline: 4px solid rgba(255, 255, 255, 0.2);}



.commentMeta {font-size: small; text-align: left; color: #808080; color: rgba(0, 0, 0, 0.4);}



.commentEntry:nth-child(even) .commentMeta {color: #808080; color: rgba(255, 255, 255, 0.4);}



.commentEntry:nth-child(even) .commentMeta a {color: white;}



.commentMeta cite {font-style: normal;}





/* Comment Form */



#commentform

{

margin-bottom: 5px;

padding: 20px;

padding-bottom: 0;

width: 546px;

border-bottom: 1px solid black;

border-bottom: 1px solid rgba(0, 0, 0, 0.4);

}



legend {display: block; text-align: center; margin: 0;}



legend span

{

display: block;

width: 566px;

margin: -20px;

margin-bottom: 20px;

font-size: small;

text-transform: uppercase;

padding: 10px;

color: black;

color: rgba(0, 0, 0, 0.6);

background-color: rgba(255, 255, 255, 0.6);

text-shadow: 1px 1px 0px white;

text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);

border-bottom: 1px solid black;

border-bottom: 1px solid rgba(0, 0, 0, 0.4);

}



.leaveComment legend span {border-top: 1px solid #808080; border-top: 1px solid rgba(0, 0, 0, 0.2);}



.commentForm {font-size: small; text-align: left; text-transform: uppercase; width: 546px;}



.commentForm em

{

text-transform: lowercase;

font-style: italic;

font-size: x-small;

color: #808080;

color: rgba(0, 0, 0, 0.4);

}



.commentForm input[type=text] {display: block; width: 530px; margin-bottom: 15px; font-size: small;}



.commentForm textarea

{

width: 546px;

max-width: 546px; /* Restricts the resizing capability in webkit bases browsers */

height: 150px;

font-size: small;

}



.commentForm input[type=text]:focus, .commentForm textarea:focus {border-color: #808080; border-color: rgba(0, 0, 0, 0.4);}



.commentForm input[type=submit] {margin-top: 10px; margin-right: 10px; float: right; width: 100px;}





/* Archives */



#archives {margin: 0;}



h2.archiveTitle {margin: 0;}



#archives h3,

#coreContent li h3

{

text-align: left;

font-size: medium;

font-weight: normal;

color: #808080;

color: rgba(0, 0, 0, 0.4);

margin: 0;

padding: 0;

padding-bottom: 3px;

border-bottom: 1px solid #808080;

border-bottom: 1px solid rgba(0, 0, 0, 0.4);

}



#archives label {font-weight: normal; text-transform: uppercase;}



#archives #date {float: left; width: 160px;}



#archives #date ul li {display: block; list-style-type: none; margin: 0;}



#archives #categoryTags {float: left; width: 366px; margin-left: 20px;}



#archives ul {margin: 0; margin-bottom: 10px; padding-top: 5px; text-align: left;}



#archives ul li {margin: 0; font-size: small; white-space: normal;}



#archives li a {margin: 0;}



ul.wp-tag-cloud, ul.categories {width: 366px;}



ul.wp-tag-cloud li, ul.categories li {display: block; float: left; margin: 0; padding: 0; list-style-type: none;}





/* Recent Posts (on the 404 page) */



#recentPosts {border: 0;}



#recentPosts li {list-style: none; margin: 0; padding: 5px; border-bottom: 1px solid #808080; border-bottom: 1px solid rgba(0, 0, 0, 0.4);}

  

#recentPosts a {float: left; padding-left: 20px;}



#recentPosts .postDate {float: right; padding-right: 20px;}



li .postDate {padding-bottom: 0;}





/* Search Results */



#coreContent.searchresults{margin-top: 0;}



.searchresults h2 {font-size: small; font-weight: normal;}



.searchresults .postMeta {text-align: left;}



.searchpanel {border: 0; margin: 0; padding: 20px;}



.searchpanel input[type=text]{width: 250px; font-size: small;}



.searchpanel input[type=submit]{font-weight: normal; -webkit-border-radius: 0; -moz-border-radius: 0; font-size: small;}





/* Links */



#linkList, #linkList ul {width: 566px;}



#linkList ul {text-align: left; margin-bottom: 10px;}



#linkList ul li {margin: 0;}





/* Calendar */



iframe {overflow: auto; margin-bottom: 20px;}





/* Self Clearing Floats */



#siteWrapper:after,

.post:after,

.commentEntry:after,

.commentForm:after,

#footer .elsewhere:after,

#metaContent .metaExtend:after,

#mainNav:after,

#mainNav ul:after,

#archives ul:after,

#coreContent .postMeta:after,

#recentPosts li:after {content: ""; display: block; line-height: 0px; clear: both; visibility: hidden;}





/* Additions */



.tweetmeme_button {margin-right: 10px;}