body {
  background: #ddf2f5 url(img/bg-short.gif) repeat-x center top;
}

body.tall-background {
  background-image: url(img/bg-tall.gif);
}

/* `Typography
----------------------------------------------------------------------------------------------------*/

body {
  font: 13px/1.5 Helvetica, Arial, sans-serif;
  color: #4D4F53;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #002147;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  line-height: 1.1;
  margin: 0;
}

a {
  color: #991D1D;
}

a:hover {
  color: #4D4F53;
}

h1 {
  font-size: 30px;
}

h3 {
  color: #002147;
  font-size: 18px;
}

h3 a {
  text-decoration: none;
}

.supporting-head {
  color: #9a9b9c;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 16px;
  text-transform: uppercase;
}

.size-reset {
  font: 13px/1.5 Helvetica, Arial, sans-serif;
  color: #4D4F53;
}

.paragraph-space p {
  padding-top: 8px;
  padding-bottom: 8px;
}

.excerpt article a p.metadata,
.metadata {
  color: #078cac;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

p a#rss {
  color: #9A9B9C;
  font-size: 10px;
  letter-spacing: 2px;
  padding: 3px 0;
  text-transform: uppercase;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.excerpt article a p {
  color: #4D4F53;
}

.larger-text {
  font-size: 125%;
  line-height: 1.2;
}

.intro-text {
  font-family: Georgia, Times, serif;
  font-size: 18px;
}

.section-title h2 {
  color: #C32127;
  font-family: Georgia, Times, serif;
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 0 #C9CAC8;
}

.section-title-secondary h2 {
  color: #C32127;
  font-family: Georgia, Times, serif;
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 0 #C9CAC8;
}

nav.large-link ul li a {
  color: #002147;
  font-family: Georgia, Times, serif;
  font-size: 18px;
  text-decoration: none;
}

nav.large-link ul li a:hover {
  color: #4D4F53;
  font-family: Georgia, Times, serif;
  font-size: 18px;
  text-decoration: none;
}

#base h2 {
  color: #90d7e7;
  font-family: Georgia, Times, serif;
  font-size: 16px;
  font-weight: bold;
}

.subhead {
  color: #9b1c1f;
  font-family: Georgia, Times, serif;
  font-size: 18px;
}

.white {
  color: #FFF !important;
}

.bullet-list ul {
  list-style-type: disc;
}

.bullet-list ul li {
  margin: 10px;
}


/* `Common Elements
----------------------------------------------------------------------------------------------------*/

.float-left {
  float: left;
}

.float-right {
  float: right;
}

hr {
  border: none;
  background-color: #c9c9ca;
  clear: both;
  color: #c9c9ca;
  height: 1px;
}

hr.double-grey {
  background: url(img/hr-double-grey.gif) repeat-x left top;
  height: 4px;
}

hr.hr-vertical {
  display: none;
}

.ir {
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  text-indent: -9999px;
}

.clear-fix {
  clear: both;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.section-title {
  background: url(img/hr-double-grey.gif) repeat-x left bottom;
  margin-bottom: 5px;
  padding-bottom: 10px;
}

.border-bottom {
  border-bottom: 10px solid #FFF;
}

.border-top {
  border-top: 10px solid #FFF;
}

.dividers-wide {
  background: url(img/bg-dividers-wide.gif) repeat-y center top;
}

.video-highlights-h {
  border-bottom: 1px solid #c9c9ca;
  padding-bottom: 10px;
}

label.hidden-label {
  display: none;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

/* `Header Layout
----------------------------------------------------------------------------------------------------*/

div#header {
  background: url(img/bg-masthead.jpg) no-repeat center top;
}

/*div#header #header-inside {
  position: relative;
}*/

#logo a {
  background-image: url(img/logo.gif);
  background-position: no-repeat left top;
  height: 106px;
}
#live-stream {
  background: #c32127 url(img/bg-live-stream.gif) repeat-x center bottom;
  border: 1px solid #991D1D;
  display: inline;
  float: left;
  margin-left: 130px;
  margin-right: 10px;
  overflow: hidden;
  width: 340px;
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-box-shadow: 5px 5px 15px #000;
  -webkit-box-shadow: 5px 5px 15px #000;
}

