body { margin:0; padding:0; width:100%; min-width:600px; font-size: 100%; /* background: #ffffff url(/res/i/background.gif) repeat-x scroll center top; */ }

#colmask { position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ clear:both; float:left; width:100%; overflow:hidden; /* background:#ffd8b7;*/ }
#colmid { float:left; width:200%; position:relative; left:200px; background:#fff; /* Centre column background colour */ }
#colright { float:left; width:100%; position:relative; left:50%; margin-left:-400px; /*background:#ff9;*/ }
#col1wrap { float:right; width:50%; position:relative; right:100%; }
#col1pad { margin:0 15px 0 415px; /*	overflow:hidden;*/ }
#col1 { width:100%; /*	overflow:hidden;*/ }
#col2 { float:left; width:170px; position:relative; margin-left:-50%; left:215px; overflow:hidden; }
#col3 { float:left; width:170px; position:relative; left:15px; overflow:hidden; }
#header { float:left; width:100%; height: 100px; padding:0; margin:0; /*border-bottom:1px solid #000;*/ }
#footer { clear:both; float:left; width:100%; padding:0; margin:0; /* border-top:1px solid #000; */ }

/* Use these to switch the page from fixed central with to liquid */
.fixed #wrapper { width:850px; text-align:left; margin:0 auto; }
.liquid #wrapper { width:100%; text-align:left; margin:0; }

h1, h1 a { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 18pt; text-decoration:none; line-height: 140% }
h2, h2 a { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:lighter; text-decoration:none; line-height: 140% }
h2, h3 { margin:.8em 0 .2em 0; margin-top: 5px; padding:0; }
h5 { margin-top: 0px; margin-bottom: 0px; }

/* Use for debugging div positioning */
.positionerhighlight { float: left; position: relative; }/*background-color: #dddddd;  }*/

a:visited { color: #496859 }
a:link { color: #638E7A }

i { border-bottom: 1px dotted #bfbfbf; }

#header ul { position: relative; float:left; list-style: none; margin-top: 20px }
#header li { display: inline; font-size: 24pt; font-family: arial; margin-right: 10px; line-height: 140% }

#banner { background:transparent url(/res/i/note_left.png) no-repeat scroll left bottom;float:right }
#banner p { background:transparent url(/res/i/note_right.png) no-repeat scroll right bottom; margin:0px; padding:0px 9px; line-height: 180% }

#footer { background:transparent url(/res/i/box_bottom.gif) no-repeat scroll center bottom }
#innerfooter { background:transparent url(/res/i/box_top.gif) no-repeat scroll center top; padding:5px }

#innerfooter .copyright { float:left; text-align: left; font-size: 8pt; margin: 3px }
#innerfooter .blogHighlights { float:left; text-align: left; font-size: 8pt; margin: 3px }
#innerfooter ul { float:left; text-align: left; font-size: 8pt; margin: 3px }
#innerfooter .contact { float:right; text-align:right; font-size: 8pt; margin: 3px }

img { border: none; margin:10px 0 5px; }
img.gravatar { position: relative; float: left; top: -10px }

p, ul, td, div, input, textarea { /* note: not applied to li */
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 0.98em;
	line-height:140%;
	list-style-image:url(../i/bullet.gif);
}
p.quote { font-style: italic }
p.littleNote { white-space: nowrap; font-style: italic; border: 1px solid rgb(219, 204, 98); padding: 2px 4px; background: #fff6b2 url(/res/i/tag_bg.png) repeat-x scroll center bottom; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(51, 34, 34); display: block; margin-right: 6px; text-decoration: none; line-height: 100%; }

#postedby img { margin-top: 0px; margin-bottom: 0px; margin-left: 5px; position: relative; top: 2px }

#id_comment, #id_url, #id_email, #id_name { border:4px solid #DDDDDD; color:#000000; padding:3px; font-size: 10pt; clear: left; display: block;}

.submit-post, .submit-preview { background:#dddddd none repeat scroll 0 0; border-color:#aaaaaa #888888 #888888 #aaaaaa; border-style:solid; border-width:1px; color:#000000; font-size: 12pt }

/*#selected-customers { background-color: #dfdfdf; margin: 0.5em auto 0 auto; padding: 10px 0px 10px 0px; min-height: 118px; }*/
#selected-customers ul, #blog ul { margin-top: 0px; margin-left: 20px; padding-left: 0px; list-style-type: none; }
#selected-customers li, #blog li { display: inline; margin-right: 47px; }

table.greytop { border-width: 0px 0px 0px 0px; border-spacing: 0px; border-style: none none none none; border-color: gray gray gray gray; border-collapse: collapse; background-color: white; }
table.greytop th { border-width: 1px 1px 1px 1px; padding: 5px 5px 5px 5px; border-style: solid solid solid solid; border-color: lightgrey lightgrey lightgrey lightgrey; background-color: lightgrey; text-align: left; -moz-border-radius: 0px 0px 0px 0px; }
table.greytop td { border-width: 1px 1px 1px 1px; padding: 5px 5px 5px 5px; border-style: solid solid solid solid; border-color: lightgrey lightgrey lightgrey lightgrey; background-color: white; -moz-border-radius: 0px 0px 0px 0px; }

/*table.frame { border-width: 0px; border-spacing: 0px; }
table.frame td { padding: 3px; border-top: 1px solid #cccccc; vertical-align: top; }
table.frame th { text-align: left; padding: 3px; }
table.frame .left { border-right: 1px solid #cccccc; }*/

/* http://www.cssplay.co.uk/boxes/snazzy.html */
.xtop, .xbottom { display:block; background:transparent; font-size:1px; }
.xb1, .xb2, .xb3, .xb4 { display:block; overflow:hidden; }
.xb1, .xb2, .xb3 { height: 1px;}
.xb2, .xb3, .xb4 { background:#eeeeee; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; }
.xb1 { margin:0 5px; background:#eeeeee; }
.xb2 { margin:0 3px; border-width:0 2px; }
.xb3 { margin:0 2px; }
.xb4 { height:2px; margin:0 1px; }
.xboxcontent { display:block; background:#eeeeee; border:0 solid #eeeeee; border-width:0 15px; }