/************ Written by Ronan, <ronan@zlog.co.uk> ************/
/************ Entry #4 for "Know CSS? Want an iPod?" ************/

/************ Layout ************/
body {
margin: 25px;
padding: 0;
background: #fff url(http://www.lazyweb.org/img_140.gif);
text-align: center;
}
/* Fix inheritence bugs */
body, p, blockquote, ul, ol, li {
font: 100%/1.4 'Lucida Grande', "Lucida Sans Unicode", verdana, arial, sans-serif;
color: #333;
}

div#box {
margin: auto;
padding: 0;
width: 550px;
background: #fff;
text-align: left;
border: 1px solid #000;
}

div#head {
padding: 1px 15px;
border-bottom: 1px solid #efefef;
text-align: right;
}

div#nav {
margin: 0 5em;
font-size: 80%;
text-align: center;
border: 1px solid #efefef;
border-top: 0;
}

div#weblog {
padding: 50px;
padding-top: 15px;
font-size: 75%;
}

ul#navi, ul#navi li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

ul#navi a:link, ul#navi a:visited {
padding: 0 5px;
margin: 0 5px;
width: 80px;
border-bottom: 0;
}

ul#navi a:link, ul#navi a:visited {
text-decoration: none;
text-align: center;
color: #999;
}
	
ul#navi a:hover	{
color: #000;
border-bottom: 3px solid #ccc;
}
	
body#index #navi li#home a, body#archives #navi li#old a {
border-bottom: 3px solid #ccc;
color: #000;
}
/************ Typography ************/
/* <h1>, sets the logo and the alternative for non css browsers (large red text) */
h1 {
margin: 0;
padding: 0;
background: url(newlw.png) center no-repeat;
height: 68px;
font-size: large;
color: #bd0e0e;
text-align: center;
}
/* <h1><a>, hides ugly text which is replaced with an image - see above */
h1 a {
display: none;
}
/* <h2>, styles the date - grey, aligned right */
h2 {
margin: 0;
font-size: 100%;
font-variant: small-caps;
text-align: right;
color: #ccc;
}
/* <blockquote>, styles quotes - light grey background, double lined, darker grey border */
blockquote {
background: #efefef;
padding: 5px;
border: 3px double #ccc;
}
/* <blockquote><div class="cite">, styles the "A quote from..." - aligned right, smaller than normal text */
blockquote div.cite {
font-size: 80%;
text-align: right;
margin: 1em .2em .5em .2em;
}
/* <p>, styles paragraphs */
p {
margin-bottom: 1em;
}
/* Makes sure images don't get that horrible blue border when they are linked */
a img {
border: 0;
}
/* makes links blue */
a {
color: #00c;
}
/* Dumb hack to stop IE getting "dotted" borders */
div > a, p > a {
text-decoration: none;
border-bottom : 1px dotted;
}
/************ A touch of class. ************/
/* class="fright", positioins something to the right - useful for images */
.fright {
float: right;
margin-left: 10px;
}
/* class="fleft", positioins something to the left - useful for images */
.fleft {
float: left;
margin-right: 10px;
}
/* class="imgborder", gives an a light grey border - useful for images (sometimes) */
.imgborder {
border: 1px solid #ccc;
padding: 2px;
background: #eee;
}
/* Aligns the Comments? () | Trackbacks? () */
p.tools {
text-align: center;
}

.googlebait {
font-size: xx-small;
}