/*
Theme Name: kid
Theme URI: http://www.uksails.ca
Description: Child Theme for thematic
Author: Malcolm Green
Author URI: http://www.greenbear.ca
Template: thematic
Version: 0.1
*/
 
@import url("../thematic/style.css");


/* Differences between Home and other pages */
#header {height:160px; background:url(images/hdr_shadow.jpg) #999 bottom repeat-x;}
.header-tel {border-left: 1px solid white;
padding-left: 5px; font-size:18px;}
#blog-description { float:right; position:relative; margin-top:-60px; font-size:12px; color:#fff; font-style:normal; text-align:right; bottom:13px;}
#blog-description span.tagline {position: relative; right: 248px; top: 10px;}
#blog-description a{text-decoration:none; color:#FFF;}
#blog-title a {
background:url(images/logo_sm.gif) no-repeat top center;
display:block;
text-indent:-9000px;
width: 95px;
height:69px;
padding-left:40px; padding-bottom:15px; 
}
#main {width:100%;  background:url(images/lwr_shadow.jpg) #F4F4F4 bottom repeat-x; padding:20px 0 20px 0;}
/* clearing the preset table styling */
table {margin:0; padding:0; border:0 none !important; line-height:normal;}
tr {border-bottom:0 none !important;}
th,td {padding:0}
.selbtn {background:url(images/select_up.png) top no-repeat; height:55px; width:55px; text-align:center; display:block; text-indent:-9000px;}
.selbtn:hover {background:url(images/select_up.png) bottom no-repeat;}
.rowlit{ background:none;}
.rowlit:hover {background:url(images/row_bg.png) top;}

