/*   
Theme Name: Without The Juice
Theme URI: http://withoutthejuice.com
Description: Theme developed for Without The Juice
Author: Michael Eisenwasser (Michael Web Design)
Author URI: http://www.michaelwebdesign.com/
Version: 1.0
.
License Statement: This theme is developed exclusively for Without The Juice and may not be used for any other site without their explicit consent.
.
*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;list-style: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
* {padding:0;margin:0;}


/* General */
h1 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 20px;
	padding: 0;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
h2, .ddsg-wrapper h2 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 10px;
	padding: 0;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

a {
	color: #2d7aae;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
	width: 100%;
	height: 40px;
}


/* Layout */
body {
	margin: 0;
	padding: 0;
	background: #4c575f url(images/body-bg.png) top repeat-x;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #3f464d;
	line-height: 1.5;
}
#wrapper {
	width: 910px;
	margin: 0 auto;
}
#header {
	width: 100%;
	height: 102px;
	float: left;
	margin-top: 16px;
	margin-bottom: 25px;
}
#header img { /* Needs IE png fix */
	float: left;
	padding-left: 4px;
	border: 0;
}
#wrapper-inner {
	border: 1px solid #313131;
	float: left;
	width: 908px;
}
#content {
	width: 848px;
	padding: 25px 30px 35px;
	float: left;
	background: #fff url(images/content-bg.png) top repeat-x;
	min-height: 200px;
	height: auto !important; /* for IE6 */
	height: 200px; /* for IE6 */
	
}
#content p {
	padding-bottom: 1.5em;
}
#nav {
	width: 908px;
  height: 44px;
  background: #707880 url(images/nav-bg.png) top left repeat-x;
  float: left;
  border-bottom: 1px solid #313131;
  position: relative;
}




/* banner */
#banner {
	width: 908px;
	float: left;
	border-bottom: 1px solid #313131;
	height: 160px;
	position: relative;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center left;
}
.banner-home {
	height: 240px !important;
}
.banner-recentnews {
	background-image: url(images/banner/banner-golf.jpg);
}
.banner-aboutus {
	background-image: url(images/banner/banner-hockey.jpg);
}
.banner-advisory {
	background-image: url(images/banner/banner-tennis.jpg);
}
.banner-contactus {
	background-image: url(images/banner/banner-basketball.jpg);
}
.banner-default {
	background-image: url(images/banner/banner-glove.jpg);
}
#banner-text {
	width: 500px;
	height: 160px;
	position: absolute;
	top: 60px;
	right: 30px;
	line-height: 1.5;
	font-size: 20px;
	color: #dee3e8;
}
.banner-home #banner-text {
	top: 60px !important;
	width: 550px !important;
}


/* Flash video, photo */
#banner-movie, #banner-photo {
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	height: 240px;
	overflow: hidden;
}



/* footer link directory */
#footer-directory {
	float: left;
	width: 860px;
 	background: #c2d1db url(images/footer-directory-bg.png) bottom repeat-x;
	border-right: 1px solid #313131;
	border-left: 1px solid #313131;
	border-top: 1px solid #313131;
	padding: 7px 24px;
	margin: 23px 0 0;
}
#footer-directory-image {
	padding: 0 9px 0 0;
	float: left;
}
#footer-directory ul {
	float:left;
	line-height:2.1;
	padding:0pt;
}
#footer-directory li {
	display:inline;
	font-weight:bold;
	margin:0pt 0pt 5px;
	padding:0pt 17px 0pt 0pt !important;
}
#footer-directory a {
	color: #2f68a5;
}
#footer-directory h2 {
	display: none;
}
.linkcat {
	border: 0 !important;
	padding: 0 !important;
}


/* footer */
#footer {
	float: left;
	width: 866px;
	padding: 25px 25px 32px 17px;
	background: #232629 url(images/footer-bg.png) center right no-repeat;
	margin: 0;
	border: 1px solid #313131;
}
#footer a {
	color: #b8c0c6;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}
#footer ul {
	list-style-type: none;
	margin: 0 0 18px 0;
	padding: 0;
	float: left;
	clear: left;
	font-size: 1.1em;
}
#footer li {
	display: inline;
	float: left;
	margin: 0;
	width: auto !important;
}
#footer li a {
	padding: 1px 8px !important;
	border-right: 1px solid #3f464c;
}
#footer .last a {
	border-right: 0 !important;
}
#footer p {
	padding: 0 0 0 8px;
	margin: 0;
	float: left;
	clear: left;
	font-size: .9em;
	line-height: 1.6;
	color: #899295;
	width: 800px;
}


/* Links Directory Page */

.wpld_page {
	background: url(images/linkdirectory.png) top left no-repeat;
	padding: 0 5px 0 112px;
}
.wpld_panel {
	padding: 7px 12px !important;
	border: 1px solid #BAC2C9 !important;
	background: #ECF0F4 !important;
}
.wpld_panel td {
	padding: 7px;
}
.wpld_page input {
	padding: 2px;
	margin-bottom: 6px;
}
.wpld_page textarea {
	width: 95%;
	padding: 2px;
	margin: 6px 0;
}
.wpld_genrate {
	font-size: 1.5em;
}
.wpld_navbar {
	border: 1px solid #BAC2C9;
	color: #BAC2C9;
	background: #ECF0F4;
	font-weight:bold;
	padding:8px 10px;
	margin-bottom: 30px;
	width: 34em;
	text-align: center;
}




/* search */
#search-input {
	background: #fff;
	border: 1px solid #828282;
	color: #525252;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	padding: 4px;
	width: 153px;
	position: absolute;
	right: 77px;
	top: 12px;
	height: 11px;
}
* html #search-input {
	padding: 3px 4px 5px;
}
#search-button {
	position: absolute;
	right: 12px;
	top: 12px;
	cursor: pointer;
}

/* Site Map Page */
.ddsg-wrapper ul {
	padding: 0 auto 40px;
	line-height: 1.5;
}
.ddsg-wrapper ul ul {
	padding: 5px 0;
}
.ddsg-wrapper li {
	list-style-type: disc;
	margin-left: 20px;
	color: #999;
}


/* blog */
.blog-wrap {
	padding: 0;
	margin: 10px 0 0;
}
.blog-date {
	font-size: 1em;
	font-weight: normal;
	margin: 0;;
	padding: 0pt !important;
	color: #777;
}
h4 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 2px;;
	padding: 0;
}
.blog-desc {
	margin: 0;
	padding: 0 !important;
}


/* shadow div */
#shadow {
	line-height: 0; /* for IE6 */
	font-size: 0; /* for IE6 */
	float: left;
	width: 910px;
	height: 12px;
	background: url(images/shadow.png) top no-repeat;
}