/*
Theme Name:	Traction PRO Child Theme
Theme URI: 	http://thethemefoundry.com/traction/
Description: 	PRO child theme for Traction.
Version: .97
Author:		The Theme Foundry
Author URI:	http://thethemefoundry.com/
Template: traction
*/

/* Import Stylesheets, don't remove these.
-----------------------------------------------------------*/
@import url("../traction/stylesheets/master.css");

/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
  }
.alignleft { float: left; }
.alignright { float: right; }

/* Logo
-----------------------------------------------------------*/
div.logo.logo-img { line-height: 0; }

/* Make all custom CSS changes BELOW this line
-----------------------------------------------------------*/
/* Example: Change the sidebar background to blue:
#sidebar {
	background: blue;
	}
*/

body {
	background: #457CA5;
	color: #000;
} 

#body-border-top {
	background: #457CA5 url(images/page-nav-bg.gif) top left repeat-x;
	height: 6px;
}


p a {
	border-bottom: 1px dotted #999999;
}

p a:hover {
	border-bottom: 1px dotted #999999;
}

.wrapper.big { 
	background: none;
}

#header {
	background:url(images/header-bg.gif) no-repeat center top ;
	height: 223px;
	padding-bottom: 0px;
}

#header-left-col {
	width: 300px;
	padding: 28px 0px 0px 28px;
	float: left;
	background-image: url(images/puget-sound-express.gif) no-repeat;
}

#header-right-col {
	margin-left: 385px;
}

#header-contact {
	color: #FFF;
	float: right;
	font-size: 1.5em;
	font-weight: bold;
	width: 390px;
	text-align: right;
	padding-top: 6px;
}

#header-contact .call-us {
	font-weight: normal;
	font-size: .9em;

}

#header-contact .ph-number {

	font-size: ;

}

#header-contact a {
	display: block;
	padding: 5px 0px 0px 2px;
	text-align: center;
	width: 125px;
	height: 40px;
	background: url(images/top-contact-reserve-bg.gif) no-repeat;
	font-size: 1em;
	text-shadow: 0px 1px 0px #000;
	font-weight: normal;
	float: right;
	color: #FFF;
	margin-left: 5px;
	margin-top: -6px;
}

#header-contact a:hover {
	background: url(images/top-contact-reserve-bg-hover.gif) no-repeat;
}

/*ROTATING BANNER*/

/* rotator in-page placement */
#rotator {
	clear: right;
	width: 572px;
	height: 138px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	
	
}
    div#rotator ul li.show {
	z-index:500
}

/*MAIN TOP NAVIGATION*/

div#cat-nav {
	margin-top: 0px;
	background: url(images/nav.gif) no-repeat top center;
	height: 40px;
}

.nav {
  line-height: 40px;
}

.nav a {
  display: block;
  color: #ebecee;
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none;
  text-shadow: none;
  padding: 0 20px;
}

.nav ul {
  background: transparent url(images/nav-bottom.png) no-repeat bottom center;
}

.nav li li {
  width: 200px;
  background: #4A9B99;
}

.nav li li:hover, .nav li li.sfhover, .nav li li.current_page_parent, .nav li li.current_page_ancestor, .nav li li.current-cat-parent, .nav li li.current-cat, .nav li li.current_page_item { background: #458F8D; }

/*FEATURE BAR*/

div#feature { 
	background: url(images/feature-bottom.png) repeat-y top center;
}

div.feature-top {
  height: 20px;
  background: url(images/feature-top.png) no-repeat top center;
}

div.feature-main {
  padding: 0 20px;
  min-height: 350px;
  background: #F7F7F7 url(images/feature-body.gif) repeat-x top left;
}

div.feature-bottom {
  height: 12px;
  margin-bottom: 0px;
  background: url(images/feature-bottom.png) no-repeat top center;
}

div.feature-sidebar {
	background: #FFFFFF url(images/feature-sidebar-bg.gif) repeat-x top left;
	min-height: 350px;
	margin-top: 20px;
}

div.feature-sidebar h2 {
  display: none;
}

div.feature-sidebar ul { margin: 0 0 10px 0; }
div.feature-sidebar ul li { margin: 0 0 15px 0; }
div.feature-sidebar ul li a {

  display: block;
  padding: 12px 15px;
  font-size: 1.2em;
  line-height: 1em;
  border: 1px solid #CCCCCC;
  background: #5a7da1 url(images/feature-li-bg.png) repeat-x bottom left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div.feature-sidebar ul li a:hover {
   border: 1px solid #d1d1d1;
   background: #2C4774 url(images/feature-li-bg-hover.png) repeat-x bottom left;
}

div.feature-main a:active.more-link, div.feature-sidebar ul li.active a, div.feature-sidebar ul li.active a:hover, div.feature-sidebar ul li a:hover:active {
   border: 1px solid #ccc;
   border-top: 1px solid #777;
   border-bottom: 1px solid #CCCCCC;
   background: #2C4774 url(images/feature-li-bg-active.png) repeat-x top left;
 
}

div.feature-sidebar ul li a strong {
  color: #FFFFFF;
  text-shadow: 0 1px 0 #000000;
}