#live-stream p {
  background: url(img/live-stream-thumbnail.jpg) no-repeat 195px top;
  color: #FFF;
  display: inline;
  float: left;
  font-size: 11px;
  margin: 20px 0 0 20px;
  padding-bottom: 20px;
  padding-right: 125px;
  width: 180px;
}

#live-stream p span {
  display: block;
}
#live-stream p span.live-icon {
  background: url(img/McCain_Icon_Video.gif) no-repeat left center;
  font-weight: bold;
  padding-left: 20px;
}

#live-stream span#live-stream-button a {
  background-image: url(img/live-event-button.png);
  height: 27px;
}

#live-stream span#live-stream-button a:hover {
  background-position: left -25px;
}

p#text-size {
  color: #ACDEE6;
  font-size: 11px;
}

p#text-size a#enlarge-text {
  background-image: url(img/bg-enlarge-text.gif);
  background-position: left top;
  display: inline-block;
  height: 19px;
  width: 19px;
}

p#text-size a#reduce-text {
  background-image: url(img/bg-reduce-text.gif);
  background-position: left top;
  display: inline-block;
  height: 19px;
  width: 19px;
}

p#donate-button {
  display: inline;
  float: left;
  width: 112px;
}

nav#main-nav ul {
  margin-top: 24px;
}

nav#main-nav ul li {
  display: block;
  float: left;
}

nav#main-nav ul li a {
  background-image: url(img/nav-main.gif);
  height: 50px;
}

nav#main-nav ul li#nav-home a {
  background-position: left top;
  width: 95px;
}

nav#main-nav ul li#nav-home a:hover,
nav#main-nav ul li#nav-home a:focus,
nav#main-nav ul li#nav-home a.current {
  background-position: left -50px;
}

nav#main-nav ul li#nav-about a {
  background-position: -95px top;
  width: 134px;
}

nav#main-nav ul li#nav-about a:hover,
nav#main-nav ul li#nav-about a:focus,
nav#main-nav ul li#nav-about a.current {
  background-position: -95px -50px;
}

nav#main-nav ul li#nav-issues a {
  background-position: -229px top;
  width: 126px;
}

nav#main-nav ul li#nav-issues a:hover,
nav#main-nav ul li#nav-issues a:focus,
nav#main-nav ul li#nav-issues a.current {
  background-position: -229px -50px;
}

nav#main-nav ul li#nav-take-action a {
  background-position: -355px top;
  width: 137px;
}

nav#main-nav ul li#nav-take-action a:hover,
nav#main-nav ul li#nav-take-action a:focus,
nav#main-nav ul li#nav-take-action a.current {
  background-position: -355px -50px;
}

nav#main-nav ul li#nav-events a {
  background-position: -492px top;
  width: 97px;
}

nav#main-nav ul li#nav-events a:hover,
nav#main-nav ul li#nav-events a:focus,
nav#main-nav ul li#nav-events a.current {
  background-position: -492px -50px;
}

nav#main-nav ul li#nav-blog a {
  background-position: -589px top;
  width: 113px;
}

nav#main-nav ul li#nav-blog a:hover,
nav#main-nav ul li#nav-blog a:focus,
nav#main-nav ul li#nav-blog a.current {
  background-position: -589px -50px;
}

nav#main-nav ul li#nav-newsroom a {
  background-position: -702px top;
  width: 127px;
}

nav#main-nav ul li#nav-newsroom a:hover,
nav#main-nav ul li#nav-newsroom a:focus,
nav#main-nav ul li#nav-newsroom a.current {
  background-position: -702px -50px;
}

nav#main-nav ul li#nav-supporters a {
  background-position: -829px top;
  width: 131px;
}

nav#main-nav ul li#nav-supporters a:hover,
nav#main-nav ul li#nav-supporters a:focus,
nav#main-nav ul li#nav-supporters a.current {
  background-position: -829px -50px;
}


/* `Home Promo Layout
----------------------------------------------------------------------------------------------------*/

#home-promo {
  background: #9b1c1f url(img/bg-promo-stripes.gif) repeat-y left top;
  display: block;
  height: 370px;
  position: relative;
  width: 960px;
}

#home-promo div.promo-content {
  background: #9b1c1f url(img/bg-promo-bottom.gif) repeat-x left bottom;
  min-height: 370px;
  position: absolute;
  left: 0;
  top: 0;
}

#home-promo img {
  height: 360px;
  width: 640px;
}

