/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
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: Elliot Jay Stocks
Author URI: http://elliotjaystocks.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 : #09496D ;
 
} 
 
h1, h2, h3, h4, h5, p, ul, ol  { margin : 0 0px; padding : 5px 0; text-align: left;}


body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
font : 76%/160% Tahoma, Verdana, Arial, sans-serif;

} 
 
 
#page-wrap{ 
 width:900px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background-image: url(http://www.lighthousediveclub.com/images/bk.jpg) ;  
 background-repeat: repeat-y;  
 border: 1px solid #000000;
 
} 
 

#topads{
 position:relative; 
 height:100px; 
 background: #ec4399 ; 
 width:100%;
 text-align:center;
} 

#header{
 position:relative; 
 height:140px; 
 background: #000000 url(images/header.jpg) no-repeat; 
 width:100%;
} 

#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(style/images/logo.jpg) no-repeat; position : absolute; left : 30px; top : -15px; width: 442px; height : 100px; text-indent: -9999px; }

#header p  {  position : absolute; left : 430px; top : 25px; color: white; text-indent: -9999px;}

#topmenu  { position:absolute; left : 280px; top : 4px; color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 12px ; font-weight: bold ; padding: 0  12px 12px 12px;}

#topmenu a { color: #ffffff ; text-shadow: #000 2px 2px 2px; text-decoration: none;}

.page_item { display:inline; padding-left: 20px; padding-right: 20px; border-left: 1px solid #fff;}

#topmenu a:hover {color: #black;  }	


#navbar  { border-bottom: 1pt solid #000; }

#navbar a { color: #000000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 10px ; font-weight: bold ; padding: 0  12px 12px 12px;}
	
#navbar a:hover {  color: #e03e7d;}	
	
 a.facebook { color: #000000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 10px ; line-height: 11px; font-weight: bold ; }

 
#cc-format {border: 1px solid #000000; padding: 4px 10px;margin-left:auto; 
 margin-right:auto;  }

#cc-format h1{color: #273277 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 18px ; font-weight: bold ;}
#cc-format h2{color: #000000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 14px ; font-weight: bold ;}

 

 
#wrapper {  
 height: 100% auto;
 
 }

#content{
 float: left; 
 position: relative; 
 width:527px;
padding: 20px; 
height:100%;


 }
 
 #constant_contact{
 
 position: relative; 
 width:150px;
padding: 10px; 
height:100%;


 }
 
 
#linkcat-3.linkcat {float: left;}
 
 
#flickrcontent{
 float: left; 
 position: relative; 
 width:500px;
padding: 0 10px 0 25px; 
height:100%;


 }

 
#footer{
width: 900px;
 height:70px; 
  background-color:#999999; 
 clear:both;
text-align: center; padding-top: 10px;

 } 
 #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: 0 8px;  

 }
 
 #post2{ padding: 0 15px;  

 }
 
/* 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*/ 

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

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

ul a:hover{
 text-align:left; color: #000; text-decoration:underline;
}

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: #273277; text-decoration:none;
font : 175%/120% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; } 

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

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

h2.featured {
 background : url(http://www.south-florida-artists.com/images/featured-artist.gif) no-repeat;  width: 520px; height : 50px; text-indent: 20px; }  

h2 a{
 text-align:left; color: #273277; text-decoration:none;
} 
p.date{
 text-align:left; background-color: #e5e5e5; color: #000; text-decoration:none;
font : 100%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px; } 
p.cc{
 text-align:left;  color: #000; text-decoration:none;
font : 90%/150% Tahoma, Verdana, Arial, sans-serif;  padding: 0; } 

p.footer{
 text-align:left;  color: #000; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px;} 

p.cdg a{
 text-align:left;  color: #333; text-decoration:none;
 } 

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

p.catcom{
 text-align:left; background-color: #fff; color: #000; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px; border-top: 1pt solid #dcdcdc; border-bottom: 1pt solid #dcdcdc; margin-bottom: 4px;}
 
 #caption {font-style: italic; font-size: 10px;}
 
a { color:#273277;}

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

img.alignleft  {padding-right: 10px;}	
	
#sidebar{
 width:146px;
 float:right; 
 position:relative; 
padding: 0px 5px; 
margin: 0 -5px;
  }
  
 #sidebar2{
 
 position:relative; 
 width:175px; 
 float:left; 
padding: 10px 5px 10px -5px; 
margin: 10px auto;
text-align: center;
 }
 
#widgets{

margin: 0  15px 0 -15px; 

  }

		#sidebar .paddings div {
			margin-bottom: 1.5em;
		}
		h2.widgettitle {
			font-size: 14px; color:#000;   padding: 0px 5px 5px 5px; width:100%; margin:10px 0; height:20px; width:146px;
		}
		#sidebar ul, .sidebar ol {
			margin: 0;
			list-style-type: none;
		}
			#sidebar ul li {
				padding-left: 18px;
				background: transparent url(style/images/bullet.gif) no-repeat 1px 4px;
			}
			#sidebar ul li, .sidebar ol li {
				margin-bottom: 0.5em;
			}
			
			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}

#navlinks ul   {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
	}
	
	#navlinks a   {
	text-decoration: none;
	display: block;
	font-family: verdana, arial, helvetica, sans-serif ;
	line-height: 20px ;
	font-size: 11px ;
	font-weight: bold;
	color: #000000 ;
	width: 170px;
	height: 20px;
	margin: 0px 5px;
	padding: 4px 0px 2px 0px;
	
	
	}
	
	#navlinks a:hover   {
	text-decoration: none;
	display: block;
	color: #ffffff ;
	width: 170px;
	height: 20px;
	background-color:  #999999;
	
	}