/*  ------ Table of Contents -------------------
~1 VOA CALL-OUT
~2 HEADER
~3 PAGE
~4 CONTENT
~4.1 CONTENT HEADER
~4.2 CONTENT WIDGETIZED
~5 GRID
~6 NAV MAIN-MENU
~6.1 NAV SUB-MENU
~7 FOOTER
~8 SLIDER
~9 SEARCH
~10 LINKS
~11 RETURN TO TOP
*/

/*  ------ custom ------------------- */
html body {
color:#eeeeee; /* Main text color */
background:url("img/custom/background.jpg") no-repeat top center #191919; /* Bubble background */
height:100%;
}

html .post img, html .post a img, html .post a:hover img {
background:none;
border:none;
padding:0;
}

html .clearfix {
display:inline-block; /* corrects header issue in IE 7, props open #header div */
}

html .gform_body {
margin-top:-25px;
}

html .post-content p, html p {
line-height:inherit; /* tweak alignment to grid */
}

html .post-content p {
margin: 0 0 20px 0;
}

.emphasize {
font-style:italic;
}

html .gform_wrapper .gfield_required {
display:none;
}

/*  ------ ~1 VOA CALL-OUT ------------------- */
.voaCallOut {
background:url('img/custom/Top.png') no-repeat right top;
height: 193px;
position: absolute;
top: 32px;
width: 172px;
margin-left: 820px;
z-index:99;
}

.voaCallOut:hover {
background:url('img/custom/Top.png') no-repeat right top;
  opacity: 0.75;
}

.voaCallOut2 {
background:url('img/custom/Center.png') no-repeat right top;
height: 193px;
position: absolute;
top: 215px;
width: 172px;
margin-left: 820px;
z-index:99;
}

.voaCallOut2:hover {
background:url('img/custom/Center.png') no-repeat right top;
  opacity: 0.75;
}

.voaCallOut3 {
background:url('img/custom/Bottom.png') no-repeat right top;
height: 193px;
position: absolute;
top: 400px;
width: 172px;
margin-left: 820px;
z-index:99;
}

.voaCallOut3:hover {
background:url('img/custom/Bottom.png') no-repeat right top;
  opacity: 0.75;
}

/*  ------ ~2 HEADER ------------------- */
html #logo {
margin-top:72px;
}

html #logo h1 {
display:none;
}

html #logo a, html #logo a:visited {
font-size:24px;
}

html #logo a:hover {
color:#ff6c6c;
}

/*  ------ ~3 PAGE ------------------- */
html #contents {
margin:-75px auto 0 auto;
}

html #no-side {
padding:0 4px; /* account for dropshadow padding to set up grid, and reset core styles padding */
background:url("img/custom/side-noside.png") repeat-y;
display:block;
}

html .post {
width:801px;
overflow:hidden; /* IE Page Float Fix */
}

/*  ------ ~4 CONTENT ------------------- */
html #no-side .post {
background:url(img/custom/keys.jpg) repeat-y left 113px;
margin:0; /* reset core styles */
padding-left:150px;
min-height:600px;
}

html div.post-content {
padding:0 0 40px 0;
}

/*  ------ ~4.1 CONTENT (HEADER) ------------------- */
html div#no-side h2 {
font-size: 48px;
padding:254px 0 0 20px;
position:absolute;
color:#eeeeee;
display: none;
}

#headerImg {
border:none;
background:none;
padding:0;
}

#pageNav {
padding-left:180px;
margin-top:-60px; /* Pull nav onto header image and set-up baseline grid for posts */
padding-bottom:40px;
}

#pageNav a, #pageNav a:visited {
text-decoration:none;
color:#eeeeee;
text-transform:uppercase;
font-size:12px;
}

#pageNav a:hover {
text-decoration:underline;
}

/*  ------ ~4.2 CONTENT (WIDGETIZED) ------------------- */
html .widgets_on_page {
padding-left:80px;
padding-right:10px;
padding-bottom:20px;
}

html div#no-side h2.widgettitle {
font-size: 12px;
padding:0;
position:static;
}

.widgets_on_page ul li.miniloops {
padding:0;
margin:0;
}

html .widgets_on_page ul li {
padding:0; /* kill padding on posts */
}

html body .postTitle {
font-weight:bold;
font-size:22px;
text-transform:uppercase;
line-height:20px;
}

.aside {
float:right;
width:180px; /* padding & width combine to 210px combined width */
padding-right:30px;
}

.asideCD {
float:right;
width:360px;
}

.postContent {
width:450px;
line-height: 22px;
font-size: 18px;
}

.postContentCD {
width:600px;
margin-bottom:40px;
padding-top:20px;
}

.postEnd {
position:relative;
top:-20px;
}

.widgets_on_page .asideCD ol li {
list-style:decimal;
}

.caption {
font-size:10px;
font-style:italic;
}

