/*
Theme Name: CSAH
Theme URI: http://saluteheroes.org
Description: A custom theme for Coalition to Salute America's Heroes by Imagemark. October 2012.
Author: Vlad Ionescu
Author URI: http://vladionescu.com
Version: 1.0
Tags: custom theme
*/

/*------------------------------------*\
  RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
*/

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,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}
body{
  line-height:1;
}
ol,ul{
  list-style:none;
}
blockquote,q{
  quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
  content:'';
  content:none;
}
/* remember to highlight inserts somehow! */
ins{
  text-decoration:none;
}
del{
  text-decoration:line-through;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}

/*------------------------------------*\
  Vlad Ionescu (vlad@vladionescu.com)/Imagemark; 2012
  For CSAH
\*------------------------------------*/
/* font definitions */
@font-face {font-family:"Garamond Pro SBI"; src:url("AGaramondPro-SemiboldItalic.ttf"), url("AGaramondPro-SemiboldItalic.otf");}
@font-face {font-family:"Interstate"; font-weight:normal; font-style:normal; src:local('Interstate Regular Condensed'), local('Interstate-RegularCondensed'), url("font/Interstate-RegularCondensed.ttf"), url("font/Interstate-RegularCondensed.otf");}
@font-face {font-family:"Interstate"; font-weight:bold; font-style:normal; src:local('Interstate Bold Condensed'), local('Interstate-BoldCondensed'), url("font/Interstate-BoldCondensed.ttf"), url("font/Interstate-BoldCondensed.otf");}
@font-face {font-family:"Interstate2"; font-weight:bold; font-style:normal; src:local('Interstate Bold Condensed'), local('Interstate-BoldCondensed'), url("Interstate-BoldCondensed.ttf"), url("Interstate-BoldCondensed.otf");}

/* for chrome to make fonts look less shitty */
html, body, li, p, a, * {-webkit-font-smoothing:subpixel-antialiased;}

