/*
-----------------------------------------------
	Index:
	~ Typography & Headings												
	~ Lists
	~ Links												   			
	~ Misc. Styles
	~ Fancy Type
----------------------------------------------- */

/*---------------------------------------------
 ~Typography & Headings
----------------------------------------------- */
/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body {
	font: normal 75%/16px "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #666666;;
	margin: 0px;
	}

h1, h2, h3, h4, h5, h6 { color: #fff; font-weight:bold; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#666666; }	
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }

#commentform textarea { font-family:"Lucida Grande",sans-serif;}

/*main header*/	
h1 { font-size: 2em; line-height: 1.1em; padding: .5em 0em .4em; text-transform: capitalize; }
#featureHead h1 a { position: relative; margin: 0; color:#fff; font-size: 1.3em; line-height: 1em; }
#featureHead span { font-size: .9em; line-height: 1.3em; text-transform: uppercase; }
.newsPod h1 { display: inline; margin: 20px 0 0; }

/*sub-head*/	
h2 { font-size: 1.5em; margin: .3em 0; letter-spacing: 1px; }
h2.leftColHeader { background: url('../images/leftColHeader.gif') top left no-repeat; width: 520px; height: 27px; padding: 11px 0 0 60px; margin: 0 0 10px 0; }
h2.rightColHeader { background: url('../images/rightColHeader.gif') top left no-repeat; width: 275px; height: 27px; padding: 11px 0 0 60px; margin: 0; }
#rightCol h2.sideHeader	{ background: url('../images/blueBarSM.gif') top left repeat-x; height: 24px; padding: 10px 0 0 10px; margin: 10px 0 0; }

/*for comments*/	
h3 { font-size: 1.5em; line-height:1.35em; font-weight: bold; margin: 30px 0px 5px; color: #666666; }

/*date boxes*/	
.date h4, .dateFirst h4			 { font-size: 35px; line-height: .9em; display: block; float: left; }
.date .monthYear, .dateFirst .monthYear 	 { display: block; position:relative; right:-7px; top: 0px;  text-transform: uppercase; color:#fff; font-weight: bold; font-size:15px; line-height: 1em; letter-spacing: 1px; }

.miniDate h4 		 { font-size: 21px; line-height: .9em; display: block; float: left; }
.miniDate .monthYear { display: block; position:relative; right:-5px; top: 0px;  text-transform: uppercase; color:#fff; font-weight: bold; font-size:9px; line-height: 1em; letter-spacing: 1px; }

p 			{ margin: 0px 0px 10px 0px; font-size: 1em; line-height: 1.3em; }
#rightCol p { font-size:.9em; }
.newsPod  p { margin: 5px 0 10px 0; }
.tweetPod p	{ margin: 0 0 3px; }
p.fbTime	{ color: #a3a3a3; margin: -8px 0 0;}
p.commentDate	{ color: #fff; margin: 5px 0 10px 0; }



/*---------------------------------------------
 Lists
----------------------------------------------- */	
ul	{ list-style-type: none; 	}
ol	{ list-style-type: decimal; }

#mainNav ul { display: block; margin: 0 0 0 7px;  }
#mainNav ul li { display: inline; margin-top: -2px; }


/*---------------------------------------------
~Links
----------------------------------------------- */	
a					{ border: 0px; color: #2277be; text-decoration: none; outline:none; }

a:link				{	}
a:link:active		{	}

a:visited			{	}
a:visited:active	{	}

a:hover 			{ color:#2a7bc0; text-decoration: none; }

#mainNav a			{ height: 30px; display:inline-block; color: #fff; font-weight: bold; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; padding: 13px 13px 0px; }
#mainNav a:hover	{ background: url(../images/navBar_roll.gif) top repeat-x; text-decoration: none; }
#menuBadges a		{ font-weight: normal; text-transform: none; color: #fff; border: none; padding: 0; font-size:.8em;}
#menuBadges a:hover	{ color: #fff; border: none; text-decoration: underline; background: none; }
.tweetPod a.twitterLinks			{ font-size: .6em; line-height: 0; padding: 0; text-transform:uppercase;}
.readMore a, .readMoreFirst a			{ color: #fff; font-weight: bold; text-transform:uppercase; }

.comment p.author			{ font-size: 1.8em; font-weight: bold; }
/*---------------------------------------------
Miscellaneous styles
----------------------------------------------- */		
.smaller	{ font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.larger		{ font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.error 		{ color: #8a1f11; }
.quiet		{ color: #888; }
.highlight  { background: #ff0; }
.bolder {color:#2277be;}
strong		{ font-weight: bold; }
em			{ font-style: italic; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


.first      { margin-top: 0px; padding-top: 0px; }
.last		{ margin-bottom: 0px; padding-bottom: 0px; }

/*---------------------------------------------
Fancy Type
----------------------------------------------- */		

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
.alt { 
  font-family: Baskerville, "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Georgia, serif; 
  font-weight: normal;
  font-style: italic;
}

/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size: 1.2em;
  line-height: 1%;
  font-weight: bold;
  padding: 0px 2px;
}

/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */   
.dquo { margin-left: -.5em; }