/*
Theme Name: Dennis Moseley-Williams
Theme URI:
Description:
Version: 1
Author:
Author URI:
Tags:

*/

/* v1.0 | 20080212

RESETS ALL ELEMENTS

*/



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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.alignright{
    float:right;
    margin: 0 0 8px 8px;
}

.alignleft{
    float: left;
    margin: 0 8px 8px 0;
}

.aligncenter{
    margin: 0 auto;
    display:block;
}

/***

TYPOGRAPHY
**----------------------------------------------------------------------------------------------**/


h1{
    font-weight: bold;
    font-size: 1.8em;
    margin: 1em 0;

}

h2 {

    font-weight: bold;
    font-size: 1.4em;
    margin: 0.5em 0 0.8em 0;

}

h3 {

    font-weight: bold;
    font-size: 1.2em;
    margin: 0.4em 0 0.6em 0;

}

h4 {
    font-weight: bold;
    font-size: 1.1em;
    margin: 0.8em 0;
}

h5 {

}

h6 {

}


p{
    margin: 10px 0;
    line-height: 18px;
}

ul, ol{
    padding-left: 30px;
}

ol li{

    list-style:decimal;
}


strong {
    font-weight: bold;
}

em {
    font-style:italic;
}

sup{
    vertical-align:super;
}

blockquote{
    line-height: 18px;
    font-size: 14px;
    margin: 10px 0;
}

small{
    font-size:10px;
}


/***

GENERAL

**----------------------------------------------------------------------------------------------**/

html {
    font-size: 100%;
}

body {
    font-size: 62.5%;
    font-family: Tahoma, Arial, sans-serif;

}

.clear {
    clear: both;
    height: 1px;
    margin-top:-1px;
    width: 100%;
}


/***

LAYOUT
**----------------------------------------------------------------------------------------------**/


#logo{

    width: 405px;
    height: 371px;
    background: url(images/logo.png) no-repeat top left;
    position: absolute;
    left: -430px;
    top: -35px;

}

#wrapper{
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 0 0;
}

#wrapper-inside{

    width: 810px;
    margin: 0 auto;

}


#header{
    height:200px;
    float:left;
    width: 100%;
    background:#212121;
}


#header-inside{

    width: 808px;
    margin: 0 auto;
    position: relative;
}

#header h1{
    margin:93px 0 0 0;
    font: 45px Times New Roman;
    color: #00a4e4;
    float:left;
}

#header h1 a:link,
#header h1 a:visited{
    color:#00a4e4;
    text-decoration:none;
}

#header p#tagline{
    font: 13px Arial;
    color: #fff;
    text-transform: uppercase;
    clear:left;
    display:block;
    margin:0;
}
#mainnav-wrapper{

    width: 100%;
    background: #444242;
    height: 25px;
    clear:both;
}

.menu{

    width: 810px;
    margin:0 auto;
}

.menu ul{

    margin:0;
    padding:0;

}

.menu ul li{

    list-style:none;
    float:left;
    font-family: Times New Roman;
    font-size:11px;
    text-transform: uppercase;

}

.menu ul li a:link,
.menu ul li a:visited{
    text-decoration: none;
    color: #fff;
    display:block;
    float:left;
    margin: 0 6px;
    padding: 3px 0;

}
.menu ul li#home a:link,
.menu ul li#home a:visited{
    border-bottom: 4px solid #00a2e1;
}
.menu ul li#page-item-2 a:link,
.menu ul li#page-item-2 a:visited{
    border-bottom: 4px solid #8ac43e;
}
.menu ul li#page-item-6 a:link,
.menu ul li#page-item-6 a:visited{
    border-bottom: 4px solid #e51b24;
}
.menu ul li#page-item-4 a:link,
.menu ul li#page-item-4 a:visited{
    border-bottom: 4px solid #f8d800;
}
.menu ul li#page-item-5 a:link,
.menu ul li#page-item-5 a:visited{
    border-bottom: 4px solid #f89829;
}
.menu ul li#page-item-51 a:link,
.menu ul li#page-item-51 a:visited{
    border-bottom: 4px solid #00a2e1;
}
.menu ul li#page-item-archive a:link,
.menu ul li#page-item-archive a:visited{
    border-bottom: 4px solid #8ac43e;
}

