/*
Theme Name: SeaCliff
Description: Built on Thematic Theme
Author: SeaCliff Media
Author URI: http://seacliffmm.com/
Template: thematic
Version: 0.1
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.

*/


/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');



body {
    min-width:1000px;
	font: 100% Geneva, Ariel, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: 2a2a2a;
	letter-spacing:.02em;
	background-image:url(images/body_bkg.jpg);
	background-position:top right;
	background-repeat: no-repeat;
	background-color: #000000;
}

p {
	font-size:13px;
}

blockquote {
	font-style:normal;
	margin-bottom:22px;
	}
	
a:link, a:visited {
	color:#7cc576;
	text-decoration:none;
}
/*a:visited {
	color:#888888;
}*/
a:hover {
	color:#A02323; 
}

img {
	border:none;
}
h1,h2,h3 {
	font-family: Geneva, corbel, Ariel, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5 {
	font-weight:100;
}
h1 {
	font-size:28px;
	margin:0px 0px 15px 0px;
	color:#5d98c0;
	line-height:1.5;
}
h2 {
	font-size:24px;
	padding: 20px 0px 20px 0px;
	margin:0px;
}
h3 {
	font-size:18px;
	padding:5px 0px;
	margin:10px 0px 15px 0px;
}
h4 {
	font-size:16px;
	padding:10px 15px 5px 20px;
	margin:0px;
}
h5 {
	font-size:12px;
	padding:5px 0px 10px 0px;
	font-style:bold;
}
ul {
	padding:5px;
	margin:0px 10px;
	font-size: 12px;
	line-height: 1;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: disc;
}

h1 span{
	text-transform:none;
}

small  {
	font-size: .8em;
}


ul li {
	padding: 5px 0px;
}
option {
	padding: 0px 4px;
}


input {
	font-size:.9em;	
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
}

/*======================/
 * 	layout
/*=====================*/


#wrapper{
	width: 100%;
	margin: 0 auto;
	text-align: center; /* this overrides the text-align: center on the body element. */
	/*background-image: url(http://seacliffmm.com/images/body_bkg.png);
	background-position:top right;
	background-repeat: no-repeat;
	background-color: #000000;*/
	float:left;
}


#container {
	width: 1000px;
	padding: 0 10px 0 10px;
	margin:0 auto;	
	background-color: #ffffff;
	text-align: left;
	border:none;
	float:none;
}

#home {
	background-color: #FFFFFF;
	width: 1000px;
	/*margin-bottom: 0px;*/
	margin-top:-10px;
	margin-bottom:-20px;
	margin-right:auto;
	margin-left:auto;
	padding: 0px;
	text-align: left;
	float:none;
} 

#home ul {
	padding:0;
	margin:0;
	}

#home li  {
	list-style-type:none;
	}


#content {
    padding:0 15px 10px 20px;
	background-color:#FFFFFF;
	margin:10px 0 0 10px;
	line-height: 1.6em;
    width:710px;
    overflow:hidden;
	float: left;
	
}

#content img {
	
}

#content p {
	margin-right:10px;
}


#content li{
  list-style: disc;
 }

.menu {width:980px;}

.menu li ul li  {
width: auto;
}

#main {
    width:1000px;
    margin:0 auto;
	padding:0;
    overflow:hidden;
    position:relative;
	top:0px;
	background:#FFFFFF;
}

.main-aside {
    width:200px;
    float:right;
	padding-left:10px;
    position:relative;
    right:10px;
}

#primary  {
	border-left: solid #ddd 1px;
	border-bottom:none;
	border-top:none;
	border-right:none;
}

#primary h1, #primary h2, #primary h3,  #secondary h1, #secondary h2, #secondary h3 {
	letter-spacing: .1em;
}

#primary img, #secondary img  {
	float:left;
}

#primary h3  {
	color:#5d98c0;
	text-transform:uppercase;
}


#primary p,  #secondary p {
	letter-spacing: normal;
}

#primary li  {
	list-style-type: none;	
}

#primary li li {
	list-style-type: none;	
}


#header {
	margin: 0 auto; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	background-image: url(http://seacliffmm.com/images/header_bkg_2009.jpg);
	height: 150px;
	background-repeat: no-repeat;
	width: 1000px;
	text-align: center; 
}

.ie7 #header {
	height:155px;
}

#header li{
  list-style: none;
 }



#branding{
	/*display:none;*/
}
#blog-description{
	display:none;
}
#blog-title{	
	display:none;
}

#blog-title a{
	display:none;
}


/******************************************** Ad areas */
/*#top_ad{
	width:728px;
	height:90px;
	position:absolute;
	top:46px;
	left:50%;
	margin-left:-245px;
	/*background:#35570F;*/
/*}*/

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

