/*

Theme Name: National Pardon

Theme URI: http://www.nationalpardon.org/

Tags: blue, red, black, white, 2-columns

*/



/* ------------------------------- */

/* RESET

/* ------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {outline: 0;}



body {line-height: 1;color: black;background: white;}

ol, ul {list-style: none;}



/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: separate;border-spacing: 0;}



caption, th, td {text-align: left;font-weight: normal;}







/* ------------------------------- */

/* GLOBAL SETTINGS

/* ------------------------------- */



abbr { border-bottom: 1px dotted #737160;}

strong {font-weight: bold;}

em {font-style: italic;}

h1, h2, h3, h4, h5, h6, p, ul, li {margin: 0;padding: 0;}

ol {margin-bottom: 15px;}

ol li {margin-bottom: 5px;}

p {margin-bottom: 10px;}

p.center { text-align: center; }

acronym { border-bottom: 1px dotted #737160;  }

.clear { clear: both; }



a, a:link { color: #989898; }

a:visited { color: #989898; }

a.hover, a:hover { text-decoration: none;}



html, body {

height: 100%;

margin: 0;

padding: 0;

}



body {

margin: 0;

padding: 0;

border: 0;

font: 100%/100% Verdana, Arial, sans-serif;

line-height: 100%;

color: #989898;

background: #CCC;

}



div#wrapper {

margin: 0 auto;

padding: 0 0 0 10px;

width: 980px;

background: url(images/bg-wrapper.gif) repeat-y;

}









/* ------------------------------- */

/* HEADER

/* ------------------------------- */



div#header {

width: 960px;

height: 239px;

background: url(images/header/bg-header.jpg) no-repeat;

}



div#header h1 {

padding: 60px 0 0 0;

}



div#header h1 a {

margin: 0 auto;

width: 756px;

height: 48px;

display: block;

text-indent: -9999px;

background: url(images/header/the-national-pardon-centre.gif) no-repeat;

}



div#header p {

text-indent: -9999px;

}



div#header div.phone-and-hours {

margin: 10px 0 0 63px;

width: 219px;

height: 42px;

display: inline;

float: left;

text-indent: -9999px;

background: url(images/header/phone-and-hours.gif) no-repeat;

}



div#header a.apply-online {

margin: 0 47px 10px 0;

width: 285px;

height: 77px;

display: block;

float: right;

text-indent: -9999px;

background: url(images/header/apply-online.jpg) no-repeat;

}



div#header a.apply-online:hover {

background-position: 0 -77px;

}











/* ------------------------------- */

/* HEADER: MENU

/* ------------------------------- */



div#header ul {

margin: 0 auto;

width: 956px;

height: 35px;

display: block;

clear: both;

background: url(images/header/bg-menu.gif) repeat-x;

}



div#header ul li {

display: inline;

}



div#header ul li a {

margin: 5px 0 0 0;

padding: 4px 45px 0 45px;

display: block;

float: left;

color: #f4f4f4;

height: 20px;

font: bold .9em Arial, sans-serif;

text-decoration: none;

border-right: 1px solid #a2a2a2;

}



div#header ul li.last a {

border: 0;

}



div#header ul li a:hover {

color: #fff;

}











/* ------------------------------- */

/* BLOG CONTAINER

/* ------------------------------- */



div#blog-container {

margin: 40px auto 0 auto;

padding: 0 0 40px 0;

width: 943px;

}













/* ------------------------------- */

/* SIDEBAR

/* ------------------------------- */



div#blog-container div#sidebar {

margin: 0 50px 0 0;

width: 206px;

display: inline;

float: left;

}



div#sidebar h2 {

margin: 30px 0 3px 0;

padding: 5px 0 5px 10px;

width: 188px;

height: 16px;

color: #fff;

font-size: .78em;

background: #7a7381;

}



div#sidebar form#searchform {

margin: 10px 0 -10px 0;

width: 206px;

height: 29px;

}



div#sidebar form#searchform label {

display: none;

}



div#sidebar form#searchform input#s {

padding: 5px;

border-top: 1px solid #a11500;

border-bottom: 1px solid #a11500;

border-left: 1px solid #a11500;

width: 130px;

height: 18px;

font-size: .9em;

display: block;

float: left;

}



div#sidebar form#searchform input#s:focus {

border-top: 1px solid #000;

border-bottom: 1px solid #000;

border-left: 1px solid #000;

}



div#sidebar form#searchform input#searchsubmit {

padding: 3px 0 5px 0;

width: 55px;

height: 30px;

cursor: pointer;

display: block;

float: left;

color: #fff;

border: 0;

font-size: .7em;

background: #a11500;

}



div#sidebar form#searchform input#searchsubmit:active {

background: #003153;

}



div#sidebar form#searchform input#searchsubmit:hover {

background: #004a7e;

}



div#sidebar ul li {

margin: 0 0 3px 0;

padding: 3px 8px 3px 10px;

width: 180px;

color: #000;

font-size: .6em;

background: #eaeaea;

}