#home-promo div.promo-content div.promo-text {
  background: url(img/homepage-promo-box-middle.gif) repeat-y right top;
  min-height: 330px;
  margin-bottom: 30px;
  padding: 0px 30px 10px;
  width: 230px;
  zoom: 1;
}

#home-promo div.promo-content div.promo-text header {
  background: url(img/homepage-promo-box-top.gif) no-repeat right top;
  padding: 20px 30px 0 !important;
  margin: 0px -30px;
  width: 230px;
}

#home-promo div.promo-content div.promo-text h2 a {
  color: #002147;
  display: block;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
}

#home-promo div.promo-content p.byline {
  background: url(img/hr-double-grey.gif) repeat-x center bottom;
  color: #9a9b9c;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  padding-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}

#home-promo div.promo-content p {
  font-family: Georgia, Times, serif;
  font-size: 14px;
  line-height: 1.2;
}

div#promo-controls {
  background: url(img/homepage-promo-box-bottom.gif) no-repeat left bottom;
  bottom: 10px;
  display: block;
  height: 30px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  width: 290px;
  z-index: 10;
}
  
div#promo-controls ol {
  margin: 0 auto;
  width: 162px;
}

div#promo-controls ol li {
  display: block;
  float: left;
}

div#promo-controls ol li a {
  background-image: url(img/bg-promo-controls.gif);
  height: 24px;
}

div#promo-controls ol li.previous-feature a {
  background-position: left top;
  width: 31px;
}

div#promo-controls ol li.previous-feature a:hover,
div#promo-controls ol li.previous-feature a.current {
  background-position: left -24px;
}

div#promo-controls ol li.feature-button a {
  background-position: -31px top;
  width: 20px;
}

div#promo-controls ol li.feature-button a:hover,
div#promo-controls ol li.feature-button a.current {
  background-position: -31px -24px;
}

div#promo-controls ol li.next-feature a {
  background-position: -51px top;
  width: 31px;
}

div#promo-controls ol li.next-feature a:hover,
div#promo-controls ol li.next-feature a.current {
  background-position: -51px -24px;
}

.first-promo {
  z-index: 1;
}

/* `Issues Promo Layout
----------------------------------------------------------------------------------------------------*/

#promo-video {
  background: #9b1c1f url(img/bg-promo-bottom.gif) repeat-x left bottom;
  display: block;
  padding-bottom: 10px;
}

#promo-video .grid_10 {
  border-right: 10px solid #9b1c1f;
}

#promo-video #promo-video-wrap {
  background: #f7f7f7 url(img/bg-promo-content.gif) repeat-x left bottom;
  min-height: 373px;
  overflow: hidden;
  width: 350px;
}

#promo-video #promo-video-wrap #promo-video-content {
  border: 1px solid #C9CAC8;
  float: left;
  min-height: 351px;
  margin: 10px;
  width: 328px;
}

#promo-video #promo-video-wrap #promo-video-content ul {
  list-style-type: disc;
}

/* `Photo Promo Layout
----------------------------------------------------------------------------------------------------*/

#photo-promo {
  background: #9b1c1f url(img/bg-promo-bottom.gif) repeat-x left bottom;
  display: block;
  padding-bottom: 10px;
}

#photo-promo #photo-wrap {
  min-height: 373px;
  overflow: hidden;
}

.about-promo {
  background: url(img/img-about.jpg) no-repeat left top;
  width: 940px;
  height: 373px;
}


/* `Content Layout
----------------------------------------------------------------------------------------------------*/

div.three-col {
  background: #FFF url(img/bg-home-3-col.gif) repeat-y left top;
  -moz-box-shadow: 0 0 12px #5f5f5f;
  -webkit-box-shadow: 0 0 12px #5f5f5f;
}

div.two-col {
  background: #FFF url(img/bg-2-col.gif) repeat-y left top;
  -moz-box-shadow: 0 0 12px #5f5f5f;
  -webkit-box-shadow: 0 0 12px #5f5f5f;
}

div.one-col {
  background: #FFF url(img/bg-1-col.gif) repeat-y left top;
  -moz-box-shadow: 0 0 12px #5f5f5f;
  -webkit-box-shadow: 0 0 12px #5f5f5f;
}

div#home-body {
  background: url(img/bg-home-3-col-bottom.gif) no-repeat center bottom;
  padding-bottom: 40px;
}

