/*
Theme Name: Pavone EPAC
Theme URI: http://wordpress.org/
Description: Based on the "Default" theme.
Version: 1.0
Author: Pavone - James Cates
Author URI: http://www.pavone.net/
Tags: epac, custom header, fixed width, three columns, widgets
*/


/* Begin Typography & Colors */
html 
{ 
	height: 100%; 
}

body
{
    background-image: url(images/epac_main_bg.gif);
    background-position: 0px 0px;
    background-repeat: repeat;
    background-color: #FFFFFF;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.widecolumn .entry p {
    font-size: 1.05em;
    }

.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }

.narrowcolumn .postmetadata {
    text-align: center;
    }

.thread-alt {
    background-color: #f8f8f8;
}
.thread-even {
    background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

    border-left: 1px solid #ddd;
}

small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }

h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    }

h1 {
    font-size: 4em;
    text-align: center;
    }

#headerimg .description {
    font-size: 1.2em;
    text-align: center;
    }

h2 {
    font-size: 1.6em;
    }

h2.pagetitle {
    font-size: 1.6em;
    }

h3 {
    font-size: 1.3em;
    }

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
    }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }

.entry p a:visited {
    color: #b85b5a;
    }

.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em Arial, Helvetica, Sans-Serif;
    }
.commentlist li ul li {
    font-size: 1em;
}

.commentlist li {
    font-weight: bold;
}

.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

#commentform p {
    font-family: Arial, Helvetica, Sans-Serif;
    }

.commentmetadata {
    font-weight: normal;
    }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777777;
    }

code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }

a, h2 a:hover, h3 a:hover 
{
    color: #3b01a6;
    text-decoration: none;
}

a:hover 
{
    color: #3b01a6;
    text-decoration: underline;
}

#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
    }

#wp-calendar a {
    text-decoration: none;
    }

#wp-calendar caption {
    font: bold 1.3em Arial, Helvetica, Sans-Serif;
    text-align: center;
    }

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
/* End Typography & Colors */



/* Begin Structure */
#headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    }

.narrowcolumn 
{
    float: left;
    padding: 0 0 10px 3px;
    margin: 0px 0 0;
    width: 430px;
}

.widecolumn 
{
    padding: 2px 0px 6px 0px;
    margin: 4px 0px 0px 3px;
    width: 430px;
    line-height: 1.6em; 
    vertical-align: top;
}

.post 
{
    margin: 0px 0px 20px 5px;
    text-align: justify; 
    vertical-align: top;
}

.post hr {
    display: block;
    }

.widecolumn .post {
    margin: 0;
    }

.narrowcolumn .postmetadata {
    padding-top: 5px;
    }

.widecolumn .postmetadata {
    margin: 30px 0;
    }

.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}

.postmetadata {
    clear: both;
}

.clear {
    clear: both;
}

/* End Structure */



/*  Begin Headers */
h1 {
    padding-top: 70px;
    margin: 0;
    }

h2 {
    margin: 30px 0 0;
    }

h2.pagetitle {
    margin-top: 30px;
    text-align: center;
}

#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }

h3 {
    padding: 0;
    margin: 30px 0 0;
    }

h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */



/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*  Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
/* End Images */



/* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

html > body .entry ul
{
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: disc;
    padding-left: 10px;
    /*text-indent: -10px;*/
}

html>body .entry li {
    margin: 7px 0 8px 10px;
    }

/*
.entry ul li:before, #sidebar ul ul li:before 
{
    content: "\00BB \0020";
}
*/

.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }

.entry ol li {
    margin: 0;
    padding: 0;
    }

.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }

#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }

#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }

#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }

#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }

ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }

#sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }

#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
    }

#sidebar #searchsubmit {
    padding: 1px;
    }

.entry form 
{
    text-align: left;
}

select {
    width: 130px;
    }

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform {
    margin: 5px 10px 0 0;
    }
#commentform textarea {
    width: 100%;
    padding: 2px;
    }
#respond:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
    }
/* End Form Elements */

/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 0;
    text-align: justify;
    }

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;

    }
.commentlist li ul li { 
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
    margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
    margin: 5px 0;
    }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */

/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

#wp-calendar a {
    display: block;
    }

#wp-calendar caption {
    text-align: center;
    width: 100%;
    }

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom: 1px dashed #999;
    }

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

.hidden {
    display: none;
    }

a img {
    border: none;
    }

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */

body
{
    background-image: url(images/epac_main_bg.gif);
    background-position: 0px 0px;
    background-repeat: repeat;
    background-color: #FFFFFF;
    height: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#wrapper
{
    width: 860px; 
    bottom: 0px;
    text-align: center; 
    margin-left: auto; 
    margin-right: auto;
    margin-top: 0px; 
    margin-bottom: 0px;
}

* html #outer{height:100%;}/* ie6 and under*/

#header
{
    width: 858px;
    height: 150px;
    /* top right bottom left */
    padding: 2px 0px 2px 1px;
    background-color: #ffffff;
    background-image: url(images/epac_header_bg.jpg);
}
#headerZZZ
{
    width: 858px;
    height: 154px;
    padding: 2px 0px 0px 1px;
    background-color: #ffffff;
    background-image: url(images/epac_header_bg.jpg);
}

#bcontent
{
    width: 856px;
    /* top right bottom left */
    padding: 0px 0px 2px 2px;
    background-color: #ffffff;
    /*
    background-position: left top;
    background-image: url(images/epac_bcontent_bg.gif);
    background-repeat: repeat-y;
    */
}

#bcontentZZZ
{
    background-color: #ffffff; 
    /*min-height: 600px; */
    padding: 1px 2px 2px 2px;
}

#bcontent table td
{
    background-color: #ffffff;
    vertical-align: top;
}

#navigation
{
    background-color: #ffffff;
    width: 175px;
    float: left; 
    vertical-align: top;
}

#navigation div.gradient
{
    background-image: url(images/epac_nav_bottom_bg.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
    background-position: 0em 0em;
    width: 175px;
    height: 300px;
    vertical-align: top;
}

#body
{
    width: 442px;
    background-color: #ffffff;
    float: left; 
    border-right: solid 2px #55c8c2; 
    text-align: left; 
    vertical-align: top;
    min-height: 600px;
}

#calendarbody
{
    width: 680px;
    background-color: #ffffff;
    float: left; 
    border-right: none; 
    text-align: left; 
    vertical-align: top;
    min-height: 600px;
}

.calendarcolumn 
{
    float: left;
    padding: 0 0 10px 3px;
    margin: 0px 0 0;
    width: 670px;
}


#body div.text
{
    margin: 3px 8px 3px 10px;
    text-align: left;
    text-indent: 0px;
} 

#body div.hr 
{
    width: 440px;
    height: 2px; 
    margin: 2px 0px 2px 2px;
    border: 0;
    background-color: #55c8c2;
} 

#body div.title
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold; 
    color: #3b01a6; 
    text-indent: 6px;
    margin: 3px 2px 3px 2px;
}

#body h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold; 
    color: #55c8c2; 
    text-indent: 6px;
    margin: 5px 2px 3px 2px;
}

.post h2 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold; 
    color: #55c8c2; 
    text-indent: 6px;
    margin: 5px 2px 3px 2px;
}

.post h2 a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold; 
    color: #55c8c2; 
    text-indent: 6px;
    margin: 5px 2px 3px 2px;
}

#widgets
{
    width: 235px;
    min-height: 600px; 
    height: 100%;
    /* top right bottom left */
    margin: 1px 1px 2px 0px;
    background-color: #ffffff;
    float: right;
}

#widgets div.hr 
{
    width: 235px;
    height: 2px; 
    margin: 2px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
    background-color: #55c8c2;
} 

#widgets div.bulletinboard
{
    width: 232px;
    background-image: url(images/epac_bulletinboard_bg.jpg);
    background-repeat: no-repeat;
    background-color: #f4f4f4;
    background-position: 1px 1px;
    height: 320px; 
    margin: 3px 0px 3px 1px;
    border: 0; 
    text-align: left;
} 