/* common to all pages */
body {
	background-color: #999;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
height:100%;
}
a, a:link {color:#002659;}
a:hover {text-decoration:none;}
a:visited {color:#002659;}
#wrapper {background-color:#fff; height:100%;}
#comments{display:none;}
#content {width:940px; margin:0 auto;}
#content H1, .entry-title {color:#002659; font-size:32px; font-family: 'Raleway', sans-serif; font-weight:200;}
#content H2 {color:#002659; font-size:28px;  line-height:32px; font-family: 'Raleway', sans-serif; font-weight:200;}
#content H3 {color:#002659; font-size:24px; font-family: 'Raleway', sans-serif; font-weight:900;}
.aside a:active, .aside a:hover {color:#999;}
#branding {padding:20px 0 0 0;}
#container, #footwidgets {width:940px; margin:0 auto; float:none;} 
#footer {border:none; margin-top:0; background-color:#999; padding-bottom:10px; }
#subsidiary {padding-top:15px;}
#subsidiary #first {width:365px;}
#subsidiary #second {width:295px;}
#subsidiary #third {width:235px;}
/* Got a Question Button */
.gotta { background:url(images/btn_gotaquestion_all.gif) top no-repeat; height:35px; display:block;text-indent:-9000px; text-align:center; }
.gotta:hover {background:url(images/btn_gotaquestion_all.gif) bottom no-repeat; height:35px;}

#first .xoxo {margin-bottom:5px;}
.aside H3 {color:#002659; font-size:28px; font-family: 'Raleway', sans-serif; font-weight:200; font-style:normal; text-align:center; padding-bottom:15px;}
.picturebar {padding:0 0 15px 0; text-align:center; }

/* Get a Quote styling */
a.handle:hover{background:url(images/quotetab_over.png) no-repeat !important;}
.slide-out-div {
          padding: 20px;
          width: 730px;
	  min-height:740px;
          background:url(images/quotetab_bg.png) 0 0 no-repeat;
          color:#fff;
		  z-index:300;
	
      }
span.wpcf7-list-item { display: block; }
#wpcf7-f2-t1-o1 {line-height:16px;}
#wpcf7-f2-t1-o1 .wpcf7-response-output {margin:0 !important; padding:0 !important;}
#wpcf7-f2-t1-o1 .wpcf7-not-valid-tip {margin-left:-19%; margin-top:-19%; background:pink !important;}
.fancy {font-size:18px; line-height:20px; font-family: 'Raleway', sans-serif; font-weight:200;}
/* Customizing the MailChimp form */
#ns_widget_mailchimp_form-3 label {display:none; }
#ns_widget_mailchimp_form-3 input {background:url(images/field_newsletter.gif) center no-repeat; border:none; width:235px; height:36px; color:#666; font-size:18px; text-align:center;}
#ns_widget_mailchimp_form-3 .button {background:url(images/btn_signup.gif) top no-repeat; margin-top:15px; height:35px;}
#ns_widget_mailchimp_form-3 .button:hover {background:url(images/btn_signup.gif) bottom no-repeat; margin-top:15px;}
/* news titles */
.title-contribution {text-decoration:none; font-weight:bold; color:#002659 !important;}

#eModal-Container {background-color:#002659 !important;}
.eM-title {font-size:24px; font-family: 'Raleway', sans-serif; font-weight:200;}
#eModal-Container .wpcf7-submit {background-color:#999 !important ; color:#002659 !important; font-family:Verdana;}
#footwidgets {padding-top:15px;}
#quote { width:700px; float:left; position:relative; color:#fff; margin-right:10px;}
#quote ul {list-style:none; margin:0;}
#quote q {font-size:32px; line-height:40px; font-family:Georgia, "Times New Roman", Times, serif, Baskerville; }
#quote cite {font-size:14px; }
#social {width:109px; float:right; position:relative; text-align:right; height:120px;}
.footercredits {text-align:right; color:#fff; float:right; position:relative; margin-bottom:0;}
.footercredits a, .footercredits a:visited { color:#333; text-decoration:none; }
.footercredits a:hover {color:#003366 !important;}
.sublogo {float:right; position:relative; margin-left:15px;}

/* new menu */
#access { width:940px; height:50px; position:relative; z-index:20; margin:0 auto; border:0 none; background:url(images/menu_main.png) no-repeat; }
.nav																	{padding-left:50px;} 
.nav ul																	{ height:50px;}
.nav ul > li																{float:left; display:block; position:relative; background:url(images/divider.png) no-repeat left;}
.nav ul > li:first-child {background:none;}
.nav ul > li:last-child	a:hover														{background:url(images/menu_bg_hover_subless.gif) repeat-y;}
.nav ul > li a															{font-family: 'Raleway', sans-serif; font-size:15px; color:#002659; text-decoration:none; line-height:50px; display:block; padding:0 20px;}
.nav ul > li a:hover, .nav ul > li.active a, .nav ul > li:hover a {color:#fff; position: relative; background-image:url(images/menu_bg_hover.gif);}
/* second level */
.nav ul li ul															{display:none; width:246px; position:absolute; top:100%; left:0px; margin-left:-3px;}
.nav ul li:hover ul														{display:block;}
.nav ul li ul li														{float:none; background:url(images/submenu_bg_main.png) 0 0 repeat-y !important; line-height:16px; padding:10px 5px 6px 15px; }
.nav ul li ul li.first a												{background-position:left -1px;}
.nav ul li ul li.last													{width:246px; background:url(images/submenu_bottom.png) no-repeat !important; display:inline-block; line-height:1px; font-size:1px;}
.nav ul li ul li a														{background:none !important; color:#002659 !important; line-height:16px !important;}
.nav ul li ul li a:hover												{background:url(images/sub_arrow.gif) no-repeat left !important; color:#999 !important;}
/* windows hacks */
.windows .nav ul > li a {padding:0 16px;}
.windows .nav {padding-left:35px;}

/* Selector pages styling */
.selectee-content {padding:30px 15px 0 15px;}
.selectee-content h1 {color:#002659; font-size:32px; font-family: 'Raleway', sans-serif; font-weight:200; clear:none; margin-top:-20px;}
.selectee-content h2 {color:#333; font-size:24px; font-family: 'Raleway', sans-serif; font-weight:200; clear:none; padding:10px 0 20px 0;}

/* custom modal */
#cboxClose{position:absolute; top:0; right:0; background:url(images/close2.gif) -10px 0px no-repeat !important; width:197px !important; height:34px !important; text-indent:-9999px;}

/* One Design columns */
.onedesign {float:left; width:270px; margin-left:30px;}
.odcol{float:left;}

/* home*/

.home #header {height:580px; background:url(images/splsh_hdr_bg.jpg) #999 bottom repeat-x;}
.home #blog-description { float:right; position:relative; margin-top:10px; font-size:12px; color:#fff; font-style:normal; text-align:right;bottom:13px; }
.home #blog-description span.tagline {position: relative; right: 252px; top: 10px;}

.home #blog-description a{text-decoration:none; color:#FFF;}
.home #blog-title a {
	background:url(images/logo_lg.gif) no-repeat top center;
	display:block;
	text-indent:-9000px;
	width: 154px;
	height:112px;
	padding-left:40px;
	padding-bottom:-20px;
	z-index:10;  
	float:left; 
	position:absolute; 
	top:15px;
}
.home #main {width:100%;  background:url(images/lwr_shadow.jpg) #F4F4F4 bottom repeat-x; padding:0 0 30px 0;}
.splshbx {float:left; position:relative; width:220px; }
.splshbx1 {float:left; position:relative; width:220px; margin-left:20px; }
.splshbx h1, .splshbx1 h1 {text-align:center; color:#003366; font-size:28px; font-family: 'Raleway', sans-serif; font-weight:200;}
.entry-content {padding:0}
.entry-title { display:none;}
.spl_racing {background:url(images/splshimg_racing.jpg) top no-repeat; height:123px; width:220px; text-align:center; display:block; text-indent:-9000px;}
.spl_racing:hover {background:url(images/splshimg_racing.jpg) bottom no-repeat;}
.spl_cruising {background:url(images/splshimg_cruising.jpg) top no-repeat; height:123px; width:220px; text-align:center; display:block; text-indent:-9000px;}
.spl_cruising:hover {background:url(images/splshimg_cruising.jpg) bottom no-repeat;}
.spl_onedesign {background:url(images/splshimg_onedesign.jpg) top no-repeat; height:123px; width:220px; text-align:center; display:block; text-indent:-9000px;}
.spl_onedesign:hover {background:url(images/splshimg_onedesign.jpg) bottom no-repeat;}
.spl_canvas {background:url(images/splshimg_canvaswork.jpg) top no-repeat; height:123px; width:220px; text-align:center; display:block; text-indent:-9000px;}
.spl_canvas:hover {background:url(images/splshimg_canvaswork.jpg) bottom no-repeat;}