/* @override http://localhost:8888/Wordpress/wp-content/themes/SPCS/style.css */

/*   
Theme Name: SPCS
Theme URI: 
Description: Theme for the SPCS
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.1
Tags: Thematic
.
Thematic Power Blog is copyright 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('3c-r-fixed-primary-988px.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors
   For demonstration purposes we're using the default Thematic style
   For major changes I recommend copying over the default styles into this file */
@import url('../thematic/library/styles/default.css');

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



/* Site info placed in the footer
-------------------------------------------------------
*/
#siteinfo {
	background-color: transparent;
	text-align: center;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: navy;
}

/* =Category Menu
-------------------------------------------------------------- */

#category-access {
    height: 31px;
    font-size:13px; /* padding above and below the category-access menu bar */
    overflow:visible; 
    z-index:150;
	border-bottom: 1px solid #ccc;
	background-color: #104080;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
/* uncomment the following two selectors in case your category list wraps into a second row
#category-access {
		height: 96px;
}

body.ie7 #category-access {
		height: 64px;
}
*/
.menu-title {
    color: #f5fffd;
    float:left;
    font-style: italic;
    margin-right:10px;
	padding-top: 2px;
}
#category-access .sf-menu {
    border-color:transparent;
}
#category-access .sf-menu a {
    border:1px solid transparent;
	font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 6px;
	padding-top: 7px;
}
#category-access .sf-menu li:hover, #category-access .sf-menu li:hover a,
#category-access .sf-menu li.sfHover, #category-access .sf-menu li.sfHover a,
#category-access .sf-menu a:focus, #category-access .sf-menu a:hover, #category-access .sf-menu a:active {
    background:     #fafafa;
	outline:		0;
    border-color:#ccc;
}
#category-access .sf-menu ul a {
    background:#fafafa;
    border-color:#ccc;
    border-right:none;
	border-bottom:none;
	margin-right:0;
}


/* =Default Widgets
-------------------------------------------------------------- */

#crown h3 {
    font-family:arial;
    font-style:normal;
    font-weight:bold;
    font-size:16px;
    padding:20px 0 4px 0;
}
#crown #thematic-power-blog-subscribe {
    padding:0 0 44px 0;
    position:relative;
}
#crown #thematic-power-blog-subscribe h3 {
    position:absolute;
    top:0;
    left:0;
}
#crown #thematic-power-blog-subscribe ul {
    list-style:none;
    margin:0;
    position:absolute;
    top:0;
    right:0;
}
#crown #thematic-power-blog-subscribe ul li {
    padding:0;
}
#crown #thematic-power-blog-subscribe a {
    background:url(images/feed-icon-14x14.gif) no-repeat 10px 6px;
    border:1px solid #ccc; 
    -webkit-border-radius: .35em;
    -moz-border-radius: .35em;
    border-radius: .35em;
    padding:6px 16px 6px 32px;    
    text-decoration:none;
}
/* Fix for the a-tag border bug in IE7 */
body.ie7 #crown #thematic-power-blog-subscribe a {
	float:left; 
}
#thematic-power-blog-about ul {
    list-style:none;
    margin-left:0;
}
#thematic-power-blog-about a.more {
    display:block;
    text-align:right;
}


/* =Global Elements
-------------------------------------------------------------- */

#branding {
    background:url(images/header-image.jpg) no-repeat center bottom;
    margin-bottom:22px;
    padding:4px 0 218px 0; /* Bottom padding is the same height as the image called above */
}
#blog-description {
    margin-bottom:22px;
}
#leader {
    border-bottom:1px solid #ccc;
    margin-bottom:-22px;
    padding:33px 0 11px 0;
}
.hentry {
}
.crown-aside {
    color:#666;
    padding-top:0px;
    margin:0;
}
.attachment-jpeg .crown-aside,
.attachment.png .crown-aside {
    display:none;
}
.crown-aside a {
    color:#666;
}
.crown-aside a:active,
.crown-aside a:hover {
    color: #FF4B33;
}
.crown-aside ul {
    padding:0 20px;
}
.crown-aside ul ul {
    border:none;
    padding:0;
}
.main-aside {
    padding-top:22px;
}
.main-aside ul {
    padding:0 20px;
}
.main-aside ul ul {
    padding:0;
}
#crown {
    border:1px solid #ccc;
    width:356px;
}
#primary {
    border:1px solid #ccc;
    border-width:0 1px 1px 1px;
    padding:22px 0 11px 0;
    width:177px;
}
#secondary {
    border:1px solid #ccc;
    border-width:0 1px 1px 1px; /* keeping a border on the left for no-js */
    margin-left:-1px; /* offsets the 1px border on the left */
    padding:22px 0 11px 0;
    width:178px;
}

