/*  
Theme Name: IPM - Harmonia
Theme URI: http://indianapublicmedia.org
Description: New theme for all IPM Harmonia
Version: 1.0
Author: Integrated Media
Author URI: http://wfiu.org
*/

body {
	overflow-x:hidden;
}

.breadcrumb {
	width: 100% !important;
	left:0;
	background:transparent !important;
	border:0 !important;
	/* background: #d7bba7 !important; */
	font-family: Helvetica, Arial, sans-serif;
}

.breadcrumb .item {
	background: url('../images/harmonia-chevron.png') no-repeat right 1px;
}

.breadcrumb-inner {
	width: 960px;
	margin: 0 auto;
}

.main-wrapper {
	background: #d8c8b6 url('../images/body-bg.jpg') top center;
	font-family: Times, "Times New Roman", sans-serif !important;
}

.border-wrapper {
	width: 100%;
	background: url('../images/border-bg.png') top center repeat-y;
}

#main {
	overflow:visible;
	width: 600px;
	position:relative;
	/*z-index:1;*/
}

.content {
	background: transparent;
	border:0;
	overflow:hidden;
}

.column {
	width: 50%;
}

.sidebar-box, .box-standard {
	background: transparent !important;
	border-color: #893531 !important;
	border-width:3px !important;
	border-style: double !important;
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	border-radius:0 !important;
}
.comment-box{
	background: transparent !important;
	border-color: #893531 !important;
	border-width:1px !important;
	border-style:dotted !important;
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	border-radius:0 !important;
	padding:5px;
}

.box-standard h3 {
	background: transparent !important;
	color: #893531 !important;
}

.box-standard {
	border:0 !important;
	background: #666;
}

#production-support {
	background: transparent !important;
}

#production-support p.prod-top {
	position:relative;
	top:4px;
}

#production-support p.prod-bottom {
	position:relative;
	bottom: 4px;
}

#production-support .box {
	border: 1px solid #666 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	margin: 11px !important;
}

#main-logo {
	float:left;
}

#program-nav {
	margin-top: 0px;
	width:100%;
	float:right;
	text-align:right;
	height: 35px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	text-transform: none;
	font:normal 17px/35px Tahoma,Arial, Helvetica, sans-serif;
	font-style:italic;
}
#adsense_top {
	margin-top: 5px;
	margin-bottom: 30px;
	width:490;
	float:right;
	text-align:right;
	height: 35px;
	border: 0px;
}

#program-nav ul li {
	margin-right: 10px;
}

#program-nav ul li a {
	padding: 3px;
}

#top-div {
	margin-top: 0px;
	width:100%;
	height: 190px !important;
	margin-bottom: 0px !important;
}

/* Front page */

.harmonia-block {
	padding-top: 40px;
	padding-bottom: 20px;
	margin-left: 5px;
	width: 600px;
	clear:both;
}

.harmonia-block .right {
	width: 280px;
}

.harmonia-block .right p {
	line-height: 1.3em;
}

.harmonia-block .left {
	width: 300px;
}

.harmonia-block .left img {
	width: 300px;
	border: 3px double gray;
}

h3.page-title {
	font-size:32px;
	padding-left: 3px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-style:italic;
	border-bottom: 0 !important;
}

h3.post-title {
	font-size:32px;
	padding-left: 3px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-style:italic;
	border-bottom: 0 !important;
}

h3.archive-post-title {
	font-size:18px;
	padding-left: 3px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-style:italic;
	border-bottom: 0 !important;
}

.small-date {
	font-size: 12px;
	font-weight:normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #666;
	padding-bottom: 5px;
}

.small-title {
	font-size: 24px !important;
}

.front-top-cat {
	font-size: 12px;
	font-weight:normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #333;
	padding-bottom: 12px;
}

.harmonia-block .lower {
	padding-top: 40px;
	clear:both;
}

.harmonia-block .lower .item {
	width: 140px;
	float:left;
	padding-right: 10px;
}

.harmonia-block .lower .item img {
	width: 140px;
	border: 1px solid gray;
}

.article-photo img {
	margin: 10px 0 0 4px;
	width: 600px;
	z-index: 0 !important;
}

.title-overlay {
	display:none;
	position:absolute;
	z-index: 7;
	left:0;
	top:0;
}

.frame-overlay img {
	position:absolute;
	z-index: 6;
	left:0;
	top:0;
}

.frame-overlay-right {
	position: absolute;
	z-index: 0;
	top:0;
	left: 614px;
}

p.readmore {
	text-align:right;
	margin-top: 5px;
	margin-right: 20px;
}

/* rotator */

