/*   
Theme Name: water by design
Theme URI: http://www.ddddg.com.au
Description: A very clean WordPress Theme with two columns, big mob widget areas. It features a jQuery dropdown menu 
Author: Ben, based on Devolux
Author URI: http://www.ddddg.com.au
Version: 0.1
Tags: two-columns, fixed-width, theme-options, blue, green, dark
*/

@import url("style_menu.css");

/*       ###############################
         BASIC TAGS
         ############################### */ 
         
	* {
		margin:0;
		padding:0;
		}

/*
12pt Arial 17pt Leading
Space after para 7pt
R109 G110 B113
6d6e71
*/
	body {
		padding-top:7px;
		background-color: #e5e5e5; /* page bgd */
		color:#6d6e71;
		font:normal 12px Arial;		
		line-height:105%;
		}
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding:1.5em 0 0.6em 0;
		color:#000;
		line-height:110%;
		}
	p {
		padding:0px 1em 0.6em 0px;
		line-height:1.3em;
		}
	textarea, input {
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		font:normal 12px Arial; 
		padding:0.3em;
		border:1px solid #bbb;
		background:#fff; /* url(img/bg-form-text.gif) repeat-x left top */
		}
	.screen-reader-text {display:none;}
	a img {
		border:none;
		}
	a {
		color:#006cab;
		text-decoration:none;
		cursor:pointer;
		}
	a:hover {
		color:#9a3b90;
		}
	a:visited {
		color:#0099cc; /* 9ea59d 663399 71479b*/
		}
	li {
		margin:0.6em 0;
		}

/*       ###############################
         BASIC LAYOUT
         ############################### */

	div#outline {
		width:960px;
		margin:0 auto; /* center the content on the page */
		}
	
	#blog-line {
		width:960px;
		height:165px;
	 }
	 
		
	div#content {
		background:#fff;
		clear:both;
		z-index:1;
		/* padding-bottom:30px; */
		}
		
		
	div#right {
		width:390px;
		margin:0;
		float:right;
		overflow:hidden;
		}

	div#left {
		width:470px;
		float:left;
		margin:0 1ex 0 60px; 
		display: inline;
		}
		
	h3.tight {padding-top:0em;}
	p.intro {font-size: 20px; line-height:28px;} 
	
	/* images in posts */
	#content img.alignnone, #content img.alignleft {margin:0 2em 1ex 0;}	
	#content img.alignright {margin:0 0 1ex 2em;}	
	#content img.aligncenter {margin-bottom:1ex;}	
	img.rss-icon {vertical-align:middle; margin-right:1em;}
	
	/* replacing text page titles.. and non-#content for the forum */
	#content img.titleimage,
	img.titleimage {margin-top:1.9em;}
	
	#wide img.titleimage { margin-left:30px; } /* for the new case study page */

	img.secondarytitleimage {margin-top:0em; margin-bottom:0.5em; display:block; clear:both;} 
	
	
	/* this is used for pages like search, where we don't want to float left */	
	div#event {width:960px; /* 530px; */}
	
	/* tag archive */
	.hentry {margin-bottom:1em;}
	.tag-archive-nav {list-style-type:none;}
	h2.tag {border-top:1px solid #006CAB; margin-top: 2em;}
		
	
	
/*       ###############################
         SPECIAL COLOURS
         ############################### */  
		
	.error {color:red;}
	.good {color:green;}

	
	

/*       ###############################
         TEXT
         ############################### */  

	div#left ul, ol {
		margin:0 0 20px 20px;
		}
	.clear {
		clear:both;
		}
	#page-tag-archive {line-height:1.3;}


