/*
Theme Name: TITGIG
Theme URI: http://www.pete.nu/blog/
Description: The theme used by This Is The Goo I've Got
Author: Pete Nu
Author URI: http://www.pete.nu/

.Originally based upon the WordPress Classic theme that shipped with 1.5.2.

Colours used: #693 #360 #090 #676 #efe #9c6
*/

/* Let's start with some nice high-level stuff */
body {
 background-color: #fff;
 color: #000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 font-size: 0.8em;
}

a {
 color: #693;
}

a img {
 border: none;
}

a:active {
 outline: none;
}

a:visited {
 color: #360;
}

a:hover {
 color: #090;
}

h2 a, .navmenu a, .meta a, .navlink a, #footer a , .relatedpost a{
 text-decoration: none;
}

h2 a:hover, .navmenu a:hover, .meta a:hover, .navlink a:hover, #footer a:hover , .relatedpost a:hover {
 background-color: #eee;
}

/* Global styling of abbreviations */
acronym,
abbr {
 border-bottom: 1px dashed #333;
}

acronym,
abbr,
span.caps {
 font-size: 0.8em;
 letter-spacing: .07em;
}

acronym, abbr {
 cursor: help;
}

/* Global styling of the blockquote */
blockquote {
 margin-left: 2em;
 border-left: 1em #676 solid;
 background-color: #efe;
 padding: 0.5em;
}

/* Styling of cite. No, not site, cite. */
cite {
 font-size: 0.8em;
 font-style: normal;
 color: #999;
}

code {
 font-size: 1.2em;
 color: #633;
}

pre {
 width: 100%;
 overflow: auto;
 margin-right: 10px;
 padding-bottom: 1.5em;
}

table {
 background: #fff;
}

th {
 background: #676;
 padding: 1em;
 color: #fff;
}

td {
 background: #fff;
 padding: 0.2em;
 vertical-align: top;
}

/* Something dull */
ol#comments li p {
 font-size: 100%;
}

.navmenu {
 background: #fff;
 border: 1px solid #999;
 font-size: 0.75em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
 padding: 0.2em;
}

/* We'll be using h2 for post titles */
h2 {
 font-weight: normal;
 margin: 0 0 0.5em 0;
 letter-spacing: -1px;
 font-size: 2em;
 /*font-family: 'Trebuchet MS', Verdana, Sans-Serif;*/
}

/* We'll be using h3 for headings within posts. */
h3 {
 font-weight: bold;
 margin-top: 15px;
 line-height: 0.8em;
 font-size: 1.2em;
 padding: 0.5em;
 border-left: 1em #360 solid;
 background-color: #efe;
}

/* Styling for displaying custom fields - haven't tried this out yet */
ul.post-meta {
 list-style: none;
}

ul.post-meta span.post-meta-key {
 font-weight: bold;
}

/* This block below converts from a full-width to fixed-width layout */

#rap {
 width: 760px;
 margin: auto;
}

/*
 * CONTENT PANEL
 */
#content {
 background: #fff;
 -moz-border-radius: 15px;
 padding: 2em 4em 2em 4em;
 color: #000;
}

#content a img {
 border: none;
}

/* This generates the panel surrounding each entry and its associated metadata (timestamp, comments link etc) */
.post {
 margin-top: 1em;
 padding: 2em 0 1.5em 0;
 border-bottom: 1px dashed #ddd;
}

.bottompost {
 border-bottom: 0;
}

/* Private posts are styled in a very greyed-out kind of way for my own benefit */
.private {
 background: #eee;
 padding: 1em;
}

.private .storycontent {
 color: #666;
}

/* The actual text of the entry */
.storycontent {
 line-height: 1.2em;
}

/* Images within the story have a pretty border */
.storycontent img {
 padding: 5px;
 border: 5px solid #9c6 !important;
 display: block;
 margin-left: auto;
 margin-right: auto;
 color: #666;
}

/* Unless they don't want one */
img.borderless {
 border: 0 !important;
}

.inline-image {
 border: 0 !important;
 display: inline !important;
}

.storycontent a:hover img {
 border: 2px solid #f00;
}

/* A little floating panel containing an image and a caption */
.floatingimagediv {
 float:right;
 /*border: 2px solid #963;*/
 padding: 1em 1em 0 1em;
 margin: 5px;
 text-align: center;
 font-size: 80%;
 font-style: italic;
}

.floatingimagediv img {
 border: 0 !important;
 padding: 0;
 margin: 0;
}

/* A list within the story */
.storycontent ul {
 padding: 0;
 margin: 0;
 margin-left: 1em;
}

/* Miniblog entries don't have a title, so we slip a bit of extra space in to make it look nice */
.miniblog {
 padding-top: 1em;
}

.miniblog ul {
 list-style-type: none;
 margin-bottom: 0.5em;
 margin-left: 0;
}

/* The panel of footnotes at the bottom of an entry */
.footnotes {
 margin-left: 3em;
 font-size: 0.8em;
 border-top: 1px solid #ccc;
}

