/*   
Theme Name: Modern Domestic 2.0
Theme URI: 
Description: A custom theme for Modern Domestic, based on Thematic.
Author: Dan Blaker
Author URI: http://twitter.com/danblaker
Template: thematic
Version: 2.0
Tags: Thematic ModernDomestic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* 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/3c-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('../thematic/library/styles/default.css');

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

/* Uncomment this line to show the grid */
/* body { background:url(960_grid_12_col.gif) repeat-y top center; } 


/****************************/
/* MD COLOR PALETTE         */
/*                          */
/* pink: #B70072            */
/* brown: #620D00           */
/* bone: #DAD2C1            */
/* yellow: #C8A300          */
/*                          */
/****************************/

/*****************************/
/* Hide print-only elements  */
/*****************************/

.printonly {
    display:none;
}

/*****************************/
/* Override default.css      */
/*****************************/


body, input, textarea {
    font: 12px/1.5em "lucida grande", lucida, arial, helvetica, verdana, sans-serif;
    color:#4d4d4d;
}

h1, h2, h3, h4, h5, h6{
    clear:none;
    font-family: Lucida, arial, helvetica, verdana, sans-serif;
	font-weight: normal;
}
	
h6 {
    font-family: Lucida, arial, helvetica, verdana, sans-serif;
	font-size:11px;font-weight:bold;
	margin:0;
}

p, ul, ol, dd, pre {
    margin-bottom:22px;
}
pre, code {
	font:14px Monaco, monospace;
	line-height:22px;
}
blockquote {
    color:#666;
    font-style:italic;
}
table {
    font-size:13px;
    line-height:18px;
    margin:0 0 22px 0;
    text-align:left;
}
caption {
    text-align:left;
}
tr {
    border-bottom:none;
}
th, td {
    padding: .7em 1.25em;
}
hr {
    background-color:#ccc;
    border:0;
    color:#ccc;
    height:1px;
    margin-bottom:22px;
}
a:link {
    color: #222222 ;
}
a:visited {
    color: #AAAAAA ;
}
a:active,
a:hover {
    color: #B70072;
}

.entry-title a:active, 
.entry-title a:hover {
    color:#B70072;
}

abbr, acronym {
    border-bottom:none;
    cursor:auto;
}

/*****************************/
/* Custom styling            */
/*****************************/

#main {
    padding:0 0 22px;
}

#header {
    background:#B60072;
    margin:8px auto 40px auto;
    width:940px;
}

#branding {
    background:#B60072 none repeat scroll 0 0;
    float: left;
    width: 620px;
    padding: 20px 0 20px 0;
    height:150px;
}

#blog-title {
    background:#B60072 none repeat scroll 0 0;
}

/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside {
    background:#B60072 none repeat scroll 0 0;
    float: right;
    padding: 20px 10px 0px 10px;
    height: 150px;
    font-size: 11px;
    color: #ffffff;
    margin:0;
}

#header-aside .widgetcontainer {
    border-bottom:none;
    margin:0;
    padding:0;
}

#header-aside td {
    font-size:11px;
}

#blog-title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:25px;
}

#blog-title-text a {
    font-size:2em; 
    font-weight:normal; 
    line-height:1em; 
    margin-bottom:0;
    color: #DAD2C1;
    text-transform: uppercase;
    height: 190px;
    width:100%;
}

#blog-title a:active,
#blog-title a:hover {
    color: #C8A300;
}

#blog-title a {
    display:block;
    width: 100%;
    text-indent:-9000px;
    height: 120px; /* height of your header, like 180px */
    width: 100%; /* width of your header, like 940px */
    background: url('images/md_logotype_pink_bg.gif') no-repeat center left;
    margin-left:12px;
}


#blog-description_img {
    position:absolute;
    left:-9000px; /* We avoid display:none because it's bad for SEO */
}

#blog-description {
    display:none;
    color:#DAD2C1;
    font-style: normal;
}

#contactinfo {
    color:#620D00;
    font-size:12px;
    font-weight:lighter;
    line-height:16px;
    margin-right:20px;
    padding-top:15px;
}


/*****************************/
/* Nav Tabs                  */
/*****************************/

#access {
    clear: both;
    border-bottom: 1px solid #D0D0D0;
    border-top: 1px solid #D0D0D0;
    width: 940px;
    height:auto;
    background:white;
    overflow:hidden;
}

.sf-menu {
    border-right:none;
	float:left;
	line-height:1.5em;
}

.sf-menu, .sf-menu * {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:0;
}

.sf-menu a {
	border-left:none;
	border-top:none;
	border-bottom:none;
	text-decoration:none;
	padding:0;
	margin:12px 35px 10px 0;
}

/* CURRENT TAB */
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:transparent;
}

.sf-menu li.current_page_item a,
.sf-menu li.current_page_ancestor a,
.sf-menu li.current_page_parent a {
    color: #4D4D4D ;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #4D4D4D ;
}

/* NORMAL */
.sf-menu li {
	background:		transparent;
}
.sf-menu li li {
	background:		transparent;
}
.sf-menu li li li {
	background:		transparent;
}

/* HOVER STATE */
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     transparent;
    color:          #B70072;
	outline:		0;
    border-bottom-color:transparent;
}

.sf-menu ul {
    border-right:none;
    border-bottom:3px solid purple;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}

.sf-menu ul ul {
    margin-top:0;
}

