/*   
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/3c-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: #000000 url(art/bg_blkstripe.png) repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

body, input, textarea {
    color:#000;    
    font: 12px Arial, Helvetica, sans-serif;
    line-height:18px;
}

p, ul, ol, dd, pre {  /*NEW */
    margin-bottom:10px;
}

#wrapper {
padding: 15px 0 0 0;
}

#primary  {
    width:220px; /*DEFAULT*/
    float:right; /*DEFAULT*/
    margin:0 10px 22px 20px; /*DEFAULT*/
background: #cccccc;
/*    padding:18px 0 0 0; /*DEFAULT*/
	padding-top:10px;
}

#secondary  {
background: #F3F3F7 url(art/coastmap50.png) no-repeat top center;
height: 725px;
    margin:0 0 20px 10px;
}

#main {
	background: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 0;
	margin-bottom: 0;
}

a:link, a:visited {color: #510718; font-weight: bold; text-decoration:none; }
a:hover, a:active {color:#D02013; font-weight: bold; text-decoration:none; }

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

/* ======================== NAVIGATION ============= */

#access { /*goes all the way across */
width: 960px;
	background: #666666;
	border-bottom: none;
margin-top: 0;
margin-bottom: 0px;
margin-left: auto ;
margin-right: auto ;
	clear: both;
    font-family: Arial, Helvetica, sans-serif;
	font-color: #F1F3F4;
    font-size:12px;
    font-style:normal;
    font-weight: normal;
    text-decoration: none;
    z-index:100;
}

#access .menu {
    border-bottom: none;
}

/*** THEMATIC SKIN ***/
.sf-menu {
    border-right: none;
	float:left;
}
.sf-menu a {
    border-left: none;
	border-top:none;
	border-bottom: none;
	padding:9px 9px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
	font-weight: bold;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #F1F3F4;
}
.sf-menu li {
	background: #404545;
	border-right: 1px solid #666666;
}
.sf-menu li li {
	background: #404545;
	border-top: 1px solid #16445C;
}
.sf-menu li li li {
	background: #404545;
	border-top: 1px solid #16445C;
}
.sf-menu li:hover, .sf-menu li.sfHover {
    background: #404545;
	outline: 0;
	text-decoration:underline;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: #404545;
	outline:		0;
	font-weight: bold;
	text-decoration:underline;
}

.sf-menu ul {
    border-right:none;
	border-bottom: none;
}
.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: #404545;
	border-bottom: 1px solid #F1F3F4;
}
.sf-menu ul a:hover {
    color: #F1F3F4;
	font-weight: bold;
	text-decoration:underline;
}

/* ===================== HEADER =========================*/
#header {
background: #000000;
width: 960px;
margin-top: 0;
margin-bottom: 0px;
margin-left: auto ;
margin-right: auto ;
padding-top: 10px;
}

#branding {
background:url(art/weblogo.png) no-repeat top left;
height: 100px;
padding: 10px 0 10px 0;
  float: left;
  width: 200px;
  margin: 0 0 0 10px;
}

#blog-title a {
display:block;
text-indent:-9000px;
width: 200px;
height: 100px;
}

#blog-description {
display: none;
}

/* ==================== add widget to header ============= */
#header_box {
	clear: both;
	margin: 0 auto;
/*	overflow: hidden;*/
	position: relative;
	width: 960px;
    z-index:200;
	}

/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside {
  float: right;
  width: 400px;
/*  padding: 20px 20px 10px;*/
	padding: 0 20px 0 0;
}

#header-calendar {
  float: right;
  width: 220px;
/*  padding: 20px 20px 10px;*/
	padding: 0 20px 0 0;
}

/* This will clear the floats and keeps the access bottom line
from jumping into the air */
#access {
  clear: both;
}
/* ======================== SEARCH FORM ============ */

/*.FOR SIDEBAR*/
.aside #search h3 {display: none; } 
.aside form input {background: #ffffff; width: 190px; padding-bottom: 0; margin-bottom: 0; }

/* ====== REMOVE OLDER POSTS LINK http://themeshaper.com/wordpress-theme-index-template-tutorial/ */
.nav-next, .nav-previous {display: none; }

.entry-utility {display: none; }


/* ------------center container------------ */

#content .aside { /*This controls the inserts in the body copy */
    border: none;
/*    margin:0 0 22px 0;*/
/*    padding: 18px 0 0 0;*/
	margin:0 0 10px 0;
    padding: 0 0 0 0;
}
#content .aside ul {
	margin:0 0 0 0;
/*    padding:0 20px;*/
    padding: 0 0 0 0;
}


/* ======================== ADJUST SIDEBAR WIDGETS  ============ */

