/* -------------------------------------------------------------- 
   
   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%;
line-height:150%;
}


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: normal Georgia, "lucida bright", "times new roman", serif; 
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
   
body { 
  color: #666; 
   font-family: Lucida Grande, Verdana, Arial,Helvetica,sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #56AED4; 
  font-family:  Lucida Grande, Verdana, Arial,Helvetica,sans-serif;

}
#user  {
border:				#000 1px solid;
background-color: 	#DEDFE3;
padding:			22px 25px 14px 25px;
font-size:14px;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 2.5em; margin-bottom: .25em; margin-top: 0px; }
h2 { font-size: 2.5em; margin-bottom: .25em; margin-top: 0px; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: .5em; color:#56aed4; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: .5em; color:#56aed4;  }
h5 { font-size: 1em; font-weight: bold; margin-bottom: .5em; }
h6 { font-size: 2.5em; margin-bottom: .25em; margin-top: 0px; }


.etots_box h4 {margin: 8px 10px 0px 10px; padding: 0px;}

/* Text elements
-------------------------------------------------------------- */
p { 
margin-top: 0;
margin-bottom: 14px; 
}
p.last      { margin-bottom: 0; }

p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin-bottom: .5em; margin-right: 1em; float: left; behavior: url(/css/iepngfix.htc); display:block;overflow:hidden; }
#gmap img    {behavior:none; display:block; margin:0; padding:0;}
.next         { margin-top: -10px; position:relative; }




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: #ff9137; text-decoration: underline; }
a           { color: #ff9137; font-weight:normal;  text-decoration: none; }

strong      { font-weight: bold; }
em,dfn      { font-style: italic;}
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
.paginate b { color:#56aed4; font-weight:bold;}


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 0px solid #ccc; font-weight: bold; }
td      { border-bottom: 0px solid #ddd; }
th,td   { padding: 4px 4px 4px 0; font-size:12px; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* 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; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

#locations_subnav a, location_subnav2 a {
font-weight:bold;
}
#locations_subnav ul .home,#location_subnav2 ul .home {
list-style-image:none;
background-image: url(/images/interface/ce/home.png);
background-repeat:no-repeat;
background-position:left;
padding-left:42px;
border-bottom:1px dotted #CBBD9B;
behavior: url(/css/iepngfix.htc)
}

#locations_subnav li, #locations_subnav ul, #locations_subnav ol, #location_subnav2 li, #location_subnav2 ul, #location_subnav2 ol {
list-style-type:none;
margin: 0px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right: 0px;

}
#locations_subnav ul .class,#location_subnav2 ul .class {
list-style-image:none;
background-image: url(/images/interface/ce/classes.png);
background-repeat:no-repeat;
background-position:left;
padding-left:42px;
border-bottom:1px dotted #CBBD9B;
behavior: url(/css/iepngfix.htc)
}
#locations_subnav ul .staff,#location_subnav2 ul .staff {
list-style-image:none;
background-image: url(/images/interface/ce/staff.png);
background-repeat:no-repeat;
background-position:left;
padding-left:42px;
border-bottom:1px dotted #CBBD9B;
behavior: url(/css/iepngfix.htc)
}
#locations_subnav ul .gallery,#location_subnav2 ul .gallery {
list-style-image:none;
background-image:url(/images/interface/ce/gallery.png);
background-repeat:no-repeat;
background-position:left;
padding-left:42px;
border-bottom:1px dotted #CBBD9B;
behavior: url(/css/iepngfix.htc)
}
#locations_subnav ul .video,#location_subnav2 ul .video {
list-style-image:none;
background-image: url(/images/interface/ce/videos.png);
background-repeat:no-repeat;
background-position:left;
padding-left:42px;
border-bottom:1px dotted #CBBD9B;
behavior: url(/css/iepngfix.htc)
}
#locations_subnav ul .podcasts,#location_subnav2 ul .podcasts {
list-style-image:none;
background-image:url(/images/interface/ce/podcasts.png);
background-repeat:no-repeat;
background-position:left;
padding-left:42px;
border-bottom:1px dotted #CBBD9B;
}
#locations_subnav ul .press_releases, #location_subnav2 ul .press_releases {
list-style-image:none;
background-image: url(/images/interface/ce/pr.png);
background-repeat:no-repeat;
background-position:left;
padding-left:42px;
border-bottom:1px dotted #CBBD9B;
behavior: url(/css/iepngfix.htc)
}
#locations_subnav ul .newsletter, #location_subnav2 ul .newsletter {
list-style-image:none;
background-image: url(/images/interface/ce/newsletter.png);
background-repeat:no-repeat;
background-position:left;
padding-left:42px;
border-bottom:1px dotted #CBBD9B;
behavior: url(/css/iepngfix.htc)
}
#locations_subnav ul .blog, #location_subnav2 ul .blog {
list-style-image:none;
background-image: url(/images/interface/ce/blog.png);
background-repeat:no-repeat;
background-position:left;
padding-left:42px;
border-bottom:1px dotted #CBBD9B;
behavior: url(/css/iepngfix.htc)
}
blockquote {
	font-family: Lucida Grande, Verdana, Arial,Helvetica,sans-serif; 
	font-size:14px;
	line-height:24px;
	width: 200px;
	background: url(http://beta.computerexplorers.com/images/interface/ce/close-quote.gif) no-repeat right bottom;
	color:#B7AA8C;
	padding:0px;
	margin:0px;
}
blockquote:first-letter {
	background: url(http://beta.computerexplorers.com/images/interface/ce/open-quote.gif) no-repeat left top;
	font-family: Lucida Grande, Verdana, Arial,Helvetica,sans-serif;
	font-size:14px;
	padding-left:18px;
	margin-top:10px;
	padding-top:10px;
	height:10px;
	}
.auth {
	font-family: Lucida Grande, Verdana, Arial,Helvetica,sans-serif; 
	font-size:10px;
	font-weight:bold;
	line-height:12px;
	width: 200px;
	color:#B7AA8C;
	}
	.auth_title {
	font-family: Lucida Grande, Verdana, Arial,Helvetica,sans-serif; 
	font-size:10px;
	font-style:italic;
	line-height:12px;
	width: 200px;
	color:#B7AA8C;
	}
	.auth_city {
	font-family: Lucida Grande, Verdana, Arial,Helvetica,sans-serif; 
	font-size:10px;
	line-height:12px;
	width: 200px;
	color:#B7AA8C;
	}

.archivelink a{color:#999; font-size: 10px;}

.more-links a {color: #666; font-size: 1em; text-transform:uppercase; font-weight: bold;}