.skip-link {
    display:none;
}
#access {
	height:24px;
    font-size:14px;
    overflow:visible;
    z-index:100;
	
    border-bottom:none;
}

.ie7 #access  {position:relative; top: -6px;}

<!-- ================================== -->


<!-- STYLE HORIZONTAL DROP_DOWN -->

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu */


.sf-navbar {

	height:			24px;
	margin-bottom:	0;
	position:		relative;
	top:0;
	}
	
.sf-navbar ul  {
	padding: 0 0 0 10px;
	}

.sf-navbar li {
	background:none;
}
 .sf-navbar li ul li a, .sf-navbar li ul {
 	margin: 0 auto;
	background-image: url(images/cat_bg.gif);
	background-repeat: repeat-x;	
	background-position: left top;	
	border-right: solid 1px #fff;
	border-top:none;
	border-bottom:none;
	overflow:visible;
	}

.sf-navbar li {
	position:		static;
	}

.sf-navbar a {
	padding: 6px 10px 6px 20px;
	border-left:none;
	border-top:none;
	border-bottom:none;
	color:#fff;
	}

.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
	margin-top: 	0;	
	border-left:none;
	border-top:none;
	border-bottom:none;
	}

.sf-navbar li li {
	position:		relative;
	}

.sf-navbar li li ul {
	width:			100%;
	}

.sf-navbar li li li {
	width:			100%;
	}

.sf-navbar ul li {
	width:			100%;
	float:			left;
	}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul ,
.sf-navbar ul li:hover ul,
.sf-navbar ul li.sfHover ul,{
	left:			0;
	top:			24px; /* match top ul list item height */
	}

.sf-navbar .current ul ul {
	top: 			-999em;
	}

.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar a:focus,
.sf-navbar a:hover,
.sf-navbar a:active,  {
	background:none;	
	
	}
	


/* thematic experiment - for default look - sprfsh enabled borders */

.sfHover  a,
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a:hover,
.sf-menu a:hover, .current_page_item.sf-breadcrumb  ul li a,
.current_page_item.sf-breadcrumb.sfHover  a,
.current_page_parent.sf-breadcrumb.sfHover  a,
.current_page_ancestor.sf-breadcrumb.sfHover  a
	{
	border-top:none;
	border-left:none;
	border-right: solid 1px #fff;
	border-bottom:none;
	}

/* thematic experiment - for default look - sf-tab border color */
.current_page_item.sf-breadcrumb  a,
.current_page_parent.sf-breadcrumb  a,
.current_page_ancestor.sf-breadcrumb  a
 	{
  	border-top:none;
	border-left:none;
	border-right: solid 1px #fff;
	border-bottom:none;
 	}

.sf-menu li.home a{
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  text-align: left;
  width: 24px;
  background: url("images/ico-home-trans.png") no-repeat;
  background-position: center 4px;
  padding-bottom: 0;
  padding-left:0;
  margin-left: 0px;
  border-right:none;
}

.sf-menu > li:last-child{
  /* margin-left: 10px; */
    border-right:none;
}

.sf-menu li li  {
	color:#fff;
	background-image: url(images/cat_bg.gif);
	background-repeat: repeat-x;	
	background-position: left top;
	border-bottom:none;	
	border-top:none;
	height: 24px;
	float:left;
	}
	
.ie7 .sf-menu li li  {background-position:left 2px;}

<!-- ========= -->
.sf-menu {
    border-right:1px solid #FFF;
	border-bottom:none;
	border-top:none;
	color: #ffffff;
	font-family: Ariel, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	line-height: 24px;
	letter-spacing: 0.2em;
	vertical-align: top;
	float:left;
}
.sf-menu a {
	border-right:1px solid #FFF;
	border-top:none;
	border-bottom:none;
	padding:5px 13px;  
	font-family: Ariel, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	letter-spacing: 0.2em;
	vertical-align: top;
	/*font-size: 13px;
  	font-weight: normal;*/
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
}
.sf-menu li {
	background:		none;
}


.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     none;
	outline:		0;
	border-bottom:none;	
	border-top:none;
color: #7cc576;
}

.sf-menu li li a:hover {
	color:#000000;
}
 
.sf-menu ul {
    border-top:none;
	border-bottom:none;
	background-image:none;
	background:none;
	margin-top:0;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:24px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
	border-bottom:none;	
	border-top:none;
}
.sf-menu ul a {
    background:#none;
	border-bottom:none;	
	border-top:none;
	background-image:none;
	background:none;
}
.sf-menu ul a:hover {
    color: #7cc576;
}


<!-- END HORIZONTAL DROP_DOWN -->


/*************************************** LOGO  */
#logo h1{
	/*display:none;*/
}

/*********************************************  MAIN CONTENT */
#main{
	padding:10px 20px 20px 20px;
	margin: 0 auto;
	background-position: left -10px;
	width:auto;
	/*height:1%;*/
	/*background-image: url(images/main_bg.jpg);
	background-repeat: no-repeat;*/
}