.rotator-text {
	z-index: 1000;
	position:absolute;
	top:20px;
	width: 285px;
	left:630px;
	min-height: 200px;
}

.rotator-text h3 {
	font-size: 32px;
	font-style:italic;
	margin-bottom: 20px;
	z-index: 7;
}

.rotator-text p {
	font:normal 15px/20px Tahoma,Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	z-index: 7;
	text-align:justify;
}
.harmonia-block p {
	font:normal 15px/20px Tahoma,Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	z-index: 7;
	text-align:justify;
}
.first-child {
	font:normal 15px/20px Tahoma,Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	z-index: 7;
	text-align:justify;
}
.comment-head {
	font:normal 15px/20px Tahoma,Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	z-index: 7;
	text-align:left;
}
/* banner controls */

.banner-controls {
	background: transparent !important;
	position:absolute;
	top: 390px;
	left: 680px;
	width: 200px;
	font-size: 22px;
}

.banner-controls a {
	color: #666;
}

/* below */

.section-title {
	font-size: 32px;
	border-bottom: 1px solid #666;
	padding-bottom: 3px;
	margin-bottom:15px;
	font-style:italic;
}

.section-title-small {
	font-size: 18px;
	border-bottom: 1px solid #999;
	margin-bottom:15px;
	font-style:italic;
}

.see-all {
	font-size: 16px;
	float:right;
}

h4.lower-title {
	margin-top: 5px;
	font-size: 14px;
}

.cap-enable .cap {
	color: #893531;
	font:normal 75px/50px Tahoma,Arial, Helvetica, sans-serif;
	display:inline-block;
	vertical-align:top;
	float:left;
	position:relative;
	padding-bottom: 75px;
	top:-30px;
}
.initial {
	color: #893531;
	font:normal 15px/20px Tahoma,Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.adds {
	color: #893531;
	font:normal 15px/20px Tahoma,Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:justify;
}

#sidebar.home-pushdown {
	padding-top: 450px;
}

#sidebar.page-pushdown {
	padding-top: 50px;
}

#sidebar.single-pushdown {
	padding-top: 86px;
}

ul#twitter_update_list {
	padding: 10px;
}

ul#twitter_update_list li {
	margin-bottom: 15px;
	font-size: 14px;
}

/* archive page */

.archive-item {
	margin-bottom: 30px;
	padding-top: 10px;
}

.archive-excerpt {
	font-size: 14px;
}

div#archive-navigation {
	font-style:italic;
	background: url('../images/archive-menu.png');
	height: 120px;
	width: 620px;
}

div#archive-navigation ul {
/*	background: #ddd;
	border: 1px solid gray; */
	padding: 3px 10px 3px 15px;
	margin-bottom: 5px;
	margin-left: 20px;
}
div#archive-navigation ul.months li {
	font:normal 14px/20px Tahoma,Arial, Helvetica, sans-serif;
	display: inline;
	margin-right: 4px;
}
div#archive-navigation ul li {
	display: inline;
	margin-right: 10px;
}

div#archive-navigation ul li.title {
	font-style:normal;
}

div#archive-navigation ul li.active {
	font-weight:bold;
}

div#archive-tabs {
	margin-top: 20px;
}

div#archive-tabs ul {
	border-bottom: 1px solid #bda096;
	margin-bottom: 20px;
	padding-bottom: 4px;
	height: 31px;
}

div#archive-tabs ul li {
	float:left;
	margin-right: 4px;
	margin-left:10px;
	/* border:1px solid gray; */
	padding: 12px 25px 3px 16px;
	height: 20px;
	position:relative;
	z-index:1;
	background: url('../images/tab-bg.png');
	background-position: top right;
	font-style:italic;
}

div#archive-tabs ul li.ui-state-active {
	background: url('../images/tab-bg-2.png');
	background-position: top right;
}


/*

div#archive-tabs ul li a {
	color: #999;
}

div#archive-tabs ul li.ui-state-active a {
	color: #000 !important;
}

div#archive-tabs ul li.ui-state-active {
	border-bottom:0;
	background:#f0e0d4;
}

*/

/* single */

.post p {
	margin: 10px 0px 5px 0px;
	text-align:left;
	line-height: 1.3em;
}

.post p, .post ul, post ol {
	font-size: 16px;
}

.post {
	margin-left: 10px;
}

.post h3 {
	background:transparent;
	margin-top:20px;
	border-bottom:1px solid #999;
}

div.podPress_content {
	display:none;
	clear:both;
	margin-top: 30px;
	margin-bottom: 20px;
}

div#podPressPlayerSpace_1 {
	margin-bottom: 5px;
}