.aside h3  {
	color:#C7130F;
	font-weight:bold;
    border-bottom: none;
    letter-spacing:normal;
    margin:0 0 5px 0;
}

.aside a, .aside a:hover, .aside a:visited, .aside a:active  {
color: #510718;
font-weight: bold;
text-decoration:none;
font-size: 12px;
}

.aside ul,.aside li, .aside  li li {
	list-style: none;
	padding: 3px;
}


.aside li li li, .aside li li li li, .aside  li li li li li {
	list-style:square;
	margin-left:20px ;
}

.aside ul, ul ul {
    margin:0 5px 10px 5px;
}

.aside ul ul {
    margin:0 0 22px 0;
	list-style: square;
}

.aside  li li {
	list-style: none;
	border-bottom: #999999 1px solid;
}

.widget_calendar_today ul, .widget_calendar_today li, .widget_calendar_today li li {
	line-height:12px;
}
/*=================== COPY INTO CALENDAR WIDGET OPTIONS IN PLUGINS ================================== */

.calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#510718;
         border-bottom: none;
         font-size: 10px;
         font-weight: bold;
         }
    .calnk a:visited {
         text-decoration:none;  
         color:#510718;
         border-bottom: none;
         font-size: 10px;
         font-weight: bold;
        }
    .calnk a {
         text-decoration:none;  
         color:#510718;
         border-bottom: none;
         font-size: 10px;
         font-weight: bold;
        }

.calnk ul,.calnk li, .calnk  li li {
         line-height:12px;
}

/*=================== FOOTER ================================== */
#footer {
    width: 960px;
    margin-left: auto ;
    margin-right: auto ;
	margin-bottom: 40px;
	margin-top: 0;
/*    background: #404545;*/
	background: #000000;
    color:#fff;
    border-top: none;
}

#subsidiary {
	margin-top: 0;
	padding-top: 10px;
}

#footer .aside h3 {
/*    background: #404545;*/
	color:#C7130F;
	font-weight:bold;
    border-bottom: none;
    letter-spacing:normal;
    margin:0 0 5px 0;
}

#footer ul, #footer li  {
	list-style: none;
    color:#fff;
    margin:0 0 10px 0;
	}

#footer li li,#footer li li li,#footer li li li li,#footer li li li li li  {
	list-style: square;
    color:#fff;
    margin:0 0 0 20px;
	}


#footer a, #footer a:visited, #footer a:hover {
    color:#fff;
}

#footer a:hover {
    text-decoration:underline;
}

#siteinfo {
     width: 940px;
/*    background: #404545;*/
    color:#666666;
    padding: 0 0 10px 20px ;
    font-size:11px;
	font-weight:normal;
}
#siteinfo a,#siteinfo a:visited, #siteinfo a:hover {
    font-style: normal;
	font-weight:normal;
    color: #666666;
}

#siteinfo a:hover {
    text-decoration:underline;
}

/*	Featured-Container		*/ 

#featured {
 background:#ffcc01;
 padding-bottom:8px;
 }
 
.featured-container {
 margin:0 auto;
 height:282px;
 position:relative;
 color:#444;
 width:900px;

 }
  
.featured-container h2{ 
 padding:15px 0 15px 0;
 font-size:33px;
 color:#118ba2;
 font-weight:normal;
 width:490px;
 border-bottom:1px solid #000000;
 }
 
.featured-container h2 a{  
 color:#000000;
}

.featured-container p{
 font-size:14px;
 line-height:150%;
 padding-bottom:20px;
 margin-bottom:25px;
 width:490px;
 border-bottom:1px solid #000000;
 } 

img.featured-image{ 
 float:right;
 width:364px;
 height:244px;
 padding:15px;
 background:#000000;
 border:1px solid #810d06;
 margin:0 0 0 10px;
 } 

.ribbon{
 position:absolute;
 float:right;
 width:130px;
 top:-3px;
 right:-3px
 }
  
.more a, .port a{
 width:106px;
 display:block;
 height:30px;
 text-indent:-9999em;
 overflow:hidden;
 }
 
.more a:hover, .port a:hover{
 background-position:0 -30px;
 }
 
.more a{
 float:left;
 margin-right:15px;
 display:block;
 background: url(images/more.png) no-repeat;
 }

.port a{
 background: url(images/port.png) no-repeat;
 } 

/* Featured Slider */

.stepcarousel{
 position: relative; 
 overflow: scroll;
 width: 910px; 
 height: 285px; 
 margin:0 auto;
 }

.stepcarousel .belt{
 position: absolute; 
 left: 0;
 top: 0;
 }

.stepcarousel .panel{
 float: left;
 overflow: hidden; 
 width: 910px; 
 margin:0;
 padding-top:5px;
 }