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

body 
{ 
    text-align:center; 
    margin: 0px 10px 0px 10px;
    background: #F8F6F1 url(siteimages/header-bluegrad.jpg) repeat-x ;
/*    background: #F8F6F1 url(siteimages/crinkle.jpg) ; */

}

h1 {   margin: 13px 175px 5px 0px; }
h1 A span { display:none; }
h1 A { background: url(siteimages/ianquigley-logo-raised.jpg) no-repeat; width:380px; height:60px; display:block;}
h1 A:hover { background: url(siteimages/ianquigley-logo.jpg) no-repeat; width:380px; height:60px; display:block;}

.hack {background: url(siteimages/ianquigley-logo.jpg) no-repeat; width:1px; height:1px; display:none;}

h2 { font-size: 30pt; }
h3 { font-size: 18pt; }
h4 { font-size: 14pt; }

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

div.sociallinks {position: absolute; top: 7px; left: 400px; }
div.sociallinks a { width: 60px; height:50px; }
div.sociallinks a span { display:none; }

a.header-twitter { background: url(siteimages/twitter-up.png) no-repeat;              position:absolute; left: 0px; top: 0px;}
a.header-twitter:hover { background: url(siteimages/twitter-down.png) no-repeat;             }

a.header-stackover { background: url(siteimages/stackoverflow-up.png) no-repeat; position:absolute; left: 80px; top: 0px;}
a.header-stackover:hover { background: url(siteimages/stackoverflow-down.png) no-repeat; }

a.header-stumble { background: url(siteimages/stumbleupon-up.png) no-repeat;      position:absolute; left: 160px; top: 0px;}
a.header-stumble:hover { background: url(siteimages/stumbleupon-down.png) no-repeat; }

a.header-facebook { background: url(siteimages/facebook-up.png) no-repeat;        position:absolute; left: 240px; top: 0px;}
a.header-facebook:hover { background: url(siteimages/facebook-down.png) no-repeat;        }

a.header-linkedin { background: url(siteimages/linkedin-up.png) no-repeat; position:absolute; left:320px; top: 0px;}
a.header-linkedin:hover { background: url(siteimages/linkedin-down.png) no-repeat; }

a.header-rss { background: url(siteimages/rss-up.png) no-repeat; position:absolute; left: 400px; top: 0px;}
a.header-rss:hover { background: url(siteimages/rss-down.png) no-repeat; }

a.header-email { background: url(siteimages/email-up.png) no-repeat; position:absolute; left: 480px; top: 0px;}
a.header-email:hover { background: url(siteimages/email-down.png) no-repeat; }

.hack-twitter {background: url(siteimages/twitter-down.jpg) no-repeat; width:1px; height:1px; display:none;}
.hack-stackover {background: url(siteimages/stackoverflow-down.jpg) no-repeat; width:1px; height:1px; display:none;}
.hack-stumble {background: url(siteimages/stumbleupon-down.jpg) no-repeat; width:1px; height:1px; display:none;}
.hack-facebook {background: url(siteimages/facebook-down.jpg) no-repeat; width:1px; height:1px; display:none;}
.hack-linkedin {background: url(siteimages/linkedin-down.jpg) no-repeat; width:1px; height:1px; display:none;}
.hack-rss {background: url(siteimages/rss-down.jpg) no-repeat; width:1px; height:1px; display:none;}
.hack-email {background: url(siteimages/email-down.jpg) no-repeat; width:1px; height:1px; display:none;}

.page 
{ 
    text-align: left; 
    min-width: 400px; 
    max-width: 1000px;  
    margin: 0 auto;     
}

.pageBody
{
    border-bottom: 2px solid #999;
    margin-top: 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 h4  { font-size: 14pt; background: #fff; color: #0470A5;  border-bottom: 1px dashed #666; margin-top:5px; }

.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(/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
{
   border: 1px solid #D3BC8F;
    background: #fff;
    padding: 0px;
    margin: 0px 0px 5px 0px;    
   width: 528px;
  float: left;

}

.articlelist p { padding: 8px 12px 8px 12px; margin: 0px; }
.articlelist p span.date { display:block; margin-top: 5px; float:right; color: #999;}

.articlelist h4 a { font-size: 14pt; color: #0468A6;  } 

.articleimage { margin: 10px; }

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;
}