/*
Worst CSS organisation in the world - I'm just fiddling and adding and messing with it all the time. Built at Agenzia by Simon Collison 2003. Sorry its not annotated or in a sensible order but I am trying to save some whitespace for a rainy day. agenzia.co.uk
*/

@import url(http://www.colly.com/styles/forms_css);
@import url(http://www.colly.com/styles/default_css);

body {margin:20px 0px;padding:0;color:#333;background: #FFF;font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;text-align:left;}

#wrapper {margin:0 auto;padding-top:15px;padding-bottom:10px;color:#333;border-left: 5px solid #FFF;text-align:left;background: #FFF;}
.altwrapper {width:778px;}
.mainwrapper {width:778px;}

/* Header */

.altwrapper #header {width:755px;border-bottom: 1px solid #333;margin-left:10px;margin-bottom:10px;padding-bottom:14px;background:#FFF}
.mainwrapper #header {width:755px;border-bottom: 1px solid #333;margin-left:10px;margin-bottom:10px;padding-bottom:14px;background:#FFF}

/* Main column and variants */

#content {background:#FFF;}

#sidebar dl {background:transparent;}

#blog {float:left;width:500px;margin-top:-5px;margin-bottom:10px;color:#333;text-align:left;padding:0 0px 0px 0;font:12px 'Lucida Grande', verdana, arial, helvetica, sans-serif;line-height:165%;}
#home #blog {margin-top:10px;}
#blogphoto {float:left;width:713px;margin-top: 0px;margin-bottom:10px;color:#333;text-align:left;padding:0 0px 0px 0;font:11px 'Lucida Grande', verdana, arial, helvetica, sans-serif;line-height:165%;}

#blogfull {float:left;margin-top:0px;margin-bottom:10px;color:#333;text-align:left;padding:0 0px 0px 0;font:11px/130% 'Lucida Grande', verdana, arial, helvetica, sans-serif;line-height:165%;}

#blogprint {margin:0px;padding:10px;color:#333;text-align:left;background-color:#FFFFFF;font:10px Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif}

/* Side columns and specific elements */

#sidebar {float:left;color:#333;font-size: 10px;margin-left:30px;margin-top: 18px;padding-bottom: 14px;width: 230px;}
#rightbar {float:right;color:#333;font-size:10px;margin-right:13px;margin-top: 10px;padding-bottom: 14px;width:230px;}

/* Footer */

#footer {margin:0 10px 0 10px;padding:8px 0 12px 0;background:#fff;color:#333;font-size:9px;letter-spacing:0.09em;border-top: 1px solid #333;}

.commbox {background:#EDEAEB;border-top:4px solid #FFF;border-right:4px solid #FFF;border-bottom:4px solid #FFF;padding-left:0px;padding-right:0px;margin-bottom:7px;margin-left:10px;margin-right:10px;font-size:11px;}
.commboxalt {background:#EDEAEB;border-top:4px solid #FFF;border-right:4px solid #FFF;border-bottom:4px solid #FFF;padding-left:0px;padding-right:0px;margin-bottom:7px;margin-left:10px;margin-right:10px;font-size:11px;}
.collybox {background:#FFFFCC;border-top:4px solid #FFF;border-right:4px solid #FFF;border-bottom:4px solid #FFF;padding-left:0px;padding-right:0px;margin-bottom:7px;margin-left:10px;margin-right:10px;font-size:11px;}

/* Comment tools */

.logoicon {float:left; position:relative;padding:10px 6px 0px 0px;display:none;}
.gravatar {float:left; position:relative;margin:10px 6px 0px 0px;padding:2px;border:1px solid #999;background:#FFF;display:none;}
.flag {float:left; position:relative;margin:5px 6px 0px 0px;padding:2px;border:1px solid #999;background:#FFF;display:none;}
.posted {clear:both;margin-bottom:25px;border-bottom: 0px solid #333;font:10px/165% 'Lucida Grande', verdana, arial, helvetica, sans-serif;color:#666;padding-top:3px;padding-left:0px;padding-bottom:10px;}
.commbox .posted, .commboxalt .posted, .collybox .posted {padding-bottom:0}

div.spacer {clear:both}



/* NAVIGATION - Three column main navigation within the header */

#header ul {list-style: none;margin: 0px 0 0 0;padding-top:6px;text-transform:uppercase}
#header ul li {color:#000;margin:0;display:inline;border-right:0px solid #CCC;}
#header ul li a:link {font-weight: bold;color:#111;text-decoration:none;font-size:11px;padding: 10px 10px 15px 10px;}
#header ul li a:visited {font-weight: bold;color:#111;text-decoration:none;font-size:11px;padding: 10px 10px 15px 10px;}
#header ul li a:active {font-weight: bold;color:#111;text-decoration:none;font-size:11px;padding: 10px 10px 15px 10px;}
#header ul li a:hover {color: #000;background-color:#FFF;border-bottom:1px solid #999;}

/* TICKED-OFF VISITED LINKS - Is this what you were looking for? Yes, its the updated CSS for the ticked off links. If you use this, please give me a credit. Thanks */

dl {margin:-10px 0 0 0;padding:3px 0 3px 0;background-color:transparent;color:#666}

dt {margin-top:10px;margin-bottom:5px;}

#sidebar ul, #rightbar ul {list-style-type:none;margin:0 0 12px 0;padding:3px 0 3px 0;background:transparent;color:#666}
#sidebar li a:link, #rightbar li a:link, dt a:link {
line-height:150%;
font-weight:bold;
text-decoration:none;
padding:2px 15px 2px 0;
display:block;
border-bottom: 1px solid #DDD;
background:url(http://www.colly.com/images/ticks_grey7.gif) right -100;
}
#sidebar li a:visited, #rightbar li a:visited, dt a:visited {
text-decoration:none;
line-height:150%;
font-weight:bold;
padding:2px 15px 2px 0;
display:block;
border-bottom: 1px solid #DDD;
background:url(http://www.colly.com/images/ticks_grey7.gif) right 0;
background-position: right -60px;
}
#sidebar li a:hover, #rightbar li a:hover, dt a:hover {
line-height:150%;
font-weight:bold;
padding:2px 15px 2px 0;
text-decoration:none;
display:block;
border-bottom: 1px solid #DDD;
background:url(http://www.colly.com/images/ticks_grey7.gif) right -20px;
}
#sidebar li a:active, #rightbar li a:active, dt a:active {
line-height:150%;
text-decoration:none;
padding:2px 15px 2px 0;
font-weight:bold;
display:block;
border-bottom: 1px solid #DDD;
background:url(http://www.colly.com/images/ticks_grey7.gif) right -100;
}