.menu ul li#home.current_page_item a:link,
.menu ul li#home.current_page_item a:visited{
    color: #00a2e1;
}
.menu ul li#page-item-2.current_page_item a:link,
.menu ul li#page-item-2.current_page_item a:visited{
    color: #8ac43e;
}
.menu ul li#page-item-6.current_page_item a:link,
.menu ul li#page-item-6.current_page_item a:visited{
    color: #e51b24;
}
.menu ul li#page-item-4.current_page_item a:link,
.menu ul li#page-item-4.current_page_item a:visited{
    color: #f8d800;
}
.menu ul li#page-item-5.current_page_item a:link,
.menu ul li#page-item-5.current_page_item a:visited{
    color: #f89829;
}
.menu ul li#page-item-51.current_page_item  a:link,
.menu ul li#page-item-51.current_page_item  a:visited{
    color: #00a2e1;
}
.menu ul li#page-item-2.current_page_item a:link,
.menu ul li#page-item-2.current_page_item a:visited{
    color: #8ac43e;
}
.menu ul li#page-item-archive.current_page_item a:link,
.menu ul li#page-item-archive.current_page_item a:visited{
    color: #8ac43e;
}


#mainnav li a:hover{

}

#content{
    width: 530px;
    float:left;
        font-size: 12px;
}

.post-container{
    width: 504px;
    border: 1px solid #e4e4e4;
    background: #e1ebef;
    padding: 12px;
        float: left;
}

.post{
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #d0dbdf;
}
.last-post{

    border: none;
}

.post p{
    color:#7e7e7e;

}
.post a:link,
.post a:visited{
    color:#7e7e7e;
}

.post a:hover{
    text-decoration: none;

}


.post h4{
    color: #00a4e4;
    font-size: 16px;
    font-weight: normal;
    margin:0 0 5px 0;
    line-height: 18px;
    display:inline;
}

.post small{
    color:#585858;
    font-size: 10px;
    display:block;
}

.post h4 a:link,
.post h4 a:visited{
    color: #00a4e4;
    text-decoration:none;
}

.post h4 a:hover{
    text-decoration:underline;
}

.post .entry{

    font-size: 12px;
}

#content h2{
    font-size: 30px;
    line-height: 24px;
    color:#444242;
    padding: 0 0 0 15px;
    margin: 0 0 15px 0;
    font-family: Times New Roman;
    border-bottom: 4px solid #999;
}


body.page-id-2 #content h2{
    border-bottom: 4px solid #8ac43e;
}
body.page-id-6 #content h2{
    border-bottom: 4px solid #e51b24;
}
body.page-id-4 #content h2{
    border-bottom: 4px solid #f8d800;
}
body.page-id-5 #content h2{
    border-bottom: 4px solid #f89829;
}


#sidebar{

    width: 250px;
    float:right;
    padding-bottom: 10px;
}


#sidebar h3{
    font-size: 12px;
    color: #fff;
    background: #00a4e4;
    padding: 6px;
    font-weight:bold;
    margin: 10px 0 0 0;
    position:relative;

}
#sidebar h3.top{
    margin:0;
}

#sidebar h3#twitter{
    padding: 6px 6px 6px 50px;
    margin-top: 50px;
}

#sidebar h3#twitter span{
    background: url(images/bird.png) no-repeat top left;
    position:absolute;
    width: 69px;
    height: 64px;
    left: 0;
    top: -40px;
}
#sidebar #twitterbox ul{
    padding:0 0 0 10px;
}

#sidebar #twitterbox ul li{
    font-size: 11px;
    margin: 8px 0;
    list-style: disc;
    color: #8ec743;
}

#sidebar #twitterbox ul li a{
    color: #727272;
}
#sidebar #twitterbox ul li span{
        color:#727272;
}
#sidebar #twitterbox ul li span.entry-meta{

    display:none;
}


#sidebar .box{
    border: 1px solid #e4e4e4;
    background: #e1ebef;
    padding: 6px;
        color:#727272;

}

#sidebar .box


ul.upcoming{
    margin:0;
    padding:0;
    font-size:11px;
}

ul.upcoming li{
    margin:0 0 10px 0;
    color:#727272;
    line-height: 13px;
}

ul.upcoming li div.when{
    color:#f08100;
    font-weight:bold;
}

ul#events-list li p{
    margin:0;
}
#tec-nav-below a,
.tec-month-nav a{
    color: #7E7E7E;
}