.sf-menu ul a {
    background:#fafafa;
	border-bottom:3px solid blue;
}

.sf-menu ul a:hover {
    color: #FF4B33;
}


/*****************************/
/* Pages without sidebar     */
/*****************************/

body.slug-calendar #container{
    width:960px;
}

body.slug-calendar #content{
    width:940px;
    margin:0px;
}


/*****************************/
/* Blog Posts                */
/*****************************/

.entry-title {
    font-family:"lucida grande",lucida,arial,helvetica,verdana,sans-serif;
    font-size:22px;
    font-weight:normal;
    line-height:1.3em;
    padding:0 0 7px;
}

.entry-meta {
    color:#666666;
    font-size:12px;
    font-style:normal;
    line-height:18px;
}

.entry-utility {
    border-bottom:1px solid #D0D0D0;
    color:#666666;
    font-size:11px;
    font-style:normal;
    line-height:1.3em;
    margin:0;
    padding:0 0 22px;
}

/*****************************/
/* Widget Style              */
/*****************************/

.aside {
    font-size:11px;
}

.aside table, .aside tbody, .aside thead, .aside th, .aside tr, .aside td {
    border: none;
}

.aside h3 {
    font-size:13px;
    font-weight:bold;
    line-height:1.5em;
    font-style:normal;
}

.main-aside ul {
    padding:0px 0px 0px 0px;
}

.aside a:active, .aside a:hover {
    color:#B70072;
}

.widgetcontainer {
    border-bottom:1px solid #D0D0D0;
    margin:0 0 10px;
    padding:0 0 5px;
}

.aside ul ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:5px 0 0 10px;
}

.aside ul ul li {
    padding:0 0 6px 0;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#primary {
    border:none;
    padding:0 0 0 0;
    margin-bottom:22px;
}

.widgetbutton {
    margin-bottom:10px;
}

/*****************************/
/* Calendar Widget           */
/*****************************/


/*.wical tbody {
    border:none;
}

#wcompprop0 thead {
    border:none;
}

#wcompprop0 tr {
    border:none;
}

#wcompprop0 td {
    border:none;
}*/

#wcompprop0 ul {
    font-weight:normal;
    margin:5px 0 0 10px;
}

#wcompprop0 li.summary {
    clear:left;
    margin:0 0 5px 5px;
}

/*****************************/
/* Twitter Widget            */
/*****************************/
#twitter_div {
    
}

#twitter_div ul {
    font-weight:normal;
    margin:5px 0 0 10px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}


/*****************************/
/* Class List Page           */
/*****************************/

.hentry{
    overflow: hidden;
    padding:0px 0 20px 0px
}

.classlisting {
    border-bottom:1px solid #D0D0D0;
    display: block;
}

.classlisting .entry-title {
    font-size:15px;
    font-weight:normal;
    line-height:1.3em;
    margin-bottom:10px;
    margin-top:10px;
}

.classdescription {
    color: rgb(128, 128, 128);
    font-size: 11px;
    line-height: 16px;
    width: 100%;
}

.classlisting h6 {
    font-size:11px;
    font-weight:normal;
    margin:0;
    text-transform:uppercase;
    font-style: normal;
}

.classskilllevel {
    font-size:13px;
}

.classprice {
    -x-system-font:none;
    font-family:"Georgia",serif;
    font-size:15px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
}

.classimagecontainer{
    margin-bottom:18px;
    margin-top:18px;
    
}

.classleft{
    float:left;
    width:140px;
    text-align:right;
}

.classhomework{
    margin-top: -16px;
}

.classlinks{

}

.classmain{
    margin-left:24px;
    float:left;
    width:320px;
}

.classdate{
    font-size:15px;
}

.classmonthdate {
    font-size:18px;
}

.classtimes{
    font-size:12px;
    font-weight:bold;
    margin:0;
    text-transform:uppercase;
    font-style: normal;
}

.classampm{
    font-size:8px;
    text-transform:uppercase;
}

/* Single Class Page */

.classdetails {
    margin-bottom: 24px;
}

.classdetails .entry-title {
    width:480px;
    float:left;
}

.classfullimage{
    clear:both;
    float:left;
}

.classinstance{
    margin: 0 0 12px 0;
    border-bottom: 1px solid #CCC;
}

.classsubhead{
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    margin-top:20px
}

.classdetailsthumbnail {
    float:left;
}

/*****************************/
/* COPIED FROM THE WEB STORE */
/*****************************/

#products {
    display: none;
    color:#4D4D4D;
    font-family:"lucida grande",lucida,arial,helvetica,verdana,sans-serif;
    font-size:13px;
    font-size-adjust:none;
    font-style:bold;
    font-variant:normal;
    font-weight:normal;
    line-height:1.5em;
}

#products table td {
border-bottom:1px solid #D0D0D0;
height:50px;
}

#products table td.namebrand {
font-size:15px;
padding:15px 33px 15px 0;
width:200px;
}

#products table td.namebrand h6 {
font-size:11px;
font-weight:normal;
margin:0;
text-transform:uppercase;
}

a, .clickable {
border:medium none;
color:#4D4D4D;
cursor:pointer;
text-decoration:none;
}

#products table td.description {
color:#808080;
font-size:11px;
line-height:16px;
padding:15px 33px 15px 0;
width:350px;
}

#products table td.formattedCurrency {
-x-system-font:none;
font-family:"Georgia",serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:15px 10px 15px 0;
width:100px;
}