/*



Theme Name: ESAP - THEME

Author: zoneCG

Author URI: http://zonecg.com

Description: Theme created for Ohio Valley Voices by zoneCG.

Version: 0.45



*/



/* RESET ALL CSS */



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, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

	font-size: 12px;

}



/* FONT-STYLE */



@font-face {

    font-family: 'LeagueGothic';

    src: url('assets/League_Gothic-webfont.eot');

    src: url('assets/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),

         url('assets/League_Gothic-webfont.woff') format('woff'),

         url('assets/League_Gothic-webfont.ttf') format('truetype'),

         url('assets/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



/* GENERAL CSS */



.topanchor {

height: 20px;

float: right;

width: 90px;

}



.topanchor img {

width: 25px;

float: right;

top: -5px;

position: relative;

}



.clear-both{

	clear: both;

}



body{ height: 100%; background: silver;}

a img{ border: none; }

p, blockquote {

    font-family: Arial;

    font-size: 12px;

    color: rgb(68, 68, 68);

    line-height: 1.5;

    padding-bottom: 15px;

}



hr {

margin-top: 15px;

margin-bottom: 14px;

border: 1px dotted rgb(194, 194, 194);

border-top: 0;

}



strong {

font-weight: bold;

margin-right: 3px;

text-transform: none;

}

.alignright {

	float: right;

	margin: 0px 0px 10px 10px;

	background: rgb(255, 255, 255);

	padding: 4px;

	padding-bottom: 5px;

	border: 1px solid #ddd;

}



.alignleft{ 

	float: left;

	margin: 0px 10px 10px 0px;

	background: rgb(255, 255, 255);

	padding: 4px;

	border: 1px solid #ddd;

}



blockquote {

font-style: italic;

color: #444444;

letter-spacing: 1.25px;

line-height: 1.5;

background: #EEEEEE;

padding: 10px;

padding-left: 20px;

padding-bottom: 5px;

margin: auto 20px;

margin-top: 0px;

margin-bottom: 15px;

border-left: 3px solid rgb(138, 97, 216);

margin-right: 0;

}



blockquote p{ padding-bottom: 5px; }



h2 {

	font-family: 'LeagueGothic';

	font-size: 30px;

	text-transform: uppercase;

	color: rgb(87, 87, 87);

	margin-bottom: 10px;

	line-height: 30px;

	letter-spacing: -1px;

}



#sidebar .read-more{

	display: block;

	z-index: 2;

	font-size: 12px;

	color: #502a99;

}



.wp-caption{ position: relative; max-width: 158%; }



.wp-caption-text{

	background-color: rgba(0, 0, 0, 0.85);

	bottom: 20px;

	color: rgb(255, 255, 255);

	left: 0;

	padding: 10px 10px 10px 20px;

	position: absolute;

	font-size: 35px;

	font-family: 'LeagueGothic';

	letter-spacing: -1px;

}



/* BODY STYLES */



#page {

	width: 100%;

	height: 100%;

	background: url('images/purple-angle.png');

}







#footer{

	background:url(images/footer.png);

	height: 55px;

	width: 990px;

	margin-left: auto;

	margin-right: auto;

}







#content {

	width: 585px;

	float: left;

	padding: 15px;

	height: 100%;

	margin-top: 5px;

	background: #fff;

}





#content-page {

	width: 960px;

	height: 100%;

	margin-top: 10px;

}







#content-full {

	padding: 10px;

	padding-top: 25px;

	width: 918px;

	top: 0;

}



#primary{

	width: 960px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	margin-top: -350px;

	padding: 13px;

	padding-top: 360px;

	z-index: 1;

	padding-bottom: 0;

}





/* HEADER STYLES */





.header{

	height: 181px;

	padding-top: 20px;

	background: url(images/grey-head.png);

	width: 100%;

	background-position-y: -130px;

	z-index: 3;

	position: relative;

	box-shadow: 1px 1px 5px rgba(54, 51, 51, 0.41);

}



