/*  
Theme Name: EasyDivers
Theme URL: http://www.proscubadiver.net/
Description: The default WordPress theme for EzDivers.com.
Version: 1.0
Author: Joey A. Ridge
Author URL: http://www.ezdivers.com/
*/

body{
	margin: 0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #07395b;
	text-align: center;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#header {
	background-image: url(images/head-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 950px;
	height: 146px;
}
h1#logo {
	float: left;
	width: 200px;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 90px;
}
h1#logo a {
	text-indent: -999em;
	width: 200px;
	height: 90px;
	text-align: left;
	font-size: 0.3em;
	display: block;
	text-decoration: none;
}
.menu {
	width:935px;
	height:38px;
	font-size:0.85em;
	position:relative;
	z-index:100;
	float: left;
	top: 8px;
	background-image: url(images/menu-sep.jpg);
	background-repeat: no-repeat;
	background-position: 14px 1px;
	padding-left: 15px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:936px; w\idth:935px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
	background-image: url(images/menu-sep.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.menu li li {
	background-image: none;
}


/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:0.9em;
	text-decoration:none;
	color:#cbdbeb;
	padding-left:16px;
	line-height:38px;
	padding-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right: 1px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background-image: url(../../plugins/wordpress-css-drop-down-menu/theme_css/drop.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#c9ba65 url(../../plugins/wordpress-css-drop-down-menu/theme_css/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
	background:#c9ba65 url(../../plugins/wordpress-css-drop-down-menu/theme_css/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:37px;
	left:0;
	width:149px;
}
/* another hack for IE5.5 */
* html .menu ul ul {top:36px;t\op:37px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#4a9de9;
	color:#cbdbeb;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:128px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#fff;
	background-color: transparent;
	background-image: url(images/tab-hover.jpg);
	background-repeat: repeat-x;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#fff;
	background-color: transparent;
	background-image: url(images/tab-hover.jpg);
	background-repeat: repeat-x;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.menu ul ul .current_page_item a {
    color: #FBB03B;
	background-image: url(images/nav-current.jpg);
	background-repeat: repeat-x;
}

.menu .current_page_item a {
  font-weight: bold;
  color: #FBB03B;
  background-image: url(images/nav-current.jpg);
  background-repeat: repeat-x;
}

.menu ul .current_page_item ul a {
    color: #FBB03B;
	background-image: url(images/nav-current.jpg);
	background-repeat: repeat-x;
}

.menu ul .current_page_item ul a:hover {
    color: #FBB03B;
	background-image: url(images/nav-current.jpg);
	background-repeat: repeat-x;
}

.menu .current_page_item a:hover {
    color: #FBB03B;
	background-image: url(images/nav-current.jpg);
	background-repeat: repeat-x;
}
.menu   ul   li  ul  .current_page_item  a {
	color: #FBB03B;
}



#content {
	float: left;
	width: 920px;
	background-color: #FFFFFF;
	background-image: url(images/rightcolbg.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
* html #content {
    \width: 950px;
    w\idth: 920px;
  }
#maincol {
	float: left;
	width: 670px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	line-height: 1.5em;
}
#maincol p {
	margin:0px;
	margin-bottom:20px;
	line-height:19px;
}
#maincol .entry a {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFD8EE;
	color: #333333;
}

#maincol .entry a:hover {
	border-bottom-color: #FAB447;
	color: #000000;
}

#maincol .post {
	float: left;
	width: 670px;
}
#maincol h2, #maincol h2 a{
	color: #FBB03B;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: normal;
}
#maincol h2 a:hover {
	text-decoration: underline;
}

#maincol small {
	color: #999999;
	margin-top: 3px;
	float: left;
	clear: right;
	padding-right: 3px;
	padding-left: 3px;
	line-height: 18px;
}
#maincol small a {
	color: #4F4F4F;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d5e5f4;
}
#maincol small a:hover {
	border-bottom-color: #FAB447;
}
#maincol .entry {
	float: left;
	width: 670px;
	margin-top: 15px;
}
#maincol .entry blockquote {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #d5e5f4;
	padding-left: 8px;
	background-color: #f7f9fb;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 15px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

#maincol .postmetadata {
	float: left;
	width: 670px;
	margin-top: 15px;
	text-align: center;
	background-color: #f7f9fb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d5e5f4;
	line-height: 24px;
}
#maincol .postmetadata a {
	text-decoration: none;
	color: #3D8BD1;
}
#maincol .postmetadata a:hover {
	text-decoration: underline;
}
#maincol .entry form {
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #EFF7FA;
	text-align: center;
	padding-bottom: 5px;
	border: 1px solid #D5E5F4;
	padding-top: 5px;
}
#maincol .entry #dir-search {
	margin-top: 0px;
}

#maincol .dir-but a {
	background-color: #94BEE4;
	color: #FFFFFF;
	border: 1px solid #4791D3;
	float: left;
	padding-right: 25px;
	padding-left: 25px;
}
#maincol .dir-but a:hover {
	background-color: #4791D3;
	color: #FFFFFF;
	border: 1px solid #4791D3;
}


#maincol #flashhead {
	margin-bottom: 10px;
	width: 670px;
	z-index: 0;
}
#maincol .entry #data {
	border: 1px solid #57A9EC;
	background-color: #F0F8FB;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#maincol .entry #data td {
	margin: 0px;
	padding: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCE0F2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCE0F2;
	text-align: center;
}
#maincol #data .title {
	text-indent: 5px;
	background-color: #57A9EC;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #57A9EC;
	text-align: left;
}
#maincol .entry .alt {
	background-color: #E8F4F9;
}
img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}