/*********************************************************** post */
.post{
	border:1px solid #e6e5e5;
	/* background:url(images/post_bg.gif) 0px 1px repeat-x #f6f6f6;*/
	padding:10px;
}
h1.entry-title, h2.entry-title{
	display:none;
	font-family: Geneva, Ariel, Helvetica, sans-serif;
	text-transform:none;
	color:#5d98c0;
	font-size:28px;
	font-weight:normal;
}
h2.entry-title a{
	color:#406B1F;
}
h2.entry-title a:hover{
	text-decoration:underline;
}
a.more-link{
	background:url(images/read_more.gif) top left no-repeat;
	width:89px;
	height:22px;
	padding:2px 0 0 0;
	text-align:center;
	float:right;
}
a.more-link:hover{
	background:url(images/read_more_o.gif) top left no-repeat;
	text-decoration:none;
	color:#1b5185;
}
div.entry-utility{
	margin-top:5px;
	clear:both;
	border:1px solid #e6e5e5;
	padding:2px;
	background:#fff;
}
span.comments-link a{
	color:#da7f13;
}
.hentry ol{
	list-style-position:inside;
}
.hentry ul{
	list-style-position:inside;
}
/* =Asides, Sidebars & Widget-Ready Areas
-------------------------------------------------------------- */

.aside,
.aside input {
    font-size:13px;
    line-height:18px;
    margin-bottom:6px;
}
.aside p,
.aside ul,
.aside ol,
.aside dd,
.aside pre {
    margin-bottom:18px;
}
.aside pre,
.aside code {
    font-size:12px;
    line-height:18px;
}
.aside .current_page_item a {
    color: #FF4B33;
}
.aside .current_page_item .page_item a {
    color:#666;
}
.aside .current_page_item .page_item a:hover,
.aside .current_page_item .page_item a:active {
    color: #FF4B33;
}
.aside {
    color:#666;
}
.aside a {
    color:#7cc576;
}
.aside a:active,
.aside a:hover {
    color: #A02323;
}


.aside h3 {
    font-size:15px;
    font-style:normal;
    line-height:22px;
}
.aside h3 a {
    text-decoration:none;
}
.aside caption {
    font-size:11px;
    font-family:Arial,sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.05em;
}
.aside ul {
    list-style:none;
    margin-left:0;
}
.aside ul ul {
    list-style:disc;
    margin:0 0 22px 7px;
}
.aside ul ul li {
    padding:1px 0;
}
.aside ul ul ul {
    margin-bottom:0;
}
.aside form,
.aside table {
    margin-bottom:22px;
}
.aside table {
    border:none;
}
.aside thead {
    border:1px solid #ccc;
}
.aside tbody {
    border:1px solid #ccc;
}
.aside th, .aside td {
    border-right:1px solid #ccc;
    padding:.25em .8em;
}
.aside tfoot tr {
    border:none;
}
.aside tfoot td {
    border-color:transparent;
}
.widget_tag_cloud {
    margin:0 0 22px 0;
}
.aside #searchsubmit {
	display: none;	
}
/*
    Main Asides
*/
.main-aside ul {
    padding:0 20px;
}
.main-aside h3 {
}
.main-aside ul ul {
    padding:0;
}

#primary blockquote {
	margin-left:7px;
	padding-top: 15px;
	font-size:9px;
	font-style:normal;
	line-height:1.25;
	
	}

/*
    Content Asides
*/
#content .aside {
    border:1px solid #ccc;
    margin:0 0 22px 0;
    padding:18px 0 0 0;
}
#content .aside ul {
    padding:0 20px;
}
#content .aside h3 {
    font-family:Georgia,serif;
    font-weight:normal;
    font-size:17px;
    font-style:normal;
    padding:0 0 7px 0;
    text-transform:none;
}
#content .aside ul ul {
    padding:0;
}
/*
    Footer Asides
*/
#subsidiary {
    width:980px;
    margin:0 auto;
    overflow:hidden;
	text-align:left;
	color:#efefef;
	
}

#subsidiary .aside {
    width:300px;
    float:left;
    margin:0 10px 0 15px;
}

#subsidiary .aside, #subsidiary .aside p {
	color:#fefefe;
	line-height:24px;
	letter-spacing:.1em;
	
}

#subsidiary .aside p {
	font-size: 11px;
	font-weight:normal;
}

#subsidiary .aside h3  {
	color:#5d98c0;
	text-transform:uppercase;
}

#subsidiary li, #subsidiary li li {
	list-style-type: none;	
}


#subsidiary blockquote {
	margin:15px 0 0 7px;	
}

#second  {
	border-left: dashed #eee 1px;
	border-right: dashed #eee 1px;
	padding-left:20px;
}