#internal-four-col-body {
  background: url(img/bg-4-col-bottom.gif) no-repeat center bottom;
  padding-bottom: 80px;
}

#internal-two-col-body {
  background: url(img/bg-2-col-bottom.gif) no-repeat center bottom;
  padding-bottom: 40px;
}

#internal-two-col-body-symbol {
  background: url(img/bg-symbol-two-col.gif) no-repeat center bottom;
  padding-bottom: 40px;
}

#internal-one-col-body-divide {
  background: url(img/bg-dividers-one-col.gif) no-repeat center bottom;
  padding-bottom: 40px;
}

#internal-one-col-body-symbol {
  background: url(img/bg-gradient-grey.gif) no-repeat center bottom;
  padding-bottom: 40px;
}


.excerpt article a {
  border: 1px solid transparent;
  display: block;
  padding: 8px;
  text-decoration: none;
}

*html .excerpt article a {
  border-color: pink;
  filter: chroma(color=pink);
  zoom:1;
}

.excerpt article a:hover {
  background-color: #FFF;
  border: 1px solid #C9CAC8;
}

p a#rss {
  background: url(img/McCain_Icon_RSS.gif) no-repeat right center;
  padding-right: 15px;
}

article.urgent {
  background: #f2f2f1 url(img/bg-blog-featured.gif) repeat-x left bottom;
}

article.urgent a {
  background-image: url(img/bg-urgent-h.gif);
  background-repeat: no-repeat;
  padding-top: 40px !important;
}
  
#video-row {
  background: #f7f7f7 url(img/bg-gradient-grey.gif) repeat-x center bottom;
  padding-bottom: 30px;
}

#bottom-row {
  background: #f7f7f7 url(img/bg-gradient-grey.gif) repeat-x center bottom;
  padding-bottom: 50px;
}

.bottom-row-4-col {
  background: #f7f7f7 url(img/bg-gradient-grey-4.gif) repeat-y center top;
}

.grid_4-small {
  display: inline;
	float: left;
	margin-left: 13px;
	margin-right: 14px;
	width: 208px;
}

section#connect h3#text-updates {
  background-image: url(img/text-updates.png);
  height: 34px;
}

.med-variable-height {
  min-height: 212px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  _height: 212px;
  width: 265px;
}

.rounded-white-bg {
  background-color: #FFF;
  display: block;
  overflow: hidden;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.rounded-border {
  border: 1px solid #e0dddd;
  display: block;
  overflow: hidden;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.az-event h3 {
  background: url(img/bg-az-event-icon.gif) no-repeat right center;
  padding-right: 25px;
}

.callout {
  background-color: #FFF;
  border: 1px solid #C9CAC8;
  padding: 10px;
  width: 100%;
}

ul#calendar li a {
  background-image: url(img/icons-calendar-download.png);
  float: left;
  height: 16px;
  width: 16px;
}

ul#calendar li#outlook a {
  background-position: left top;
}

ul#calendar li#ical a {
  background-position: -17px top;
}

ul#calendar li#google-cal a {
  background-position: -34px top;
}

ul#calendar li#yahoo a {
  background-position: -51px top;
}


/* `Video Wall
----------------------------------------------------------------------------------------------------*/

ul.supporter-wall li {
  min-height: 86px;
  display: -moz-inline-stack;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  _height: 86px;
  width: 98px;
}

ul.supporter-wall li a img {
  background-color: #4D4F53;
  border: 1px solid #9A9B9C !important;
  padding: 4px;
}

ul.supporter-wall li p {
  line-height: 1.1;
}

ul.supporter-wall li a {
  text-decoration: none;
}

/* `Comments Form
----------------------------------------------------------------------------------------------------*/

.comments input,
.comments textarea,
.textfield input,
.textfield,
.comment-area,
form#search-video input {
  background-color: #FFF;
  border: 1px solid #c9cac8;
  display: block;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.textfield {
  width: 90%;
}

.comments textarea,
.comment-area {
  height: 100px;
}

label span.required {
  color: #9A9B9C;
  font-style: italic;
}

/* `Aside Layout
----------------------------------------------------------------------------------------------------*/

div#base-wrap {
  background-color: #002147;
  width: 100%;
}

aside#base {
  background: url(img/bg-aside-base.gif) repeat-y center top;
  color: #FFF;
}