/*       ###############################
         WIDGETS
         ############################### */  

	div.widget {
		margin:0.5em 0;
		line-height:1.1;
		-moz-border-radius-topleft : 5px;
		-webkit-border-top-left-radius : 5px;
		color:#6d6e71;
		}
		
	 /* widgets inside widgets get 0 margin so they sit flush together */
	div.widget div.widget {
		margin:0;
		}
		
	/* Caps 9pt Arial 22pt leading R109 G110 B113 */
	div.widget h4 {
		padding:1.2em 0 0.1em 0;
		font-size:9pt;
		text-transform: uppercase;
		color:#6d6e71;
		}

	div.widget li {
		margin:0.4em 0;
		}
		
	 /* lists in lists.. is this used anywhere ? */
	div.widget li li {
		padding:0 0 0 20px;
		margin:0;
		}
	div.widget a {
		color:#18b1e7;
		}
		
	/* . . . . . . . . . . . . . .  padding for all widgets */

	div#footer_left_widget,
	div#footer_right_widget,
	div#login_widget,
	div#events_widget,
	div#forum_widget,
	div#resources_widget,
	div#case_studies_widget,
	div#events_page_events_widget,
	div#front_page_shop_widget {
		padding:1ex;
		}

	/* . . . . . . . . . . . . . .  guidelines and resources */
	
	div#resources_widget,
	#resources_banners,
	div#front_page_shop_widget,
	#front_page_shop_products {
		background-color:#ededed;
		margin:0;
		}
	#front_page_shop_products .caption,
	#resources_banners .caption { 
		display:block; 
		padding:0.3ex 1ex 0ex 0ex;
		} 

	#front_page_shop_products .adrotate,
	#resources_banners .adrotate {
		width:156px; 
		height:200px; 
		float:left; 
		padding:1em 0em;
		}
	.adrotate {
		background: url("/wp-content/themes/wbd/img/shadow.png") no-repeat right 19px;
		}	
	.adrotate img {padding-bottom:1ex;}	



/*       ###############################
         BOTTOM WIDGETS
         ############################### */  
	
	div#bottom {clear:both;}
	
	div#bottom ul {
		list-style:none;
		padding-bottom:0.6em;
		}
	div#bottom .widget {
		padding:1ex;
		background: #e3f6fb;
		width:290px;
		float:left;
		margin-left:14px;
		}
	
	div#bottom div.resources_widget,
	div#bottom div.factsheets_widget,
	div#bottom div.guidelines_widget {margin-top:0;}

	
/*       ###############################
         RIGHT SIDE WIDGETS
         ############################### */  

	/* . . . . . . . . . . . . . .  all */
	
	div#right ul {
		list-style:none;
		padding-bottom:0.6em;
		}
	div#right .widget {
		padding:1ex;
		background: #e3f6fb;
		}
		
	/* . . . . . . . . . . . . . .  login */

	div#login_widget { 
		background: #e3f6fb; /* extra for the forum login widget, which doesn't have a #right */
		margin-top:2em; 
		}
	#toprightpromos {
		font-size:14px;	
		margin-top:1.4em;
		}
		
	/* . . . . . . . . . . . . . .  training and events */
	
	div#events_widget {}

	div.events .events_widget {margin-bottom:0;}
	div.events div#categoryposts-3 {margin-top:0;}
	
	/* align the date & event titles nicely */

	.events_widget .cat_post_item_content {overflow:auto;}

	div.events_widget_date {
		width:60px;
		color:#666;
		float:left;
		}
	
	table.events_widget td {vertical-align:top;}
	
	.events_widget_title {
		width:280px;
		margin-left:70px;
		padding:0;
		}

	.events_widget .cat_post_item,
	.events_widget .date,
	.events_widget .title,
	.events_widget .cat_post_item_content {
		border:0px solid #aaa;	
		}
	.events .events_widget .cat_post_item,
	.events .events_widget .date,
	.events .events_widget .cat_post_item_content {
		border:0px solid #fff;
		}
	
	
	/* . . . . . . . . . . . . . .  latest forum */

	div#forum_widget {}
	div#bbld-widget h4 {
		display:none; /* hide the forum widget widget title */
		}
	#bbld-widget small {display:none;}



	/* . . . . . . . . . . . . . .  courses and event page sidebar */
	
	div.wbd_events_widget, 
	div.wbd_courses_widget, 
	div.external_events_widget,
	div.resources_widget,
	div.factsheets_widget,
	div.guidelines_widget,
	div.case_studies_widget
		{ margin-top:4.1em; }


/*       ###############################
         OTHER WIDGETS
         ############################### */ 

.payway_error .wbd_courses_widget, 
.payway_error .guidelines_widget {margin-top:0;}

.payway_error .wbd_courses_widget h4, 
.payway_error .guidelines_widget h4 {display:none;}

div#left .payway_error .wbd_courses_widget ul, 
div#left .payway_error .guidelines_widget ul {margin-left:0;list-style:none;}

/*       ###############################
         ENEWS SIGNUP FORM
         ############################### */ 