#third {
    margin:0;
	float:right;
}

/***************************************************************** Search */
li#search form div{
	padding:0 0 0 7px;
}
li#search form div input#s{
	width:110px;
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
/***************************************************************** Tag Cloud */
.aside ul.xoxo li#tag_cloud{
	padding:10px;
}
.aside ul.xoxo li#tag_cloud h3{
	}
.aside ul.xoxo li#tag_cloud a{
	font-size:12px;
}
/***************************************************************** Calendar */
#calendar{
	background:#fff;
}
#calendar_wrap{
	padding:0 0 0 12px;
	/*background:#fff;*/
}
#wp-calendar{
	/*border-collapse:collapse;*/
}
#wp-calendar tr th{
	padding:0 5px;
	margin:0;
	border:1px solid #e6e5e5;
}
#wp-calendar tr td{
	padding:0 5px;
	margin:0;
	border:1px solid #e6e5e5;
}

/***********************************************************  FOOTER  */
#footer{
	background:#000000;
	border:none;
	min-height:100px;
	width:100%;
	padding:20px 0 10px 0;
	margin:0;
	color:#fefefe;
	line-height:2;
	letter-spacing:.1em;
	font-size:11px;
}

#siteinfo{
	text-align:center;
	color:#eee;
	padding:30px 0 20px 0;
}

#siteinfo, #siteinfo p {
	line-height:2;	
	letter-spacing:.1em;
	
}


#ll{}

td {
	border: 1px solid #ddd;
	background-color: #EFF8F2;
	padding-top: 4px;
	padding-left: 7px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* Captions */
.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;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* End captions */

/*  Gallery style  */


 /* --- SLIDER STYLES ---*/ 
#slide_holder {
margin: 0 0 0 0 ;
width: 1000;
position:relative;
left:0;
z-index:1;
}



/* Overlay Gallery style  */

/*  Web and email portfolio style  */

/* Overlays Wrapper*/
#overlays  {
	width: 620;
	text-align:center;
	overflow:hidden;
}

/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
	background-image:url(http://seacliffmm.com/images/black.png);		
	color:#fff;
}
 
div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}
 
div.black h2 {
	color:#000;
}
 
#triggers {
	margin-top:10px;
	text-align:center;
	width:630px;
}
 
#triggers img {
	background-color:#fff;
	padding:3px;
	border:1px solid #ccc;
	margin:3px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(http://seacliffmm.com/images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:600px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
	position:relative;
	left:0; top:0;
	
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(http://seacliffmm.com/images/close.png);
	position:absolute; left:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
 
/*Gallery Overlay */

#image_wrap {
	/* dimensions */
	width:620px;
	margin:15px 0 15px 0px;
	padding:10px 0;
 
	/* centered */
	text-align:center;
 
	/* some "skinning" */
	background-color:#efefef;
	border:2px solid #eeeeee;
	outline:1px solid #ddd;
	-moz-ouline-radius:4px;
}




/* Simple  overlayed element */ 
.simple_overlay {          
/* must be initially hidden */     
	display:none;          
	/* place overlay on top of other elements */     
	z-index:10000;          /* styling */     
	background-color:#2a2a2a;          
	width:800px;      
	float: left;   
	min-height:400px;     
	border:1px solid #666;          
	/* CSS3 styling for latest browsers */     
	-moz-box-shadow:0 0 90px 5px #000;     
	-webkit-box-shadow: 0 0 90px #000;     
	
}  

.simple_overlay2 {          
/* must be initially hidden */     
	display:none;          
	/* place overlay on top of other elements */     
	z-index:10000;          /* styling */     
	background-color:#2a2a2a;          
	width:800px;      
	float: left;   
	min-height:500px;     
	border:1px solid #666;          
	/* CSS3 styling for latest browsers */     
	-moz-box-shadow:0 0 90px 5px #000;     
	-webkit-box-shadow: 0 0 90px #000;     
	
}  

.simple_overlay img, .simple_overlay2 img {     
	float: left;  
}


/* close button positioned on upper right corner */ 
.simple_overlay .close, .simple_overlay2 .close {     
	background-image:url(http://seacliffmm.com/images/close.png);     
	position:absolute;     
	right:-15px;     
	top:-15px;     
	cursor:pointer;     
	height:35px;     
	width:35px; }

/* styling for elements inside overlay */ 
.details {     
	position:absolute;     
	top:15px;     
	right:15px;     
	font-size:13px;     
	color:#fff;     
	width:170px; 
	text-align:left;
	}  
	
.details p  {
	font-size: 13px;
	letter-spacing:.1em;
}
.details h2 {     
	color:#FFFFFF;     font-size:22px;     margin:0 0 -10px 0; }

.details a  {
	color:#fff; 
	text-decoration:underline;
}

.details a:hover  {
	color:#0099FF;
}