* { 
	margin: 0px;
	padding: 0px;	
	font-size: 10pt;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif; 	
	line-height: 1.2em;
}

body 
{ 
    
    margin: 0;
    background: #EEECE7 url(/iq/SiteImages/hexagon.png);

}

h2, h2 a { font-size: 30pt; font-family: 'Open Sans', sans-serif; }
h3, h3 a { font-size: 18pt; font-family: 'Open Sans', sans-serif; }
h4, h4 a { font-size: 14pt; font-family: 'Open Sans', sans-serif; }
h5, h5 a { font-size: 12pt; font-family: 'Open Sans', sans-serif; }

p 
{
	margin: 3px 0px 10px 0px;  line-height: 1.3em; 
}

.header
{
	position: fixed; 
	border-bottom: 2px solid #aaa;
	background: #fff;
	top:0px; 
	width:100%; 
	z-index:2; 
	padding: 0px; 
	height:70px;
}

.header h1					
{   
    min-width: 700px; 
    max-width: 1200px;  
    margin: 0 auto;
	position: relative; 
	width: 100%; 
	padding-left: 50px; 
	top: 42px; 	
	font-size: 30px;
	z-index: 3;
}

.header h1 A 			{ text-decoration: none; font-size: 30px; height: 40px; color: #0470A5;}
.header h1 A:hover		{ color: #f05; }
.header h1 span 			{ color: #666; font-size: 20px;}

.majornav             		{ position: absolute; top: 43px; left: 450px; z-index: 4;} 
.majornav ul				{  height: 30px;}
.majornav ul li			{ float:left; background: #90BED4;  margin-left: 4px;  list-style:none; }
.majornav ul li a			{ text-decoration: none; color: #fff;  padding: 5px 12px 4px 12px; display: block; font-size: 14px; font-weight:bold; letter-spacing: 0.04em;}
.majornav ul li a:hover	{ text-decoration: underline; color: #fff;}
.majornav ul li:hover		{ background: #0470A5; color: #fff;  }

.page 
{ 
    text-align: left; 
    min-width: 700px; 
    max-width: 1200px;  
    margin: 0 auto;
	padding-top: 80px; 
}

.pageBody
{
    margin: 30px 0px 0px 20px;
}

.footer
{
    clear:both;
    margin:10px 0px 0px 50px;
    background: #8F8B88;
    padding: 4px 10px 4px 10px;
    text-align: right;    
}

.footer A
{
    text-decoration: none;
    color: #fff;
}

.footer A:hover
{
    text-decoration: underline;
    color: #C1220D;
}

.rightBitFloat
{
  float:right; 
  width: 170px;
  margin: 6px 0px 0px 4px;
}

.innerRightBitFloat
{
  float:right;
  width: 240px;
  margin-right: 10px;
}

.rightBit
{
  margin: 6px 0px 0px 4px;
}

.rightBit .linklove { display:none; }

h3.feature { background:#0470A5; color: #fff; width: 560px; padding: 10px 0px 5px 10px;}
h5.feature { font-weight: bold; font-size:12pt; padding: 3px 6px 3px 3px; border-bottom: 1px solid #fff; background:#0470A5; color: #fff; width:170px; margin-top:7px}

h5.home { font-weight: bold; font-size:12pt; padding: 3px 6px 3px 3px; border-bottom: 1px solid #fff; background:#A57004; color: #fff; width:170px; margin-top:7px}

h5.archive { font-weight: bold; font-size:12pt; padding: 3px 6px 3px 3px; border-bottom: 1px solid #fff; background:#747474; color: #fff; width:170px; margin-top:27px}



.tags .tagitem { border-bottom: 1px solid #E2E5BE;  display:block; width:170px; height:20px; float:left; padding:4px 10px 4px 10px; background: #fff;}
.tags .tagitem A { display:block; margin:0px 1px 1px 1px; color: #280; text-decoration:none; padding:2px 4px 2px 4px;}
.tags .tagitem A:hover { text-decoration:underline; }
.tags h5 { font-weight: bold; font-size:12pt; padding: 3px 6px 3px 3px; border-bottom: 1px solid #fff; background:#1AA504; color: #fff; width:170px;}


.tags .featurelist { border-bottom: 1px solid #A8C7D6;  display:block; width:170px; float:left; padding:4px 10px 4px 10px; background: #fff;}
.tags .featurelist A { display:block; margin:0px 1px 1px 1px; color: #0470A5; text-decoration:none; padding:2px 4px 2px 4px;}
.tags .featurelist A:hover { text-decoration:underline; }


.rightBit .tags .tagitem, .rightBit .tags .tagitem A  {display:inline; width:auto; }



.linklove { width: 190px; background: #fff;}
.linklove h5 { font-weight: normal; font-size:10pt; padding: 3px 6px 3px 3px; border-bottom: 1px solid #fff; background:#A51A04; color: #fff; margin-top:10px;}
.linklove table tr td {  }
.linklove table tr td span { color: #333; }
.linklove table tr td { border-bottom: 1px solid #a32; padding:4px; }
.linklove table tr td:hover { background: #fdd;}

.linklove table tr td A { color: #c54; text-decoration:none; display:block;  }
.linklove table tr td A:hover {text-decoration:underline; }


.content 
{
    color: #333; 
    min-height: 400px;    
    margin: 0px 180px 0px 0px;
}

.articlepage 
{
    background: #fff;
    padding: 5px;
   border-top: 2px solid #A8C7D6;  
}

.articlepage h5
{
   color: #0470A5;
   font-size: 12pt;
}

.articlepage hr
{
   margin: 5px auto 15px auto;
   width: 70%;
   height: 2px;
   background: #C6D7E8;
  border: 0px;
}

.content h3 { font-size: 18pt; background: #0470A5; color: #fff; border-bottom: 2px dashed #996; margin-top:10px; }


.content A { text-decoration: none; color: #C1220D; letter-spacing: 0.03em; }
.content A:hover { text-decoration: underline; color: #f05; }

.content p { padding: 10px 10px 5px 20px; }
.content span.read { padding:0px 0px 0px 8px; }

div.date { background: #ffc url(http://web.archive.org/web/20110129015816/http://ianquigley.com/iq/SiteImages/calendar.png) no-repeat; width:46px; height:49px; float:right; margin-left:10px; position:relative; top:-5px;}
div.date span.day { position: absolute; top: 20px; font-size:22px; color:#444; width: 100%; text-align:center;}
div.date span.month { position: absolute; top: 3px; color: #fff; width: 100%; text-align:center;}

.articlelist
{

	background: #F8F6F1;
	width: 100%;
	min-width: 480px;
	float:left;
        border: 1px solid #eee;
	border-bottom: 2px solid #C6D7E8;
	margin-bottom: 6px;
}

.articlelist p  { margin: 0px; padding: 6px 20px 10px 14px;}
.articlelist h4 a	{ font-size: 14pt; color: #0468A6;  } 

table.addComment  { margin: 5px 10px;}
table.addComment  tr td.lbl { background: #eee; padding: 1px 4px 1px 4px; }
table.addComment  tr td .txt { border: 1px solid #666; width: 70%; }
table.addComment span { color: #666; font-size: 10pt; }

div.archive { background: #f0f0f0; border: 1px dashed #ccc; padding: 6px; position:relative;}
.archive b { display:block; margin-top:10px; font-family: arial, sans-serif; position: relative; left: -2px; color: #333;}
.archive a { text-decoration: none; font-family: arial, sans-serif; color: #777;}
.archive a:hover { text-decoration: none; font-family: arial, sans-serif; color: #25f;}

.controlpanel
{
    position:fixed; top:0px; left:0px; background:#fff; padding:10px; border: 2px solid #000;
}


#disqus_thread  { padding: 0px 20px 0px 20px; }

#dsq-content h3
{
    background: #fff;
border-bottom: 2px solid #ddd;
color: #555;
font-size: 14px;
}