/*   
Theme Name: Devon Wing Chun
Theme URI: 
Description:
Author: Joe Green
Author URI: http://switchsystems.co.uk/
Template: thematic
Version: 0.2
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../devonwingchun/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* Calendar sidebar fixes */
div.aside span.calnk a { color:#000 !important; }  

/*___________ Overwritten styles ___________*/


#wrapper {
    background:#000 ; 
}

#header {
    background:#000 url('./images/header.jpg') no-repeat;
    height: 200px;
}

#blog-title {
    display: none;
}

#access {
    position: absolute;
    bottom: 0px;
    height: 38px;
    border: none;
}

body {
    background-color: #000000;
}

body.page #content {
    width: auto;
}

body.home #main {
    padding: 22px 0;   
}

body.home h2 {
    padding: 0 0 14px 0;   
}

#content { width:auto; } 

#header {
    width: 960px;
    margin: 0 auto;
    background-color: #333333;
}

#main {
    padding: 22px 0;
    background: #f2e8c9 url('./images/wing-chun-emboss.png') right top no-repeat;
}

body.blog #container,
body.single #container,
body.slug-home #container {
    width: 670px;
}

#container {
    width: 940px;
}

#footer {
    width: 960px;
    margin: 0 auto;
    background:#000 url('./images/footer.gif'); 
    border-top: 7px solid #ff4624;
}

#footer #siteinfo {
    text-align: center;
    color: #e8ea02;
    padding:150px 0px 40px;
}

#footer a.wp-link, #footer a.wp-link:visited {
    color: #e8ea02;
}

#footer a.wp-link:hover {
    color: #ff4422;
}

#blog-title a, #blog-title a:visited {
    color: #cc9900;
}

#blog-title a:hover {
    color: #ff4422;
}

.menu {
    width: 960px;
    height: 38px;
    background: #000 url('./images/menu-bg.png') 0 0 repeat-x;
}

.sf-menu {
    width: 100%;
    border: none;
}

.sf-menu li {
    height: 38px;
    text-align: center;
    background: #000 url('./images/menu-item-bg.png') 0 0 repeat-x;
    font: bold 14px/38px Helvetica, Arial, sans-serif;
    color: #fff;
}

.sf-menu a {
    border: none;
    margin: 0;
    padding: 0 15px;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: #000 url('./images/menu-item-bg.png') 0 -38px repeat-x;
    border: none;
    color: #000;
}

.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    background: #000 url('./images/menu-item-bg.png') 0 -38px repeat-x;
    color: #000;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    top: 38px;
}

.sf-menu ul {
    border: none;
}

.sf-menu li:hover ul a, .sf-menu li.sfHover ul a,
.sf-menu a:focus ul a, .sf-menu a:hover ul a,
.sf-menu a:active ul a {
    border: none;
    text-align: left;
    background: #f1f1f1;
}

.sf-menu ul li a:hover {
    background-color: #f1f1f1;
}

.entry-title {
    font-size: 28px;
    line-height: 28px;
    padding: 0 0 16px 0;
}

.entry-content {
    padding: 0;
}

.entry-content h2 {
    font: italic 22px/22px Georgia, sans-serif;
    padding: 0 0 14px 0;
}

.entry-content h3 {
    padding: 14px 0;
}

#main a:link, #main a:visited {
    color: #cc9900;
}

#main a:hover {
    color: #ff4422;
}

#primary {
    margin: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 1px dashed #999999;
}

blockquote {
    width: 480px;
    margin: 0 auto;
    text-align: center;
}

#respond {
    background: #ffff99;
    padding: 0;
}

.textwidget {
    margin: 0 0 22px 0;
}

.aside h3 {
    font-style: normal;
    font-weight: bold;
}

.main-aside {
    width: 260px;
}

#todays-events ul, #upcoming-events ul {
    list-style: none;
    margin: 0 0 22px 0;
}

#upcoming-events ul li ul {
    margin: 0 0 0 15px;
}