.tec-calendar th{
    background: #2D81BB;
    color:#fff;
}

.tec-nav-previous{
    width: 300px;
    float:left;
}
.tec-nav-next{
    width: 300px;
    float:right;
    text-align: right;
}
.category-events #tec-nav-below{
    float:left;
    width: 100%;
}

.post h4.event-day{
    margin-top: 10px;
}

#sidebar .box p.readmore,
#sidebar .box p.readmore a{
        color:#727272;
        line-height: 13px;
}
#sidebar .box p.readmore{
    float:right;
    margin-bottom: 0px;
    clear:both;

}
.dig-in{
    display:none;
}

ul.upcoming li div.event{

    margin: 5px 0;
}

ul.upcoming li a:link,
ul.upcoming li a:visited{
    color:#f08100;
    text-decoration:none;
}

ul.upcoming li a:hover{
    text-decoration: underline;
}

#footer{
    width: 100%;
    clear:both;
    height:30px;
    background: #1e1e1e;
}

#footer-inside{
    margin: 0 auto;
    width: 810px;
}

#footer-inside ul{
    margin: 0;
    padding:0;
    float:left;
    width:100%;
}

#footer-inside ul li#footer-left{
    padding: 8px 0 0 0;
    width: 58%;
    float:left;
}
#footer-inside ul li#footer-left ul{
    padding:0;
    margin:0;
}

#footer-inside ul li#footer-left ul li{
    float:left;
}


#footer-inside ul li#footer-left ul li a{
    color: #fff;
    padding: 0px 8px 2px 7px;
    border-right: 1px solid #fff;
    font-size: 10px;
    line-height: 11px;
}
#footer-inside ul li#footer-left ul li#page-item-51 a{

    border:none;
}


#footer-inside ul li#footer-left ul li a:hover{
    text-decoration:none;
}

#footer-inside ul li#footer-right{
    text-align:right;
    background: url(images/tiny-logo.gif) no-repeat 20% 85%;
    line-height: 20px;
    width: 40%;
    float:left;
    color:#fff;
    padding: 5px 0 0 0;
}
/*

MISC

*/

.post a.readmore{
    color: #00a4e4;
    text-decoration:none;
}

a.readmore:hover{
    text-decoration:underline;
}

hr{
    height: 1px;
    border-collapse: collapse;
    padding:0;
    border-top:none;
    border-left:none;
    border-right:none;
}

/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#wrapper {overflow:auto;
    padding-bottom: 30px;}  /* must be same height as the footer */

#footer {position: relative;
    margin-top: -30px; /* negative value of footer height */
    height: 30px;
    clear:both;}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#content{
    padding-bottom: 20px;
}


#tec-event-meta{
    width: 100%;

}

#content a:link,
#content a:visited{
    color:#7e7e7e;
}

#content .post h4 a:hover{
    text-decoration: underline;
}

#content .post a:hover{
    text-decoration: none;
}

#read-all{
    float:right;
}

.post ul{
    margin: 0 0 10p 30px;
}

.post li{
    list-style: disc;
    margin: 8px 0;
    color: #7e7e7e;
}

#content h2.header{
    margin: 18px 0;
}

#content h2.header2{
    margin-top: 20px; clear:both; float:left; width: 515px;
}

.navigation{
    width: 100%;
    float:left;
    clear:both;
    padding: 8px 0;
    margin: 8px 0;
}

#wp-calendar,
#wp-calendarLarge{
    width: 100%;
}

#wp-calendar td,
#wp-calendar caption,
#wp-calendarLarge caption,
#wp-calendarLarge th{
    padding:3px;
    font-size:12px;
}

#wp-calendar th{
    background-color: #00A4E4;
}

#wp-calendarLarge .dayHead{
    background-color: #00A4E4;
    color: white;
    font-weight: bold;
    z-index: 1000;
    padding:2px 3px;
}

#wp-calendarLarge .event-block {
    border-top: 1px solid #444444;
    color: #fff;
    display: block;
    line-height: 11pt;
    padding: 2px 0 0 2px;
}

a.EC-tt-title-link{
    color: #000 !important;
    font-weight: bold;
    text-decoration:underline !important;
}

#wp-calendarLarge td a:hover {
    color: #000;
}

#wp-calendarLarge th{
    background: #00A4E4;
    color:#fff;
}

#full-calendar-link{
    margin:5px 0;
}

