/*--------------------------------------------------

Filename: Main.css;

Author: Chen Sun;

Created date: 08/20/2013;

Description: This is the main CSS file to edit/change the layout of the whole safer site;

--------------------------------------------------*/
body{
	background-color: #252525;/*#EBEBE9;*/
	font-size:13px;
	font-family: Helvetica, Arial, sans-serif;
}
h1, h2, h3, .h1, .h2, .h3 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
h1, h2, h3, .h1, .h2, .h3 {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
h1, h1.title, h1 a, a h1, h2, h4 {
  font-weight: normal;
}
#page{
	background-color: #FFFFFF;
	width:960px !important; /*will worry about the mobile layout when I have time*/
}
#main #content{
	padding:30px 32px 3em;
	min-height: 560px;
	height:auto !important;
	height:560px;
}
.node-title a{
	text-decoration:none;
}
a{
	color: #3B7AB8;
}
a:hover{
	color: #2D3754;
	text-decoration:underline;
	-o-transition:.2s;
    -ms-transition:.2s;
    -moz-transition:.2s;
    -webkit-transition:.2s;
    transition:.2s;
}
a.views-more-link{
	font-weight:normal !important;
	font-style:italic;
	font-size:13px !important;
}
#main{
	padding-top: 0px !important;
}
/*---------------------
* Header region
---------------------*/
#header{
	padding:0px;	
}
#header-block-wrap{
	background-color:#036;
	border-bottom:1px solid black;
	border-top:1px solid black;
}
.header__logo {
	float:none;
}
.header__logo img{
	vertical-align: bottom;
}
.front .header__region{
	right:20px;
	z-index: 99;
	position: absolute;
}
.not-front .header__region{
	float:right;
	padding-right:20px;
}
/*Logo*/
#logo-wrap{
	clear:both;
	background: url('/sites/all/themes/safer/images/bg-header-normal.png');
	background-repeat: repeat-x;
	background-color:#FFFFFF;
}
#logo-wrap img{
	height:88px;
}
/*Main navigation*/
#block-menu-block-1{
	float:left;
	margin:0px;
	width:auto;
}
#block-menu-block-1 ul{
	padding:0px;
	margin:0px;
}
#block-menu-block-1 ul.menu li{
	float:left;
	display:block;
	list-style: none;
	background-color:#036;
	padding:6px 0;
	border-right:1px solid #000000;
}
#block-menu-block-1 ul.menu li.last{
	border:0px;
}
body.not-front #block-menu-block-1 ul.menu li:hover,
body.not-front #block-menu-block-1 ul.menu li.active{
	background-color:#FC6;
}
body.not-front #block-menu-block-1 ul.menu li:hover a,
body.not-front #block-menu-block-1 ul.menu li.active a{
	color:#000000;
	text-decoration:none;
}
#block-menu-block-1 ul.menu li a{
	padding:10px 15px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
}
#block-menu-block-1 ul li a:hover{
	text-decoration:underline;
}
#block-menu-block-1 ul li a.active{
	text-decoration:underline;
}
/*Search box*/
#block-search-form{
	padding:18px 0;
}
#block-search-form #edit-search-block-form--2{
	border: none;
	border-right: 1px solid #555;
	padding: 3px 4px;
	margin: 0;
	height:22px;
}
#block-search-form .form-actions{
	float:left;
}
#block-search-form .form-item{
	float:left;
	margin:0px;
}
#block-search-form #edit-submit{
	margin-top:1px;
}
/*---------------------
* end of Header region
---------------------*/
/*---------------------
* Breadcrumb
---------------------*/
.breadcrumb{
	padding:4px 20px;
	border-bottom: 1px solid #CCC;
	font-size:12px;
}
.breadcrumb a{
	text-decoration:none;
	
}
.breadcrumb a:hover{
	text-decoration:underline;
}

