/*   
Theme Name: Crossfit4 - Black gray red
Theme URI: 
Description: Black gray red Crossfit
Author: Reed Taylor
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/


/* http://colorschemedesigner.com/#2U11TE8hxw0w0 */

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

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


div.address{
padding-left:15px;
}

.single .hentry {
padding: 5px 0 5px 10px;
}

#respond {
padding: 5px 0 5px 10px;
}


/*** FONT COLORING ****/

/* medium blue */
a, a:visited, #blog-title a:active, #blog-title a:hover, .entry-title, .entry-meta, .entry-utility, .entry-title a, .sf-menu a, .sf-menu a:visited, .aside a, .aside td, .aside caption, #comments h3, #comments-list .comment-meta, #comments-list .comment-meta a, #comments-list .comment-meta a:visited, .navigation a, .navigation a:visited, .comment-reply-link a, .comment-reply-link a:visited, #calendar_wrapLarge, #siteinfo a:hover, #siteinfo a:active {
/*color:#06266F;*/
color:CornflowerBlue;
}

/* darker gray */
.entry-meta a, .entry-utility a, .entry-title a:active, .entry-title a:hover, .aside a:hover, .aside a:active, #comments-list .comment-meta a:hover, #comments-list .comment-meta a:active, .navigation a:hover, .navigation a:active, .comment-reply-link a:hover, .comment-reply-link a:active,  #form-allowed-tags p {
/* color:#FFAA00; */
color:#666666;
}

/* light gray */
.aside {
color:#AAAAAA;
}
 
/* white */
#blog-description, #blog-title a, #comments-list ul li.alt {
color:white;
}

/* black */
body, a:hover, a:active, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li:hover a, .sf-menu li:hover a:visited, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .depth-4, .depth-6, .depth-8, .current_page_item a, .current_page_item a:visited, #siteinfo, #siteinfo a, #siteinfo a:visited, #calendar_wrap td {
color: black;
}

/* dark blue */
.entry-meta a:hover, .entry-utility a:hover, .entry-meta a:active, .entry-utility a:active {
color:#104E8B;
}

/* light blue */
#blog-title a, #blog-title a:visited {
color: lightblue;
}


/**** BACKGROUND COLORING ****/

#respond, .aside, body {
/*background-color:#6C8CD5;*/
background-color: #333333;
}

#comments-list ul li, #comments-list ol li, #wrapper, .sf-menu li.current_page_item, .home li.page-item-61 {
background-color:#666666;
}

/* white */
#comments-list ol, #comments-list li.alt, div.hentry  {
background-color: white;
}

#access, .sf-menu li, #comments-list ul li.alt {
background-color:#333333;
}

/* highlight background */
.sf-menu li:hover, .sf-menu li:active, .sf-menu li a:hover, .sf-menu li a:active,  .sf-menu a:hover, .sf-menu a:active, #text-8 h3 {
background-color:#104E8B;
}

#respond {
background-color:#AAAAAA;
}

/*** Layout components ****/

#respond {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}


#comments-list ul li, #comments-list ol li {
border-color: #06266;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#comments-list ul li.alt {
border-color: #06266;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#comments-list ol, #comments-list li.alt  {
border-color: #06266;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}


.aside th, .aside td {
padding:0 0;
text-align: center;
}

#calendar_wrapLarge h2 {
padding: 5px 0 0 5px;
}

#calendar_wrapLarge {
padding-right: 5px;
}

#content {
width: 605px;
margin-right:0;
}

#container {
width: auto;
}

.aside {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
border:none;
}


.entry-utility {
margin-bottom:5px;
}

div.hentry {
padding: 5px 0 5px 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
margin-bottom: 10px;
}



#main {
padding: 10px 0 0 0;
width:inherit;
}

.sf-menu li {
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #404040;
border-bottom: 1px solid transparent;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

.sf-menu li:hover {
/* border: 1px solid #afafaf; */
border: 1px solid transparent;
}

.sf-menu {
border: none;
}

.sf-menu a, .sf-menu a:visited {
border:none;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
/* border-bottom-color:#CCCCCC; */
border-bottom-color: transparent;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}

.menu {
padding-left: 20px;
}

#access {
/* border-bottom: 1px solid #06266F; */
border: 1px solid transparent;
}

#blog-description {
padding-left: 40px;
font-family:Arial,sans-serif;
}

#branding {
/*background-image:url('images/cf_banner1.png');*/
background-repeat:no-repeat;
padding:0px 0px 5px 15px;
margin: 0;
width: inherit;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

/* this is the contained for the mailing list text widget */
#text-8 {
border: 1px solid #666666;
margin-bottom: 10px;
}

#text-8 h3 {
border-bottom: 1px solid #666666;
padding-left: 5px;
}

#text-8 p {
margin: 5px 0 0 5px;;
}

#text-8 form {
margin-bottom: 0;
}

#text-8 input.button
{
   font-family:Arial,sans-serif;
   color:#ffffff;
   background-color:#104E8B;
   border-style:solid;
   border-color:#666666;
   border-width:1px;
}

/* hide the blog title because we have a nice logo */
#blog-title {
display:none;
}

#branding a, #branding a:visited, #branding a:hover, #branding a:active {
font-size:300%;
}

#wrapper {
margin:50px auto 50px auto;
/*
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
*/
padding:5px 5px 0 5px;
max-width:950px;
}

body {
font-family:Helvetica,sans-serif;
font-size:85%;
line-height:135%;
}

div.rounded {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.boxed {
  border: 1px solid green ;
}