/**
 * Typographic classes for CMS editor and editable text areas within the iNQ site
 */

/**
 * =baseline 
 * Default styles used for all editable areas and in the CMS
 */
.typography strong,
.typography em
{
	font-weight: bold;
}

.typography h5
{
	font-weight: bold;
}

.typography li
{
	list-style: disc;
}

/**
 * =more section 
 * Specific styles for the 'More' section
 */
#more .typography ul,
#more .typography ol
{
	margin-bottom: 1.5em; /* 15px */
}

#more .typography li
{
	color: #fff;
	font-size: 1.2em;
	line-height: 1.25; /* 15px */
}

#more .typography p
{
	font-size: 1.2em;
	line-height: 1.25; /* 15px */
	margin-top: 1.25em; /* 15px */
	margin-bottom: 1.25em; /* 15px */
	color: #fff;
}

#more .typography a
{
	color: #fff;
}

#more .typography a:link,
#more .typography a:visited
{
	text-decoration: underline;
}

#more .typography a:focus
{
	outline: 1px dotted #fff;
}

#more .typography a:hover
{
	text-decoration: none;
}

#more .typography a:active
{
	outline: 1px dotted #fff;
}

/**
 * =pop-up window 
 * Specific styles for the phone feature pop-ups
 */          

#mapwindow-content h4
{
    font-size: 1.7em;
    color: #000;
	font-weight: bold;	
}    
    
#mapwindow-content h4 span {
  background: #fff;
}   

#artwindow-content h3
{
    font-size: 1.7em;
    color: #fff;
	font-weight: bold;	
}    
    
#artwindow-content h3 span {
  background: #666;
}
  
#mapwindow-content .typography h5
{
	font-size: 1.3em;
	line-height: 1.23; /* 16px */
	color: #7c7c7c;
}

#mapwindow-content .typography p,
#mapwindow-content .typography li
{
	color: #fff;
	font-size: 1.3em;
	line-height: 1.23; /* 12px */
}

#more #blog h4 a
{
  color: #000;
  text-decoration: none;  
}