/*
Theme Name: random mel
Theme URI: http://randommel.com
Description: A bespoke theme for Mel Kirk
Version: 1.0
Author: Andrew Pepperrell
Author URI: http://www.pepsmedia.com/
*/

/* Yahoo CSS Reset version: 2.5.1 */
html{color:#444;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}


/* core bits and bobs plus fonts */
body   { font-family: arial, sans-serif; font-size: 85%; }
a      { color: #7BB601; text-decoration: none; }
em     { font-style: italic; }
strong { font-weight: bold; }
h1     { font-size: 2em;   margin-bottom: 0.3em; }
h2     { font-size: 1.7em; margin-bottom: 0.55em; }
h3     { font-size: 1.5em; margin-bottom: 0.6em; }
h4     { font-size: 1.3em; margin-bottom: 0.7em; }
h5     { font-size: 1.1em; margin-bottom: 0.7em; }
small  { font-size: 0.9em; }


/* Main layout bits and bobs */
#main { width: 930px; margin: 10px auto 0 auto; position: relative; background: url(images/main.gif) top left repeat-y; }
#header { height: 295px; background: url(images/header.png) top left no-repeat; position: relative; }
#header h1 img { position: absolute; bottom: 0; left: 215px; }

#sidebar { display: inline; float: left;  width: 160px; padding: 100px 20px 10px 20px; background: url(images/left.png) top left no-repeat #F1FFC9; }
#content { display: inline; float: right; width: 500px; padding: 10px 15px 15px 15px; background: url(images/content.png) top left no-repeat; position: relative; }
#social  { display: inline; float: right; width: 150px; padding: 200px 25px 10px 25px; background: url(images/right.png) top left no-repeat #F1FFC9; }

#footer  { clear: both; text-align: center; background: url(images/footer.png) top left no-repeat #fff; height: 165px; padding-top: 45px; font-size: 0.9em; }

#social h2 { font-size: 1.2em; margin: 0; }
#feed { background: url(images/feed.png) top right no-repeat; }
#feed a { display: block; height: 40px; color: #F08900; padding-top: 74px; font-size: 1.4em; font-weight: bold; line-height: 1.05em; }
#twitter { padding: 18px 0 0 0; }
#twitter li { margin-top: 0.5em; font-size: 0.9em; }
#twitter a { font-weight: bold; color: #33CCFF; }
#flickr  { padding: 18px 0 0 0; }
#flickr a { font-weight: bold; color: #0063DC; }


/* Post and entry formatting */
.post                { margin-bottom: 1em; background: url(images/comments.gif) top right no-repeat; position: relative; }
.post h2             { margin: 0; padding: 6px 90px 0 0; }
.post .vvqbox        { margin-top: 1em; margin-bottom: 1em; }
.post .ccount        { position: absolute; top: 12px; right: 0; font-size: 2em; font-weight: bold; width: 54px; text-align: center; }
.entry               { line-height: 1.4em; }
.entry .wp-smiley    { vertical-align: -3px; }
.entry p             { margin-top: 1.1em; }
.entry blockquote    { font-style: italic; background: #eee; margin: 1em 0 1em 2em; padding: 1em; }
.entry blockquote p  { margin: 0; padding: 0; }
.entry ul, .entry ol { padding-left: 20px; margin-bottom: 1em; }
.entry ul li         { list-style: disc; }
.entry ol li         { list-style: decimal; }
.postmetadata        { padding: 10px; background: #eee; margin-top: 1.1em; line-height: 1em; }


/* Image positioning */
p img          { padding: 0; max-width: 100%; }
img.centered   { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft  { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright    { float: right; }
.alignleft     { float: left }


/* Comments */
.commentlist li         { margin-bottom: 1em; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite,
.commentlist cite a     { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p          { font-weight: normal; line-height: 1.4em; text-transform: none; margin-bottom: 0.5em; }
/* Comment form */
#respond                { margin: 0; }
#commentform input      { margin-top: 5px; font-family: Arial; }
#comment                { width: 500px; margin-top: 5px; font-family: Arial; }
#submit, #searchsubmit  { font-size: 0.9em; }


/* sidebar */
#sidebar h2    { font-size: 1.3em; margin: 0; }
#sidebar ul ul { padding-left: 5px; }
#sidebar li    { padding-bottom: 10px; }
#sidebar li li { padding: 0;  }