/*
THEME NAME: CCENP
THEME URI: http://elnuevopacto.org
DESCRIPTION: Dreamwaver theme for CCENP
AUTHOR: <CCENP</a>
AUTHOR URI: http://www.elnuevopacto.org/
*/

body {background: black url() repeat-x top center; color: #333; font: 62.5% arial, helvetica, sans-serif; text-align: center; margin: 0; padding: 0; border: 0;}

/* GENERIC STYLES ----------------------------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6, form, ul, ol {margin:0 0 0.2em 0; padding:0; list-style:none; text-align: left; border:0px;}
h1 {font-size: 1.65em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}

a img {border:0px; padding:0; margin:0;}
a, a:visited, a:active {color: #093060; text-decoration: none;}
a:hover {text-decoration: underline;}

.reset {clear:both; height: 0px;}

abbr, acronym {border-bottom: 1px dashed #404040; cursor: help;}
strong, b { font-weight:bold;}
em, i { font-style:italic;}

.navigation {margin-bottom: 30px; clear:both; font-size: 1.2em;}
.alignright {background: url(imagenes/arrow.gif) no-repeat; padding-left: 18px; float: right;}
.alignleft {background: url(imagenes/arrow_left.gif)  no-repeat; padding-left: 18px; float: left;}

/* FORMS ----------------------------------------------------------------------------------*/

#s {background: url(imagenes/searchbg.jpg) repeat-x; width: 142px; vertical-align: top;}
#searchsubmit { border: 0; background: transparent; width: 38px; height: 24px; cursor: pointer; vertical-align: top;}
#header #searchform {float: right; margin: 45px 10px 13px 5px;}

#comment { width: 565px; }
/* PAGE LAYOUTS ----------------------------------------------------------------------------------*/

#page {width: 800px; margin: 0 auto;}
#frame {margin: 0 0 15px 0; width: 800px; height: 100%; border: 0; background: white; text-align: left;}
#header {background: url(imagenes/header.jpg) repeat-y; width: 800px; height: 85px;}

#header .title {float: left; margin: 12px 0 0 6px; padding: 0; overflow: visible; background: url(imagenes/logotype.png) no-repeat;  width: 235px; height: 58px; cursor: pointer;}
#header h1, #header h2, #header h1 a, #header h2 a {display: none;} 
/* The following #header h1 and #header h2 definitions are left over from
 * before we started using the .title background image, but are kept here 
 * for reference. */
#header h1 {text-transform: uppercase; font: 32px verdana, sans-serif; font-weight: bold; letter-spacing: -0.06em; white-space: nowrap;}
#header h1 a, #header h1 a:visited {margin: 0; padding: 0; color: white; }
#header h1 a:hover {text-decoration: none;}

#header h2 {color: #a1a1a1; font-style: italic; font: 12px arial italic; font-weight: bold; letter-spacing: -0.06em; white-space: nowrap;}
#header h2 a, #header h2 a:visited {color: #a1a1a1;}
#header h2 a:hover {text-decoration: none;}

.logo {float:left; width: 51px; height: 57px; padding: 0; margin: 13px 0 0 18px; overflow: hidden;}

.topnav {
	background: #303030 url(imagenes/navigation-bg.gif);
	text-align: center;
	font-size: 1.4em;
	height: 1.57em;
}
.topnav ul {margin: 0 9px;}
.topnav ul li {float: left; padding: 0; margin: 0; border: 0; text-transform: lowercase; }
.topnav a, .topnav a:visited {color: white; display: block; line-height: 1.4em; padding: 0 9px; margin: 0; border: 0; }
.topnav a:hover, .topnav li.current_page_item a, .topnav li.current_page_item a:visited, .topnav li.current_page_ancestor a, .topnav li.current_page_ancestor a:visited {color: black; background: #dadada url(imagenes/navigation-selected-bg.gif) repeat-x; text-decoration: none; }

.submenu {background: #c7c7c7; color: black; font-weight: bold; text-align: left; font-size: 11px; padding: 0 0 0 9px; min-height: 1.8em  !important; height: 1.8em; }
.submenu ul{line-height: 1.8em; margin: 0;}
.submenu ul li {float: left; padding-right: 8px; text-transform: lowercase;}
.submenu a, .submenu a:visited {color: black; padding: 0 10px;}
.submenu a:hover, .submenu li.current_page_item a, .submenu li.current_page_item a:visited, .submenu li.current_page_ancestor a, .submenu li.current_page_ancestor a:visited {color: #0054ff; text-decoration: none;}

/* HOME LEFT ----------------------------------------------------------------------------------*/
#hleft {float:left; width: 545px; border: white solid 10px; border-bottom: 0; text-align:left; overflow:hidden; margin:0 0 0 0 !important; margin: -10px 0 0 0;}

#masthead {width: 800px; margin: 0; padding: 0; overflow: hidden;}

#innernav-bg {z-index: 1; width: 20px; height: 250px; margin: 0; background: black; position: absolute; top: 0px; right: 0px; opacity: 0.27; -moz-opacity: 0.27; filter:alpha(opacity=27);}
#innernav-labels {z-index: 2; width: 20px; height: 250px; margin: 0; background: transparent; font-weight: bold; font-size: 1.58em; text-align: center; position: absolute; top: 0px; right: 0px;}
#innernav-labels a, innernav-labels a:visited {display: block; color:white; line-height: 1.75em; width: 100%;}
#innernav-labels a:hover, #innernav-labels a.selected {background-color: black; text-decoration: none}

#hleft p {margin: 4px; padding: 0; line-height: 1.2em; font-size: 1.2em; margin-bottom: 0.64em}
#carousel ul.carousel-list > li > p {margin: 0}

.ec3_events {padding-left: 8px;}

.events ul ul li {padding: 0 5px 5px 5px;}

.events {float:left; width: 291px; color: black; text-align:left; margin: 10px 10px 0 0; min-height: 202px !important; height: 202px;}

.events a, .events a:visited {color:black;  font-size: 1.1em;}
.events a:hover {color: #134e7b;}


.emenu {background: url(imagenes/emenu.jpg) repeat-y; color: white; text-transform: lowercase; font-size: 1.2em; padding: 2px; font-weight: bold;}

.emenu a, .emenu a:visited {color:white;}
.emenu a:hover {color:white; text-decoration: none;}

.box1 {float:left; width: 287px; height: 202px; margin: 10px 0 0 0;}
/* .box1 img {width: 287px; height: 202px;} */


/* Begin Calendar */
#wp-calendar {
margin-bottom: 2em;
}

#wp-calendar table {
text-align: center;
border: 1px solid #000000;
empty-cells: show;
font-size: 26px;
width: 430px;
}

#wp-calendar .nav {
height: 20px;
}

#wp-calendar table #next a {
padding-right: 1px;
text-align: center;
}

#wp-calendar table #prev a {
padding-left: 1px;
text-align: center;
}

