/*
Theme Name: Dive Charter
Theme URI: http://www.divecharter.tv
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Susan Clifton
Author URI: http://clifton.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


html{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: #FFFFFF url(images/background.jpg) repeat-x;  
} 
 
h1, h2, h3, h4, h5, p, ul, ol  { margin : 0 0px; padding : 0px 0; text-align: left;}

strong {color: #3d3d3d; 
}


body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
font : 12px/22px Tahoma, Verdana, Arial, sans-serif;

} 

body a{ font-weight: bold;
 
font : 12px/22px Tahoma, Verdana, Arial, sans-serif;

}  
 
#page-wrap{ 
 width:918px; 
  height: 100%;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 

 
 
 } 


#topads {width:918px; position:relative; height:90px;  background-color : #0f86b6  ; margin: 0px auto;
text-align:left;  }

#top-image  {width:918px; position:relative; height:100px;  background-color : #0f86b6  ; margin-bottom: 0px ; text-align:left;}

#header{
 position:relative; 
 height:120px; 
 width:100%;
 z-index: 100;
 
} 

#topsidebar{
position: absolute;
top:3px; left: 120px;
} 


/* #title h1  { background : url(images/logo.png) no-repeat; position : absolute; left : 30px; top : 10px; width: 334px; height : 61px; text-indent: -9999px; } */

#header h1  { background : url(images/dive-charter.png) no-repeat; position : absolute; left : 3px; top : 5px; width: 390px; height : 118px; text-indent: -9999px; }

/* #header2 h1  { background : url(images/crew.png) no-repeat; position : absolute; right : 30px; top : -15px; width: 442px; height : 100px; text-indent: -9999px; } */

#header h2  {  position : absolute; left : 585px; top : 1px; color: white; background : url(images/crew-animation.gif) no-repeat; width: 280px; height : 118px; text-indent: -9999px; }

#header p  {  position : absolute; left : 410px; top : 45px; text-decoration:none; 
font : 16px/25px  Verdana, sans-serif; font-weight: bold; color: #71859E; width: 140px; height : 118px; text-align: left; }




 
#wrapper {  
 height: 100% auto;

 
 }
 
  #hm-content{
 float: left; 
 position: relative; 
 width:680px;
padding:  0 ; 
height:100%;
margin: 0 10px 50px 10px;


 }
 
 .featured-photo  { margin-top: -10px; }
 
div.featured-post  {width: 245px; height: 480px; padding: 0px 0px 8px 10px; margin-top: 5px; border: 1px solid black;  background-color: #CED9E7; }

div.featured-post p {margin-bottom: 20px}

#homecopy {width: 415px; position: absolute; top: 270px; left: 275px; height: 100%;  }


#content{
 float: left; 
 position: relative; 
 width: 680px;
padding: 0px; 
height:100%;
margin: 0px 0px 0px 10px;
background-color: white; 
z-index: 1;
border-top: 35px solid #9BB2CF;
 }
 
#content h1 {position: absolute; top: -30px; left: 10px;}


 /*sidebars styles*/  
 
#left-sidebar{
 width:172px;
 height: 100%;
 float:left; 
 position:relative; 
 margin: 0;

  }
  

 #ad{
 width: 172px;
 padding: 0 0 0 0px; 
margin: 0 auto  ;
background-color: #FFFFFF; }

 
  #widgets{
 width: 172px;
 padding: 0 0 0 0px; 
margin: 0 auto  ;
background-color: #FFFFFF; 

  }
  
  #s2_form_widget-3  {position:relative; 
 height:120px; 
 width:165px;
 border: 1px solid black;
 margin: 0px 0px 0px 0px;
 padding-left: 5px; }
  
 h3.title {background-color: #caecfb;
			font-size: 16px; color:#000;   width:235px; position: relative; margin-left: -14px; border-bottom: 1px solid #000;
		}
  
  h2.widgettitle {
			font-size: 12px; color:#333;   width:200px;  padding: 10px 10px 6px 0;
		}
		
  
 #right-sidebar{
 
 position:relative; 
 width:160px; 
 float:right; 
 text-align: left;

 }


  
  
#linkcat-3.linkcat {float: left;}
 
 

 
#footer{
width: 865px;
 height:75px; 
 background-color:  #9BB2CF; 
 clear:both;
 padding: 5px 0px 0px 0px;
 
 } 
 
 
#sub-footer {
width: 865px;
 height:120px; 
 background-color:  #FFFFFF; 
 clear:both;
 padding: 10px 0px 10px 0px;
 border-top: 4px solid #9BB2CF;
 
}

#left {float:left; 
width:200px;
}

#right {float:right; 
width:655px;
}
 
 #maincol p{margin:1em;}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clear { clear: both;}
.clearfix{display: inline-block; }

#post{ padding: 0px 0px 10px 0px ; 


 }
 
 #post p h2{ padding: 0px ;  

 }
 
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; height: 100%; float:none;}
}

 /*font styles*/ 
 
 #post  ul li {list-style-type: disc; margin: 0 30px;}
 
 #post2  ul li {list-style-type: disc; margin: 0 30px;}
 
#post ul li{
 text-align:left;  text-decoration:none; list-style-type: none;
font : 11px/16px Tahoma, Verdana, Arial, sans-serif; font-weight: normal; margin-left: 10px; }

#post ul li a{
 text-align:left; color: #3d3d3d; text-decoration:none;padding-left: 18px;
				
 } 