#breadcrumb-nav {
    border-top:1px solid #ccc;
    color:#666;
    font-size:13px;
    line-height:18px;
    margin-bottom:-22px;
}
#breadcrumb-nav a {
    color:#666;
}
#breadcrumb-nav a:active,
#breadcrumb-nav a:hover {
    color: #FF4B33;
}
#breadcrumb-nav-container {
    margin:0 auto;
    padding:11px 0;
    width:988px;
}
#breadcrumb-nav-container p {
    margin:0;
}
#footer {
}


.wp-pagenavi span.pages {
		padding:4px !important;
}


/* =Widgets
-------------------------------------------------------------- */

.aside th, .aside td {
	padding:0.25em 0.35em;
}





/* Rob's additions (and some mods above) */

/*

-- Full width of #main is 988px
-- RHS margin of #content is used for the sidebar
-- #sidebar width is 20px less than #content (10px either side)
-- #crown is the #sidebar width minus x either side for borders

*/


#leader .widgettitle {
  width:300px;
  padding-left:5px;
  padding-top:10px;
  padding-bottom:10px;
  background: -webkit-gradient(linear, left top, right top, from(#d2d2d2), to(#f0f0f0));
  background: -moz-linear-gradient(top,  #bababa,  #f0f0f0);
  background:url(images/GradBkgnd.png) no-repeat;
}


#header {
/*  border-top:24px solid #183040; */
  border-bottom: 1px solid #104080;
  margin-top:0;
  background-color:rgb(16,64,128);
	border-width: 1px;
}

.entry-title {
  font-family:palatino;
  color:#072c53;
}
.entry-title a {
  color:#072c53;
}
.entry-title a:hover {
  color:red;
}

#content {
  margin-right:378px;
}
#sidebar {  /* set the sidebar width */
  width:358px;
}
#main {

}

#leader {
  background-color:#f0f0f0;
}
#leader .widgettitle {
  color:#515151;
}

#access {
  background-color: #104080;
	border-style: none;
	border-bottom-style: none;
}
















/* menu bar settings */
.sf-menu {
	border-style: none;
}
.sf-menu a {
  font-family:arial;
  font-weight:bold;
  font-size: 11px;
  text-transform:uppercase;
  letter-spacing:0.1em;
  text-decoration:none;
  color:#ffffff; /* menu left border for all menu items */
  padding: 9px 13px; /* padding around menu text */
  background-color: #104080;
	border-style: none;
}
/* menu bar settings */
.sf-menu a:visited {
  color:#ffffff;
	background-color: #104080;
}
.sf-menu a:link {
  color:#ffffff;
	background-color: #104080;
	border-bottom-style: none;
}
.sf-menu a:hover {
  color: silver; /* font color of hovering hyperlink text */
  background-color: #104080;
}
category-menu.sf-menu li.sfhover a {
	background-color: red;
	color: lime;
}















/* Category button (1st level, no hover, no visits) */
#category-menu .sf-menu li a:link {
	color: white;
	background-color: #104080;
	border-style: none;
}
/* Category button (1st level, not visited, while hovering over sub menu) */
#category-menu .sf-menu li.sfHover a:link {
	color: white;
	background-color: #104080;
}
/* Category button (2nd level, not visited, no hover) */
#category-menu .sf-menu li.sfHover li a:link {
	color: white;
	background-color: #104080;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
}
/* Category button (3rd level, not visited, no hover) */
#category-menu .sf-menu li.sfHover li li a:link {
	color: white;
	background-color: #104080;
}


/* Category button (1st level, no hover, visited) */
#category-menu .sf-menu li a:visited {
	color: white;
	background-color: #104080;
}
/* Category button (1st level, visited, while hovering over sub menu) */
#category-menu .sf-menu li.sfHover a:visited {
	color: white;
	background-color: #104080;
}
/* Category button (2nd level, visited, no hover) */
#category-menu .sf-menu li.sfHover li a:visited {
	color: white;
	background-color: #104080;
}
/* Category button (3rd level, visited, no hover) */
#category-menu .sf-menu li.sfHover li li a:visited {
	color: white;
	background-color: #104080;
}


/* Category button (1st level, hover) */
#category-menu .sf-menu li a:hover {
	color: silver;
	background-color: #104080;
}
/* Category button (1st level, hover, with sub menu) */
#category-menu .sf-menu li.sfHover a:hover {
	color: silver;
	background-color: #104080;
}
/* Category button (2nd level, hover) */
#category-menu .sf-menu li.sfHover li a:hover {
	color: silver;
	background-color: #104080;
}
/* Category button (3rd level, hover) */
#category-menu .sf-menu li.sfHover li li a:hover {
	color: silver;
	background-color: #104080;
}