#widgets div.bulletinboard .bulletinboard_entry
{
    /* top right bottom left */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px; 
    text-align: left;
    padding: 82px 20px 20px 40px;
    text-align: left;
} 

/* Begin Sidebar */
#sidebar
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px; 
    text-align: left;
    padding: 20px 0 10px 10px;
    width: 225px;
}

#sidebar form 
{
    margin: 0;
}

#sidebar h2 
{
    color: #3b01a6;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.5em;
}


/* End Sidebar */

#footer
{
    background-color: #FFFFCC;
    width: auto;
    height: 160px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5em;
    padding: 0px 2px 2px 2px;
}

/*** Nav bar styles ***/

ul.nav, .nav ul
{
    /*Remove all spacings from the list items*/
    margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none; 
    text-align: left;
}

ul.nav
{
    width: 175px; 
    /*Optional, to make the navigation bar positions on the left of the content*/
    /*float: left;*/
    margin-right: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

ul.nav>li
{
    padding: 2px 6px; 
    border-bottom: solid 3px #ffffff;
}

.nav ul li a
{
    /*Make the hyperlinks as a block element, sort of a hover effect*/
    display: block;
    padding: 2px 10px;
}

/*** Menu styles (customizable) ***/

.nav a
{
    text-decoration: none;
}

ul.nav, .nav ul, .nav ul li a
{
    background-color: #90d9f8;
    color: #3b01a6;
}

ul.nav li:hover, .nav ul li a:hover
{
    background-color: #3b01a6;
    color: #FF0;
}

ul.nav li:active, .nav ul li a:active
{
    background-color: #3b01a6;
    color: #ffffff;
}

.nav li a:hover
{
    text-decoration: none;
    background-color: #3b01a6;
    color: #ffffff;
}

.nav a:hover
{
    text-decoration: none;
    background-color: #3b01a6;
    color: #ffffff;
}

#pageParentNav
{
    margin: 0;
    padding: 0;
    margin-left: 10px;
}

#pageSubNav ul
{
    margin: 0;
    padding: 0;
    margin-left: 10px;
    list-style-type: none;
    display: block;
}
#pageSubNav ul li
{
    margin: 0;
    padding: 0;
    margin-right: 10px;
    display: inline;
}

ul#navmenu
{
    margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none; 
    text-align: left;
    width: 175px; 
    margin-right: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

ul#navmenu li 
{
    margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none; 
    text-align: left;
    list-style: none;
    background-color: #90d9f8;
    color: #3b01a6;
    text-align: left;
    margin: 0;
    padding: 2px 6px; 
    border-bottom: solid 3px #ffffff;
}

/*
The links are where the action is. Once you've set the basics for the list items you can start playing with how the menu looks in the links area. First you should style the ul#navigation li a, then the a:link, a:visited, a:active, and a:hover (if you want them). For the a links, I like to make the links a block element (rather than the default in-line). This forces them to take up the entire space of the li - and they act more like a paragraph, which makes them easier to style as menu buttons.The other thing I always do is remove the underline (text-decoration: none;), as this makes the buttons look more like buttons to me. But of course, your site might be different.
*/

ul#navmenu li a 
{
    display: block;
    text-decoration: none;
    color: #3b01a6;
}

/* Use this ID on the LI to indicate the current page */
/*
    <ul id="navigation">
    <li id="youarehere"><a href="#">Home</a></li>
    <li><a href="#">Products</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Contact Us</a></li>
    </ul> 
*/
ul#navmenu li#youarehere a 
{
    background-color: #09f; 
}

/*
Notice that with the display: block; set on the a links, the entire box of the menu item is clickable, not just the letters. This is also good for usability. Make sure to set the link colors (link, visited, active, and hover) if you want them to be different than the default blue, red, and purple.
*/

#navmenu a:link, a:visited 
{
    color: #3b01a6;
}

#navmenu li:hover, a:hover, a:active
{
    background-color: #3b01a6;
    color: #ffffff;
}

ul#navmenu li a:hover, a:active
{
    background-color: #3b01a6;
    color: #ffffff;
}

ul#navmenu li a:active
{
    background-color: #000000;
    color: #ffffff;
}