/*
Theme Name: A Thematic Child Theme
Theme URI:
Description: Use this theme to start your Thematic Child Theme development.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
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/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');

body {background-color: #103765; background-image:url('/img/page-bg.png'); background-repeat: repeat-x;}

/* Primary Menu */
.sf-menu li {background-color: #E4AC36; background-image:url('/img/navbar-bg-inverse.png'); background-repeat: x;}
.sf-menu {border-right:1px solid #E4AC36;}
.sf-menu a, .sf-menu a:visited {color:#000000;}
.sf-menu a {
border-bottom:1px solid #b2862a;
border-left:1px solid #E4AC36;
border-top:1px solid #E4AC36;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
text-transform:uppercase;}
.sf-menu a:hover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li:hover, .sf-menu li.sfhover, .sf-menu li:hover {
font-weight: bold;
background-color: #FCBF00;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;}
.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {
border-bottom-color:#E4AC36;
}

/* Top Nav Styling */
/* .pagemenu {background-color: #0c2b4f;} */
ul#menu-topnav,  ul.bottom_nav {width: 960px; margin: 0 auto;}
ul#menu-topnav li, ul.bottom_nav li {list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; display: inline-block; margin-right: 1em;}
ul#menu-topnav li a, ul.bottom_nav li a {text-decoration: none; color: #ffffff}
ul#menu-topnav li a:hover, ul.bottom_nav li a:hover {color: #E4AC36;}

/* Widgets */
.aside {clear:right;}
#video-aside {width: 300px; float: right; position: relative; right: 10px;}
#video-aside ul {padding: 0;}
.widgetcontainer select {margin-bottom: 22px; width: 100%;}
.widgetcontainer input {width: 95%; margin: 0 auto; display: block;}

.home #content .aside {background-color: #113266; color: #E4AC36; background-image: url('/img/masthead-bg.png'); background-repeat: repeat-x; background-position: left bottom; padding: 1em;}
.home #content .aside .widgettitle {background-image: none; background-color: none;}

#content .aside {border: none; padding: 0;}
#content .aside ul {padding: 0;}

/* Header */
#access {background-color: #e4ac36; border-bottom: 1px solid #e4ac36; }
#branding {padding: 44px 22px 44px 22px;}
#main {padding: 66px 12px 22px 12px;}
#branding, #main {background-color: #fefefe;}
#blog-title {letter-spacing: .5px; font-size: 48px; font-family: Myriad Pro, Franklin Gothic Std, Helvetica Neue, Gill Sans, Helvetica, Arial, sans-serif;}
#blog-title a {text-shadow: 3px 3px 3px #000; color:  #E4AC36;}
#blog-title a:hover {color: #103765; text-shadow: 3px 3px 3px #000000;}
#blog-description {font-size: 15px; color: #E4AC36; text-shadow: 2px 2px 3px #000000; padding-top: 10px; font-weight: bold; }
#siteinfo {color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding-bottom: 0; width: 960px; padding-top: 12px;}

/* Main Section */
#main {padding-top: 22px;}

/* Primary Aside */
#primary {border: none;}
.main-aside ul {padding: 0;}

/* Bottom Widgets */

#subsidiary {background-color: #fefefe; padding: 22px; margin: 0 auto;}

/* Footer */
#footer {border-top: none; margin-top: 0;}
ul.bottom_nav {margin-bottom: 22px; padding-bottom: 0;}

/* Background Images */
#branding {background-image:url('/img/headers/imagerotator.php'); background-repeat: no-repeat; }
#access {background-image:url('/img/navbar-bg-inverse.png'); background-repeat: repeat-x;}

/* Page Section Headers */
h4.masthead, h3.widgettitle, #content h3.widgettitle {min-height: 34px; line-height: 34px; font-style: normal; font-size: 14px; text-transform: uppercase; padding: .2em 0 0 .5em; font-weight: bold; font-family: Helvetica, Arial, sans-serif; margin-bottom: 12px; background-color: #103765; color: #E4AC36; background-image: url('/img/masthead-bg.png'); background-repeat: repeat-x;}

/* Bobcat logo bullet for lists */
ul {list-style-image:url('http://notes.hypercrit.net/img/bullet.png');}

/* Advertisements */
#home_leaderboard {width: 984px; margin: 0 auto; background-color: #fefefe; clear: both; padding: 1em 0 0;}
#home_300x250 {width: 300px; position: relative; right: 10px; float: right; padding: 0 0 22px; margin: 0;}
.advertisement ul {list-style: none; margin: 0; padding: 0;}
.advertisement img {display: block; padding: 0; margin: 0 auto;}
p.ad_notice {font-size: 10px; font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; text-transform: uppercase; }

/* Miscellaneous Text */


.entry-title {font-size: 28px; line-height: 1em;}

.entry-title a:hover {color: #103765;}
.single .entry-title {font-size: 36px; line-height: 1em;}
.entry-meta {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: normal;}

blockquote {background-image:url('/img/blockquote.png'); background-repeat: no-repeat; left: 0; top: 0; padding-left: 4em;}

.aside h3 a {color: #E4AC36;}

/* Videos Page */
.pageid-36 #content {width: 960px;}

/* Comment Disclaimer */
.comment_disclaimer {padding: 1em; background-color: #E4AC36; background-image: url('/img/navbar-bg-inverse.png'); background-repeat: repeat-x; background-position: bottom left; border: 2px solid #113266;}
.comment_disclaimer p {margin-bottom: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
.comment_disclaimer a {color: #113266;}

/* Controlling image widths in the content column */
/* This was added because some of the images imported from the old Bobcat Blog were huge */

.entry-content img {max-width: 520px;}