.page .header {

height: 170px;

padding-top: 20px;

padding-bottom: 25px;

background: url(images/grey-head.png);

width: 100%;

background-position-y: 225px;

}

.events-gridview .header{

height: 30px;

padding-top: 20px;

padding-bottom: 190px;

background: url(images/grey-head.png);

width: 100%;

background-position-y: 250px;

}



.inner-header{

	width: 960px;

	margin-left: auto;

	margin-right: auto;

}



#logo {

	float: left;

}



#make-a-donation{

	margin-top: 25px;

	float: right;

	padding-bottom: 0px;

	margin-bottom: 10px;

}



/* MENU - HEADER */



#access {

	background: url(images/menu.png);

	display: block;

	float: left;

	margin: 0 auto;

	width: 960px;

	position: relative;

	z-index: 999;

	padding: 0px;

	height: 45px;

	margin-top: 20px;

	font-family: 'LeagueGothic', sans-serif;

}



#access .menu-header, div.menu {

	width: 931px;

	height: 45px;

	padding-left: 10px;

}



#access .menu-header ul, div.menu ul {

	list-style: none;

	margin: 0;

}



#access .menu-header li, div.menu li {

	float: left;

	position: relative;

	border-left: 1px solid #3A3A3A;

}



#access .menu-header li, div.menu li:first-child {

	border-left: none;

}



#access .menu-header li ul li{

	border-left: none;

}



#access a {

	display: block;

	line-height: 43px;

	padding: 2px 20px 0px 20px;

	text-decoration: none;

	font-size: 18px;

	color: #Fff;

	letter-spacing: 1px;

}



#access ul ul {

	display: none;

	position: absolute;

	top: 45px;

	left: -7px;

	float: left;

	width: 220px;

	z-index: 99999;

	border: 5px solid rgba(39, 39, 39, 0.1);

	font-size: 10px;

	border-top: 0;

	border-radius: 5px;

	border-top-left-radius: 0;

	border-top-right-radius: 0;

}



#access ul ul li {

}



#access ul ul li:last-child {

	border-bottom: none;;

}



#access ul ul ul {

	left: 100%;

	top: 0;

}



#access ul ul a {

	background: #9778C6;

	line-height: 1em;

	padding: 10px;

	width: 200px;

	height: auto;

	font-family: Arial;

	font-size: 14px;

	letter-spacing: 0px;

}



#access li:hover > a, #access ul ul :hover > a {

	background: #A98CD5;

	color: #fff;

}



#access ul li:hover > ul {

	display: block;

}



#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {

	color: #fff;

}



* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover {

	color: #fff;

}



/* 

   SLIDER-STYLES 

   DEFAULT IMAGE SIZE: 960px x 300px

*/



.slidecontainer{

	margin-left: auto;

	margin-right: auto;

	width: 950px;

	height: 300px; /* IE 8 and below */

	*left: 0px; /* IE 7 and below */ /* IE 6 */

	position: relative;

	z-index: 2;

	background: rgba(196, 196, 196, 0.09);

	margin-top: 20px;

	border: 5px solid rgb(255, 255, 255);

}



#sidebar .theme-default {

	height: 300px;

	padding-top: 0;

}





.slider-wrapper .theme-default {

	width: 950px;

	overflow: hidden;

	margin-left: 0px;

	height: 300px;

}



#sidebar .nivoSlider {

	position: relative;

	height: 175px;

}



.nivoSlider {

	position:relative;

	height: 300px;

}



.nivoSlider img {

	position:absolute;

	top:0px;

	left:0px;

}



/* If an image is wrapped in a link */



.nivoSlider a.nivo-imageLink {

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	border:0;

	padding:0;

	margin:0;

	z-index:6;

	display:none;

}



/* The slices and boxes in the Slider */



.nivo-slice {

	display:block;

	position:absolute;

	z-index:5;

	height:100%;

}



.nivo-box {

	display:block;

	position:absolute;

	z-index:5;

}



