/*-----------------------------------------------------------------------------
America's Voice > Maribel Hastings

version:   5/06/09
author:    kyle rush
email:     rush@bluestatedigital.com, kylerrush@gmail.com
website:   http://www.kylerush.net
-----------------------------------------------------------------------------*/

/* =GENERAL
-----------------------------------------------------------------------------*/
/* =reset
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000; background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0}table{border-collapse:collapse; border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0; font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}del,ins{text-decoration:none}

/* =TYPOGRAPHY
-----------------------------------------------------------------------------*/
/* font-families */
#none {font-family: Verdana, Geneva, sans-serif;}
#none {font-family: Georgia, "Times New Roman", Times, serif;}
body {font-family: Arial, Helvetica, sans-serif;}
#homeFeature h2 {font-family: "Times New Roman", Times, serif;}
#sidebar .box h3, h2.title, h1, .homeColumn .box .top {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
code, kbd, pre, tt  {font-family: "Courier New", Courier, monospace}

/* font-sizes */
body {font-size: 12px;}
code, kbd, pre, sub, sup, tt  {font-size: 13px;}
.rightSub h4, .leftSub h4 {font-size: 14px;}
#homeFeature p {font-size: 15px;} 
.blogEntry h3 {font-size: 16px;}
.interior h3, .homeEntry h4, #homeVideo h3, #sidebarVideo h3 {font-size: 18px;}
#sidebar .box h3, .homeColumn .box .top h3 {font-size: 19px;}
.interior h3, .rightSub h3, .leftSub h3 {font-size: 20px;}
.interior h2 {font-size: 22px;}
h2.title {font-size: 30px;}
.interior h1 {font-size: 32px;}
#homeFeature h2 {font-size: 33px;}
.dropCap:first-letter  {font-size: 52px;}

/* =colors */
#footer, #sidebar .box h3, .homeColumn .box .top, #sidebarVideo h3 a, .homeColumn h3 a, #homeVideo .top h3 a {color: #fff;}
body a, .homeColumn #homeVideo h3 a {color: #004478;}
#footer a, #sidebar .box h3 a {color: #fff;}
h2.title, .blogEntry h3, #homeFeature h2, .homeEntry h4 {color: #004478;} /* dark blue */

/* miscellaneous */
.interior h1, .interior h2, .interior h3, .interior h4, #sidebar .box h3, h2.title, .blogEntry h3, #homeFeature h2, .homeColumn .box .top, .homeEntry h4, #sidebarVideo h3, #homeVideo h3, .rightSub h4, .leftSub h4, .homeColumn h3 a {font-weight: bold;}
.blogEntry p, .homeEntry p {line-height: 18px;}
#homeFeature p {line-height: 26px;}
#homeFeature h2 {line-height: 31px;}

/* =links */
a:hover, #homeVideo h3 a, #sidebarVideo a, .leftSub h3 a, .rightSub h3 a, .homeColumn h3 a, #homeVideo .top h3 a, #sidebar .box h3 a {text-decoration: none;}
a, .homeColumn #homeVideo h3 a, #sidebar .box h3 a:hover {text-decoration: underline;}

/* =GLOBAL
-----------------------------------------------------------------------------*/
abbr, acronym {border-bottom: 1px dotted; cursor: help; font-variant: small-caps;}
del {text-decoration:line-through;}
dfn {border-bottom: 1px dashed; font-style: italic;}
dl {margin: 0 0 24px;}
dt {font-weight: 700;}
dd {padding-left: 24px;}
ins {text-decoration: overline;}
pre {margin: 0 0 24px; padding: 0 0 0 24px;}
sub {bottom: -6.4px; line-height: 16px; position: relative; vertical-align: baseline;}
sup {line-height: 16px; position: relative; top: -6.4px; vertical-align: baseline;}
strong, b {font-weight: 700;}
.dropCap:first-letter {float:left; font-weight:700; line-height: 16px; margin-bottom: -3px; padding: 2px 1.5px 0 0;}