#post ul  li a:hover{
 text-align:left; color: #000000; text-decoration:none;
 }  

 
 ul.menu li{
 text-align:left;  text-decoration:none; border-bottom: 1px solid #FFFFFF;
font : 14px/30px Tahoma, Verdana, Arial, sans-serif; color: #FFFFFF; font-weight: bold; padding-left: 10px; }

ul.sidebar li a{
 text-align:left; color: #000000; text-decoration:none;padding-left: 18px;
				background: transparent url(style/images/bullet.gif) no-repeat 1px 4px;
 } 

ul.sidebar li a:hover{
 text-align:left; color: #000000; text-decoration:none;
 }  

#navcolor {background-color: #CC3333; width: 172px; height: 282px;}


ul.bullets li{
 text-align:left; color: #000000; list-style: disc;
font : 100%/160% Tahoma, Verdana, Arial, sans-serif; normal; margin-left: 35px;} 

ul.bullets li.indent{
 text-align:left; color: #000000; list-style: none;
font : 100%/160% Tahoma, Verdana, Arial, sans-serif; normal; margin-left: 45px;} 

ul a{
 text-align:left; color: #FFFFFF; text-decoration:none;
font : 100%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; } 

ul a:hover{
 text-align:left; color: #000000; text-decoration:none;
}

h1 {
 text-align:left; color: #000; text-decoration:none;
font : 125%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; } 



h2 {
 text-align:left; color: #333; text-decoration:none; 
font : 16px/24px Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding-bottom: 10px;} 




.featured-post h2 a {
 text-align:left; color: #333; text-decoration:none;
 font : 14px/16px Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; 
 } 

.url   {padding: 0;margin-left:-18px;}

h3 {
 text-align:left; color: #333; text-decoration:none; 
font : 135%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; } 

h3.title {
 text-align:left; color: #333; text-decoration:none; padding-left: 15px;
font : 135%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; } 

h3 a {
 text-align:left; color: #333; text-decoration:none; 
font : 100%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; } 


h4 {
 text-align:left; color: maroon; text-decoration:none;
font : 16px/20px Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding-left: 0px; padding-bottom: 20px;}
 
a.sup  {margin-top: -4px;}

b {
 text-align:left; color: #333; text-decoration:none;
font : 90%/100% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; } 


p.date{
 text-align:right;  color: #666; text-decoration:none;
font : 11px/20px Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 0px; border-top: 1px solid #333; } 
p.cc{
 text-align:left;  color: #000; text-decoration:none;
font : 90%/150% Tahoma, Verdana, Arial, sans-serif;  padding: 0; } 

p.footer{
 text-align:center;  color: #fff; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 0px 15px 0px 25px; margin: -10px 0 0 0;} 

p.footer a{
 text-align:center;  color: #fff; text-decoration:none;
font : 11px/12px Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; } 

p.footer a:hover{
   color: #000;  } 

p.cdg a{
 font : 9px/12px Tahoma, Verdana, Arial, sans-serif; text-align:center;  color: #333; text-decoration:none;
 } 

p.cdg {
 text-align:center;  color: #333; text-decoration:none;
font : 9px/12px Tahoma, Verdana, Arial, sans-serif;  } 

p.catcom{
 text-align:left; background-color: #dcdcdc; color: #000; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px;  margin-bottom: 4px;}
 
 #caption {font-style: italic; font-size: 10px;}
 
 .wp-caption  {background-color: #e9eee9; padding: 6px;}
 
a { color: navy; font: Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;
}

#comment {background-color: #ffffff; padding: 10px;}

img.alignleft  {padding-right: 10px;}	
	
 
 
  #excerpts  {padding: 0 12px;}

  #excerpts li {font : 90%/140% Tahoma, Verdana, Arial, sans-serif; border-bottom: 1px dotted #666; margin-top: 10px;}

		#sidebar .paddings div {
			margin-bottom: 1.5em;
		}
		
		
		
		
		li.widget_tag_cloud a {
			color:#335b38;  padding: 0 4px; text-decoration: none;		}
			
			li.widget_recent_entries a {
			color:#335b38;  text-decoration: none;		}
		
		
		#sidebar ul, .sidebar ol {
			margin: 0;
			list-style-type: none;
		}
			#sidebar ul li {
				padding-left: 4px;
				
			}
			
			#sidebar2 ul li, .sidebar ol li {
				margin-bottom: 10px; border-bottom: 1px dotted #666; margin-right: 13px;
			}
			
			#sidebar2 ul li a{
				padding-left: 0px; 		font-weight: normal;		
			}
			
						
			
			#tag-cloud  {text-decoration: none;}
			
			
			img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

	
			 

	
	
	
	
.quote {font-weight: bold; color: #333; padding: 0 15px; }
.author {font-weight: bold; color: #616161; padding: 0 15px; text-align: right;}
.ex {font-weight: normal; color: #616161; padding: 15px 15px; text-align: right;}


/* =Menu
-------------------------------------------------------------- */

#access {position:absolute; left : 0px; top : 98px;
	
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}
#access .menu-header,
div.menu {
	font-size: 11px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #aaa;
	display: block;
	line-height: 18px;
	padding: 0 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
		line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}

#search  {position: absolute; top: 103px; left: 750px;}

#input {width: 96px;}

#hm-ad1{
float: left;
 width:300px;
 height: 250px;
 float:left; 
 position:relative; 
 margin-right: 10px;
 margin-top: 10px;
 margin-bottom: 10px;

  }
  #hm-ad2{
float: right;
 width:200px;
 height: 250px;
 float:left; 
 position:relative; 
 margin-top: 10px;
 margin-bottom: 10px;


  }