.footnotes ul {
 list-style-type: none;
}

.footnote {
 color: #666;
}

ins {
 font-style: italic;
 text-decoration: none;
}

/* The block that contains information on related posts, categories, tags etc */
.relatedpost {
 color: #999;
 margin-top: 2.5em;
 text-transform: uppercase;
 font-size: 0.8em;
}

.conversation1 {
 font-weight: bold;
 color: #c00;
}

.conversation2 {
 font-weight: bold;
 color: #00c;
}

.from {
 font-size: 0.8em;
 text-transform: uppercase;
 color: #666;
 font-weight: bold;
}

/*
 * FILED UNDER, TIMESTAMP, LINK TO COMMENTS(N) ETC
 */
/* Meta is the datestamp at the top of an entry. Feedback is the comments link at the bottom.
   They have more similarities than differences. */
.meta,
.feedback {
 text-transform: uppercase;
 font-size: .8em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #999;
 letter-spacing: 0;
}

.categories {
 text-align: right;
 float: right;
 max-width: 50%;
 padding-left: 0.5em;
}

/* The Edit post link which is only visible to me */
.edit a, .edit a:visited {
 color: #ccc;
}

/* Lists that I never use */
.meta li, ul.post-meta li {
 display: inline;
}

.meta ul {
 display: inline;
 list-style: none;
 margin: 0;
 padding: 0;
}

.feedback {
 clear: both;
}

/*
 * COMMENTS
 */
 
.commentlist li {
 list-style-type: none;
}
 
.commentlist li div{
 border-bottom: 1px solid #ccc;
}
 
.commentlist li div div{
 border-bottom: 0;
}

/* An individual comment that belongs to Pete */
.byuser{
 background: #efe;
}

.reply, .commentmetadata {
 text-transform: uppercase;
 font-size: .8em;
}

.reply a, .commentmetadata a {
 text-decoration: none;
}

#commentform #author,
#email,
#commentform #url,
textarea {
 border: 1px solid #693;
 background: #efe;
 padding: .2em;
}

#commentform #author:focus,
#commentform #email:focus,
#commentform #url:focus,
#commentform textarea:focus {
 background: #fff;
}

#commentform textarea {
 width: 100%;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 1em;
}

#commentform #submit, #commentform #preview {
 font-size: 1em;
}

.commentfeedinfo {
 margin-left: 4em;
 color: #808080;
}

.commenterror {
 margin: 1em 2em;
 border: 1px solid #000;
 padding: 1em;
 color: #999;
 font-style: italic;
}

/* Present the user's gravatar */
.avatar, .identicon {
 float:right;
 border: 0;
 margin: 5px;
}

/* Search form */
#mini-search {
 background-color: #9c6;
 -moz-border-radius: 0px 0px 0px 1em;
 position: fixed;
 top: 0;
 right: 0;
 /*padding: 1em 0.5em 0.8em 0.8em;*/
 padding: 5px 5px 1px 5px;
 text-align: center;
 height: 4em;
 /*background: #9c6 url('/images/theme/search.png') no-repeat;
 background-position: 7px;*/
}

#mini-search img {
 color: #fff;
 text-transform: uppercase;
 font-size: 0.8em;
}

#mini-search form input {
 margin-top: 0.5em;
}

#mini-search form {
 margin-left: 0.5em;
}

#mini-search-go {
 background-color: #fff;
 border: 2px solid #efe;
 -moz-border-radius: 0.5em;
 color: #999;
 font-size: 0.8em;
 text-transform: uppercase;
}

#mini-search-go:active {
 background-color: #9c6;
 color: #fff;
}

#mini-search:hover {
 background: #9c6;
}

#mini-search:hover img {
 display: none;
}

#mini-search form {
 display: none;
}

#mini-search:hover form {
 display: inline;
}

/*
 * FOOTER
 */
#footer {
 clear: both;
 font-size: 0.8em;
 text-align: center;
}

#footer a {
 text-transform: uppercase;
}

/* Previous/next page links */
.navlink {
 text-transform: uppercase;
 font-size: .8em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #999;
 letter-spacing: 0;
 text-align: center;
 padding: 1em;
}

/*
 * ARCHIVES PAGE
 */
.postspermonth {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

/*
 * ACTIVE OLDER POSTS BLOCK
 * Inserted when required
 */
.active-older-posts {
 color: #999;
 font-size: 0.8em;
 border: 1px dotted #999;
 padding: 0.5em;
 margin: 1em 2em 1em 2em;
}

.active-older-posts p {
 margin: 0;
}

/*
 * BLOGROLL PAGE
 */

#readerpublishermodule0 ul, #readerpublishermodule1 ul {
 list-style-type: none;
}

#readerpublishermodule0 li, #readerpublishermodule1 li {
 padding: 0.1em;
}

#readerpublishermodule0 .f, #readerpublishermodule1 .f {
 padding-left: 2em;
}