/* social */

div.social {
	padding-top: 7px;
	padding-bottom: 3px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	margin-left: 10px;
}


/* disqus */

div#disqus_thread {
	margin-top: 40px;
	margin-left: 10px;
}

.dsq-brlink {
	display:none;
}

#dsq-options {
	display: none;
}

h3.dsq-h3-addcomment {
	font-style:italic;
}

/* playlist */

.playlist {
	margin-top: 40px;
}

.show-item {
    width: 590px;
    margin-bottom: 20px;
}

.show-item .show-bar {
	border: 1px solid #af9780;
	background: #d9c7b6 url('../images/harmonia-down-arrow.png') no-repeat;
	background-position: 569px 7px;
	font-size: 14px;
	padding: 5px;
	position:relative;
}

.show-item .show-bar:hover {
	background: #cab49f url('../images/harmonia-down-arrow.png') no-repeat;
	background-position: 569px 7px;
	cursor: pointer;
}

.show-item .show-bar span.title {
	display: block;
	width: 500px !important;
}

.show-item .show-bar span.composer {
	position:absolute;
	right: 22px;
	top:5px;
}

.show-item .show-detail {
	border: 1px solid #af9780;
	border-top: 0;
	width: 568px;
	margin-left: 5px;
	padding: 5px;
	height: 95px;
	background: #f2e9df;
}

.show-item .song {
    width: 470px;
    float:right;
}

.show-item .song span {
    display:block;
    font-size: 14px;
    margin-bottom: 4px;
}

.song span.title {
    font-weight: bold;
}

.show-item .album-image {
    width: 93px;
    float:left;
    background: url('http://wfiu.org/images/common/album-placeholder.png');
}

.show-item .album-image:hover {
    opacity: 0.9;
}


/* single photo */

.photo-wrapper {
	margin-top: 10px;
	position:relative;
	margin-bottom: 70px;
}

.post .article-photo {
	position:relative;
}

.photo-wrapper .article-photo img {
	width: 580px;
}

.frame-overlay-single {
	position:absolute;
	z-index: 1;
	left:-5px;
	top:0px;
}

.photo-credit {
	position:absolute;
	z-index: 1;
	right: 15px;
	top: 385px;
	font-size: 12px !important;
	color: #444;
}

.photo-caption {
	position:absolute;
	z-index: 1;
	left: 12px;
	top: 402px;
	font-size: 12px !important;
	font-style:italic;
	font-weight:bold;
	width: 570px;
	line-height: 1.0em !important;
}

#show-preview {
	overflow:visible;
}

#article-photo .photo-credit {

	display:none;

	left: 620px;
	white-space:nowrap;
	z-index: 2;
	width: 200px;
	top: 390px;
}

#article-photo .photo-caption {

	display:none;

	left: 620px;
	z-index: 2;
	width: 300px;
	top: 340px;
}


/* podcast page */

ul.pod_chicklets {
	list-style:none;
	margin-top:-5px;
}
ul.pod_chicklets li {
	display:inline;
	padding-right:10px;
}
ul.pod_chicklets li.subscribe_label {
	position:relative;
	top:-3px;
	font-weight:bold;
	padding-right:3px;
}

/* about */

div.bio-item img {
	width: 70px;
	float:left;
	margin: 0px 10px 10px 0px;
	border: 3px double #ccc;
}

div.bio-item {
	margin-bottom: 20px;
}

ul.page-subnav {
	padding-top: 10px;
	padding-bottom: 20px;
}

ul.page-subnav li {
	display:inline;
	padding: 3px;
	border: 1px solid #ccc;
}

/* Google Maps */

div.maplabel h3 {
	margin-top:0;
	margin-bottom:0;
	font-size: 14px;
	font-weight:bold;
}
div.maplabel div {
	margin-top: 3px;
	font-size:12px;
}

/*stations list */

table.stations_list {
	width: 100%;
}

table.stations_list th {
	text-align: left;
	font-style:italic;
}

table.stations_list tr {
	height: 18px;
}


/* ul.stations_list {
	padding-top: 30px;
}

ul.stations_list_countries li {
	list-style-type: none;
}

ul.stations_list_countries {
	margin-left:0 !important;
}

p.station_location {
	display:inline;
	margin-left: 10px;
}

p.station_airtime {
	display:inline;
	margin-left: 10px;
}

ul.stations_list, #content_main ul.stations_list_countries {
	margin-left:0;
	margin-top:-1.5em;
}

ul.stations_list li.stations_state, ul.stations_list_countries li.stations_country {
	width:100%;
	font-size:1em;
	list-style:none;
	margin-top:-15px;
}
ul.stations_list li.stations_state ul li.stations_onestation, ul.stations_list_countries li.stations_country ul li.stations_onestation {
	list-style:none;
	font-size:1.0em;
	font-weight:bold;
	margin-top:-5px;
}
ul.stations_list li.stations_state ul li.stations_onestation p, ul.stations_list_countries li.stations_country ul li.stations_onestation p {
	font-size:0.85em;
	font-weight:normal;
	margin-bottom:0;
} */

