/* -------------------------------------------------------------- 
   
   soc-custom.css
   * Overrides default styles in blueprint
   * Loaded last. 


-------------------------------------------------------------- */

/* Default font settings. The font-size percentage is of 16px. */

body { 
  font-size: 112%;
  color: #000;
  background-color: #FFF; 
  font-family: Calibri, Verdana, Trebuchet MS, sans-serif;         
} 

.container {width:950px;margin:0 auto;background-color: #FFF;}
 
.banner {
/*	color: #FFF;
	background-color: #99BADD;      */
}
 
.banner {
	background-color: #99BADD;
}

.pull-up-2 { 
	margin-top:-2em; 
}
   
.pull-up-4 { 
	margin-top:-4em; 
} 

.push-down-4 {
	margin-top: 4em;
}

/* Border with more whitespace, spans one column. On both sides */
.colborder-both {
  padding-left: 10em;
  padding-right: 50em;
  margin-left: -1em;
/*  border-left: 1px solid #eee;*/
/*  padding-right: 18px;
  margin-right: 18px;
  border-right: 1px solid #eee;*/
}

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

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; font-weight: bold;} 
h2 { font-size: 1.8em; margin-bottom: 0.75em; border-top: 1px solid; border-color:#E6E6E6;}
h3 { font-size: 1.4em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; font-weight: bold; text-transform: uppercase; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1.2em; font-weight: normal; line-height: 1em; margin-bottom: 1em; font-style: italic;}
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}
  
/* Text elements
-------------------------------------------------------------- */

.large      { font-size: 1.1em; line-height: 1.5em; margin-bottom: 1.5em; }

.small      { font-size: 0.8em; line-height: 0.8em; margin-bottom: 0.8em; }

p           { margin: 0 0 1.5em; } 
p.last      { margin-bottom: 0; }  
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }  
p.alert     { background: #5B6169; color: #B4A695; border-color: #302A24; } /*For alert boxes */ 
img         { margin: 0 0 1.5em }             
p.hang { text-indent: -1.5em; margin-left: 1.5em; margin-bottom: 0;}

a:focus, 
a:hover     { color: #000; background:#99BADD; }
a           { color: #000; text-decoration: none;} 

blockquote  { margin: 1.5em; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: none;} /*Need to explicitly set 'none' on background, or it inherits from blueprint*/
em.hilite   { font-style: italic; background: #ffc; } 
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

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

pre,code    { margin: 1.5em 0; white-space: pre; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }      

/* Use a .alertbox to create a padded box inside a column.  */ 
.alertbox {                                              
  padding: .8em; 
  margin-bottom: 1em; 
  border: 1px solid;   
  padding: 1.5em; 
  color: #261B06; 
  border-color: #000; 
}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul.menu     { list-style-type: none; margin: 0 0 0 0; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


#pubsList ul { 
	list-style: none;  
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
}

#pubsList li {margin-top: 1.2em; }