div#sidebar ul li a {

color: #09355a;

font-weight: bold;

font-size: 1.05em;

text-decoration: none;

text-transform: capitalize;

}



div#sidebar ul li a:hover {

color: #a11500;

}



div#sidebar ul li.google {

margin: 0 0 12px 0;

padding: 0 20px 0 0;

width: 198px;

height: 39px;

background: url(images/sidebar/google.jpg) no-repeat;

}



div#sidebar ul li.google a {

padding: 6px 0 0 8px;

width: 135px;

display: block;

line-height: 120%;

}



div#sidebar ul li.yahoo {

margin: 0 0 3px 0;

padding: 0 20px 0 0;

width: 198px;

height: 39px;

background: url(images/sidebar/yahoo.jpg) no-repeat;

}



div#sidebar ul li.yahoo a {

padding: 14px 0 0 8px;

width: 120px;

display: block;

line-height: 120%;

}



div#sidebar a.rss-feed {

margin: 30px 0 0 0;

padding: 12px 0 0 10px;

width: 205px;

height: 81px;

color: #f37005;

display: block;

font: bold .9em/130% Verdana, Arial, sans-serif;

text-decoration: none;

background: url(images/sidebar/rss-feed-icon.jpg) no-repeat 130px -10px;

}



div#sidebar a.rss-feed:hover {

color: #444;

}











/* ------------------------------- */

/* MAIN

/* ------------------------------- */



div#blog-container div#main {

width: 650px;

display: inline;

float: left;

background: url(images/main/bg-intro.jpg) no-repeat;

}







/* ~~~~~ INTRO ~~~~~ */



div#blog-container div#main div#intro {

width: 652px;

height: 155px;

}



div#intro div#michael-ashbys-blog {

margin: 50px 0 0 20px;

width: 326px;

display: inline;

float: left;

}



div#intro div#michael-ashbys-blog img {

margin: 0 13px 0 0;

width: 77px;

height: 77px;

display: inline;

float: left;

background: url(images/main/michael-ashby.jpg) no-repeat;

}



.aboutma { font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		font-weight:bold;
}


div#intro div#michael-ashbys-blog div#about-michael {

width: 210px;

float: left;

}



div#intro div#michael-ashbys-blog h2 {

margin: 0 0 4px 0;

width: 200px;

color: #003869;

font: Verdana, Arial, sans-serif;

font-size:: .75em;

font-weight: bold;

}



div#intro div#michael-ashbys-blog h3 {

color: #003869;

font-size: .75em;

font-weight: bold;

}



div#intro div#subscribe {

margin: 20px 0 0 40px;

width: 255px;

display: inline;

float: left;

}



div#intro div#subscribe a {

margin: 30px 0 0 0;

padding: 12px 0 0 10px;

width: 205px;

height: 81px;

color: #f37005;

display: block;

font: bold .9em/130% Verdana, Arial, sans-serif;

text-decoration: none;

background: url(images/sidebar/rss-feed-icon.jpg) no-repeat 130px -10px;

}



div#intro div#subscribe a:hover {

color: #444;

}









/* ~~~~~ POST ~~~~~ */



div.post {

margin: 0 0 50px 0;

}



div.post h2 {

width: 650px;

height: 59px;

background: url(images/main/bg-entry-details.jpg) no-repeat;

}



div.post h2 a {

padding: 32px 0 0 15px;

display: block;

color: #003869;

font-size: .85em;

font-weight: bold;

text-decoration: none;

}



div.post h2 a:hover {

color: #a11500;

}



div.post div.post-details {

margin: 0 0 30px 0;

padding: 0 0 0 15px;

width: 635px;

height: 25px;

color: #575757;

font-size: .7em;

background: #f9f9f9;

border-bottom: 1px solid #eaeaea;

}



div.post div.post-details a {

color: #1f1f1f;

text-decoration: none;

}



div.post div.post-details a:hover {

color: #bf222e;

}



div.post div.post-details p.date-category-author {

margin: 4px 0 0 0;

float: left;

}



div.post div.post-details p.date-category-author strong {

margin: 0 4px 0 0;

color: #bf222e;

font-weight: normal;

}



div.post div.post-details p.comments {

margin: 4px 0 0 0;

padding: 0 10px 0 0;

float: right;

}



div.post div.post-clear {

padding: 0 0 5px 0;

clear: both;

}



div.post div.entry {

margin: 0 0 35px 0;

}



div.post div.entry p {

margin: 0 0 15px 20px;

color: #4c4c4c;

width: 591px;

font-size: .75em;

line-height: 150%;

}



div.post div.entry p a {

color: #003869;

font-weight: bold;

text-decoration: none;

}



div.post div.entry p a:hover {

color: #a11500;

}



div.post h3 {

margin: 0 0 4px 0;

color: #515151;

font-size: .8em;

}









/* ~~~~~ RSS FEEDS ~~~~~ */

p.rss-feeds {

margin: 25px 0 0 0;

text-align: center;

font-size: .65em;

color: #181818;

}