/* Tags */

#tags {
	font-size: 12px;
}

/* bottom boxes */

#guests, #resources {
	min-height: 30px;
}

#guests {
	clear:both;
	padding-bottom:10px;
}

#comment-wrap {
	margin: 5px;
}

.commentlist li {
	margin-bottom: 20px;
}

.commentlist p {
	line-height: 1.4em;
}

.commentlist h4 {
	color: #999;
	font-size: 12px;
	border-bottom: 1px solid #333;
	height: 14px;
	position:relative;
}

.commentlist h4 .date {
	position:absolute;
	right: 5px;
}

.commentmetadata {
	float:right;
	position:relative;
	bottom:34px;
}

.commentlist h4 cite {
	color: #fff;
	float:left;
}

.commentlist p {
	margin: 10px 0px 10px 0px;
	font-size: 12px;
}

.commentlist a {
	color: #999;
}

#respond {
	background: transparent;
}

#commentform p {
	font-size: 12px;
}

textarea#comment {
	width: 100%;
	background-color: #333;
	color:#fff;
}

#resources .single-box-item {
	height: 25px;
	margin-bottom: 5px !important;
}

.single-box-item {
	border:1px solid #444 !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float:left;
	position:relative;
	margin: 10px 5px 0px 10px !important;
	padding: 7px;
	width: 263px !important;
	height: 43px;
}

/* .single-box-item {
	border:1px solid gray !important;
	float:left;
	position:relative;
	margin: 10px 5px 0px 10px !important;
	width: 286px !important;
	height: 50px;
} */

.single-box-item a {
	color: #fff;
}


.single-box-item a:hover {
	text-decoration:underline;
}

.single-box-item img.item-pic {
	float:left;
	width:40px;
	height:40px;
	border:1px solid #666;
	margin-right:10px;
}

.single-box-item h4 {
	font-size: 13px;
	margin-bottom: 4px;
}

.single-box-item p {
	font-size: 11px;
}

/* .photo-credit { display:none; }
.photo-caption { display:none; } */

/* tabs in sidebar */

#sidebar-tabs {
	margin-top: 5px;
	width: 300px;
	font-size: 11px;
	margin-left:10px !important;
}

#sidebar-tabs .ui-tabs-hide {display: none; }

#sidebar-tabs .ui-tabs-nav {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 18px;
}
#sidebar-tabs .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#sidebar-tabs .ui-tabs-nav li {
    float: left;
    margin: 0 3px 0 3px;
    font-style:italic;
    padding: 4px 12px 3px 12px;
    border: 1px solid #ccc;
    border-bottom: 0;
    /* background: #ddd url('http://wfiu.org/images/common/sidebar-tab-bg-light.png') repeat-x 100% 0; */
}

#sidebar-tabs .ui-tabs-nav li a {
	color: #888;
}

#sidebar-tabs .ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
}

#sidebar-tabs .ui-tabs-selected {
	background: #f0e0d4;
	/* background: #999 url('http://wfiu.org/images/common/sidebar-tab-bg-dark.png') repeat-x 100% 0 !important; */
	border: 1px solid #999 !important;
	border-bottom: 0 !important;
}

#sidebar-tabs .ui-tabs-selected a {
	color: #000 !important;
}


#sidebar-tabs .ui-tabs-panel {
	width: 280px;
    border: 3px double rgb(137, 53, 49);
    padding: 10px;
    height: auto;
}

#sidebar-tabs .ui-tabs-panel ul.postlist {
	font-size: 16px;
	list-style-type: circle;
	margin-left: 20px;
}

#sidebar-tabs .ui-tabs-panel ul.postlist li {
	margin-bottom: 5px;
}

/* two columns on single.php */

.meta-columns {
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom:-20px;
}

.tags-box {
	width: 175px;
	margin-right: 20px;

}

.related-box {
	padding-left:10px !important;
	width: 380px;

}

.tags-box, .related-box {
	float:left;
	padding:0px;
	min-height: 200px;
	line-height: 1.3em;
}
.borderBtm{border-bottom:1px solid #999999; margin-bottom:2px;}
.intro{padding-bottom:0px;float:left;width:100%;}