/* Caption styles */



.nivo-caption {

	position:absolute;

	left:0px;

	bottom: 13px;

	color: rgb(255, 255, 255);

	width: 930px;

	z-index:8;

	font-family: 'LeagueGothic';

	text-transform: uppercase;

	font-size: 51px;

	padding-left: 20px;

	padding-top: 10px;

	padding-bottom: 10px;

	background: rgba(29, 29, 29, 0.68);

}



#sidebar .nivo-caption {

position: absolute;

left: 0px;

top: 175px;

width: 100%;

z-index: 8;

text-transform: none;

padding-left: 0px;

padding-top: 5px;

background: none;

font-family: Arial;

color: rgb(68, 68, 68);

line-height: 1.5;

letter-spacing: 0.25px;

padding-bottom: 15px;

}



.nivo-caption p {

	padding: 0px;

	margin:0;

}



.nivo-caption a {

	display:inline !important;

}



.nivo-html-caption {

    display:none;

}



#sidebar .nivo-caption-inner {

font-size: 12px;

}



.nivo-caption-inner{ font-size: 40px; }



/* Direction nav styles (e.g. Next & Prev) */



.nivo-directionNav a {

	position:absolute;

	top:45%;

	z-index:9;

	cursor:pointer;

}



.nivo-prevNav {

	left:0px;

}



.nivo-nextNav {

	right:0px;

}



/* Control nav styles (e.g. 1,2,3...) */



#sidebar .theme-default .nivo-controlNav {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	width: 75px;

	bottom: -280px;

	left: auto;

}



.nivo-controlNav a {

	position:relative;

	z-index:9;

	cursor:pointer;

}



.nivo-controlNav a.active {

	font-weight:bold;

}



/* LISTING STYLES */

#white-wrap{

	clear: both;

	width: 960px;

	border-bottom: 0;

}



#sidebar .header-content {

	font-size: 28px;

	color: rgb(233, 181, 62);

	font-family: 'LeagueGothic', sans-serif;

	clear: both;

	text-transform: uppercase;

	padding-bottom:0;

	margin-bottom: 2px;

	line-height: 25px;

	margin-top: 5px;

	border-bottom: 0;

}





.header-content {

	font-size: 28px;

	color: rgb(233, 181, 62);

	font-family: 'LeagueGothic', sans-serif;

	clear: both;

	text-transform: uppercase;

}



.news_title {

	color: #472586;

    font-size: 40px;

	margin-bottom: 15px;

    line-height: 40px; 

    padding-left: 0px;

    padding-bottom: 3px;

	width: 960px;

	font-family: 'LeagueGothic', sans-serif;

	text-transform: uppercase;

	float: left;

	border-bottom: 1px dotted;

}



.sidebar_title{

	color: rgb(255, 255, 255);

    font-size: 40px;

	margin-bottom: 2px;

    line-height: 40px;

	width: 330px;

	font-family: 'LeagueGothic', sans-serif;

	text-transform: uppercase;

	float: right;

}



.post {

	margin-bottom: 20px;

	padding-bottom: 10px;

	clear: both;

	border-bottom: 1px solid #ddd;
	
	overflow: auto;

}



.single .header-content {

color: #43237f;

font-size: 50px;

line-height: 50px;

margin-bottom: 15px;

border-bottom: 1px dotted rgb(194, 194, 194);

padding-bottom: 10px;

margin-top: 6px;

padding-top: 0;

}



#primary .header-content a {

	font-size: 28px;

	color:  rgb(233, 181, 62);

	padding-bottom: 5px;

	font-family: 'LeagueGothic', sans-serif;

	clear: both;

	text-transform: uppercase;

	text-decoration: none;

}



#primary .header-content a:hover {

	color: #E9C23C;

	font-size: 28px;

	padding-bottom: 5px;

	font-family: 'LeagueGothic', sans-serif;

	clear: both;

	text-transform:uppercase;

}



#featured-post-video {

width: 575px;