aside#base p {
  margin-left: 10px;
  margin-right: 10px;
}

aside#base section#visit-store {
  background: url(img/bg-base-shirt.gif) no-repeat right bottom;
}

/* `Footer Layout
----------------------------------------------------------------------------------------------------*/

div#footer-wrap {
  background: #C32127 url(img/bg-footer.gif) repeat-x center top;
  padding-bottom: 100px;
}

footer p#disclaimer {
  background-image: url(img/bg-disclaimer.gif);
  height: 20px;
}

nav#footer ul li {
  display: inline;
}

nav#footer ul li.footer-divide {
  background: url(img/bg-footer-divide.png) no-repeat right center;
  height: 40px;
  padding-right: 17px;
  margin-right: 15px;
}

/* `Buttons
----------------------------------------------------------------------------------------------------*/

.button-link {
  background: #222 url(img/alert-overlay.png) repeat-x top left;
  display: inline-block;
  font-family: "Lucida Grande", sans-serif;
  font-size: 11px;
  padding: 3px 5px 3px 10px;
  color: #fff;
  text-decoration: none;
  line-height: 1;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
}

.button-link:after {
  vertical-align: -2px;
}

.grey.button-link {
  background-color: #bababb;
  color: #4d4f53;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.75);
}

.grey.button-link:hover {
  color: #0e2345;
}

.grey.button-link:after {
  content: url(img/button-site-arrow.png);
}

.grey.button-link:hover:after {
  content: url(img/button-site-arrow-over.png);
}

.red.button-link {
  background: #9f1c20 url(img/alert-overlay-light.png) repeat-x top left;
  font-weight: bold;
}

.red.button-link:hover {
  color: #FFF;
}

.red.button-link:active {
  color: #FFCB4F;
}

.red.button-link:after {
  content: url(img/button-site-arrow-red.png);
}

.red.button-link:hover:after {
  content: url(img/button-site-arrow-red-over.png);
}

.darkred {
  background: #C32127 url(img/alert-overlay-dark.png) repeat-x top left;
  display: inline-block;
  font-family: "Lucida Grande", sans-serif;
  font-size: 11px;
  padding: 5px 10px;
  color: #fff;
  text-decoration: none;
  line-height: 1;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
}

.darkred:hover {
  color: #c9cac8;
}

button.button-link {
  border: none;
}

.more {
  color: #9B1C1F !important;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none !important;
}

.site-arrow:after {
  content: url(img/buttons-more.png);
  vertical-align: -4px;
}

.outgoing-arrow:after {
  content: url(img/buttons-read-out.png);
}

section#connect ul li {
  display: block;
  width: 120px;
}

section#connect ul li a {
  background-image: url(img/buttons-connect.png);
  height: 31px;
}

section#connect ul li#connect-twitter a {
  background-position: left top;
}

section#connect ul li#connect-twitter a:hover {
  background-position: -123px top;
}

section#connect ul li#connect-facebook a {
  background-position: left -39px;
}

section#connect ul li#connect-facebook a:hover {
  background-position: -123px -39px;
}

section#connect ul li#connect-youtube a {
  background-position: left -78px;
}

section#connect ul li#connect-youtube a:hover {
  background-position: -123px -78px;
}

section#connect ul li#connect-flickr a {
  background-position: left -118px;
}

section#connect ul li#connect-flickr a:hover {
  background-position: -123px -118px;
}

section#connect h3#share-thoughts a {
  background-image: url(img/buttons-connect.png);
  background-position: left -163px;
  height: 56px;
}

section#connect h3#share-thoughts a:hover {
  background-position: -123px -163px;
}

/* Lightbox Styling
----------------------------------------------------------------------------------------------------*/

.ui-widget-overlay {
  background-color: rgba(0,0,0,.5);
  top: 0px;
  left: 0px;
  position: absolute;
}

.ui-dialog {
  background-color: #fff;
  padding: 20px 10px 20px 20px;
  -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
}

/* Jeremy Vaught added stuff
----------------------------------------------------------------------------------------------------*/

ol.standard {
	list-style-type: decimal;
	margin-left: 20px;
	margin-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
}

ul.standard {
	list-style-type: disc; 
	padding: 15px; 
	line-height: 18px; 
	margin-left: 18px;
}

h3 a {
  color: #002147;
  text-decoration: none !important;
}

.more a {
  text-decoration: none !important;
}