@import url("_reset.css");
@import url("_typography.css");
@import url("_navigation.css");

/* 
=====================================================
	STYLES FOR THE NEWSLETTER
	The newsletter gets a unique layout.
=====================================================
 */

/* 
=====================================================
	LAYOUT
=====================================================
 */

body { background-color: #1a1816; }

#pqt-wrapper {
	width: 850px; position: relative;
	margin: 20px auto 20px auto;
	}
#pqt-newsletter { width: 600px; float: left; }
#pqt-sidenav { width: 210px; float: right; }

#pqt-header {
	position: relative; height: 180px;
	background: url("images/newsletter/newsletter-header.png") left top no-repeat #3E5A58;
	}
#pqt-content { background-color: #ffffff; min-height: 500px;}
#pqt-left-col { padding: 12px 0 12px 12px; width: 376px; float: left; background-color: #ffffff; }
#pqt-right-col { padding: 12px 12px 12px 12px; width: 176px; float: right; background-color: #F5FCFC; }
#pqt-footer {
	clear: both;
	background-color: #3E5A58; padding: 12px;
	}


/* 
=====================================================
	HEADER STYLES
=====================================================
 */

#pqt-header a {
	display: block; width: 160px; height: 160px; padding: 10px;
	}


/* 
=====================================================
	CONTENT STYLES
=====================================================
 */
#pqt-content { color: #404440; font-family: Arial; font-size: 14px; line-height: 24px; text-align: left; }
#pqt-content #volumeandedition { font-weight: bold; }
#pqt-content h1, 
#pqt-content h2, 
#pqt-content h3, 
#pqt-content h4, 
#pqt-content p, 
#pqt-content img, 
#pqt-content ul, 
#pqt-content ol { margin: 0 0 12px 0; }
#pqt-content ul, 
#pqt-content ol { padding-left: 20px; }
#pqt-content h1, 
#pqt-content h2, 
#pqt-content h3, 
#pqt-content h4 { font-weight: bold; line-height: 24px; }
#pqt-content h1 { font-size: 22px; }
#pqt-content h2 { font-size: 20px; }
#pqt-content h3 { font-size: 18px; }
#pqt-content h4 { font-size: 16px; }
#pqt-content a:link, 
#pqt-content a:visited { color: #3e5a58; font-weight: bold; text-decoration: underline; }
#pqt-content #pqt-right-col { font-size: 12px; line-height: 18px; }
#pqt-content #pqt-right-col li { line-height: 18px; margin: 0; }
#pqt-content #pqt-right-col div { margin-bottom: 12px; }
#pqt-content #pqt-right-col p+div { margin-top: -12px; }


/* 
=====================================================
	FOOTER STYLES
=====================================================
 */

#pqt-footer {
	color: #f5fcfc; font-size: 12px; line-height: 18px; text-align: center;
	}
#pqt-footer a:link, 
#pqt-footer a:visited { color: #ffffff; font-weight: bold; text-decoration: underline; }


/* 
=====================================================
	SIDENAV STYLES
=====================================================
 */

#pqt-sidenav {
	color: #58827E; font-size: 16px; line-height: 14px; text-align: left;
	}
#pqt-sidenav ul, 
#pqt-sidenav li {
	margin: 0; padding: 0; list-style: none;
	}
#pqt-sidenav li {
	margin-bottom: 12px; font-weight: bold; line-height: 18px;
	}
#pqt-sidenav #pqt-sidenav-title {
	font-size: 24px; line-height: 24px; font-weight: bold; color: #AFA726;
	margin-bottom: 12px; padding-top: 167px;
	}

#pqt-sidenav a:link, 
#pqt-sidenav a:visited { color: #58827E; text-decoration: none; }
#pqt-sidenav a:hover, 
#pqt-sidenav a:active { color: #daecec; text-decoration: none; }

#pqt-sidenav a span {
	font-size: 12px; font-weight: normal; text-transform: uppercase;
	}