/* 
Theme Name: Blogizzle
Theme URL: http://www.blogizzle.co.uk/
Description: Blogizzle 2009
Author: Sam Morris
Author URI: http://www.blogizzle.co.uk/
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

/* html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
*/

body { padding: 0; margin: 0; font-family: Georgia, Times, serif;}

h1 { font-size: 32px; }

a { text-decoration: none; color: #99cc00; }

a:hover {border-bottom: dashed #DDD thin; color: #3399cc; }

a img { border: none;}

h1, h2, h3, h4 { font-family: Baskerville, Georgia, Times, serif; font-weight: normal; }

h4 { font-size: 12px; text-align: right; }

#container{ width: 960px; margin: 0 auto; }

/* Header */

#aboveheader { width: 100%; height: 10px; background-color: #99cc00; }

#header { width: 960px; height: 70px; border-bottom: #CCC dashed thin;  }

#header p { font-family: Baskerville, Georgia, Times, serif; padding-top: 40px; margin: 0; float: right; }

#header img { float: left; margin-top: -10px; margin-left: -10px; border: none;}

#headerlinks { font-family: Baskerville, Georgia, Times, serif; height: 110px; text-align: right; }

#headerlinks ul { margin: 0; padding: 0; }

#headerlinks ul li {  padding: 0 0 0 20px; float: right; display: inline;  }

.first { padding-left: none !important; }

/* Main Site */

.date { background: url(http://www.blogizzle.co.uk/wp-content/themes/whiteboard/images/date.png) no-repeat; height: 100px; padding: 0 10px 10px 15px; color: #ffffff; float: right; width: 110px; text-align: center; margin-right: -50px; margin-bottom: -25px; margin-top: 10px; }

.date h1, .date h3 { margin: 0; padding: 0;  }

.date h1 { font-size: 38px; }

.post{ float: left; width: 490px; border-right: dashed #DDD thin; padding-right: 10px; }

.post h2 { float: left; width: 405px; font-size: 38px; margin-top: 0; margin-bottom: 5px;  border-bottom: dashed #DDD thin;}

.post img { max-width: 480px; border: #99cc00 2px solid; }

.category { float: left; width: 405px; }

.category h3 { margin-top: 0; }

.content { font-family: Georgia, Baskerville, Times, serif; padding: 0 0 20px 0; border-bottom: dashed #DDD thin; width: 490px; margin-top: 5px; color: #666; font-size: 14px; line-height: 22px; }

.commentlink {  text-align: right; margin: 10px 0 20px 0;  font-family: Baskerville, Georgia, Times, serif; font-weight: normal; }

#comments ol { list-style: none; padding: 0; }

#comments li { border: dashed #DDD thin; padding: 5px; margin-bottom: 10px; }

/* Sidebar */


#sidebar{ float: right; width: 400px; background-color: #fafafa; height: inherit; font-family: Baskerville, Georgia, Times, serif; font-weight: normal; color: #777; }

#bio p { float: right; margin: 0 10px 0 0; line-height: 22px; width: 270px; }
#bio img { float: left; margin: 5px 0 0 10px; border: #99cc00 1px solid; height: 100px; width: 100px; }
 
#sidebar h1 { float: left; width: 380px; margin: 10px; font-size: 38px; border-bottom: dashed #DDD thin;}

#sidebar h2 { color: #9F9F9F; margin-top: 10px; margin-bottom: 10px; }

#sidebar ul { list-style: none; padding: 0;  }

#sidebar ul li { border-bottom:  #EEE dashed thin;  padding: 5px 0 5px 0; }

#sidebar ol { padding: 0; }

#sidebar ol li { list-style: none; display: block; float: left; margin: 0 2px 0 2px; }

#lastfmrecords img { border: none; width: 60px; height: 60px; border: dashed #999 thin;  }

.left { float: left; width: 200px; padding: 0 10px 0 10px; }

.right {float: right; width: 160px ; padding: 0 10px 0 10px;  text-align: right; }

/* Footer */

#footer { clear: both; width: 960px; padding: 20px 0 0 0; height: 40px; border-top: #DDD dashed thin; }

#footerleft { float: left;}
#footerright { float: right; }