/*  
Theme Name: NCH-patriotic
Description: Template for National Coalition for History website
Version: 1.0
Author: Laura Veprek
Author URI: http://veprek.com
Date: March 2007
*/

/* -----------------------------------
Begin Typography & Colors & Structure
--------------------------------------*/

/* Generic Stuff */
* {margin:0; padding:0;}

body {
	font: 62.5% 'Lucida Grande', 'Helvetica Nue', Verdana, sans-serif;
	line-height: 1.8em; 
	background: #192a47;
	color: #333;
	}

p, ol, ul {font-size: 1.2em; padding: .9em 0 .9em; line-height: 1.8em;}
ul, ol {list-style:none;}
#sidebar ul {line-height: 1.3em;}
p.address {line-height: 1.3em;}
abbr {text-decoration: none; border: none; font-style: normal;}

.hide {text-indent: -1000em; width:0; height:0; display:block; overflow:hidden;}
div.printonly {display:none;}

/* Structure */
#page {overflow:hidden; display: block; width: 800px; clear:both; margin:5px auto; background: #ffffff; color: #333;}
#header {padding-top: 0px;}
#content {float:left; width: 510px; padding:0 10px 0 20px; margin:0;}
#sidebar {float:right; width: 220px; padding: 0 20px 20px 0; margin: 0;}
#nav {background-color: #2c406c; color: #ffffff; overflow:hidden;}
#footer {clear:both; background: #2c406c; color:  #fffff0; padding: 0 10px; text-align: right; border-top: 2px solid #4a6399;}
div.wp {clear: both;}