div.feature-sidebar ul li.active a strong { text-shadow: 0 1px 0 #000000; }

div.feature-sidebar ul li a span {  
  color: #FFFFFF;
}

div.feature-main h3 a:link, div.feature-main h3 a:visited { 
  color: #000000;
}

div.feature-main div.slide p {
  color: #000000;
}

div.feature-main a:link.more-link, div.feature-main a:visited.more-link {
	font-size: .85em;
  margin-top: 20px;  
  padding: 1px 20px;
  font-weight: bold;
  background: #eef0f2 url(../images/feature-li-bg.png) repeat-x bottom left;
  border: 1px solid #aaa;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px; 
}
div.feature-main a:hover.more-link {
  background: #f3f5f7 url(../images/feature-li-bg-hover.png) repeat-x bottom left;
  border: 1px solid #c9c9c9;
}

/*MAIN AREA*/

#main-top { 
  height: 62px;
  background: #3C3C3D url(images/main-top.png) no-repeat center top; 
}

#main-top-wide { 
  height: 62px;
  background: #3C3C3D url(images/main-top-wide.png) no-repeat center top; 
}

#main-top h4 {
  padding: 11px 0 0 20px;
  font-size: 2.3em;
  color: #2B465F;
  text-shadow: none;
}

#main { 
	background: #E7E9EB url(images/main-body.png) repeat-y center top; 
}

#main-wide { 
	background: #E7E9EB url(images/main-body-wide.png) repeat-y center top; 
}

#main-bottom { 
  height: 15px; 
  background: url(images/main-bottom.png) no-repeat center top; 
}

#main-bottom-wide { 
  height: 15px; 
  background: url(images/main-bottom-wide.png) no-repeat center top; 
}

/*CONTENT and ENTRY*/

#content .entry.page { 
  margin: 0;
  width: 616px;
}

#content h1 {
	margin: 0;
  padding: 0 0 15px 0;
  font-size: 2.2em; 
  text-shadow: 0 1px 0 #fff;
}

/*WIDE ONE COLUMN*/

#content-wide { 
  float: left; 
  width: 919px;
  padding: 20px 20px 15px 20px; 
}

#content-wide h1 { 
  margin: 0;
  padding: 0 0 15px 0;
  font-size: 2.2em; 
  text-shadow: 0 1px 0 #fff;
}

#content-wide .entry.page { 
  margin: 0;
}

.credits {
	margin-bottom: 5px;
	font-size: 11px;
	color: #666666;
}

.entry h2 { 
  color: #000000;
}

.entry h2 a:link, .entry h2 a:visited { 
  color: #285A86;
  border-bottom: 1px dotted #999999;
}

.entry h2 a:hover { 
	color: #1A3D5C; 	
}

.entry a.more-link:link, .entry a.more-link:visited {
	border-bottom: none;
}

.entry  { 
  color: #000000;
}

.entry img {
	padding: 4px;
  	background: #fff;
  	border: 1px solid #aaa;
}

.post .date { 
  background: #457CA5;
}
.post .date div {

}
.post .date .day {
 
}
.post .date .month {

}

.more-link  {
	
}

.more-link a {
	border-bottom: none;
}


/*SOCIAL MEDIA SUBSCRIBE ICONS*/

.subscribe h5 {
  font-size: 1.4em;
  color: #457CA5;
  text-shadow: none;
  padding: 0 30px 0 0;
}


/*SIDEBAR*/

.widget { margin: 10px 0 15px 0; }

#reserve-online {
	width: 247px;
	font-size: 1.2em;
	color: #397272;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

#reserve-online .phone-number {
	font-size: 1.25em;
}

#reserve-online a {
	display: block;
	text-shadow: 0 1px 0 #000000;
	font-size: 1.7em;
	color: #FFFFFF;
	width: 247px;
	height: 36px;
	background: url(images/reserve-online-bg.png) no-repeat top center;
	font-weight: normal;
	padding-top: 12px;
	margin-bottom: 5px;
}

#reserve-online a:hover {
	background-position: 5px -48px;
}

#newsletter {
  margin: 15px 0;
  padding: 8px 20px 12px 20px;
}

#trip-advisor {
	margin: 10px 0px 10px -10px;
}

/*FOOTER*/

#footer {
  background: none;
  padding: 0px;
  margin-top: 15px;
}

.footer-wrapper {
  width: 904px;
  margin: 0 auto;
  text-align: left; 
}

.footer-column h2 {
  border-bottom: 1px dotted #FFFFFF;
}

#footer a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
}

#footer-about ul {
  margin: 12px 0;
  font-size: 1.3em;
  list-style-type: circle;
  padding-left: 14px;
  color: #FFF;
}

#footer-about.footer-column { 
	width: 300px; 
}
#footer-middle.footer-column { 
	width: 256px; 
}
#footer-search.footer-column { 
  	margin: 0;
	float: right;
  	width: 256px; 
}

/*COPYRIGHT*/

#copyright {
  padding: 20px 0 30px 0;
}

#copyright a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
}