/* globals */
html {background:#f3f4f4;}
body {font:16px/22px Interstate,'Arial Narrow',Verdana,sans-serif;}
button {cursor:pointer;}
p, ul {margin-bottom:20px;}
strong, b {font-weight:semibold;}
article ul {list-style:outside disc; margin-left:20px;}
a {color:#df3e41; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
.center {margin:0 auto; width:870px; display:block;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.big-title {font:24px 'Garamond Pro SBI','Garamond Pro',Georgia,serif;}

/*========== HEADER ==========*/
/* general */
div#page-top {background:#fff; padding-top:150px;}

/* header container, logo, and tagline */
div#page-top header {background:#1b559b; height:43px;}
div#page-top header div.center {width:930px; position:relative;}
div#page-top header h1#logo {margin-top:-127px; position:relative; float:left;}
div#page-top header h1#logo a {text-indent:-9999px; display:block; width:265px; height:170px; display:inline-block; background:url("logo.png") no-repeat;}
div#page-top header h2#tagline {text-indent:-9999px; display:block; font-size:0; width:500px; height:57px; display:inline-block; background:url("tagline2020.png") no-repeat; float:left; top:-117px; left:265px; position:absolute;}

/* donate button */
div#donate {border:none; background:url("help_a_hero_button.png") no-repeat; width:153px; height:56px; float:right; top:-117px; left:776px; position:absolute; -o-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); -ms-box-shadow:1px 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); box-shadow: 1px 1px 3px rgba(0,0,0,0.5); display:block; overflow:visible;}
div#donate a {text-indent:-9999px; font-size:0; width:153px; height:26px; display:none;}
div#donate a:first-child {background:url("online_donation_button.png") no-repeat; margin-bottom:4px;}
div#donate a:last-child {background:url("monthly_giving_button.png") no-repeat;}
div#donate:hover {background:none; -o-box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; height:auto;}
div#donate:hover a {display:block;}

/* main nav */
nav#main-nav, nav#main-nav ul, nav#main-nav ul li {height:43px; float:left; text-transform:uppercase; position:relative; list-style:none;}
nav#main-nav ul li a {color:#fff;}
nav#main-nav > ul > li {height:43px;}
nav#main-nav > ul > li > a {height:24px; padding:4px 13px 0; border-right:1px solid #6088b9; display:block; margin-top:8px;}
nav#main-nav > ul > li:last-child > a {border:none;}
nav#main-nav > ul > li > a {font-size:15px;}
nav#main-nav ul li > ul {display:none;}
nav#main-nav ul ul {position:absolute; left:-9999px; top:43px; z-index:100; width:200%; height:auto; font-size:14px;}
nav#main-nav ul ul li {margin:10px; margin-bottom:0; padding-bottom:5px; height:auto; border-bottom:1px solid #456389; float:none;}
nav#main-nav ul ul li:last-child {border-bottom:none;}

nav#main-nav ul li:hover > a, nav#main-nav ul li:active > a {color:#8ab4e7; text-decoration:none;}
nav#main-nav > ul > li:hover, nav#main-nav ul li.current-menu-item, nav#main-nav ul li.current-menu-ancestor, nav#main-nav ul li.current-page-ancestor {background:#163c6b;}
nav#main-nav > ul > li:hover ul {background:#163c6b; display:block; left:0;}

/* search */
form#search {float:right; display:inline-block; margin-top:10px; z-index:500; position:absolute;}
/*form#search input {width:45px; -webkit-transition:width 0.5s; -moz-transition:width 0.5s; -o-transition:width 0.5s; transition:width 0.5s; height:11px; padding:3px 4px; border:1px solid #c7c9cb; float:left; margin-top:3px; margin-left:3px;}
form#search input:focus {width:110px; -webkit-transition:width 0.25s; -moz-transition:width 0.25s; -o-transition:width 0.25s; transition:width 0.25s;}*/
form#search input {width:110px; height:11px; padding:3px 4px; border:1px solid #c7c9cb; float:left; margin-top:3px; margin-left:3px;}
form#search button {background:url("go_button.png") no-repeat; border:none; width:23px; height:19px; box-shadow:1px 1px 2px rgba(0,0,0,0.35); margin-left:5px; position:absolute; margin-top:3px;}

/*========== FRONT PAGE ==========*/
/* nivoslider */
div#slider-container {background:#000;}
div[id|="nivoslider"] {width:960px; margin:0 auto;}
div[id|="nivoslider"] .theme-default .nivoSlider {-webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none; margin-bottom:0;}
div[id|="nivoslider"] .theme-default .nivo-controlNav {margin-left:0; left:60px; bottom:15px; left:initial; right:10px;}
div[id|="nivoslider"] .theme-default .nivo-controlNav a {margin-right:0; background-image:url("img/bullets.png");}
div#slider-container > img {display:block; margin:0 auto;}

/* welcome message */
article#welcome-message {width:870px; margin:0 auto; padding-top:22px;}
article#welcome-message h3 {padding-bottom:20px;}
article#welcome-message img {float:left; width:189px; height:227px;}
article#welcome-message section {float:right; width:650px;}

/* help buttons */
a#donate-now-button {text-indent:-9999px; width:237px; height:35px; display:block; background:url("donate_now_button.png") no-repeat; margin:0 auto; position:relative; top:-28px; border-left:10px solid #f3f4f4; border-right:10px solid #f3f4f4;}
a#get-help-button, a#give-help-button {text-indent:-9999px; width:158px; height:39px; display:block; background:url("get_help_button.png") no-repeat; border-left:10px solid #f3f4f4; border-right:10px solid #f3f4f4; float:left;}
a#give-help-button {background:url("give_help_button.png") no-repeat; float:right;}
div#help-buttons {width:600px; margin:0 auto; position:relative; top:-28px; text-align:center;}

/* horizontal rules */
hr {border:none; border-top:1px solid #000;}
article#welcome-message + hr, aside#hero-spotlight + hr {border-color:#b61c1e;}

/* widgets and news */
section#widget-news {margin:0 auto; width:870px; margin-bottom:40px;}
div.frontpage-widget {width:188px; margin-right:26px; float:left;}
section#widget-news ul#news {margin-bottom:0;}
section#widget-news ul#news li {margin-bottom:26px;}
section#widget-news ul#news li:last-child {margin:0;}

/* hero spotlight */
aside#hero-spotlight {margin:0 auto; width:870px; position:relative; top:-22px;}
aside#hero-spotlight h3.big-title {border-left:10px solid #f3f4f4; border-right:10px solid #f3f4f4; display:inline-block; background:#f3f4f4; margin-bottom:12px;}
aside#hero-spotlight img {width:240px; height:160px; float:left}
aside#hero-spotlight article {-moz-column-count:2; -moz-column-gap:30px; -webkit-column-count:2; -webkit-column-gap:30px; column-count:2; column-gap:30px;}

/*========== FOOTER ==========*/
footer#page-bottom {background:#dfe0e0; border-top:1px solid #fff; -o-box-shadow:0px -1px 0px #909090; -moz-box-shadow:0px -1px 0px #909090; -ms-box-shadow:0px -1px 0px #909090; -webkit-box-shadow:0px -1px 0px #909090; box-shadow:0px -1px 0px #909090; margin-top:70px; padding-bottom:30px; font-size:14px;}
footer#page-bottom span.center {width:875px;}
footer#page-bottom p#copyright-utility {margin-top:22px; padding-bottom:30px; border-bottom:1px solid #bbb;}
footer#page-bottom p#copyright-utility, footer#page-bottom p#copyright-utility a {color:#333;}
footer#page-bottom p#copyright-utility a {padding:0 8px; border-left:1px solid #333; float:right;}
footer#page-bottom p#copyright-utility a:nth-child(3) {border:none;}
footer#page-bottom p#copyright-utility a#like-on-fb {float:right; clear:both; border:none; text-indent:-9999px; width:29px; height:29px; display:block; display:none; background:url("fb_button.png") no-repeat;}
footer#page-bottom span.center > ul {list-style:none;}
footer#page-bottom span.center > ul > li {float:left; width:120px; padding-right:15px; margin-right:15px; border-right:1px solid #bbb; color:#666;}
footer#page-bottom span.center > ul > li a {color:#666;}
footer#page-bottom span.center > ul > li > ul {list-style:none;}
footer#page-bottom span.center > ul > li:last-child {float:right; padding-right:0; margin-right:0; border-right:none;}

/*========== CONTENT ==========*/
/* blog posts */
section#content {width:625px; margin-right:35px; margin-top:10px; float:left;}
section#content article {padding:30px 0; border-bottom:1px solid #ccc;}
section#content article header {font-size:20px; color:#e03e40; font-weight:normal; margin-bottom:15px;}
section#content article header h3 {display:inline;}
section#content article header h3 a:hover, section#content article header h3 a:active {text-decoration:none;}
section#content article header time {float:right;}
section#content article p {font-size:16px;}
section#content article p + time.posted-at {color:#666;}
section#content article p + time.posted-at + span.comment-count {float:right; color:#e03e40;}

/* blog post navigation */
section#content nav#prev-next {margin-top:28px; font-size:20px; overflow:hidden;}
section#content nav#prev-next a:last-child {float:right;}
section#content nav#prev-next a:first-child {float:left;}

/* comments */
section#content section#comments article {font-weight:bold;}
section#content section#comments article section p:last-child {margin-bottom:6px;}
section#content section#comments article header, section#content section#comments article footer {font-size:16px; color:#e03e40; margin:0;}

/* comment form */
section#content section#comments form#leave-a-comment {margin-top:30px; font-weight:bold; font-size:16px;}
section#content section#comments form#leave-a-comment textarea, section#content section#comments form#leave-a-comment label, section#content section#comments form#leave-a-comment input {display:block; margin:0;}
section#content section#comments form#leave-a-comment p {margin-bottom:10px;}
section#content section#comments form#leave-a-comment textarea {width:580px; height:160px;}
section#content section#comments form#leave-a-comment label {margin-top:10px; margin-bottom:3px;}
section#content section#comments form#leave-a-comment input[type="text"], section#content section#comments form#leave-a-comment input[type="email"] {width:240px; height:20px;}
section#content section#comments form#leave-a-comment input[type="submit"] {width:77px; height:37px; margin-top:20px; background:url("submit_button.png") no-repeat; text-indent:-9999px; display:block; font-size:0; border:none; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4); -ms-box-shadow:1px 1px 2px rgba(0,0,0,0.4); -o-box-shadow:1px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4); box-shadow:1px 1px 2px rgba(0,0,0,0.4); -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer;}

/* misc */
img.alignright {float:right;}
img.alignleft {float:left;}

/*========== SIDEBARS ==========*/
section#sidebar {width:210px; margin-top:10px; float:right;}
section#sidebar aside {color:#163c6a; font-family:'Garamond Pro SBI','Garamond Pro',Georgia,serif; padding:30px 0; border-bottom:1px solid #000;}
section#sidebar aside h4 {margin-bottom:10px;}
section#sidebar aside p:last-child, section div.sidebar-widget p:last-child, section#subnav nav#secondary-nav li:last-child {margin-bottom:0; border-bottom:none;}
section#sidebar aside a {font-family:Interstate,'Arial Narrow',Verdana,sans-serif;}
section#sidebar aside img {max-width:186px; max-height:140px;}
section#sidebar aside img.featured-thumbnail {width:63px; height:69px; float:left; margin:8px 10px 10px 0;}

/* sidebar blue widget box + subnav sidebar */
section div.sidebar-widget, section#subnav nav#secondary-nav, section#subnav div#categories {width:176px; margin:30px 0; text-align:center; padding:12px 6px; text-transform:uppercase; color:#fff; font-size:15px;}
section div.sidebar-widget {
									-moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; /* Border radius for rounded corners */
									background: #577cc0;
									background-image: url("sidebar_widget_bg_header.png"), -webkit-gradient(linear, left top, left bottom, from(#577cc0), to(#174f92)); /* Saf4+, Chrome */
									background-image: url("sidebar_widget_bg_header.png"), -webkit-linear-gradient(top, #577cc0 48px, #174f92); /* Chrome 10+, Saf5.1+ */
									-webkit-background-size: 188px 48px, ;
									background-image: url("sidebar_widget_bg_header.png"),    -moz-linear-gradient(top, #577cc0 48px, #174f92); /* FF3.6+ */
									-moz-background-size: 188px 48px, ;
									background-image: url("sidebar_widget_bg_header.png"),     -ms-linear-gradient(top, #577cc0 48px, #174f92); /* IE10 */
									background-image: url("sidebar_widget_bg_header.png"),      -o-linear-gradient(top, #577cc0 48px, #174f92); /* Opera 11.10+ */
									-o-background-size: 188px 48px, ;
									background-image: url("sidebar_widget_bg_header.png"),         linear-gradient(top, #577cc0 48px, #174f92); /* W3C */
									background-size: 188px 48px, ;
									background-repeat:no-repeat;
}
section div.sidebar-widget h4 {width:176px; height:48px; font-size:25px;}
section div.sidebar-widget p {border-bottom:1px solid #7c9ec7; margin-bottom:10px; padding-bottom:10px;}
section div.sidebar-widget a, section div.sidebar-widget p a, section#subnav nav#secondary-nav a, section#subnav div#categories a {color:#fff;}
section#subnav nav#secondary-nav li.current_page_item:not(.current-menu-item) a, section#subnav div#categories li.current-cat a {color:#df3e41;}
section div.sidebar-widget ul {margin:0;}

/* subnav sidebar */
section#subnav {width:188px; float:left; position:relative; top:-60px;}
section#subnav + section#content {width:412px; margin-right:30px; margin-left:30px;}
section#subnav + section#content section#comments form#leave-a-comment textarea {width:400px;}
section#subnav nav#secondary-nav, section#subnav div#categories {width:152px; background:#163c6b; padding-left:18px; padding-right:18px; border-radius:0;}
section#subnav nav#secondary-nav h4, section#subnav div#categories h4 {margin-bottom:30px; font-size:25px;}
section#subnav nav#secondary-nav ul, section#subnav div#categories ul {list-style:none; margin-bottom:0;}
section#subnav nav#secondary-nav ul li {border-bottom:1px solid #5c7798; margin-bottom:10px; padding-bottom:10px;}

#donation-wrapper {
	margin: 0 auto;
	width: 870px;
}
TD, .XMForm label, .XMLabel {font:16px/22px Interstate,'Arial Narrow',Verdana,sans-serif !important;}