/*   
Theme Name: CaSa maRi
Theme URI: http://www.casamari.com
Description: A Child Theme for CaSa maRi
Author: Kate Mag and Cláudio Mendonça
Author URI: http://pixert.com/,http://www.claudiomendonca.com 
Template: thematic
Version: 1.0
Tags: Thematic, 2 column, red
.
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 */
body {
  background: url('images/background.gif') top left;
  font-family: Georgia,"Times New Roman",Sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #808080;
}
/* Header */
#top_header {
  width: 100%;
  height: 30px;
  background: #A20234;
}
.searchform {
  margin: 0 auto;
  width: 960px;
  height: 30px;
}
.searchform form {
  display: block;
  width: 100%; 
  height: 30px;
}
.searchform div {
  height: 30px;
  margin: 0;
  padding: 2px 0 2px 0;
}
/* Main Content */
#wrapper {
  margin: 23px auto 10px auto;
  width: 960px; 
  font-style: italic;
}
#header {
  width: 960px;
  border-left: 1px solid #cecece;
  background: url('images/border-top.png') top right repeat-y;
}
#main_wrapper {
  padding: 0;
  width: 960px; 
  border-left: 1px solid #cecece;
  background: url('images/border-top.png') top right repeat-y;
}
#footer {
  margin-top: 0;
  width: 960px;
  height: 60px;
  border-top: 0;
  background: url('images/border-bottom.png') bottom left no-repeat;
}
#siteinfo {
  padding: 0;
  width: 960px;
}
/* Search Bar */
input#s{
  position: absolute;
  top: 3px;
  width: 250px;
  height: 18px;
  font-family: Georgia,"Times New Roman",Sans-serif;
  color: #f7f7f7;
  background: none;
  border: 1px solid #d1819a;
 }
input#s:focus{
  background: #b24265;
 }
input#searchsubmit{
  position: absolute;
  margin-left: 255px;
  padding: 0;
  font-family: Georgia,"Times New Roman",Sans-serif;
  font-size: 14px;
  font-style: italic;
  color:#f7f7f7;
  background: none;
  border: none;
 }
input#searchsubmit:hover{
 cursor:pointer;
 }
/* Main Content : Header */
#branding {
  margin: 0;
  padding: 0; 
  width: 949px;
  border-top: 1px solid #cecece;
  background: #fff;
}
#headerwidget {
  margin: 0 auto;
  padding: 33px 0 51px;
  width: 360px;
}
#featurewidget {
  margin: 0;
  padding-bottom: 60px;
  width: 949px;
  height: 280px;
}
#homefeaimg {
  float: left;
  display: block;
  margin: 0;
  width: 537px !important;
  position: relative;
} 
#homefeaimg .textwidget {
  padding-left: 50px;
} 
#homefeacontent {
  float: left;
  display: block;
  margin: 0;
  padding: 0 33px 0 50px;
  width: 310px !important;
  position: relative;
}
#homefeacontent ul {
  width: 100%;
  margin: 0.5em;
  list-style-type: none;
  color: #b3b3b3;
}
#homefeacontent ul li h3 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color: #999999;
}
#homefeacontent ul ul {
  margin-left: 0 !important;
}
#homefeacontent ul ul li a {
  text-decoration: none;
  color: #b3b3b3;
}
#access {
  width: 949px;
  background: #fff; 
}
/* Nav */
.skip-link {
    display:none;
}
#access {
    border-bottom:1px solid #ccc;
    height:32px;
    font-size:13px;
    overflow:visible;
    z-index:100;
}
.menu {
  float: right;
  position: absolute;
  z-index: 200;
  width: 980px;
  height: 84px;
  top: -7px;
  background: url('images/menu-ornament.png') top right no-repeat;
}
/* Essential Styles */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.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;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
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;
}

/*** THEMATIC SKIN ***/
.sf-menu {
	float:left;
	margin-top: 6px;
	padding-left: 50px;
	border-right: none;
}
.sf-menu a {
  border-top: none;
  border-left: none;
	border-bottom: none;
	border-right: none;
	padding: 9px 13px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
.sf-menu .current_page_item {
  width: 126px;
  height: 35px;
	background:	url('images/menu-on.jpg') no-repeat;
	border-bottom: none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom: none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#808080;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active   {
  width: 126px;
  height: 35px;
  padding-left: 0;
	background:	url('images/menu-on.jpg') no-repeat;
	border-bottom: none;
}
.sf-menu li {
  width: 126px;
  height: 33px;
	background:	url('images/menu-off.jpg') no-repeat;
	margin-right: 15px;
	text-align: center;
	border-bottom: none;
}
.sf-menu li li {
	background:		#fff;
	text-align: left;
}
.sf-menu li li li {
	background:	#9AAEDB;
	text-align: left;
}
.sf-menu li ul li:hover, .sf-menu li ul li.sfHover {
    background: #e9e9e9;
	  outline: 0;
    border-bottom-color:#ccc;
}
.sf-menu li ul li a:hover, .sf-menu li ul li a:focus, .sf-menu li ul li a:active {
  padding-left: 13px;
  background: none;
}
.sf-menu ul {
    border-right: none;
    border-bottom: none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:34px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
  background:#fafafa;
	border-bottom:none;
}
.sf-menu ul a:hover {
  color: #FF4B33;
}
/* Main */
#main {
  margin: 0;
  padding: 0;
  width: 949px;
  background: #fff;
}
#container {
  padding: 70px 0 35px 50px;
  width: 510px;
}
.entry-title,.entry-title a {
  color: #808080; 
}
.entry-meta,.entry-meta a {
  color: #b3b3b3;
}
.entry-category {
  margin-top: 10px;
  font-size: 14px;
  color: #b3b3b3;
}
.entry-category a {
  text-decoration: none;
  color: #999;
}
#primary, #secondary {
  margin-left: 10px;
  padding: 70px 10px 35px 55px;
  width: 310px;
  border: none;
}
.aside a {
  text-decoration: none;
}
.aside ul ul {
  margin: 0 0 22px 0;
  list-style-type: none;
}
.aside ul li h3 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color: #808080;
}
#bottomsidebar {
  margin-left: 10px;
  padding:70px 10px 35px 55px;
  width:310px;
  position: absolute;
  z-index: 202;
  bottom: 0;
  border:medium none;
}
 /* footer */
#bottom_footer {
  width: 100%;
  font-style: italic;
  background: #A20234;
}
#bottom_footer #subsidiary {
  padding: 30px 0 50px 0;
}
#bottom_footer #subsidiary .aside {
  color: #f7f7f7 !important;
}
#bottom_footer #subsidiary .aside ul li h3 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color: #fff;
}
#bottom_footer #subsidiary .aside ul li a {
  color: #f7f7f7;
}