/*
Theme Name: OpenMusicLabs
Description: A Child Theme of Thematic
Template: thematic
*/

@import url(../thematic/style.css);

/*
LAYOUT: Three-Column
DESCRIPTION: Three-column 950px fixed layout with two sidebars on either side of content
*/



/*  ################# 
    general text
    ################# 
*/

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 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}

a:link {
color:#DD3300;
}
a:visited {
color:#AD1C1C;
}
a:active, a:hover {
color:#AD1C1C;
}

.page-title a:active, .page-title a:hover{
color:#AD1C1C;
}

.buttons {
overflow:hidden;
}
.buttons .button {
float:left;
margin:0 20px 0 0;
}
a.button {
-moz-border-radius:7px 7px 7px 7px;
background:none repeat scroll 0 0 #BEBCAD;
display:block;
padding:4px;
text-align:center;
text-decoration:none;
width:12em;
}
a.button span {
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 0 7px #E4E2D3;
background:url("http://www.openmusiclabs.com/wp/wp-content/themes/openmusiclabs/images/button-gradient.gif") repeat-x scroll center top #0099FF;
border-color:#31ADFF #0099FF #004573;
border-left:2px solid #0099FF;
border-right:2px solid #0099FF;
border-style:solid;
border-width:2px;
color:#FFFFFF;
display:block;
font:15px "Helvetica Neue",Helvetica,Arial,sans-serif;
letter-spacing:0.05em;
padding:12px 10px;
text-shadow:0 -1px 0 #2E000C;
}
a.button:hover span, a.button:focus span, a.button:active span {
border-bottom:2px solid #31ADFF;
border-top:2px solid #004573;
}







/*  ################# 
    header
    ################# 
*/

#header {
background: none repeat scroll center top transparent;
color:#333333;
    position:relative;
}
#branding {
    width:958px;
    margin:0 auto;
    border:2px solid #000;
}

#blog-title {
font-family:Helvetica,sans-serif;
font-size:34px;
font-weight:bold;
font-variant:small-caps;
line-height:40px;
visibility: visible;
}

#blog-title a {
background:url("images/logo.png") no-repeat scroll center top transparent;
display:block;
padding-left:0px;
position:absolute;
text-indent:-9000px;
height:150px;
top:3px;
width:945px;
z-index:100;

}


#blog-description {
color:#666666;
padding-left:50px;
font-size:13px;
font-style:normal;
visibility: hidden;

}


/*  ################# 
    access
    ################# 
*/


#access {
background:none repeat scroll 0 0 #FFF;
font-size:13px;
font-style:normal;
height:41px;
overflow:visible;
z-index:100;
border-bottom: 0 none;
}
.menu {
    width:940px;
    margin:0 auto;
}

#access form {
float:right;
margin:8px 0 0;
}
.safari #access form {
margin:6px 0 0;
}
#access form label {
display:none;
}
#access form #s {
color:#999999;
font-style:normal;
margin:0 2px 0 0;
text-indent:4px;
width:308px;
}
#access form #s:focus {
color:#333333;
font-style:italic;
}
#access form #searchsubmit {
display:none;
}


.sf-menu, .sf-menu * {
background:none repeat scroll 0 0 #CCC;
border-style: none;
border:none dotted #FFF;
height: 40px;
list-style:none outside none;
margin:0;
padding-right:0px;
}

.sf-sub-indicator {
background: none;
border: 0px;
padding-left: 5px;
}


.sf-menu {
line-height:1.0;
float:left;
margin-left: -6px;
width: 952px;

}




.sf-menu ul {
position:absolute;
top:-999em;
width:10em; /* left offset of submenus need to match (see below) */

}
.sf-menu ul li {
width:100%;
}
.sf-menu li:hover {
visibility:inherit;  /* fixes IE7 'sticky bug' */
}

}
.sf-menu li {
float:left;
position:relative;

}
.sf-menu a {
display:block;
position:relative;
height: 40px;
border-style: none;

}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul {
left:0;
top: 2.5em;  /* match top ul list item height */
z-index:80;
}



ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul {
top:-999em;
}

ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul {
left:10em;  /* match ul width */
top:0;
}

ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul {
left:10em;  /* match ul width */
top:0;
}

.sf-menu a {
line-height:40px; 
padding:0px 10px 0px;
text-decoration:none;
width: 116px;
}
.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a{
background:none repeat scroll 0 0 #AD1C1C;
}

.current_page_item {

}

.sf-menu a, .sf-menu a:visited {
color:#000;
}

.sf-menu current_page_item:focus,
.sf-menu current_page_item:hover,
.sf-menu current_page_item:active,
{
background:none repeat scroll 0 0 #AD1C1C;
}


.sf-menu li:hover, 
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active {
background:none repeat scroll 0 0 #C24F4F; 
outline:0 none;
}

.sf-menu li.sfHover, .sf-menu li.sfHover a:hover {
background:none repeat scroll 0 0 #000000;
}

/* the drop down menu */

.sf-menu li.sfHover a {
color:#FFFFFF;
background-color: #000;
height: 40px;
}

.sf-menu li.sfHover a:focus {
background-color: #000;
}



.sf-menu ul {
-moz-border-radius:0 0 0px 0px;
background:none repeat scroll 0 0 #000;
border-style: solid #F00;
padding:0 0 30px;
}

/* dropdown location */
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
background:none repeat scroll 0 0 #000000;
top:40px;
}

/* background? */
.sf-menu li.sfHover ul li {
background:none repeat scroll 0 0 #000000;
}