p.rss-feeds span {

color: #909090;

font-weight: bold;

}



p.rss-feeds a {

color: #f88502;

font-weight: bold;

text-decoration: none;

}



p.rss-feeds a:hover {

color: #444;

}









/* ~~~~~ SOCIABLE ~~~~~ */



div.sociable_tagline {

margin: 40px 0 5px 0 !important;

font-size: .75em !important;

}



div.sociable_tagline strong { 

font-weight: normal !important; 

color: #515151 !important; 

}









/* ~~~~~ ARCHIVE TITLES ~~~~~ */



h2.archivetitle,

h2.error404 {

margin: 40px 0 -10px 13px;

color: #000;

display: block;

clear: both;

}



h2.error404 {

margin: 10px 0 0 0;

}

	





/* ~~~~~ PAGINATION ~~~~~ */



div#main div.pagination {

margin: 30px 0 0 0;

padding: 10px 0 10px 30px;

clear: both;

height: 23px;

font-size: .7em;

font-weight: bold;

border-top: 1px solid #c6c6c6;

border-bottom: 1px solid #c6c6c6;

}



.wp-pagenavi {

margin: 0 auto;

width: 570px;

}



.wp-pagenavi a, 

.wp-pagenavi a:link {

color: #09355a;

text-decoration: none;	

}



.wp-pagenavi a:visited {

color: #0066cc;	

}



.wp-pagenavi a:hover {	

color: #000000;

}



.wp-pagenavi a:active {

color: #0066cc;

}



.wp-pagenavi a.page {

margin: 0 5px 0 0;

padding: 4px 3px;

display: block;

float: left;

}



.wp-pagenavi span.pages {

padding: 4px 3px;

color: #09355a;

width: 250px;

display: block;

float: left;

}



.wp-pagenavi span.current {

padding: 2px 6px;

margin: 2px 5px 2px 2px;

font-weight: bold;

color: #a11500;

display: block;

float: left;

background: #eaeaea;

}



.wp-pagenavi span.extend {

padding: 2px 40px 2px 4px;

margin: 2px 0 0px 0;	

color: #000000;

display: block;

}



a.nextpostslink {

padding: 4px 30px 0 0;

display: block;

float: right;

}









/* ~~~~~ COMMENTS ~~~~~ */



div#comments-template {

margin: 0 0 0 20px;

padding: 20px 0 0 0;

width: 625px;

border-top: 1px solid #ccc;

}



h3#comments {

margin: 0 0 20px 0;

color: #003869;

font-size: .75em;

font-weight: bold;

text-transform: uppercase;

}



div.comment-author img {

margin: 0 10px 0 0;

width: 32px;

height: 32px;

display: block;

float: left;

}



div.comment-author cite,

span.says {

color: #bf222e;

font-size: .8em;

line-height: 100%;

}



div.comment-meta {

margin: 0 0 20px 0;

}



div.comment-meta a {

color: #444;

font-size: .65em;

text-decoration: none;

}



div.comment-body {

margin: 20px 0 30px 0;

padding: 20px;

color: #444;

background: #eee;

}



div.comment-body p {

font-size: .8em;

line-height: 150%;

}



div#respond h3 {

margin: 0 0 10px 0;

color: #00213d;

font-size: .75em;

font-weight: bold;

text-transform: uppercase;

}



form#commentform p {

margin: 0 0 10px 10px;

font-size: .8em;

color: #444;

}



form#commentform textarea {

padding: 5px;

width: 600px;

font-size: 1em;

font-family: Verdana, Arial, sans-serif;

border: 2px solid #a3a3a3;

}



form#commentform input#submit {

padding: 10px;

cursor: pointer;

display: block;

float: left;

color: #fff;

border: 0;

font-size: 1em;

-moz-border-radius: 5px;

background: #7a7381;

}



form#commentform input#submit:hover {

background: #004a7e;

}



form#commentform input {

margin: 0 5px 0 0;

padding: 5px;

font-size: 1em;

font-family: Verdana, Arial, sans-serif;

border: 2px solid #a3a3a3;

}



form#commentform input:focus,

form#commentform textarea:focus {

border: 2px solid #444;

}



form#commentform label {

color: #003869;

}



form#commentform label small {

font-size: .8em;

color: #444;

}









/* ~~~~~ SEARCH ~~~~~ */



div.search {

margin: 40px 0 20px 0;

clear: both;

}



div.search h2 {

width: auto;

height: auto;

background: none;

background: #f9f9f9;

border-bottom: 1px solid #eaeaea;

}



div.search h2 a {

margin: 0;

padding: 32px 0 0 15px !important;

}



div.search h2 a {

padding: 10px 0 10px 15px !important;

display: block;

color: #003869;

font-size: .85em;

font-weight: bold;

text-decoration: none;

}



div.search h2 a:hover {

color: #a11500;

}



div.search h3 {

padding: 10px 0 0 25px;

}



div.search h3 strong {

font-weight: normal;

color: #a11500;

font-size: .9em;

}


