/*utility library*/
.tP5{padding-top:5px}.rP5{padding-right:5px}.bP5{padding-bottom:5px}.lP5{padding-left:5px}.tbP5{padding:5px 0}.rlP5{padding:0 5px}.tlP5{padding:5px 0 0 5px}.trP5{padding:5px 5px 0 0}.trbP5{padding:5px 5px 5px 0}.tlbP5{padding:5px 0 5px 5px}.allP5{padding:5px}.tM5{margin-top:5px}.rM5{margin-right:5px}.bM5{margin-bottom:5px}.lM5{margin-left:5px}.tbM5{margin:5px 0}.rlM5{margin:0 5px}.tlM5{margin:5px 0 0 5px}.trM5{margin:5px 5px 0 0}.trbM5{margin:5px 5px 5px 0}.tlbM5{margin:5px 0 5px 5px}.allM5{margin:5px}.tP10{padding-top:10px}.rP10{padding-right:10px}.bP10{padding-bottom:10px}.lP10{padding-left:10px}.tbP10{padding:10px 0}.rlP10{padding:0 10px}.tlP10{padding:10px 0 0 10px}.trP10{padding:10px 10px 0 0}.trbP10{padding:10px 10px 10px 0}.tlbP10{padding:10px 0 10px 10px}.allP10{padding:10px}.tM10{margin-top:10px}.rM10{margin-right:10px}.bM10{margin-bottom:10px}.lM10{margin-left:10px}.tbM10{margin:10px 0}.rlM10{margin:0 10px}.tlM10{margin:10px 0 0 10px}.trM10{margin:10px 10px 0 0}.trbM10{margin:10px 10px 10px 0}.tlbM10{margin:10px 0 10px 10px}.allM10{margin:10px}.tP15{padding-top:15px}.rP15{padding-right:15px}.bP15{padding-bottom:15px}.lP15{padding-left:15px}.tbP15{padding:15px 0}.rlP15{padding:0 15px}.tlP15{padding:15px 0 0 15px}.trP15{padding:15px 15px 0 0}.trbP15{padding:15px 15px 15px 0}.tlbP15{padding:15px 0 15px 15px}.allP15{padding:15px}.tM15{margin-top:15px}.rM15{margin-right:15px}.bM15{margin-bottom:15px}.lM15{margin-left:15px}.tbM15{margin:15px 0}.rlM15{margin:0 15px}.tlM15{margin:15px 0 0 15px}.trM15{margin:15px 15px 0 0}.trbM15{margin:15px 15px 15px 0}.tlbM15{margin:15px 0 15px 15px}.allM15{margin:15px}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* =header */
html, body {background: #9a9a9a;}
body {text-align: center;}
div#container {margin: 0 auto; text-align: left; width: 950px; background: url(/page/-/hastings/img/containerBg.png) repeat-y; padding: 0 10px 0 10px; height: 100%; position: relative;}
#header {background: url(/page/-/images_new/AV_ESP.jpg) no-repeat; height: 200px; width: 950px; position: relative;}
#header h1 {text-indent: -900em;}

#nav {background: url(/page/-/hastings/img/navBg.png) repeat-x; top: 163px; position: absolute; height: 35px; width: 948px; border-top: 1px solid #0e4875; border-right: 1px solid #0e4875; border-left: 1px solid #0e4875; border-bottom: 1px solid #26608c; padding: 0 0 0 0;}
#nav a {color: #fff; text-decoration: none; text-transform: uppercase; font-size: 12px; padding: 11px 26px 0 27px; height: 24px; background: url(/page/-/hastings/img/navDivider.png) center right no-repeat; display: block; float: left;}
#nav a.last {background: none; padding: 11px 16px 0 40px; width: 85px;}
#nav a:hover {background: #1c74b8 url(/page/-/hastings/img/navDivider.png) center right no-repeat;}
#nav a.last:hover {background: #1c74b8;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#nav a.last {background: none; padding: 11px 16px 0 21px;}
}

#headerHomeLink {display: block; height: 160px; width: 350px; position: absolute; left: 0;}
#headerAVLink {display: block; float: left; height: 130px; width: 210px; position: absolute; left: 350px; top: 0; text-indent: -900em;}


#header form {position: absolute; top: 130px; left: 400px;}
#header form input {border: 0; padding: 2px;}
#header form legend {font-size: 0; line-height: 0; display: block; text-indent: -900em;}
#quickSignUp {margin: 2px 0 0 260px;}
#quickSignUp input {color: #666; margin: 0 6px 0 0; position: absolute;}
#quickEmail {color: #666; width: 105px; left: 0px;}
#quickZip {width: 84px; left: 115px;}
#quickSubmit {background: url(/page/-/hastings/img/signup.png) no-repeat; height: 20px; text-indent: -900em; width: 68px; border: 0; font-size: 0; cursor: pointer; position: absolute; left: 210px;}

/* =content */
#contentContainer {margin: 0 0 0 0;}
body.sidebar #mainContent {float: left; width: 599px; padding: 20px 15px;}
body.onecol #mainContent {width: 920px; padding: 20px 15px;}
h2.title {text-align: center;  margin: 0 0 10 0; line-height: 36px;}
p.header-underline {background: url(/page/-/hastings/img/titleBottom.png) center bottom no-repeat; height: 40px; width: 600px; margin: 0 0 0 0;}
.centera {text-align: center;}

/* =sidebar */
#sidebar {float: right; background: url(/page/-/hastings/img/sidebarBg.png) repeat-y; width: 321px; height: 100%; padding: 20px 0 0 0;}
#sidebar .box {margin: 0 auto 30px auto; width: 283px;}
#sidebar .box h3 {background: url(/page/-/hastings/img/sidebarBoxTop.png) no-repeat; height: 32px; width: 283px; text-align: center; padding: 8px 0 0 0;}
#sidebar .box .middle {background: #dfdfdf; border-left: 2px solid #43698f; border-right: 2px solid #43698f; padding: 10px 15px;}
#sidebar .box .middle ul li {margin: 0 0 5px 0;}
#sidebar .box .middle.twitter {text-align: left;}
#sidebar .box .middle.twitter ul li {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ccc;}
#sidebar .box .bottom {background: url(/page/-/hastings/img/sidebarBoxBottom.png) no-repeat; height: 8px; text-indent: -900em; width: 283px;}
#sidebarVideo {text-align: center;}
#sidebarVideo {margin: 0 0 30px 0;}
#sidebarVideo h3 {margin: 0 0 6px 0;}
#sidebar-video {margin: 0 0 0 -6px;}
.sidebar-video p {margin: 10px 0 0 0; text-align: left;}