#newsletter-signup    {margin:0.8em 0 2em 0.8em;}
#newsletter-signup dd {margin-bottom:1em;}

#signup_first_name,
#signup_last_name,
#signup_email {width:200px;}

#enews_widget dt {
    display: inline;
    float: left;
    line-height: 2;
    padding-right: 0.5em;
}

#enews_widget img {margin-bottom:0.6em;}
#enews_widget  dt {width:6em;text-align:right;}
#enews_widget #signup_first_name,
#enews_widget #signup_last_name,
#enews_widget #signup_email {
    display: inline;
    float: left;
    padding-bottom: 0.2em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-top: 0.2em;
    width: 200px;
}
#enews_widget #signup_first_name, #enews_widget #signup_email{margin-right: 0.8em;}

#enews_widget input {
	border:0px solid #bbb;
	}
#enews_widget div.last_name, #enews_widget div.email {clear:left;}   

/*       ###############################
         FOOTER
         ############################### */ 
         
	div#appendix {
		clear:both;
		background:#E3F6FB; /* light blue */
		width:930px;
		padding:30px 30px 30px 0px;
		}
	div.footer_left_widget {
		background:transparent;
		float:left;
		margin:0; 
		padding:0 0 0 2em;
	}
	div.footer_right_widget {
		background:transparent;
		float:right;
		margin:0; 
		padding:0;
	}
	#feed-icon {margin:0 0.3em -0.2em 1em; }


/*       ##################################
         SEARCHFORM
         ################################## */






/*       ##################################
         WORDPRESS CSS
         ################################## */
	
	.alignright,
	a img.alignright,
	img.alignright {
		float:right;
		}
	.alignleft,
	a img.alignleft,
	img.alignleft {
		float:left;
		}	
	a img.aligncenter,
	img.aligncenter {
		display:block;
		margin-left:auto;
		margin-right:auto;
		}
	.aligncenter, div.aligncenter {
		display:block;
		margin-left:auto;
		margin-right:auto;
		}
	
	.wp-caption {
		border:1px solid #ddd;
		text-align:center;
		background-color:#f3f3f3;
		padding-top:4px;
		margin:10px;
		}
	.wp-caption img {
		margin:0;
		padding:0;
		border:0 none;
		}
	.wp-caption p.wp-caption-text {
		font-size:110%;
		line-height:17px;
		padding:0 4px 5px;
		margin:0;
		}



/*       ###############################
         NAVIGATION
         ############################### */ 
	div#nav {
		position:relative;
		z-index:2;
		width:960px;
		height:38px;
		background-color: #ced2ce ; /*  url(img/nav.png) repeat-x left top */
		}
	div#nav ul {
		float:left;
		list-style:none;
		}
	div#nav li {
		float:left;
		}
	div#nav li a {
		display:block;
		margin:0;
		padding:0; /* 12px 16px */
		color:#0099ff;
		font-family:Arial,Helvetica,sans-serif;
		font-size:14px;
		text-decoration:none;
		border-left:1px dotted #fff; /* 99ccff */
		}
	div#nav li a:hover {
		background:#e3f6fb; /* a5ddff */
		color:#fff;
		}

	/* this navigation is eg search Older Entries links */
	div.navigation { padding-bottom:2ex;} 
	div.bottom_navigation { padding-top:3ex;} 




		
		
		

/*       ###############################
         SEARCH FORM
         ############################### */
	
	input#search-field {
		font-size:12pt;	
		}

	input#search-submit {
		-moz-border-radius:0px;
		padding:0;
		margin:0;
		border:0;
		background:none;
		vertical-align:bottom;
		}
		


/*       ###############################
         CLEARFIX
         ############################### */
	
	.clearfix:after {
		content:".";
		display:block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
		}
	.clearfix {
		display:inline-block;
		}
	html[xmlns] .clearfix {
		display:block;
		}
	* html .clearfix {
		height:1%;
		}
	.clear {
		clear:both;
		}
	h3 {
		clear:both;
	}