/* Generic FormBuilder Display Configuration */
form.formBuilderForm, div.formBuilderSuccess {
	text-align: left;
	color: #2C79BF;
	float: left;
	width: 670px;
}
.formBuilderForm div{
	margin: 0;
	color: #333333;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.formBuilderForm  .formBuilderInput       {
	float: left;
}

div.formBuilderSuccess h4 {
	margin: 0;
	padding: 0;
}


/* The div class around each form field*/
.formBuilderForm .formBuilderField {
	width: 648px;
	border: 1px solid #E7F2F8;
	background-color: #F5FAFC;
	float: left;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-left: 10px;

}
* html .formBuilderForm .formBuilderField {
	margin-left: 5px;
  }
/* The div class around the error message, in the event that a required field is not filled in*/
.formBuilderForm .formBuilderError {
	color: #E10000;
	font-size: 0.9em;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 290px;
}

/* Generic Display Controls */
.formBuilderForm div.formBuilderComment {
	font-style: italic;
	clear: both;
	float: left;
	width: 95%;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.formBuilderForm .formBuilderHidden {
	visibility: hidden;
	padding: 0;
	margin: 0;
	border: 0;
	position: absolute;
}
.formBuilderForm .formBuilderSubmit {
	clear: both;
	margin-left: 15px;
}

/* Generic Label Controls */
.formBuilderForm .formBuilderLabel, .formBuilderForm .formBuilderLabelRequired {
	float: left;
	vertical-align: top;
	margin-right: 10px;
	text-align: right;
	margin-left: 15px;
	width: 150px;
}
.formBuilderForm .formBuilderLabelRequired {
	font-weight: bold;
}




/**** Field Type Specific Display Controls ****/

.formBuilderForm .single_line_text_box .formBuilderLabel
{
}


.formBuilderForm .small_text_area
{
}
.formBuilderForm .small_text_area .formBuilderLabel
{
	width: auto;
	clear: both;
}
.formBuilderForm .small_text_area textarea
{
	float: left;
	clear: left;
	margin-left: 15px;
	width: 610px;
}

.formBuilderForm .large_text_area
{
}
.formBuilderForm .large_text_area .formBuilderLabel
{
	width: auto;
	clear: both;
}
.formBuilderForm .large_text_area textarea
{
	width: 98%;
}

.formBuilderForm .password_box
{
}

.formBuilderForm .checkbox
{
	float: left;
	width: 100%;
}

.formBuilderForm .radio_buttons
{
	position: relative;
}
.formBuilderForm .radio_buttons .formBuilderRadio
{
	display: block;
	position: relative;
	margin-left: 170px;
	padding-left: 0;
}

.formBuilderForm .selection_dropdown
{

}

.formBuilderForm .hidden_field
{
}

.formBuilderForm .comments_area
{
}

.formBuilderForm .spam_blocker
{
}
#rightcol {
	float: right;
	width: 220px;
}
#rightcol a {
	color: #2C77BB;
}
#rightcol a:hover {
	color: #FBB03B;
}

#rightcol h2 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #57A9EC;
	text-indent: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BAD5ED;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
#rightcol ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}

#rightcol ul li {

	display: block;

	list-style-type: none;

}

#rightcol ul li ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E7F2F8;

}

#rightcol ul li ul li {
	list-style-type: none;

}

#rightcol ul li ul li  a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFECF7;
	font-size: 0.9em;
	padding-left: 30px;
	display: block;
	width: 190px;

}

#rightcol ul li ul li a:hover {
	color: #ef9d1d;
	background-image: url(images/bullethover.gif);
	background-repeat: no-repeat;
	background-position: 13px center;

}
#rightcol #sidebarsearch {
	background-color: #FFFFFF;
	margin-bottom: 10px;
	border: 1px solid #d5e5f4;
}
#rightcol #sidebarsearch #searchform {
	padding: 0px;
	margin: 0px;
}
#rightcol #sidebarsearch #searchform #s {
	width: 190px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #FEDBA7;
	color: #666666;
}
#rightcol #sidebarsearch #searchform #s:hover, #rightcol #sidebarsearch #searchform #s:focus {
	border-top-color: #FCBD5F;
	border-right-color: #FCBD5F;
	border-bottom-color: #FCBD5F;
	border-left-color: #FCBD5F;
}
#rightcol  .textwidget  {
	margin-top: 10px;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 0.8em;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BAD5ED;
	padding-bottom: 10px;
}
#rightcol .textwidget img {
	margin-right: 5px;
	border: 1px solid #BAD5ED;
}


#newsbg {
	background-image: url(images/news-bg.gif);
	background-repeat: no-repeat;
	float: left;
	height: 222px;
	width: 220px;
	background-position: left 1px;
}

#newsticker {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}
#newsticker  span {
	padding: 0px;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1em;
	margin: 0px;
}

*  html #newsticker  {
	height: 1.6em;
	overflow: visible;
}
#newsticker li.error {
	color: #f00;
}
#newsticker li {

}
#rightcol ul li #newsticker li a {
	color: #919191;
	font-size: 1.2em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 73px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 20px;
	padding: 0px;
	width: 170px;

}
#rightcol ul li #newsticker li a:hover {
	color: #FBB03B;
	background-image: none;
}
#footer {
	float: left;
	width: 950px;
	background-image: url(images/footbg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#footer .footlinks {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #274D63;
	padding-left: 20px;
}
#footer  a  {
	color: #6186a2;
	padding-right: 7px;
	padding-left: 7px;
	text-decoration: none;
}
#footer a:hover {
	color: #6099B5;
	text-decoration: underline;
}

#footer .copyright {
	float: right;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2D5771;
	margin-bottom: 20px;
	padding-right: 20px;
}
#footer .copyright a {
	margin: 0px;
	padding: 0px;
}
