
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* 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-size: 75%;text-align:left; }
  
body { 
  color: #ccc; font-size: 14px;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
  }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,
h4,h5,h6    { color: #fff; font-family: "Helvetica Neue","Lucida Grande", Helvetica, Arial, sans-serif; font-weight: normal;}
h1		 	{ font-size: 2.25em; line-height: 1em; margin-bottom: 0.25em; background:#000 ; letter-spacing:-0.5px;   }
h2		 	{ font-size: 1.75em; margin-bottom: 0.15em; color:#999;  letter-spacing:-0.5px; }
h3 		 	{ font-size: 1.25em; line-height: 1; margin-bottom: .25em; color:#cc3333                       }
h3 span	 	{ background:#cc3333 ;color:#000;padding:3px; font-weight:bold; }
h3 span a	{color:#fff;}
h4 		 	{ font-size: 1.2em; }
h5 			{ font-size: 1em; font-weight: bold; margin-bottom: 0em; }
h5 span  	{ background:#cc3333 ;color:#000;padding:3px; font-weight:bold; }
h6 		 	{ font-size: .8em; font-weight: bold; margin-bottom: .25em; }
.reverseh1  { font-size: 3em; line-height: 1; margin-bottom: 0.25em; background:#fff ; letter-spacing:-0.5px;  color: #000; font-family: "Helvetica Neue","Lucida Grande", Helvetica, Arial, sans-serif;   }

/* Text elements
-------------------------------------------------------------- */

hr {color:white;}


p           { margin: 0 0 .75em;  text-align:justify; }
p span		{ text-align:left; } 
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; text-align:left; }
ul          { list-style-type: square; color:#999; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #999; }
a           { color: #cc3333; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666;  }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; color:#cc3333}
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; color:#cc3333} 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }



.pullquote {padding: 10px; float: right; width: 160px;
			margin-top: 1px; margin-bottom: 7px; margin-left: 20px;
			color:#000; font-size: 1em;text-align: left;
			line-height: 17px;font-family: "Courier",sans-serif; 
			background:url( ../../images/yellowpaper.jpg); }

.pullquote span { width: 77px; height: 27px; display: block; position: relative;
			top: -25px; left: 40px;
			background: url(../../images/tape.png) no-repeat; }


/* Some default classes
-------------------------------------------------------------- */

		.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
		.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
		.quiet      { color: #666; }
		.black	    { font-size:.8em; line-height:14px; color:#99ccff; }
		.mediaspeakerlist	    { font-size:.9em; line-height:20px; color:gray; }
		.mediaspeakerlist	a    { font-size:.9em; line-height:20px; color:gray; }
		.black span	{ font-size:1.1em; line-height:20px; color:#fff;  font-weight:bold; text-align:center;}
		.hide       { display: none; }
		.highlight  { background:#99ccff;color:black;font-weight:bold; }
		.added      { color:#060; }
		.removed    { color:#900; }
		
		.top        { margin-top:0; padding-top:0; }
		.bottom     { margin-bottom:0; padding-bottom:0; }
		
		p.smhdr  	{	background: transparent url(../../images/headlinebackground.jpg)  repeat 0 0; color:#fff; padding:2px 4px 2px 2px;	}
		p.quiet     { color: #000; }
		p.black		{ font-size:.8em; line-height:14px; color:#99ccff; }
		p.black	span  { font-size: 12px; line-height:14px; font-weight:bold; }
		p.subhead   { font-size: 12px; line-height:14px; font-weight:bold; text-align:left; }
		p.subhead span { font-size: 12px; line-height:14px; font-weight:bold; color:#99ccff; }
		p.turbo     { font-size: .75em;  text-align:left; }
		p.turbo span { font-size: .75em;  font-weight:bold; color:#99ccff; }
		p.smallred  { font-size:.8em;color:#cc3333;}
		p.smallblue { font-size:.8em;color:#99ccff; text-align:left;}
		.hide       { display: none; }

/* ************************************************NEIL NAV*********************************************************************************/


#mainNav	{
			margin: 0px;
			padding: 0px;
			height: 36px;
			width: 950px;
			display: block;
			clear: both;
			}

#mainNav a {
			display: inline;
			margin: 0px; padding: 0px;
			height: 36px; width: 950px; float: left;
			border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;
			}


/* **************** MENU HOVER EFFECT ***************** */

#mainNav a {
    font-family:"Helvetica Neue", Helvetica,Arial, sans-serif;
    font-size:1.4em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	width: 126px;
}

#mainNav a:link, #mainNav a:visited, #mainNav a:active{
	height: 1.4em;
	background-color: #000000;
	width: 126px;
	color:#ff0000;
}
#mainNav a:hover, #mainNav a.current:link, #mainNav a.current:visited{
	height: 1.3em;
	background-color: #ffffff;
	width: 126px;
	color: #000000;
	
}

/*****************************************************************END NEIL NAV*************************************************/


/* ************************************************NEIL REVERSE NAV*********************************************************************************/


#mainNav_2 {
	margin: 0px; padding: 0px; height: 36px;
	width: 950px; display: block; clear: both;
}

#mainNav_2 a {
	display: inline;
	margin: 0px; padding: 0px;
	height: 36px; width: 950px; float: left;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;
}


/* **************** MENU HOVER EFFECT ***************** */

#mainNav_2 a {
    font-family:"Helvetica Neue", Helvetica,Arial, sans-serif;
    font-size:1.4em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	width: 126px;
}

#mainNav_2 a:link, #mainNav_2 a:visited, #mainNav_2 a:active{
	height: 1.4em;
	background-color: #fff;
	width: 126px;
	color:#ff0000;
}
#mainNav_2 a:hover, #mainNav_2 a.current:link, #mainNav_2 a.current:visited{
	height: 1.3em;
	background-color: #000;
	width: 126px;
	color: #fff;
	
}

/*****************************************************************END NEIL REVERSE NAV*************************************************/


/* BACKGROUND
background {display:block; background: transparent url(../../images/headbak2.jpg); }
 */


/* Tables
-------------------------------------------------------------- 

table   { margin-bottom: 1.2em; font-size: 1em; color:silver;}
th      { border-bottom: 2px solid #ccc; font-weight: bold; color: #99ccff; }
td      { border-bottom: 1px dotted #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }
tr.odd 	{ background: #1f1d1d;color:#fff}
tr.hover {background: red;}
*/
/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 




/* Schedule table events class
-------------------------------------------------------------- */

.events { background-color: #101010; color:#fff; padding:2px 2px 2px 2px; }
.groupevents {color:#fff; padding:1px; font-size: 12px; line-height:14px; font-weight:bold;}
.groupevents span {color:black;background:#cc3333;padding:1px;}
/*-------------------------------------------------------------- */





.date {
  float:left;
  background: url(../../images/date2.jpg) no-repeat;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
  font-weight:bold;
  margin:1px 2px 0 0;
  color:#555;
  font-size:14px;
  font-weight:normal;
  position:relative;
  text-transform:uppercase;
  line-height:17px;
  text-align:left;
  width:57px;
  height:57px;
  padding: 1px 1px 0 2px;
  width:43px;
  height:45px;
}

.date span {
  font-size:24px;
  display:block;
  color:#ff0000;
}
.withDate {
  overflow:hidden;
  width:95%;
}
.withDate h2, .withDate h5 {
  margin-left:0px;
}



/*footer*/

/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {

  	width: 950px;
 	height:26px;
  	z-index: 3;
	line-height:2em;
 	text-align: center;
 	background: #000;
  	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
}

/* Sets the width of the footer content */
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 0.65em;
  padding-top:5px;
  text-align:center;
}


#footer-sponsor {

  	width: 950px;
	line-height:1em;
 	text-align: center;
 	background: #fff;
  	
}

/* Sets the width of the footer content */
#footer-sponsor #width {
  position: relative;
  z-index: 3;
  font-size: 0.65em;
  text-align:center;
}




#socialfooter {

	line-height:1em;
	text-align:left;
	width:950px;
	
	margin-left: auto; 
	margin-right: auto;
	


}

.social-column {

	line-height:1em;
	text-align:left;
	width:200px;
	
	margin-left: auto; 
	margin-right: auto;
	


}


.wireframemenu{
border-top: 1px solid #C0C0C0;
background-color: black;
border-bottom-width: 0;
width: 150px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 150px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font:  14px Helvetica Neue, Helvetica, Arial, sans-serif; padding: 4px 3px; display: block;
width: 100%; /*Define width for IE6's sake*/ color: #ffffff; text-decoration: none; border-bottom: 1px solid #C0C0C0; }

html>body .wireframemenu a{ /*Non IE rule*/ width: auto; }

.wireframemenu a:hover{ background-color: #ff0000; color: black; }



}
/********************image options*********************************/

img.rss { position:relative; left:850px; top:-95px; z-index:7; display:block; }
img.x { position:relative; left:850px; top:-7px; z-index:7; display:block; }
img.y { position:relative; left:50px; top: 37px; z-index:7; display:block; }
img.z { position:relative; left:0px; top: 137px; z-index:7; display:block; }
img.twitter { position:relative; left:788px; top:-95px; display:block; }
img.onemorething { position:relative; left:59px; top:-34px;  z-index:17; }
img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...); }
img.drop { margin: 0em 0em 0em 0em; padding: 12px 10px 0px 0px; }
img.f { margin: .5em .5em .5em .5em; padding: 10px 8px 8px 8px; background:#fff url(../../images/tape.png) no-repeat; }
img.g { margin: .5em .5em .5em .5em; padding: 8px 8px 8px 8px; background:#cc3333 url(../../images/tape2.gif) no-repeat; }
img.h { position:absolute; Left:150px;}
img.i { position:absolute; Left:600px; }
img.j { position:absolute; Left:850px; }
img.k {	position:relative; align:right; left:20px; padding:10px; }
.tape { display: block; position: relative;   background: url(../../images/tape2.png) no-repeat; border:15px; border-color:white; }

.tape span {
	width: 77px;
	height: 27px;
	display: block;
	position: relative;
	
background: url(../images/tape2.png) no-repeat;
/*background: url(../images/digg-style.gif) no-repeat;*/

}

/******************************************/

.status{
background:#000; color:#fff;
}

.status a:hover{ 
background:#666;
}


***************************Sponsor Test********************
 .centered-image-list-zorro {
        
            position: absolute;
            top: 50%;
            margin-top: -100px;
            width: 100%;
            
         
        }
        .centered-image-list-zorro ul {
            
            margin: 0 auto;
            padding: 0;
            width: 100%;
            
        }
        .centered-image-list-zorro li {
            display: block;
            list-style: none;
            float: left;
            margin: 0;
            padding: 0;
            width: 20%;
            height:70px;
            text-align: center;
           
                    
        }
        .centered-image-list-zorro li img {
           
            border: 0;
           
            bottom: 0;
            vertical-align:middle;
			display: block;
        }

.paddingextra-up {

margin-top: -20px;

}

.paddingextra-down {

margin-top: 20px;

}





