body * { /* Strip padding, margin from the every element so that I can align all text to my own grid. */
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	font:10pt 1.25em verdana, arial,free-sans,sans-serif
}
a img {border:0}
a {color:#d60;text-decoration:none;font-weight:bold}
a:hover {color:#a90}
abbr {cursor:help}
img.right {float:right;margin:5px 0 5px 5px;clear:right}
img.left {float:left;margin:5px 5px 5px 0;clear:left}
img[align="right"] 	{ float: right; margin:5px 0 5px 5px;clear:right}
img[align="left"] 	{ float: left; margin: 5px 5px 5px 0;clear:left}
p,table,blockquote 	{ margin-bottom:1em }
ol,ul { margin-top:1em;margin-bottom:1em }
li ol,li ul {margin-top:0;margin-bottom:0}
h1,h1 a {font-size:18pt;color:#303030;font-weight:bold}
h2,h2 a {font-size:16pt;color:#303030;font-weight:bold}
h3,h3 a {font-size:14pt;color:#303030;font-weight:bold}
h4,h4 a {font-size:12px;color:#303030;font-weight:bold}
h5,h5 a {font-size:10px;color:#303030;font-weight:bold}
h6,h6 a {font-size:10px;color:#303030;font-weight:normal}
code {background-color: #f3f3f3; color: #6f6060; display: block; padding: 1em 0.5em; margin: 0.5em 0;}
.icit-tag { position: fixed; top: 0; right: 0; border: 0;}
.clear {clear:both;height:1px; width: 1px; overflow: hidden; visibility:hidden;}
.submit {border:0; cursor:pointer; background:url(style/submit.png) repeat-x top left #303030; color: white; font-weight: bold; height: 1.5em; padding: 0 .5em;}

/* Basic layout */
body {
	background: url(style/background.png) repeat-x top left #333;
	color:#6f6060;
	margin:12px 0;
	padding:0;
	font:10pt arial,free-sans,sans-serif
}
div.container {
	position:relative;
	width:950px;
	top:0;
	left:0;
	margin:0 auto;
}

div#content {
	width:630px;
	float:left
}
div#sidebar {
	float:right;
	position: relative;
	overflow:hidden;
	width:310px
}
div#footer {
	margin-top:0;
	clear:both;
	margin-left:12px;
	margin-right:3px;
	color:silver}
div#header { 
	height: 140px;
	width: 950px;
}

/* end of basic layout */
a#mainlogo {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 128px;
	height: 128px;
	overflow: hidden;
	z-index: 10;
}
h1.main-page-title {
	width: 310px;
	margin-top: 4px;
	height: 85px;
	overflow: hidden;
	margin-left: 140px;
	display: inline; /* IE Float bug destroyer, harmless to real browsers */
	float: left;
	font-size: 30pt;
	font-variant: small-caps;
	line-height: 1em;
	font-weight: 900;
	color: white;
}

div.tagline {
	clear: both;
	background-color: #333;
	color: #eee;
	font-size: 10pt;
	font-weight: normal;
	line-height: 1.5em;
	margin-right: 3px;
	height: 1.5em;
}
div.tagline h2 {
	color: #eee;
	padding-left: 140px;
	background-color: #333;
	line-height: 1.5em;
	font-size: 10pt;
	width: 500px;
	float: left;
}
div.login {
	text-align: right;
	padding-right: 10px;
	width: 250px;
	float: right;
	color: #666;
	background-color: #333;
	line-height: 1.25em;
}
div.login a { color: #666; font-size: 8pt;}
div.login a:hover { color: #a90;}

div#header-content {
	float: right;
	spadding: 13px 14px 33px 8px;
	height: 95px;
	width: 490px;
	background: url(style/header-content.png) no-repeat top right transparent;
}
div.banner {
	width: 468px;
	height: 60px;
	background-color: #060;
	color: #fff;
	font-weight: bold;
	overflow: hidden;
	margin-top: 8px;
	margin-left: 8px;
}

/* Post/page  section */
div.post-title h2 a { line-height: 1.5em; } 
div.post-body p { line-height: 1.5em; text-align: justify}
div.post-body iframe { margin: 0 10px; }
div.post-body iframe[align="right"]  {margin: 0 0 10px 10px;}
div.post-body iframe[align="left"]   {margin: 0 10px 10px 0;}

div.post-content {
	background: url(style/post.png) repeat-y 0 0 transparent; 
	color: #333;
	width: 600px;
	padding: 0 18px 0 12px;
	overflow: hidden;
}

div.post-frame {
	margin-bottom: 10px;
	width: 630px;
	position: relative; /* Useful If I want to position things inside a post */
	z-index: 10;
}
span.post-frame-top {
	width: 630px;
	height: 16px;
	background: url(style/post.png) no-repeat -631px 0px transparent;
	display:block;
}
span.post-frame-bottom {
	width: 630px;
	height: 16px;
	background: url(style/post.png) no-repeat -1261px 0px transparent;
	display:block;
}
div.post-navigation { margin-bottom: 16px;}
.previous-link { float: left; }
.next-link { float: right; }
div.post-navigation-links a { color: #666; font-size: 14pt;}
div.post-navigation-links a:hover { color: #ccc;}
div.post-navigation-links { 
	background: url(style/post-navigation-links.png) repeat-y #333;
	background-position: -627px 0;
	color: #666;
	padding: 5px 10px; 
	text-align: center; 
}
span.post-navigation-top,
span.post-navigation-bottom 	{
	overflow: hidden; /* Not sure where the stuff that is forcing the overflow is coming from but IE can see it. This is here rather than the IE style sheet as it is harmless.*/
	display: block;
	width: 626px;
	height: 8px;
	background-image: url(style/post-navigation-links.png);
	background-repeat: no-repeat;
}
span.post-navigation-top 	{ background-position: 0 0;}
span.post-navigation-bottom 	{ background-position: 0 -11px; }

div.post-title { background: url(style/title-background.png) repeat-y top right white;}
div.post-title  h2 {
	background: url(style/title-roundel.png) no-repeat left top transparent;
	background-position: 0 50%;
	line-height: 1.5em;
	padding-left: 30px;
}
div.post-header { margin-bottom: 10px;}
.time-date-owner { font-size: 8pt; margin-top: 0.5em;}
div.post-footer { text-align: center; clear:both; background-color: #f3f3f3; margin-bottom: 15px; line-height: 2em; }
div.post-footer span { padding: 0.25em 0.5em; }
div.page-links {display: block; text-align: right; margin-bottom: 15px;}
/* End of post/page  section */

/* Widgets */
div.widget a.rss-link {
	position:absolute;
	top:-8px;
	right:18px;
	height:30px;
	width:30px;
	overflow:hidden
}
div.widget {
	background: url(style/widget.png) repeat-y 0 0 transparent;
	margin-bottom: 42px;
	position: relative;
	top: 16px;
	width: 310px;
}

span.widget-top {
	width: 310px;
	height: 16px;
	background: url(style/widget.png) no-repeat -313px 0px transparent;
	display:block;
	position: absolute;
	top: -16px;
}

span.widget-bottom {
	width: 310px;
	height: 16px;
	background: url(style/widget.png) no-repeat -625px 0px transparent;
	display:block;
	position: absolute;
	bottom: -16px;
}
div.widget-centre { 
	background-color: transparent;
	color: black;
	width: 284px;
	padding: 0 10px;
}
div.widget-centre h3 {
	margin-bottom: 0.5em;
	color: #333;
}


div.widget-centre ul, div.widget-centre ol { padding: 0; margin: 0; }
div.widget-centre ul ul, div.widget-centre ol ol,
div.widget-centre ul ol, div.widget-centre ol ul { padding: 0; margin-left: 0px; }
div.widget-centre li {list-style-position: inside; line-height: 1.5em;}

/* My default navigation widget */
div.icit-navigation-widget div.widget-centre li.current_page_item li a, 
div.icit-navigation-widget div.widget-centre li.current-cat li a,
div.widget-centre a { color: #333; }
div.icit-navigation-widget div.widget-centre li.current_page_item li a:hover, 
div.icit-navigation-widget div.widget-centre li.current-cat li a:hover, 
div.icit-navigation-widget div.widget-centre li.current_page_item a,
div.icit-navigation-widget div.widget-centre li.current-cat a, 
div.widget-centre a:hover { color: yellow; }
div.icit-navigation-widget div.widget-centre ul { padding: 0; margin: 0; list-style-type: none;}
div.icit-navigation-widget div.widget-centre ul li { background: url(style/widget-li.png) no-repeat bottom left #333; color: white; margin: 5px 0 10px 0; width:284px; list-style-position: outside;}
div.icit-navigation-widget div.widget-centre ul ul li { background-image: none; background-color: transparent; padding: 0; margin:0; }
div.icit-navigation-widget div.widget-centre ul li a { padding: 5px 0 0 10px; display: block; background: url(style/widget-li.png) no-repeat top left white; position: relative; top: -5px; }
div.icit-navigation-widget div.widget-centre ul ul li a{ padding-left: 20px; display: block; background-image: none; background-color: transparent; padding-bottom:0;}

/* Fix The default comment widget  and calendar  widget */
table#wp-calendar { margin: 0 auto 10px auto;}
table#wp-calendar td { padding: 4px; text-align: center; border: solid 1px #f3f3f3}
table#wp-calendar caption { font-size: 18pt; margin: 0 auto 10px auto;}
div.widget_calendar h3 {display: none;} /* Title didn't look right */
div.widget_search #searchform input#s { width:284px; border: solid 2px; margin-bottom: 0.25em}

/* Comments */
#commentsblock{ margin-top: 30px; }
#comment { width: 534px}
div.new-comment { margin-top: 10px; padding: 10px 30px; background: url(style/comment-back.png) repeat-x top left white; color: #333;}
#new-comment-title { margin-bottom: 0.5em; }
#comment-title { display: inline; margin-right: 10px;}
.comments-trackbacks-pings { border-top:solid 1px silver; padding-top: 10px}
.comment-list { padding:0; margin:0; list-style-type: none; }
.commentheader { margin-bottom: 0.25em; padding-bottom: 0.25em; display: block; border-bottom: solid 1px #333}
.comment-list li { margin: 1em 0; 	background-color: #dfdfdf; color: #333;padding: 5px;}
.comment-list li.alternate { 		background-color: #eee; color: #333;}
.comment-list li.alternate .commentheader { border-color: #333; }

/* Tag cloud */
.tag-cloud-links a { font-size: large;}
.tag-cloud-links {
	position: relative;
	top:10px;
	padding: 5px 10px;
	width: 579px;
	background: url(style/tag-cloud.png) repeat-y top right white;
	color: #333;
	margin-bottom: 25px
}
.tag-cloud-links-top {
	display: block;
	width: 598px;
	height: 10px;
	position: absolute;
	top:-10px;
	left: 0;
	color: #333;
	background: url(style/tag-cloud.png) no-repeat top left white;
}
.tag-cloud-links-bottom {
	display: block;
	width: 598px;
	height: 10px;
	position: absolute;
	bottom:-10px;
	left: 0;
	color: #333;
	background: url(style/tag-cloud.png) no-repeat bottom left white;
}

.excerptmore { display: block; height: 1.5em; overflow: hidden; text-align: right; clear: both; margin-top: -1em;}
.excerpt-thumb-link { float: left; margin-right: 5px;}

#contactform { margin-top: 10px; padding: 10px 30px; background: url(style/comment-back.png) repeat-x top left white;}
#contactform sup { vertical-align: top; margin-left: 10px;}
#contactform label 				{width:240px; float:left; padding:0;}
#contactform .text 				{width:290px; border:solid 1px silver; font-size:12px;line-height:14px;padding:2px 0}
#contactform .textarea 			{width:530px; border:solid 1px silver; padding:4px 0;}
#contactform #div_icit_submit_3 	{width:530px; text-align:right;}
#contactform p.paragraph,
#contactform #label_icit_text {width:100%;display:block;float:none;font-size:16pt;line-height:1.25em; margin:0;}
#contactform .contactformrow {width:100%;margin-bottom:0.5em;overflow:hidden}
#contactform #div_contactform_recipient {display:none}