/* 
** IMPORTS
*/



/*
** RESET STYLES
*/
body, div, img, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, textarea, button {
    margin: 0; padding: 0; border: 0;
}
 
/* Base typography */
h1, h2, h3, h4, h5, h6, p {margin: 0 0 1em 0;}
body {color:#000; font: 82%/120% Arial, Helvetica, sans-serif;} /* Arial is content font */
h1, h2, h3, h4, h5, h6 {color:#4ca6ff; font-family:"Times New Roman", Times, serif} /* Verdana is header font */
h1{font-size: 200%;}
h2{font-size: 170%;}
h3{font-size: 140%;}
h4{font-size: 120%;}
h5{font-size: 100%;}
h6{font-size: 90%;}

/* Base Links */
a, a:visited{
  color:#4ca6ff;
  text-decoration:underline;
}
a:hover{
  color:#4ca6ff;
  text-decoration:none;
}

/* Base forms */
input, textarea {
  border: 1px solid #666;
  color:#333;
  font-family:"Courier New",courier,monospace;
  padding:2px;
}
legend {display: none;}

/* Base lists */
ul, ol {margin-left: 1em;}

/* Accessiblity */
#access_navigation{
  position:absolute;left:-9251em;
}
* html #access_navigation{display:none;}

/* hidden HTML */
hr {display:none;}

img, div { behavior: url(_resources/css/iepngfix.htc) }




/*
** LAYOUT
*/

/* Main containers */
body {
  background:transparent url(../img/css/bg_body.gif) 0 0 repeat;
}

#wrapper{
  background:transparent url(../img/css/bg_wrapper.png) 0 0 repeat-y;
  margin:0 auto;
  padding:0 21px 0 23px;
  position:relative;
  width:980px;
}
* html #wrapper{
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_resources/img/css/bg_wrapper.png',sizingMethod='scale');
}

#header{
  background:transparent url(../img/css/bg_header.gif) 0 0 repeat-x;
  height:114px;
  padding:0;  
}

#mainnav{
  display:none;
}

#content{
  clear:both;
  padding:0 22px 0 18px;
}

  #primary {
    display:inline;
    float:right;
    padding:27px 16px 0;
    width:664px;
  }

  #secondary{
  background:transparent url(../img/css/bg_side.png) 0 0 no-repeat;
  display:inline;
  float:left;
  margin:-23px 0 0;
  padding:50px 16px 0;
  position:relative;
  width:210px;
  }

#footer{
  background:transparent url(../img/css/bg_footer.png) 0 0 no-repeat;
  height:60px;
  line-height:50px;
  margin:0 -21px 0 -23px;
  position:absolute; bottom:-60px;
  width:1024px;
}

/* Header sub-containers */

#branding{
  float:left;
  height:100px;width:425px;
}
  #branding a{
    background:transparent url(../img/logo.gif) 0 0 no-repeat;
    display:block;
	height:100px;width:425px;
    text-indent:-999em;
}
#slogan{
  color:#fff;
  float:right;
  font-family:"Times New Roman", Times, serif;
  font-size:1.4em;
  font-weight:bold;
  margin:80px 16px 0 0;
}

/* Main Navigation */


/* Content sub-containers */

.article {
  margin:0 0 4em;
  overflow:hidden;
}
#primary img{
  clear:left;
  display:inline;
  float:left;
  margin:.1em 0 1em;
  width:210px;
}
#primary h1,#primary h2,#primary h3,#primary h4, #primary p{
  margin-left:228px;
}
#secondary img {
  display:inline;
  float:left;
  margin:0 .5em .1em 0;
}
.twitterbox {
  background:transparent url(../img/css/bg_twitterbox_bottom.gif) center bottom no-repeat;
}
  .twitterbox h4 {
    background:#ffdd99 url(../img/css/bg_twitterbox_top.gif) 0 .8em no-repeat;
    font-weight:normal;
	font-family:Arial,Helvetica,sans-serif;
    margin:0;
    padding:0 .4em .3em;
  }
  .twitterbox p {
    padding:0 .4em .5em;;
}

#error #primary h1,#error #primary h2,#error #primary h3,#error #primary h4,#error #primary p{
  margin-left:0;
}


/* Footer sub-containers */

#footer p {
  font-size:80%;
  margin-right:50px;
  text-align:right;
}


/*
** TYPOGRAPHY CLASSES
*/

h2 a, h2 a:visited {text-decoration:none;}/*title links work opposite way to normal links*/
h2 a:hover {text-decoration:underline;}

#primary .byline {
  color:#4ca6ff;
  margin-top:-1em;
  padding-left:.8em;
}

.article h4 { /* use h4 for headings within a post */
  margin:0 0 .2em;
}

#secondary h2{font-size:140%;}
#secondary h3{font-size:120%;}
#secondary h4{font-size:110%;}

p.more a {
  background:url('../../img/bg_more.gif') no-repeat right top;
  padding-right:28px;
  padding-top:3px;
}


/*
** Gets a little hacky here
*/

/* I have to use a clearfix on the content section - overflow:hidden chops up the sidebar's star
(negative margined up under the logo) and the footer cannot be used to clear the floats because of
background issues - pulling it down with margins or relative postioning results in an ugly double
shadow or an unsightly amout of empty space between the bottom of the content and the footer
- so it has to be postioned absolutely and cannot clear the floats. */

#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#content {display: inline-block;}

/* Hides from IE-mac \*/
* html #content {height: 1%;}
#content {display: block;}
/* End hide from IE-mac */