/* Import shared styles 
-------------------------------------------------- */

@import "common.css";
@import "template_base.css";
@import "navigation.css";
@import "fancybox.css";

/* Structure
-------------------------------------------------- */
body {
  background: #787662 url("../images/bg_body_home.gif") repeat-x;
}

a.title:link,
a.title:visited {
  color:#8D1811;
  margin-bottom:3px;
}

a.title:hover {
  color:#676554;
}

ul li a:link,
ul li a:visited {
  font-size:1.1em;
}

ul li a:hover {
  color:#8D1811;
}

a.more:link,
a.more:visited {
  line-height:2em;
  text-decoration:none;
  color:#8D1811;
}

a.more:hover {
  color:#676554;
}

#wrapper {
}

#header {
  height: 365px;
  background: url("../images/home_hero.gif") no-repeat bottom;
}

.heroNav {
  position: relative;
  top: 15px;
  left: 14px;
}

.heroNav a:link,
.heroNav a:visited {
  display: block;
  float: left;
  text-indent: -9999px;
    margin-right: 1px;
}

.heroNav a#hero_single {
  width: 217px;
  height: 209px;
}

.heroNav a#hero_engaged {
  width: 259px;
  height: 209px;
}

.heroNav a#hero_married {
  width: 229px;
  height: 209px;
}

.heroNav a#hero_divorced {
  width: 226px;
  height: 209px;
}

.heroNav a#hero_single:hover {
  background: url("/wp-content/themes/rcenter/images/single_on.jpg");
}

.heroNav a#hero_engaged:hover {
  background: url("/wp-content/themes/rcenter/images/engaged_on.jpg");
}

.heroNav a#hero_married:hover {
  background: url("/wp-content/themes/rcenter/images/married_on.jpg");
}

.heroNav a#hero_divorced:hover {
  background: url("/wp-content/themes/rcenter/images/separated_on.jpg");
}




div#content {
	width: 635px;
	margin-right: 10px;
}

div#content ul li {
	background: url("../images/bg_divider.gif") bottom no-repeat;
	padding-bottom: 25px;
	margin-bottom: 25px;
	height:120px;
}

div#content ul li img {
	float: left;
	margin-right: 10px;
}

div#content ul li h3 {
	color: #676554;
	font-size: 1.8em;
  
}

div#content ul li h3 a {
	font-size: 1em;
}

div#content ul li h4 {
  font-size: 1.1em;
  margin: 0 0 3px;
}

div#content ul li p {
	margin: 0;
	padding: 0;
	color:#000;
  font-size: 1.1em;
}

.detail ul {
  margin: 5px 0;
}

/* Interior List items */

div#content li .thumb {
  float: left;
  width: 138px;
}

div#content li .detail {
  float: left;
  width: 419px;
}

div#content ul li ul {
  margin-left: 15px;
}

div#content ul li li {
  height: auto;
  background: none;
  padding: 0;
  margin: 0 0 0 15px;
  list-style: disc;
}

/* Side Bar */

div#sideBar {
  width: 257px;
}

div#sideBar p {
  font-size: 1em;
  margin:0 5px;
  padding: 0;
  color: #2e2e2e;
}

/* Text Color */
div#sideBar .callout2 p,
div#sideBar .callout3 p {
  color: #d5d2af;
}

div#sideBar .callouts {
  border: 1px solid #ccc;
  padding: 9px;
}

div#sideBar .callout {
  margin-bottom: 10px;
}

div#sideBar div.callout1 h3,
div#sideBar div.callout2 h3,
div#sideBar div.callout3 h3 {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.1em;
  margin: 0 0 5px;
  clear: both;
  border: 0 !important;
}

div#sideBar div.callout1 h3 a:link,
div#sideBar div.callout1 h3 a:visited {
  color: #000;
}

div#sideBar div.callout2 h3 a:link,
div#sideBar div.callout2 h3 a:visited {
  color: #fff;
}

div#sideBar div.callout3 h3 a:link,
div#sideBar div.callout3 h3 a:visited {
  color: #fff;
}


div#sideBar div.callout1 a:link,
div#sideBar div.callout1 a:visited {
  color: #5c6b62
}

div#sideBar div.callout2 a:link,
div#sideBar div.callout2 a:visited,
div#sideBar div.callout3 a:link,
div#sideBar div.callout3 a:visited {
  color: #fff;
  text-decoration: none;
}

/* Callouts
------------------------------------------------------- */

/* Structure */

div.callout1,
div.callout2,
div.callout3 {
	width: 241px;
}

div.calloutTop {
  height: 7px;
  overflow: hidden;
}

div.calloutBot {
	height: 8px;
	overflow: hidden;
}

.calloutMid {
	padding: 0px 15px 0px;
	overflow: hidden;
  border: 0 !important;
}

div#sideBar div.callout1 .calloutTop {background: url("../images/bg_home_callout1_top.gif");overflow: hidden;}
div#sideBar div.callout1 .calloutMid {background: url("../images/bg_home_callout1_mid.gif");}

div#sideBar div.callout2 .calloutTop {background: url("../images/bg_home_callout2_top.gif");overflow: hidden;}
div#sideBar div.callout2 .calloutMid {background: url("../images/bg_home_callout2_mid.gif");}

div#sideBar div.callout3 .calloutTop {background: url("../images/bg_home_callout3_top.gif");overflow: hidden;}
div#sideBar div.callout3 .calloutMid {background: url("../images/bg_home_callout3_mid.gif");}

div.calloutBot {
	background: url("../images/bg_home_callout_bot.gif");
}

div#content li:after,
.heroNav:after {
  content: "."; 
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}