/*  ------ ~5 GRID ------------------- */
#grid { 
background:url("img/grid.png") repeat-y;
height:100%;
width:100%;
position:absolute;
top:0;
z-index:999;
display:none;
left:50%;
margin-left:-645px;
}

/*  ------ ~6 NAV (MAIN-MENU) ------------------- */
html div#contents .header-menu-wrapper,
html div#contents .menu-main-nav-container,
html div#contents .menu-main-nav.menu,
html div#contents .menu-item {
width:140px
height:40px;
font-size:12px;
}


html div#contents li.menu-item,
html div#contents .menu-item a {
height:40px;
width:140px;
}

html div#contents ul.sub-menu li.menu-item,
html div#contents ul.sub-menu .menu-item a {
background-color: black;
/* height:20px;
width:140px;
*/
}

html div#contents .menu-main-nav-container {
height:40px;
}

html .menu {
float:left;
}

html .menu, html .menu ul {
line-height:20px;
}

html ul#menu-main-nav.menu {
font-size:9px;
}

html .header-menu-wrapper {
position:relative;
left:4px;
top:191px; /* drop menu down, under header */
width:150px;
text-transform:uppercase;
font-weight:bold;
}

html ul.menu {
background:none;
text-align:right;
}

html ul.menu a:hover {
border:none;
}

html ul.menu li {
float:none;
border-left:none;
height:40px; /* same height as a key including gutter */
padding:0;
}

html ul.menu a, html ul.menu a:visited {
border:none; /* reset core themes style */
padding:0 10px 0 0; /* offset from keys egde */
top:0;
line-height:40px; /* vertically center text */
background:none; /* reset core themes style */
}

html .menu .current_page_item a, 
html .menu .current_page_item a:visited, 
html .menu .current_page_item a:hover, 
html .menu .current-cat a, 
html .menu .current-cat a:visited, 
html .menu .current-cat a:hover, 
html .menu .current-menu-item a, 
html .menu .current-menu-item a:visited, 
html .menu .current-menu-item a:hover {
border:none; /* reset core themes style */
text-decoration:underline; /* Active link style */
color:#333333;
background-color:transparent;
}

html .menu ul a:hover {
background-color:transparent;
}

html .menu a, html .menu a:visited, html .menu a:hover {
color:#333333;
}

html .menu a:hover {
text-decoration:underline;
color:#333333;
}


/*  ------ ~6.1 NAV (SUB-MENU) ------------------- */
html ul.sub-menu {
width:160px;
left:160px;
top:-40px; /* pull sub-menu to level height with main-menu */
position:relative; /* position sub-menu relative to main-menu */
text-align:left;
margin-top:10px; /* drop sub-nav to account for sub-nav's different line-height */
}

html ul.sub-menu li {
height:20px;
}

html ul.sub-menu a, html ul.sub-menu a:visited {
padding:0 0 0 10px; /* offset from keys egde */
line-height:20px; /* vertically center text */
margin:0;
}

html .menu .sub-menu a, html .menu .sub-menu a:visited, html .menu .sub-menu a:hover {
color:#eeeeee;
}

/*  ------ ~7 FOOTER ------------------- */
html #footer-noside {
margin-top:-33px;
background:url("img/custom/bottom-noside.png") no-repeat scroll center top transparent;
}

html #footer-noside.home {
margin-top:-33px;
background:url("img/custom/home-bottom-noside.png") no-repeat scroll center top transparent;
}

/*  ------ ~8 SLIDER ------------------- */
html .nivo-controlNav {
right:20px;
top:20px;
bottom:inherit;
left:750px;
}

html #slider {
height:880px;
}

current_page_item a:hover, 
html .sub-menu .current-cat a, 
html .sub-menu .current-cat a:visited, 
html .sub-menu .current-cat a:hover, 
html .sub-menu .current-menu-item a, 
html .sub-menu .current-menu-item a:visited, 
html .sub-menu .current-menu-item a:hover {
color:#eeeeee;
}

/*  ------ ~9 SEARCH ------------------- */
html div#no-side .search-page h2 {
color:inherit;
font-size:inherit;
padding:inherit;
position:inherit;
}

html #no-side.search a, html #no-side.search a:visited {
text-decoration:none;
color: #eeeeee;
}

html #no-side.search a:hover {
text-decoration:underline;
}

html body #no-side.search .search-page {
margin-left:0;
}

html #search-area {
display:none;
}

/*  ------ ~10 LINKS ------------------- */
html div#no-side .widgets_on_page a, html div#no-side .widgets_on_page a:visited {
color: #FFFFFF;
text-decoration: underline;
line-height: initial;
font-size: 15px;
}

html div#no-side .widgets_on_page a:hover {
color:#fcaaa0;
}

/*  ------ ~11 RETURN TO TOP ------------------- */
html #return_top a {
background:url("img/custom/return-top.png") no-repeat scroll left top transparent;
}

html #return_top a:hover {
background:url("img/custom/return-top.png") no-repeat scroll right top transparent;
}