.sf-menu ul ul {
margin-top:0px;
}
.sf-menu ul a {
background:#FFF;
color: #FFF;
/*border-style:solid;
border-bottom:thin solid #00FF00;*/
line-height:23px;
/*opacity:0.9;*/
padding-top: 10px;
}

/* hover text color in dropdown */
.sf-menu ul a:hover {
background:none repeat scroll 0 0 #000;
color:#AD1C1C;
}
.sf-menu h4 {
color:#0099FF;
font:bold 15px/23px "Helvetica Neue",Helvetica,Arial,sans-serif;
padding:20px 40px 0;
}
.sf-menu .drop-arrow {
font-style:normal;
padding:0 2px 0 0;
position:left;
top:-1px;
}
.sf-menu a.special {
color:#F00;
padding:0 20px;
}
.sf-menu .special span {
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #0099FF;
padding:5px 20px;
}

ul.sf-menu li.sfHover
{
}


ul.sf-menu li.sfHover a:hover{
background:none repeat scroll 0 0 #000;
}





/*  ################# 
    main
    ################# 
*/


#main {
    width:960px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
#container {
    width:940px;
    float:left;
    margin:0 0 0 10px;
}


#content {
    margin: 0 200px;
    overflow:hidden;
    width: 545px;  /* content width and .hentry width must agree */
}


.hentry {
    width:545px;
}

.hentry h2 a:link {
    color: #DD3300;
}

.hentry h2 a:active, .hentry h2 a:hover {
color:#AD1C1C;
}



.entry-title {
font-family:Palatino Linotype, Palatino;
font-size:26px;
font-weight:normal;
line-height:26px;
padding:0 0 7px;

}

.entry-meta .author a:link{
color: #333;
}

.entry-meta .author a:active, .entry-meta .author a:hover {
color:#AD1C1C;
}


.entry-utility {
color: #666;
}

.entry-utility a:link {
color: #333;
}

.entry-utility a:active, .entry-utility a:hover {
color:#AD1C1C;
}


.entry-content {
 padding:22px 0px 0px;
}

p, ul, ol, dd, pre {
margin-bottom:22px;
}









/*  ################# 
    primary sidebar
    ################# 
*/

#primary {
    width:180px;
    float:left;
    margin: 0 0 0 -940px;
    border:2px solid #000;
}
* html #primary {
        left: 20px;
        position: relative;
}

.aside h3 {
font-size:15px;
font-style:normal;
line-height:22px;
border-bottom:1px solid #bbb;
color: #000;
}

.aside a {
color:#000;
}



/* SIDEBAR */

.aside  ul {
list-style-type:none;
margin:0 0 10px;
line-height:1.2em;
padding-left: 12px;
}

.aside  h2 {
font-size:0.9em;
padding:5px;
margin:0;
border-bottom:1px solid #bbb;
}

.aside  h2 a {text-decoration:none;color:#000;}

.aside  h2 a:hover {text-decoration:underline;}

.aside  h2 img {margin:0 5px -2px 0;}

.aside  ul li a {
display:block;
font-size:0.9em;
width:120px;
padding:15px 5px 8px;
color:#D30;
text-decoration:none;
border-bottom:0px dotted #ddd;}

.aside  ul li a:hover {
background:#ddd;
border-bottom:0px dotted #000;}

.aside  ul li ul {margin:0;}

.aside  ul li ul li {
display:block;
list-style-type:disc;
color:#999;
margin:0 0 0 20px;
text-transform:none;}

.aside  ul li ul li a {
text-transform:none;
width:120px;}

.aside  .current-cat a, #sidebar .current_page_item a {
background:#FFFFDF;
}

.aside  select {
margin:15px 0 30px 5px;
width:120px;
border:1px dotted #555;
padding:3px;font-size:0.8em;}

.aside  select option {padding:3px;}



/*  ################# 
    secondary
    ################# 
*/




#secondary {
    width:167px;
    float:left;
    left: 24px;
    margin: 0 0 0 -187px;
    border: 1px dotted #000;
    padding-top: 18px;	
    padding-bottom: 15px;
    padding-left: 4px;
}



.aside #recent-posts-3  ul li a:hover {
background: #FFF;
color: #DD3300;
}


li#categories-2 {
padding-top: 25px;
}

li#recent-posts-3 a, li#categories-2 a {
color: #555;
}

.aside #recent-posts-3 ul, .aside #categories-2 ul{
margin-left: -10px;

}


.aside #categories-2  ul li{
margin: 0 0 0 20px;
height: 20px;
padding: 1px 0;

}

.aside #categories-2  ul li a:hover {
height: 2px;
background: #FFF;
color: #DD3300;
}



/*  ################# 
    yoast breadcrumbs
    ################# 
*/

#breadcrumb-nav {
    background: none repeat scroll 0 0 #FFF;
    width:550px;
    margin:0 auto;
    margin-bottom:0px;
    border:none;

    

}

#breadcrumb-nav-container {
}

p#breadcrumbs {
    margin-bottom:5px;
    font-size: 0.8em;
    text-align: left;

}       


/*  ################# 
    footer
    ################# 
*/
#footer {    
    clear:both;
    border-top: 1px solid #CCCCCC;
    margin-top: 10px;
}

#siteinfo {
    clear:both;
    width:550px;
    margin:0 auto;
    text-align: center;
}



/*  ################# 
    other little bits
    ################# 
*/





#subsidiary {
    width:960px;
    margin:0 auto;
    overflow:hidden;
}
#subsidiary .aside {
    width:300px;
    float:left;
    margin:0 10px 0 10px;
}
#subsidiary #third {
    margin:0 0 0 10px;
}