height: 323px;

float: none;

margin: 0px 0px 10px 0px;

}



#featured-post-video iframe{ width: 575px; height: 323px; }



.listing-video_container {

	width: 300px;

	height: 169px;

	float: right;

	padding: 4px;

	background: rgba(255, 255, 255, 0.5);

	border: 1px solid #DDD;

	margin: 0px 0px 10px 15px;

}



.listing-video_container iframe{ width: 300px; height: 169px; }



.posted_in{

	font-size: 10px;

	font-family: Arial;

	text-transform: uppercase;

	color: rgb(138, 138, 138);

	margin-bottom: 4px;

	margin-top: -3px;

	border-bottom: 0px solid #ddd;

}



.posted_in a{ color: #472586; text-decoration: none; font-weight: bold; font-size: 10px;}

.posted_in a:hover{ color: rgb(123, 67, 226);; }



/* SIDEBAR STYLES */



.likebox {

float: right;

background: #fff;

margin-top: 15px;

}



#page .news-archive {

height: 170px;

min-height: auto;

list-style: circle;

}



.news-archive li a {

font-size: 15px;

font-family: Arial;

text-decoration: none;

color: #43237f;

}



.news-archive li a:hover{ color: rgb(128, 93, 194); }



.news-archive li {

margin-left: 18px;

margin-bottom: 5px;

}



#sidebar {

	width: 330px;

	float: right;

	list-style: none;      min-height: 300px;    margin-bottom: 10px;

	height: 100%;

}



#primary_widget{

	padding: 15px;

	background: #fff;

	margin-bottom: 15px;

}





#primary_widget .sidebar_post_title{

	font-size: 28px;

	color: #DBBC52;

	padding-bottom: 5px;

	font-family: 'LeagueGothic', sans-serif;

	clear: both;

	margin-bottom: 0;

	border: none;

}



#primary_widget .sidebar_post_title a {

	font-size: 28px;

	color: rgb(233, 181, 62);

	font-family: 'LeagueGothic', sans-serif;

	clear: both;

	text-transform:uppercase;

	text-decoration:  none;

	letter-spacing: 0px;

}



#primary_widget .sidebar_post_title a:hover {

	color: #E9C23C;

	font-size: 28px;

	padding-bottom: 5px;

	font-family: 'LeagueGothic', sans-serif;

	clear: both;

	text-transform:uppercase;

}



/* PAGE STYLES */



.page-content h2{ padding-top: 15px; }



.page-content ul {

font-family: Arial;

font-size: 15px;

color: rgb(68, 68, 68);

line-height: 1.6;

letter-spacing: 0.25px;

padding-bottom: 17px;

background: rgb(243, 243, 243);

border: 1px solid #ddd;

border-left: 3px solid rgb(138, 97, 216);

padding-left: 30px;

list-style: circle;

padding-top: 15px;

}



.page-content ul li strong{ font-size: 15px; }



.archive .page-content{ min-height: 220px; }



.page-content {

	width: 585px;

    float: left;

    padding: 15px;

    height: 100%;

    margin-top: 5px;

	background: #fff;

	margin-bottom: 25px;

}



.events-gridview .page-content {

	width: 920px;

	float: left;

	background: #fff;

	padding: 10px;

	border: none;



	height: 100%;

	padding-bottom: 0;

}



.page-content .wp-caption-text { margin: 4px; font-family: Arial; font-weight: bold; font-size: 15px; }



.page .header-content {

	color: #43237f;

	font-size: 60px;

	line-height: 50px;

	margin-bottom: 15px;

	border-bottom: 1px dotted rgb(194, 194, 194);

	padding-bottom: 10px;

	margin-top: 6px;

	padding-top: 0;

}





/* FOOTER STYLES */



#copyright-wrap {

	width: 100%;

	background-color: silver;

	border-top: 3px solid #F89828;

	height: 150px;

	clear: both;

}



#copyright {

	width: 960px;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	height: 50px;

	padding-top: 10px;

}