/* =footer */
#footer {height: 47px; width: 920px; background: url(/page/-/hastings/img/footerBg.png) repeat-x; /*position: absolute; bottom: 0; */ text-align: center; padding: 20px 15px 0 15px;}
#footerInfo {float: left; text-align: right; width: 500px;}
#socialLinks {float: right; margin: -5px 0 0 0; text-align: left; width: 380px;}
#socialLinks p {float: left; margin: 4px 15px 0 0; font-weight: bold; font-size: 16px;}
#socialLinks img {float: left;}


/* =blog */
.blogEntry {margin: 0 0 35px 0; border-bottom: 1px solid #000; padding: 0 0 10px 0;}
.blogEntry h3 {margin: 0 0 10px 0;}
.blogEntry p {margin: 0 0 10px 0;}
.blogEntry p.postMeta {width: 100%;}
.blogEntry p.postMeta span {margin: 0 30px 0 0;}
span.shareThis {float: right;}
span.post-entry-meta {float: left;}

/* =HOMEPAGE
-----------------------------------------------------------------------------*/
#homeFeature {background: url(/page/-/hastings/img/newspaperTexture.jpg) no-repeat; height: 321px; width: 868px; margin: 0 auto 0 auto; padding: 20px 20px;}
#homeFeature .left {float: left;}
#homeFeature .right {float: right; width: 595px; height: 230px;}
#homeFeature img {border: 2px solid #000;}
#homeFeature h2 {margin: 0 0 15px 0;}

#homeContent {width: 920px; margin: 0 0 0 6px;}
.homeColumn {float: left; width: 298px; margin: 0 8px 0 0;}
.homeColumn.last {margin: 0 0 0 0;}
.homeColumn .box .top {background: url(/page/-/hastings/img/homeBoxTop.png); height: 34px; width: 298px; text-align: center; position: relative; padding: 10px 0 0 0;}
.homeColumn .box .middle {border-left: 2px solid #bababa; border-right: 2px solid #bababa; padding: 10px; background: #e3e3e2;}
.homeColumn .box .bottom {background: url(/page/-/hastings/img/homeBoxBottom.png); height: 10px; width: 298px;}
.homeColumn .box li {margin-bottom: 7px;}
.homeColumn .box .top h3 {}
.homeColumn .box .top p {position: absolute; right: 5px; top: 10px;}
.homeEntry {margin: 0 0 13px 0;}
.homeEntry h4 {margin: 0 0 3px 0;}

#homeVideo {margin: 0 0 15px 0;}
#homeVideo h3 {text-align: center; margin: 0 0 6px 0;}
#homeVideo p {margin: 10px 0 0 0;}

.homeColumn .box .top p {float: right;}
.homeColumn .box .top p a {background: url(/page/-/hastings/img/rssIcon.png) no-repeat; height: 30px; text-indent: -900em; width: 30px; display: block; float: right;}

#homeVideo .top h3 a {color: #fff; text-decoration: none;}

/* =INTERIOR
-----------------------------------------------------------------------------*/
body.interior .blogEntry h1 {padding: 0 0 6px 0;}
body.interior .blogEntry h2 {padding: 0 0 4px 0;}
body.interior .blogEntry h3 {padding: 0 0 2px 0;}
body.interior .blogEntry h4 {padding: 0;}
body.interior .blogEntry address, .interior cite, .interior em, .interior i {font-style:italic;}
body.interior .blogEntry blockquote p {background: #eee; margin: 0 24px 24px; padding: 12px;}
body.interior .blogEntry ol li {list-style: inside decimal;}
body.interior .blogEntry p {line-height: 16px; padding: 0 0 5px 0;}
body.interior .blogEntry ul, .interior ol {margin: 0 0 24px; padding: 0;}
body.interior .blogEntry li ul, .interior li ol {margin: 0;}
body.interior .blogEntry ul li {list-style: inside disc;}
body.interior .blogEntry li li {padding-left: 24px;}

.shareThisInterior span {float: right;}

/* =NOTICIAS Y COMUNICADOS
-----------------------------------------------------------------------------*/
.blogEntry .leftSub {float: left; width: 380px;}
.blogEntry .rightSub {float: right; width: 190px;}
.leftSub h3, .rightSub h3 {border-bottom: 1px solid #ccc; padding: 0 0 5px 0;}

.pressContact {margin: 0 0 30px 0;}
.noticias .entry, .comunicados .entry {margin: 0 0 20px 0;}
.pressContact p {padding: 0 0 0 0; margin: 0 0 0 0;}

.hide { display: block; visibility: hidden; line-height: 0; height: 0; }