#wp-calendar table a,
#wp-calendar table a.visited {
display: block;
text-decoration: none;
color: #000000;
width: 100%;
}

#wp-calendar table a:hover {
color: #000066;
}

#wp-calendar table caption {
color: #000033;
font-size: 14pt;
background-color: #ccc;
text-align: center;
padding-bottom: 0px;
padding-left: 0px;
border-left: 1px solid black;
border-right: 1px solid black;
}

#wp-calendar table td {
color: #000000;
font: normal 11px Verdana, Geneva, sans-serif;
padding: 0px;
text-align: center;
vertical-align: top;
margin-right: -5px;
margin-left: -5px;
}

#wp-calendar .nav a,
#wp-calendar .nav td {
height: 18px;
background: white;
}

#wp-calendar table td.pad:hover {
background: #ffffff;
}

#wp-calendar table #today {
background-color: #f5f5f5; 
color: #000;
}

#wp-calendar table th {
color: #000033;
font-style: normal;
text-transform: capitalize;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: .4em;
text-align: center;
vertical-align: middle;
}

#wp-calendar a.eventday {
color: #000066;
}

td.ec3_eventday {
background-color: #ccc;
}

td.ec3_eventday .ec3_events {
padding-left: 0;
}

/* End Calendar */

/* SIDEBAR ----------------------------------------------------------------------------------*/
#sidebar {
    margin: 10px 0 10px 10px;
    width: 224px;
    font-size: 14px;
    line-height: 1.3em;
}