/* link styles */
a:link, a:visited {color: #2e477c; text-decoration: none;}
a:hover, a:active {color: #5d9eff;text-decoration: underline;}
#sidebar a:link, #sidebar a:visited {text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}
#sidebar h2 a {text-decoration: none; color: #a42f42;}
#about-nav li a:link, #about-nav li a:visited {text-decoration: none;}
#about-nav li a:hover {text-decoration: underline;}
#nav a:link, #nav a:visited, #nav a:hover {color: #fffff0;}
.special a {font-weight: bold;}
.post h2 a {text-decoration: none;}
#news h3 a, #news h4 a {text-decoration: none;}
#footer a:link, #footer a:visited {color: #fffff0; text-decoration: underline;}
a.news-subscribe {text-decoration: none; font-weight: bold;}
ul#memberorgs li a:link, ul#memberorgs li a:visited {text-decoration: none; font-weight: bold;}
#nch-subscribe, #nch-rss a:link, #nch-rss a:visited {color: #a42f42; font-weight: bold; padding: 2px 0 0; text-decoration: none; }
#nch-rss a:link, #nch-rss a:visited  {padding: 0 0 0 18px; }
#nch-rss a#rss-learn {padding-left: 0;line-height: 1em; color: #2e477c; text-decoration: underline; font-weight: normal;}
a:visited#rss-learn {color: #2e477c; text-decoration: underline;font-weight: normal; }
a:hover#rss-learn {color: #2e477c; text-decoration: underline;font-weight: normal;}
.narrowcolumn .post h3 a:link, .narrowcolumn .post h3 a:visited {text-decoration: none;}
a.pdf {background: url(images/pdficon_small.gif) 0 50% no-repeat; padding: .5em 0 .5em 20px;
}

/* Heading Styles */
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-size: 3em; line-height: 1.8em; margin-bottom:0; font-family: palatino, georgia, serif; text-transform: uppercase; }
h2 {font-size: 2em; line-height: 1.5em; margin: 1.5em 0 0; padding: 0px; font-family: palatino, georgia, serif; text-transform: uppercase; color: #2e477c; }
h3 {font-size: 1.6em; line-height: 1.12em; margin: 1em 0 0; color: #121f34;}
h4 {font-size: 1.2em; line-height: 1.5em; margin: .375em 0 0;}
h5 {font-size:  1em; line-height: 1.8em; margin: 1.8em 0; font-weight: bold;}

#content h2 {clear: both; margin-top: 0;} 
#content.narrowcolumn h2 {margin-top: 0;}
#content .linkcat h2 {font-size: 1.6em; line-height: 1.12em; margin: 1em 0 0; color: #121f34; letter-spacing: .1em; text-transform: none; font-family: 'Lucida Grande', 'Helvetica Nue', Helvetica, sans-serif;}
h2#update {margin: .9em 0 0;}
#sidebar h2 {font-size: 1.5em; text-transform: uppercase; color: #a42f42; margin: .5em 0 0; padding-top: .5em; border-top: 1px solid #eee; line-height:1em;}
#about h2 {margin-top: 1.8em;}
h2#searchhead {font-size: 1.5em; text-transform: uppercase; color: #a42f42; margin: 0; border: none;}
#sidebar h3 {color: #003366;}
#news h3 {margin: 1em 0 0;}
#news h4 {font-family: palatino, georgia, serif; text-transform: uppercase; letter-spacing: .1em;}

/* Search */
#search {margin: 0 0 1.2em; }
#searchform { padding: 0 0 1em;}
body #searchform #s {width: 170px; border: 1px solid  #4a6399; padding: 2px;}
body #searchsubmit {font-family: 'Lucida Grande', 'Helvetica Nue', Helvetica, sans-serif; font-size: 1.2em; text-transform: uppercase; color: #4a6399; background-color: #f2f8fb; border: 1px solid #4a6399; padding: 1px;}
#searchform #slabel {font-size: 1.2em; line-height: .9em; color: #2c406c; text-transform: uppercase; margin: .5em; display: none;}

/* --------------------
	Header, Content 
-----------------------*/
#header {display:block; clear:both; height:270px;}
#logo a {display:block; overflow: hidden; padding: 270px 0 0 0; height: 0 !important; height /**/ 270px; background: #fffff0 url("images/nch-banner4.jpg") top left;}

div#description {width: 240px; color: #333; margin: 0; margin-right: 13px; float: left; background-color: #f2f8fb; border: 2px solid #ccc;}
#description a {text-decoration: none;}
#description em {font-size: 1.4em; font-weight: bold; font-style: normal; font-family: 'Lucida Grande', 'Helvetica Nue', Helvetica, sans-serif;}
#description p {padding: 1em;}

div.special { width: 240px; float: right; margin-right: 10px;}
.special li {list-style-image: url(images/star.gif); list-style-type: disc; margin-left: 20px; }
.special p {margin: 0; padding: 1em .5em 0;}

#content li li {list-style-type: none;  list-style-image: url(images/star.gif); padding: .6em 0 0; margin-left: 2.4em;}
#content ol li {padding: .6em 0 0; margin-left: 2.4em;}
#content table { margin: 10px; border: 1px solid #ccc; padding: 3px;}
#content table caption {color: #192a47; margin: 5px; font-weight: bold; text-align:left;}

#news {clear: both; color:#333; margin: 0; padding: 0 1em;}

div#contacts ul li, div#members ul li {list-style-image: url(images/star.gif); list-style-type: disc; margin-left: 20px; }
div#members ul li a:link, div#members ul li a:visited {text-decoration: none; font-weight: bold;}

#join {width: 28%; float: right; background-color:#f4f4f6; padding: 5px; font-weight: bold;}
#join a:link, #join a:visited {text-decoration: none;}
#join ul {padding: 0;}

#archives ul li {list-style-type: none;  list-style-image: url(images/star.gif); padding: .6em 0 0; margin-left: 2.4em;}

#hot {border: 2px solid #D52E58;margin: 1em 0;padding:1em;background-color:#E8D1D1;}
	#hot .post {border:0;}
	#hot #update {color:#cc0033; font-style:italic; text-transform:none;margin:0; padding:0;}
	#hot h3 {margin-top:0;}
	#hot h4 {margin-bottom:1em;}
	#hot p {padding:0; margin:0;}
	
/* ---------------
	Sidebar 
----------------- */
#sidebar li {list-style-type: none; list-style-image: url(images/star.gif); padding: .6em 0; margin-left: 1.2em;}

#sidebar ul, #sidebar ul ol {margin: 0 1.2em 0 1.2em;}
#sidebar ul p, #sidebar ul select {	}
#sidebar ul ul, #sidebar ul ol {}
#sidebar ul ul ul, #sidebar ul ol {}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {}

#action img {margin: 0 auto;}

#sponsor {font-size: 1em; padding: 0; margin: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
#sponsor img {display: block; margin: 0 auto; padding: 3px;}
#sponsor p {text-align: center;}

#nch-rss {padding: 0; margin: 0; background: url(images/rss12.gif) no-repeat center left; font-size: 1.2em;line-height: 1em;}

ul#actiontopic {padding:0;line-height:1em;}

select#page_id {width: 100%;}

/* About Page */
#about {clear: both;}
#about ul {padding: 0; margin-bottom: 1.2em;}
#about ul li {list-style-type: disc; padding: .6em 0 0; margin-left: 2.4em; list-style-position: outside;}
#about-nav li {list-style-type: none;  list-style-image: url(images/star.gif); padding: .6em 0 0; margin-left: 2.4em;list-style-position: outside;}
ul#memberorgs {margin: 0; padding: 0;}
ul#memberorgs li {list-style-type: none; list-style-image: none; padding: 0 0 .6em;}

/* Annual Reports */
#annualreport-nav  li {font-size: 1.2em; list-style-type: none;  list-style-image: url(images/star.gif); padding: .6em 0 0; margin-left: 2.4em;}
#breadcrumb {font-size: 1em; margin-bottom: 2em;}

/* Post Formatting */
.post { clear: both; border-top: 1px solid #eee; padding: .5em 0;}

li.linkcat {list-style-type: none;}

.narrowcolumn {padding: 10px;margin: 0;}
.narrowcolumn .post  {margin: 0; padding: 0; border: none;}
.narrowcolumn .entry  {line-height: 1.4em;}
.narrowcolumn .postmetadata {font-size: 1em; text-align: right; padding: 0px; margin:0; clear: both;}
.narrowcolumn li { margin-left: 1.2em;}

.alt {background-color: #f8f8f8;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

/* unchanged wordpress formatting */
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;}
abbr {text-decoration: none; border: none; font-style: normal;}
blockquote {margin-left: 1em; margin-right:1em; padding-left: 20px;}
blockquote cite {margin: 5px 0 0;display: block;}

/* blog items and calendar */
.entry p a:visited {color: #b85b5a;}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}

/* ----------------
 	Begin Images 
------------------- */
p img {	padding: 0;	max-width: 100%;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}

.alignright {float: right;}
.alignleft {float: left}
/* End Images */

/* --------------------
	Begin Lists
-----------------------
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {margin-left: 10px; padding: 0 0 0 30px; list-style-type: square; } 
html>body .entry ol {list-style-type: decimal;} 

.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
/* End Entry Lists */

/* -------------------------
	Begin Form Elements 
----------------------------*/
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;}
select {width: 130px;}
.contactform {margin: 1.8em 0 0 0;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%;padding: 2px;}
#commentform #submit {margin: 5px 0;float: right;}

div.contactleft {float: left;}
div.contactright {float: right;}
#contactsubmit {border: 1px solid #4a6399;font-family: 'Lucida Grande','Helvetica Nue',Helvetica,sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #4a6399;
	background-color: #f2f8fb;
	padding: 1px;
	}
input[type="text"], textarea {
	border: 1px solid #4a6399;
	padding: 2px;
	}

/* End Form Elements */

/* ---------------------
	Begin Comments
------------------------*/
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;	}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
/* End Comments */

/* ---------------------
	Begin Calendar 
-----------------------*/
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fffff0; }	
/* End Calendar */

/* -----------------------------------
	Begin Various Tags & Classes 
--------------------------------------*/
#sidebar em {color: #9f3e35;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
hr {display: none;}
a img {border: none;}
.navigation {display: block; margin: 1.8em 0 1.8em 0; padding: .9em 0; }
.navigation div {display: inline;}
#sidebar li.action {font-weight: bold; list-style-type: none; margin: 15px 0 0;}
.right {float: right;} 
.left {float: left;}
img#rss {vertical-align: text-bottom;}
img#chnmlogo {float: left;}

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* End Various Tags & Classes*/

/* --------------------------
	Zeop Subscribe Form 
----------------------------*/
form#CodeBlock {padding: 0; margin: 0;}
p#subform-intro {color: #333; margin: 0; padding: 10px 0 0; }
div#zeop table { margin: 10px 0 0; padding: 8px; border: none;}
div#zeop table td {text-align: left;}
#emailaddress {color: #333; font-size: 1.2em; font-weight: bold; color: #2c406c;}
#Email {width: 170px; border: 1px solid #4a6399; margin: .5em 0; padding: .5em 0 0;}
#Subscribe {font-family: 'Lucida Grande', 'Helvetica Nue', Helvetica, sans-serif; font-size: 1.2em; text-transform: uppercase; color: #4a6399; background-color: #f2f8fb; border: 1px solid #4a6399; padding: 5px; margin:0;}
img[alt="Powered by ZEOP"] {margin: 20px auto 0;}

/* --------------------------
 * poMMo Subscription Form
 * -----------------------  */
#subscribeForm {margin: 50px 0;}
#subscribeForm .buttons, #subscribeForm p {margin: 20px;}