/*---------------------
* end of Breadcrumb
---------------------*/
/*---------------------
* Main Content area
---------------------*/
h1.page__title{
	margin:24px 0;
	color: #036;
}
/*---------------------
* End of Main Content area
---------------------*/
/*---------------------
* Left sidebar area
---------------------*/
#main{
	position:relative;
    height: 100%;
}
.sidebars{
	height:100%;
}
.region-sidebar-first{
	padding:30px 0 30px 0px;
	border-right:1px dotted #CCCCCC;
	height:100%;
}
.region-sidebar-first ul{
	margin:6px 0;
	padding-left:20px;
}
.region-sidebar-first a{
	text-decoration:none;
}
.region-sidebar-first ul li{
	list-style-image: none !important;
	list-style-type:none !important;
}
/*---------------------
* End of left sidebar area
---------------------*/
/*---------------------
* Footer
---------------------*/
#footer{
	color: #ffffff;
	font-size: 12px;
	padding-left:0px;
	border-top: 0px solid #CCC;
	background-color:#252525;
}
#footer a{
	text-decoration:none;
	color: #ffffff;

}
#footer a:hover{
	color:#0FC3FF;
}
/*---------------------
* end of Footer
---------------------*/
/*---------------------
* Homepage
---------------------*/
body.front{
	background-color: #252525;
}
body.front #main a{
	color:#B2CDE3;
	text-decoration:none;
}
body.front #main a:hover{
	color:#FFFFFF;
}
body.front #main #content{
	background-color:#003664;
	padding: 32px 5% 0px 5%;
}
body.front #header{
	background-color: #000000;
}
body.front #main-slider-wrap{
	border-bottom:2px solid black;
	background-color:#000000;
	position:relative;
}
body.front #block-menu-block-1 ul.menu li{
	background-color:#000000;
	padding: 14px 0 10px 0;
}
body.front #block-menu-block-1 ul.menu li a{
	padding:0px 0px 0 20px;
	font-size:12px;
	font-weight:bold;
}
body.front #block-search-form{
	padding:12px 0;
	margin:0px;
}
body.front #logo-wrap{
	z-index: 99;
	position:absolute;
	top:0px;
	width:100%;
	background: url('/sites/all/themes/safer/images/Logo bg_88px.png');
}
body.front #main #content .view-block-title{
	padding-bottom:12px;
}
body.front #main #content .view-block-title a{
	font-size: 24px;
	color:#FFFFFF;
}
body.front #main #content .view-block-title a:hover{
	color:#B2CDE3;
}
body.front #main #content .front-view-block .views-row{
	color:#DDDDDD;
	border-bottom: 1px solid #628099;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
body.front #main #content .front-view-block .views-row.views-row-last{
	border-bottom:0px;
}
body.front #main #content .front-view-block .views-row .views-field-title{
	font-size:14px;
}
body.front #main #content .front-view-block .views-row .views-field-body{
	font-style:italic;
	font-size:13px;
}
body.front #main #content .front-view-block{
	float: left;
	width: 46%;
	padding-bottom: 24px;
}
body.front #main #content .front-view-block.block-1{
	margin-right: 6%;
}
body.front #main #content .view-footer{
	text-align:right;
}
body.front #footer{
	color: #4984B4;
	border-top: 4px dotted #3F6B90;
	background-color:#003664;
	padding: 6px 5%;
}
body.front #footer a{
	color: #4984B4;
}
body.front #footer a:hover{
	color:#FFFFFF;
}
.rs-slider > li img {
  display: block;
    height: 480px;

}
#home-images{
  background-color:#000;
  padding-bottom:2px;
  position:relative;
}
#home-images-wrap{
  overflow:hidden;
  height:520px;
}
#home-images-wrap ul#home-images-list{
  padding:0px;
  margin:0px;
  word-wrap:break-word;
}
#home-images .rs-caption{
  background: url(/sites/all/libraries/refineslide/thumbsBg.png) repeat 0 0;
  color:white;
  font-family: "Helvetica Neue",Georgia;
  font-weight:100;
  font-size:18px;
  line-height:38px;

  padding:0 16px;
  overflow: hidden;
  cursor:pointer;
}
#home-images .rs-caption .deco{
  font-size:13px;
  color:#93a5a5;
  vertical-align:top;
  padding-left:12px;
}
#home-images .rs-caption:hover .title .deco{
  display:none;
  -o-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
}
#home-images .rs-caption .description{
  font-size:14px;
  font-family:arial;
  font-style: italic;
  color:#D1DDEA;
  line-height: 1.5em;
  padding-bottom:10px;
  display:none;
}
#home-images .rs-caption .description .deco{
  text-align: right;
  padding-left:0px;
}
#home-images .rs-caption .description .deco:hover{
  color:#FFFFFF;
}
.rs-caption{
  /*bottom:16px;
  left:12px;*/
  width:300px;
}
#home-images .rs-1{
  bottom:25%;
  left:67%;
  width:300px;
}
#home-images .rs-2{
  bottom:36px;
  left:12px;
  width:360px;
}
#home-images .rs-3{
  bottom:80px;
  left:55%;
  width:410px;
}
#home-images .rs-4{
  bottom:26px;
  left:32px;
  width:380px;
}
/*---------------------
* end of Homepage
---------------------*/
/*---------------------
* News section
---------------------*/
body.page-node-54 .landing-view-block{
	float:left;
}
.view-news-section.view-display-id-block_1 table td.views-field-title{
	padding-left:10px;
	width:760px;
}
.view-news-section.view-display-id-block_1 table caption{
	padding:10px 0;
	font-weight:bold;
	font-size:15px;
}
.view-news-section.view-display-id-block_1 table td{
	padding:12px 10px 12px 2px;
	vertical-align:top;
}
.view-news-section.view-display-id-block_2 table td{
	padding:12px;
	vertical-align:top;
}
.view-news-section.view-display-id-block_2 table tr.even{
	background-color:#EEE;
}

body.page-node-54 .landing-view-block.block-2{
	width:366px;
	margin-left:30px;
}
.view-news-section table td.views-field-title a{
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}
/*---------------------
* end of News section
---------------------*/