/*
Title: 		Shaun Caton Blog
Version: 	1.1
Released: 	March 2009
*/

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none; margin: 0; }
sup {line-height: 1em; }





body { background: url('images/background.jpg') no-repeat; background-attachment: fixed; }

h1 { font: bold 1.25em Georgia; color: #333333; margin-top: 0; margin-bottom: 0; }
h2 { font: bold 1em Georgia; color: #333333; margin-top: 0; margin-bottom: 0; }
h3 { font: bold .75em Helvetica; color: #333333; margin-top: 0; margin-bottom: 0; }
p { font: .75em Helvetica; color: #333333; margin-top: 0; margin-bottom: 1em; line-height: 1.5em; }
p a { color: #990000; }
p a:hover { color: #990000; text-decoration: underline; }


/* wrapper */
#wrapper { width: 900px; margin: 0 auto; }

/* content */
#content { width: 550px; float: left; margin-right: 100px; }

/* header */
#header { width: 100%; float: left; margin-top: 50px; margin-bottom: 100px; }

/* branding */
#branding { width: 100%; float: left; }

/* navigation */
#navigation { width: 100%; float: left; margin-top: .5em; margin-bottom:25px; }
#navigation li { display: block; float: left; margin-right: 1em; }
#navigation li a { font: bold italic 1em Georgia; color: #990000; border-bottom: 1px solid transparent; padding-bottom: .5em; }
#navigation li a:hover { color: #333333; border-bottom: 1px solid #333333; padding-bottom: .5em; }
#navigation li#current a { color: #990000; border-bottom: 1px solid #990000; padding-bottom: .5em; }




/* post */
.post { width: 550px; padding-bottom: 100px; }
.post img { background: #FFFFFF; padding: 4px; border: 1px solid #F5F5F5; }

.storytitle { font: bold 1em Georgia; line-height: 1.5em; }
.storytitle a { font: 100%; color: #990000; text-decoration: none; }
.storytitle a:hover { font: 100%; color: #990000; text-decoration: underline; }

.meta { font: normal .75em Helvetica; line-height: 1.5em; }
.meta ul { display: inline-block; }
.meta li { color: #666666; }
.meta a { font: 100%; color: #990000; text-decoration: none; }
.meta a:hover { font: 100%; color: #990000; text-decoration: underline; }

.storycontent p { font: normal .75em Helvetica; color: #333333; margin-top: 1em; line-height: 1.5em; }
.storycontent a { font: 100%; color: #990000; text-decoration: none; margin-top: 1em; }
.storycontent a:hover { font: 100%; color: #990000; text-decoration: underline; margin-top: 1em; }





/* comments */
#comments { margin-bottom: 100px; }

#commentlist { margin-top: 25px; margin-bottom: 25px; }
#commentlist cite { font: bold .75em Helvetica; color: #333333; }
#commentlist li { font: normal 1em Helvetica; color: #990000; text-decoration: none; margin-bottom: 25px; padding: 10px; border: 1px solid #F5F5F5; }
#commentlist li.alt { background: url('images/transparent.png'); border: 1px solid #F5F5F5; }
#commentlist li.authorIsAdmin { background: url('images/authorIsAdmin.png'); border: 1px solid #F5F5F5; }
#commentlist li.authorIsShaun { background:  url('images/authorIsShaun.png'); border: 1px solid #F5F5F5; }

.commentmetadata { font: normal .75em Helvetica; color: #666666; text-decoration: none; }
.commentmetadata a { font: normal 1em Helvetica; color: #990000; text-decoration: none; }
.commentmetadata a:hover { font: normal 1em Helvetica; color: #990000; text-decoration: underline; }

#commentform {}





/* archive */
#archive h2 { font: bold 1em Georgia; color: #333333; text-decoration: none; margin-bottom: 100px; }
#archive-nav { margin-bottom: 100px; }
#archive-nav a { font: bold 100% Helvetica; color: #990000; text-decoration: none; }
#archive-nav a:hover { font: bold 100% Helvetica; color: #990000; text-decoration: underline; }





/* pages */
.pagetitle { margin-bottom: 100px; }

.pagecontent p { font: normal .75em Helvetica; color: #333333; line-height: 1.5em; }
.pagecontent a { font: 100% ; color: #990000; text-decoration: none;  }
.pagecontent a:hover { font: 100%; color: #990000; text-decoration: underline; }

.post { width: 550px; padding-bottom: 100px; }




/* sidebar */
#sidebar { width: 250px; float: left; }
#sidebar p { font: normal .75em Helvetica; color: #333333; } /* text widget font */
#sidebar a { font: 100%; color: #990000; text-decoration: none; }
#sidebar a:hover { color: #990000; text-decoration: underline; }
#sidebar ul li ul li:hover { background: url('images/transparent.png'); }
#sidebar ul {}
#sidebar li { font: bold .75em Helvetica; color: #333333; } /* header font */
#sidebar ul li { margin-bottom: 25px; } /* spacing between widget sections */
#sidebar ul li ul li { font: normal 100% Helvetica; margin: 0; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted #F5F5F5; } /* nested lists */

/* links */
#links li a { display: block; padding-left: 25px; }
#links li a[href="http://www.maxfranosch.com/"] { background: url(http://www.maxfranosch.com/favicon.ico) center left no-repeat; }
#links li a[href="http://www.tate.org.uk/servlet/ArtistWorks?cgroupid=999999961&artistid=813&page=1"] { background: url(http://www.tate.org.uk/favicon.ico) center left no-repeat; }
#links li:hover { color: #990000; text-decoration: underline; background: url('images/transparent.png'); }

/* twitter */
#twitter_update_list li { font: normal .75em Helvetica; color: #333333; margin-bottom: 1em; line-height: 1.5em; }
#twitter_update_list li.tweet { font: normal 1em Helvetica; color: #333333; margin-bottom: 1em; line-height: 1.5em; }
#twitter_update_list li a { color: #990000; text-decoration: none; }
#twitter_update_list li a:hover { color: #990000; text-decoration: underline; }

/* flickr */
.flickr_badge_image { float: left }
.flickr_badge_image a { border: none; margin: 0; padding: 0; }
.flickr_badge_image a:hover { border: none; margin: 0; padding: 0; }
.flickr_badge_image a img { border: 1px solid #F5F5F5; margin: 0 25px 25px 0; padding: 5px; width: 75px; height: 75px; background: none; }
.flickr_badge_image a:hover img { border: 1px solid #990000; padding: 5px; }





/* forms */
input, select, checkbox, textarea { font: normal 100% Helvetica; color: #333333; background: url('images/transparent.png'); border: 1px solid #990000; }
#s { width: 150px; } /* searchform input */





/* -- footer -- */
#footer { width: 100%; float: right; padding-top: 25px; padding-bottom: 25px; font: .75em Helvetica; color: #333333; }
#footer ul { margin: 0; padding: 0; }
#footer li { display: inline; }
#footer a { font: 100%; color: #990000; text-decoration: none; }
#footer a:hover { color: #990000; text-decoration: underline; }