#copyright #access{ background: none; height: 30px; margin: 0px 0px 10px 0px; }



#copyright #access div.menu{ height: 30px; }



#copyright #access .menu ul {

list-style: none;

margin: 0;

background-color: #0081B3;

border-right: 1px solid white;

}



#copyright #access div.menu li:first-child {

	border-right: 1px solid #E2E2E2;

	border-left: none;

	padding-right: 5px;

	padding-left: 0;

}



#copyright #access div.menu li{

	border-left: 1px solid #E2E2E2;

	border-right: none;

	padding-right: 5px;

	padding-left: 5px;

	line-height: normal;

}



#copyright #access div.menu li:last-child {

	border-left: 1px solid #E2E2E2;

	border-right: none;

	padding-left: 5px;

	padding-right: 0;

}



#copyright #access .menu a {

	color: white;

	text-decoration: none;

	letter-spacing: 0px;

	font-size: 16px;

	font-family: 'LeagueGothic', sans-serif;

	text-transform: uppercase;

	padding: 5px 10px 5px 10px;

	line-height: normal;

}



.copydate {

	width: 400px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 10px;

	color: rgb(255, 255, 255);

	font-size: 10px;

	font-family: Verdana;

}



/* CALENDAR STYLES */



.events-gridview #primary, .events-list #primary{ margin-top: -8px; padding: 20px 30px 20px 30px;}

.events-gridview .page-content{ width: 928px; padding-top: 25px; }

.events-list .page-content{ padding-top: 8px; }

.events-gridview .header, .events-list .header{ color: #43237f

font-size: 60px;

font-family: 'LeagueGothic', sans-serif;

clear: both;

text-transform: uppercase;

margin-bottom: 10px;

}



#page #tribe-events-content.upcoming {

margin-bottom: 0px;

}



#primary #tribe-events-nav-below {

margin-bottom: 5px;

}



.events-gridview .tribe-events-calendar-buttons {

    position: absolute;

    right: 0;

    top: -23px;

}



.events-gridview .grid #tribe-events-calendar-header {

    height: 25px;

}



#primary .entry-title a {

	font-size: 28px;

	color: rgb(233, 181, 62);

	font-family: 'LeagueGothic', sans-serif;

	clear: both;

	text-transform: uppercase;

}



#primary .entry-title{ border-bottom: 1px solid rgb(233, 181, 62); }





/* Post */



.nav-next {

float: right;

}

.nav-next a{ color: #888; text-decoration: none; }



.nav-prev a{ color: #888; text-decoration: none; }



/* FORM STYLES */



#content-page form{ padding: 0; margin: 0; }



#content-page .page-content .greyform label {

	padding: 0;

	background-color: inherit;

	margin: 5px 5px 5px 0;

	display: block;

	color: rgb(54, 54, 54);

	width: 200px;

	font-size: 12px;

	float: left;

	font-weight: bold;

}



#content-page .greyform input[type="text"], #content-page .greyform select {

	-moz-border-radius: 0px;

	-khtml-border-radius: 0px;

	-webkit-border-radius: 0px;

	color: #333333;

	margin: 0;

	width: 300px;

	font-size: 1.3em;

	background-color: #f5f5f5;

	outline: 1px solid #ddd;

	border: none;

	height: 20px;

	padding: 5px;

}



#content-page .greyform h4 {

padding: 0;

background-color: inherit;

margin: 5px 5px 5px 0;

color: #333333;

font-size: 14px;

font-family: 'LeagueGothic';

font-size: 25px;

text-transform: uppercase;

color: rgb(87, 87, 87);

margin-bottom: 10px;

line-height: 30px;

letter-spacing: -1px;

}



#content-page .greyform select { height: 35px; width: 310px; }



#content-page .greyform textarea{ 

	-moz-border-radius: 0px;

	-khtml-border-radius: 0px;

	-webkit-border-radius: 0px;

	color: #333333;

	margin: 0;

	width: 300px;

	font-size: 1.3em;

	background-color: #f5f5f5;

	outline: 1px solid #ddd;

	border: none;

	height: 70px;

	padding: 5px;

}