/*       ###############################
         ALW login
         ############################### */
	
	#alw_login {padding-left:10px;}

	#alw_inputs{height:30px;}

	
	#alw_lostPassword dt,
	#alw_loginForm dt {
		float:left;
		display:inline;
		padding-right:0.5em;
		line-height: 2;
		}
	#alw_lostPassword dd,
	#alw_loginForm dd {
		float:left;
		display:inline;
		padding-right:1em;
		}
	
	#alw_lostPasswordForm input#user_login,
	#alw_lostPasswordForm input#user_email,
	#alw_loginForm input#log,
	#alw_loginForm input#pwd {
		float:left;
		display:inline;
		width:80px;
		padding:0.2em;
		}

	#alw_lostPassword #submit, 	
	#alw_loginForm #submit {
		padding:0px;
		border:0px;
		}

	#alw_lostPassword label, 
	#alw_lostPassword a, 
	#alw_login_p label, 
	#alw_login_p a {
		color:#18B1E7;
		margin:0 1em 0 0;
		}
	
	#login_widget input {
		border:0px solid #bbb;
		}

/*       ###############################
         Shopping Cart
         ############################### */
	
	.sideproduct,
	.sideproduct h3 {margin:0; padding:0;}
	
	.xcheckout {margin-bottom:1em;}
	
	#shopp-cart-help {
		float:right;
		width:100px;
		}
	
	a.no_visited:visited,
	#shopp form#cart a.checkout,
	#shopp div.xcheckout a.checkout,
	#shopp form#cart a.checkout:visited,
	#shopp div.xcheckout a.checkout:visited {color:#18B1E7;}
	
	#shopp li { margin:1em 0;}	
	#shopp {line-height:1.3em;}
	#shopp .products .frame h4,
	#shopp .products .frame p {text-align:left;}
	
	/* product page */
	.shopp_product .thumbnail {float:left; width:150px;}
	.shopp_product .details {float:right; width:300px; margin:0 0 2em 0;}
	div#left ul.variations {margin:0;}
	
	#shopp .shopp_product form label {font-weight:normal;}
	
	.cart-options {margin:1em;}
	
	#shopp .message {background-color:#FF0; padding:2em; color:#000;}
	
	
	/* account product list */
	
	table.has-downloads td {
	  padding-top: 5px; padding-bottom: 1em;
	}
	
	/* account order list */
	#shopp table {margin:1em 0;}
	.account-order-history th {text-align:center;}
	
	#shopp td {padding:1em ;}
	
	
	/* receipt */
	
	#receipt {
		padding: 10px;
		border:1px solid #ccc;
	}
	#receipt p,
	#receipt td { 
		font: 9pt Arial, "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
		}
	#receipt th {font-size: 10pt;padding:1em 0; }
	#receipt .small 	{font-size: 8pt;}
	
	#receipt td.subtotal,
	#receipt td.discount,
	#receipt td.gst,
	#receipt td.total {height:3em;}
	
	#receipt .center, #shopp #receipt th.center {text-align:center;}
	#receipt .left, #shopp #receipt th.left 	 {text-align:left;}
	#receipt .right, #shopp #receipt th.right  {text-align:right;}
	
	#shopp #receipt td.bt {border-top:1px solid #ccc; }
	#shopp #receipt td.bl {border-left:1px solid #ccc;}
	#shopp #receipt th.bb, #shopp #receipt td.bb {border-bottom:1px solid #ccc;}
	#shopp #receipt td.br {border-right:1px solid #ccc;}
	
	#receipt h1 {padding:0;}
	#receipt .p1 {padding:1em 0;}
	
	#receipt .money {padding-right:0.5em;}
	
	.xcheckout .tip {text-align:left; border:0px solid yellow; padding:2em 0; }
	
	#downloads th {text-align:left;}
	#downloads table {width:470px !important;}
	#receipt table {width:450px !important;}
	
	#receipt-widgets div.wbd_courses_widget,
	#receipt-widgets div.forum_widget,
	#receipt-widgets div.guidelines_widget
	{
		margin-top:1em;
		}
	#receipt-widgets {padding-top:2em;}
	
	#payway_error_cart {padding:1em; margin-bottom:1em; border:1px solid #aaa;}
	
	#payway_error_cart a.primary {
		border:1px solid #AAAAAA;
		padding:0.6em;
		-moz-border-radius:4px 4px 4px 4px;
		color:#006CAB;
		cursor:pointer;
		text-decoration:none;
		}
	div#left #payway_error_cart ul {list-style:none;margin-left:0;}
	
	/* sidebar */
	.sideproduct {height:160px;}
	.sideproduct .thumbnail {float:left; width:150px; height:150px;}
	.sideproduct .product_meta {float:right; width:200px; height:150px;}