#sidebar .title {
    background: #888 url(imagenes/sidebar-box-header-bg.png) no-repeat top left;
    color: white;
    height: 28px;
    min-height: 28px !important;
    padding: 0 12px ;
    text-transform: uppercase;
    line-height: 28px;
}

#sidebar .title a {
    color: white;
}

/* indent each level of subpage navigation */
#sidebar #subpages li {
    margin: 0 10px;
}
/* but don't indent the first level */
#sidebar #subpages>li {
    margin: 0 0;
}

#subpages a:hover, 
#subpages li.current_page_item a, 
#subpages li.current_page_item a:visited,
#subpages li.current_page_ancestor a, 
#subpages li.current_page_ancestor a:visited {
    color: #0054ff;
}

#sidebar #subpages,
#sidebar .textwidget {
    background: #c7c7c7 url(imagenes/sidebar-box-footer-bg.png) no-repeat bottom left !important;
    background: #c7c7c7 url();
    margin: 0;
    margin-bottom: 10px;
    padding: 5px 12px 10px 12px;
}

#sidebar .textwidget p {
    margin: 0;
    padding: 0;
}

/* PAGE CONTENTS ----------------------------------------------------------------------------------*/
#main {
    float: right; 
    display: inline; /* Fixes IE double-margin: http://www.positioniseverything.net/explorer/doubled-margin.html */
    margin: 10px 10px 10px 0;
    background: white; 
    width: 545px; 
    text-align: left; 
    overflow: hidden; 
    line-height: 1.3em; 
    font-size: 1.3em;
}

#main p {margin: 0 0 1em 0; padding: 0;}

#main ul {margin: 3px 0 1em 1.3em;}

#content {
	margin: 0;
	position: relative;
	background-color: #FFFFFF;
	top: 1px;
}
.entry ul {list-style: disc;}
.entry ol {list-style: decimal;}

/* HOME PAGE -------------------------------------*/
#homepage #main {
    float: left;
    display: inline; /* Fixes IE double-margin: http://www.positioniseverything.net/explorer/doubled-margin.html */
    margin: 10px 0 10px 10px;
}

#homepage #main ul {
    list-style-image: url(imagenes/plus-bullet.gif);
    list-style-position: inside;
    margin:  0 0 1em 0;
}

#homepage #sidebar {
    margin: 10px 0 10px 565px;
    width: 224px;
}

/* STAFF PAGE -------------------------------------*/
.staffbio {
  padding: 0pt 20px 0.65em 0;
  float: left; 
  width: 45%;
}
.staffbio .headshot {
  float: left;
  margin-right: 0.5em; 
  margin-bottom: 0.5em;
}
/* Excerpt Reloaded Plugin --------------------------------------*/
.more-link {margin-bottom: 5px;}

/* My C3 ---------------------------------------------------*/
ul.my-c3 {margin-left: 10px;}
ul.my-c3 li.page_item {font-size: 15px; line-height: 1em; list-style: disc; margin-bottom: 10px;}


/* FOOTER ----------------------------------------------------------------------------------*/

#footer {text-align: left; width: 800px; line-height: 2.2em; min-height: 2.2em !important; background: black; color: #8a8a8a; font-size: 1.2em;}

#footer a, #footer a:visited {color: #8a8a8a;}
#footer a:hover {text-decoration: underline;}

#footer a img { vertical-align: middle; }

/* FOOTER COUNTDOWN TIMER ------------------------------------------------------------------*/
/* container */
#footer-countdown {
    height: 100px;
    background: black url(imagenes/footer-countdown.jpg) top center;
}
/* text div */
#footer-countdown div {
    padding: 40px 0 0 422px;
    font-size: 16px;
    font-family: 16px Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-weight: bold;
    color: red;
    white-space: nowrap;
}

#footer #contact-addresses {
    text-align: right;
    line-height: normal;
    padding: 0.5em 0;
    border-top: 1px solid #353C43;
}