#content-page .greyform .submit{

border: 1px solid #ddd;

border-radius: 5px;

background: rgb(245, 245, 245);

float:right;

}



#content-page .greyform .reset-button{

border: 1px solid #ddd;

border-radius: 5px;

background: rgb(245, 245, 245);

float:right;

}





.page .ccf-tooltip {

padding: 10px 15px;

width: 200px;

display: none;

color: rgb(0, 0, 0);

text-align: left;

font-size: 12px;

-moz-box-shadow: 0;

-webkit-box-shadow: 0;

background-color: #f5f5f5;

outline: 1px solid #ddd;

z-index: 9;

}



#content-page .greyform div {

	margin-bottom: 6px;

	background-color: inherit;

	clear: both;

	padding-bottom: 5px;

}





/* IMAGE STYLES */



.post_img_featured { padding: 4px; border: 1px solid #ddd; padding-bottom: 0px; background: rgb(247, 247, 247); margin-bottom: 15px; float: right;}

#logo img{ height: 100px; }

.post_img { width: 150px; height: 150px; overflow: hidden; padding: 4px; background: rgba(255, 255, 255, 0.5); border: 1px solid #DDD; float: right; margin: 0px 0px 10px 10px; }

.sidebar_post_img { width: 100px; height: 100px; overflow: hidden; padding: 4px; background: rgba(255, 255, 255, 0.5); border: 1px solid #DDD; float: right; margin: 0px 0px 10px 10px; }

.sidebar_post_img img { width: 100px; height: 100px; }

.page-fullsize-img{ width: 960px; position: relative; margin-bottom: 8px; }





/* TABLE */



/* Widget Table - CSS */





#widget-table{

width: 585px;

text-align: left;

border-collapse: collapse;

margin-bottom: 15px;

border: 1px solid #ddd;  

border-left: 3px solid rgb(138, 97, 216);

font-family: Arial;

}



#widget-table thead {

border-bottom: 1px solid #DDD;

}



#widget-table th {

font-size: 15px;

color: #5E5E5E;

padding: 10px 15px;

letter-spacing: 1px;

border-right: 1px solid rgb(209, 209, 209);

background: rgb(241, 241, 241);

}



#widget-table th:last-child {

border-right:none;    

}



.league-standings td{ text-align: center; }

.league-standings tr td:first-child{ text-align: left; }

#widget-table td {

color: rgb(133, 133, 133);

padding: 15px;

font-size: 12px;

border-right: 1px solid #eee;

}



#widget-table td:last-child {

border-right: none;

}



#widget-table tr:hover td {

color: #502a99;

background: rgb(255, 255, 255);

border-right: 1px solid #ddd;

}



/* DONATION FORM */

#donation_form{ width: 600px; font-family: Arial; font-size: 12px; }

#donation_form input[type=text]{

-moz-border-radius: 0px;

-khtml-border-radius: 0px;

-webkit-border-radius: 0px;

color: #333333;

margin: 0;

width: 390px;

font-size: 1.3em;

background-color: #f5f5f5;

outline: 1px solid #ddd;

border: none;

height: 20px;

padding: 5px;

}


/* GALLERT */

.gallery-icon img {
background-color: #FFFFFF;
border: 1px solid #A9A9A9;
margin-bottom: 10px;
list-style-type: none !important;
padding: 5px;
}

.page-id-514 .page-content .alignleft{background-color: #FFFFFF;
border: 1px solid #A9A9A9;
margin-bottom: 10px;
list-style-type: none !important;
padding: 5px; border: 1px solid rgb(214, 214, 214); }

.page-id-514 .page-content .wp-caption-text {
margin: 4px;
font-family: Arial;
font-weight: bold;
font-size: 15px;
left: 1px;
bottom: 0;
width: 120px;}
