/*
Theme Name: HotRox
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('default.css');

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

/*@import url('../thematic/style.css');
@import url('../thematic/library/layouts/3c-r-fixed.css');*/

/* Plugin Specific */
@import url('extra.css');

body{
	background-color: #e5e1dd;
	background: #bbb1a7;
	text-align: center;
	color:#505050;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	line-height: 18px;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	clear: none;
}
h1 span{
	text-transform:none;
}

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

#content {
    padding:10px 10px 10px 20px;
	margin:10px 0 0 10px;
    width:620px;
    overflow:hidden;
	border:1px solid #e6e5e5;
	background:url(images/content_bkg.png) 0px 0px;
	* background:url(images/content_bkg.png) 0px 1px; 
	*/
	
}

#content li{
  list-style: none;
 }

.main-aside {
    width:260px;
    float:right;
    position:relative;
    right:10px;
}

.main-aside li li li {
	margin-left:10px;
}

#header li{
  list-style: none;
 }


#wrapper{
	width: 980px;
	background:url(images/wrapper_bg.gif) top center repeat-y;
	padding: 0 10px 0 10px;
	margin:0 auto;
	text-align: left;
	border:none;
}
#header {
	background:url(images/header_bg.jpg) top center no-repeat;
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	height:190px;
	z-index: 2;
	overflow:visible;
}
#branding{
	/*display:none;*/
}
#blog-description{
	position:absolute;
	top:10px;
	padding:0 0 0 10px;
	margin:0;
	border:none;
	color:#989796;
}
#blog-title{	
	display:none;
	/*background:url(images/logo.gif) 0px 63px no-repeat;*/
	/*width:205px;*/
	height:83px;
	text-indent:0px;
	padding:0px;
	padding-top:60px;
	border:none;
}
#blog-title a{
	display:none;
	height:60px;
	font-size:60px;
	color:#2772b3;
	font-family:"Trebuchet MS";
	font-weight:normal;
	/*filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity:0;*/
}
/******************************************** Ad areas */
#top_ad{
	width:728px;
	height:90px;
	position:absolute;
	top:46px;
	left:50%;
	margin-left:-245px;
	/*background:#2772b3;*/
}

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

.skip-link {
    display:none;
}
#access {
	height:24px;
    font-size:14px;
    overflow:visible;
    z-index:100;
}
/*** ESSENTIAL STYLES ***/


#page-menu {
	position:absolute;
	top: 166px;
}

#page-menu ul{
  padding: auto
}
#page-menu li, #page-menu li li {
	float: left;
	height: 24px;
	border-right:1px solid #F9F8F6;	
}
#page-menu li a,
li.blog-description span{
  display: block;
  font-size: .9em;
  font-weight: normal;
  height: 24px;
  padding: 4px 8px 4px 8px;
  /*margin-right: 8px;*/
  color: white;
  text-decoration: none;
  
}

#page-menu li li a:hover  {
 	text-decoration: none;
}

/*
#page-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 6px;
  padding-bottom: 0;
 /* margin-left: 0px;*/
/*  border-right:none;*/
/*}

#page-menu li.home a:hover{
  background: url("images/ico-home-trans.png") no-repeat center -24px;
}
*/
#page-menu li.current_page_item{
}
#page-menu li.current_page_item a{

}
#page-menu > li:first-child{
  margin-left: 20px; 
}

#page-menu > li:last-child{
  /* margin-left: 10px; */
    border:none;
}

#page-menu li a:hover{
	color: #fff;
	background-image: url(images/cat_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#page-menu li.blog-description{
  float: right
}
#page-menu li.blog-description span{
  color: #fff;
  font-weight: normal
}

#page-menu li li, #page-menu li li li {
	height: 24px;
}

#page-menu li li a:hover {
	color:#FFCC99;
	background-image: none;
}


/*======*/

#blog-description{
  display: none
}

/*======*/

#category-menu{
  position: absolute;
  top: 5px;
  right: 90px;
  margin: 0;
  width: 600px;
  font-size: .8em;
  color: #EEE;
  z-index: 100;
}
#category-menu #category-nav{
  text-align: right;
}
#category-menu #category-nav li{
  float: right;
  margin: 10px 0 0 4px;
	list-style-image: none;
}
#category-menu #category-nav li a{
  padding: 8px 6px;
  font-size: .9em;
  color: #fff;
  text-transform: uppercase;
	list-style-image: none;
}
/*#category-menu #category-nav li.rss a{
  padding-left: 0px;
  color:#fff;
  background: url("images/ico-rss-trans.png") no-repeat left center
}
*/
#category-menu #category-nav li a:hover{
  color: #73FBF0;
}

/*==========*/


.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			0;
	
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul
 {
	left:			10em; /* match ul width */
	top:			-999em;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			0;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    /*border-bottom-color:#fff; */
}

.sf-menu a, .sf-menu {
border: 0; /*Gets rid of menu border*/
}

.sf-menu a, .sf-menu a:visited {
	color:#FFFFFF;
}
.sf-menu li {
background-color: transparent; /* Background color Top Level*/
}

.sf-menu li li  {
	color:#fff;
	background-image: url(images/cat_bg.gif);
	background-repeat: repeat-x;	
	background-position: left 1px;
	/*border-top: solid #FFFFFF 1px;*/
	height: 24px;
	}

.sf-menu li li li {
	color: #663300;
	background:#D3CCC5;
	font-size:10px;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul, .sf-menu li li:hover ul, .sf-menu li li.sfHover ul { 
	background: #fff;
	top:24px; /* overriding essential styles */ 
	left:0px;
}  


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
 /* Background color all levels 
outline: 0;*/
/*border-bottom-color:#ccc;   */
color: white;
} 

body #access #page-menu .sf-menu li li .sf-menu li li li {
  width: 100%;
	margin: 0 auto;
	padding: 0;
	height: 25px;
	width: auto;  
	list-style: none;
	
}


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

.archive-meta {
	border:1px solid #e6e5e5;
	background:url(images/post_bg.gif) 0px 0px repeat-x #f6f6f6;
	padding:10px;
}

.post{
	border:1px solid #e6e5e5;
	background:url(images/post_bg.gif) 0px 0px repeat-x #f6f6f6;
	padding:10px;
}
h1.entry-title, h2.entry-title{
	font-family: Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#4378ae;
	font-size:28px;
	font-weight:normal;
}
h2.entry-title a{
	color:#4378ae;
}
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;
}
/*********************************************************** columns */
/*#primary{
	width:200px;
	float:left;
	margin-right:0;
}
#secondary{
	width:200px;
	float:left;
} */
.aside ul.xoxo{
	list-style:none;
	padding:0;

}
.aside ul.xoxo li{
	padding:0;
	margin:0;
	background:#eae9e9;
	border:1px solid #e6e5e5;	
}
.aside ul.xoxo li{
	margin-top:10px;
}
.aside ul.xoxo li h3{
	color:#da7f13;
	background:url(images/side_header.gif) top left repeat-x #f2f2f2;
	height:22px;
	padding:6px 0 0 10px;
}
.aside ul.xoxo li#rss-links h3{
	color:#da7f13;
	background:url(images/rss_bg.gif) top left repeat-x #f2f2f2;
	height:22px;
	padding:6px 0 0 25px;
}
.aside ul.xoxo li ul{
	list-style:none;
	padding:0;
	margin:0;
}
.aside ul.xoxo li ul li{ 
	list-style:none;
	padding-left:10px;
	margin:0;
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e5e5;
	border-left:none;
	border-right:none;
}
.aside ul.xoxo li ul li.recentcomments{
	padding:2px 20px 2px 10px;
/*
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e5e5;	
*/
}
.aside ul.xoxo li ul li.recentcomments a{
	display:inline;
	color:#2772b3;
	text-decoration:none;
	border:none;
	padding:0;
}
.aside ul.xoxo li ul li.recentcomments a:hover{
	color:#000;
	text-decoration:underline;
	background:none;
}

.aside ul.xoxo li ul li a{
	background:#f1f1f1;
	display:block;
	padding:2px 2px 2px 10px;
/*
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e5e5;
*/
	text-decoration:none;
}
.aside ul.xoxo li ul li a:hover{
	background:#d2d2d2;
	color:#000;
	text-decoration:none;
}
.aside ul.xoxo li ul li.cat-item a{
	display:block;
	color:#2772b3;
	text-decoration:none;
/*
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e5e5;
*/
	padding-left:35px;
	background:url(images/folder-ico.gif) center left no-repeat #f1f1f1;
}
.aside ul.xoxo li ul li.cat-item a:hover{
	background:url(images/folder-ico.gif) center left no-repeat #d2d2d2;
	color:#000;
	text-decoration:none;
}
/***************************************************************** 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{
	color:#da7f13;
	background:url(images/side_header.gif) top left repeat-x #f2f2f2;
	height:22px;
	padding:7px 0 0 10px;
	margin:-10px -10px 0 -10px;
}
.aside ul.xoxo li#tag_cloud a{
	font-size:18px;
}
/***************************************************************** 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;
}
/*********************************************************** Comments */
#comments{
	border:1px solid #e6e5e5;
	background:#f1f1f1;
	padding-top:0px;
}
#comments .comment-meta a{
	color:#2772c8;
}
#comments .comment-author a{
	color:#2772c8;
}
#comments h3{
	color:#323232;
	font-size:20px;
}
#comments li.comment{
	margin-bottom:10px;
	border:1px solid #fff;
	background:url(images/comment.gif) top left repeat-x #e3e3e3;
	color:#323232;
}
#comments li.alt{
	background:url(images/comment_alt.gif) top left repeat-x #eae9e9;
}
#comments li.bypostauthor{
	background:url(images/bypostauthor.jpg) top left repeat-x #d8ebf7;
	color:#323232;
}
#respond{
	margin-bottom:10px;
	border:1px solid #fff;
	background:url(images/comment.gif) top left repeat-x #e3e3e3;
	color:#323232;
}
#respond input{
	font-family:Arial, Helvetica, sans-serif;
}
#respond textarea{
	font-family:Arial, Helvetica, sans-serif;
}
/***********************************************************  FOOTER  */
#footer{
	background:url(images/footer_bg.gif) top center no-repeat #554d42;
	border:none;
	min-height:100px;
	width:980px;
	padding:20px 0 10px 0;
	margin:0;
	color:#323232;
}
#footer a{
	color:#eee;
}
#footer a:hover{
	color:#000;
}
#subsidiary{

}
#siteinfo{
	text-align:center;
	width:800px;
	color:#eee;
	padding:30px 0 20px 0;
}
#siteinfo a{
	color:#323232;
}
#ll{}

/*  Jewelry Gallery style  */

/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
	background-image:url(images/transparent_black.png);		
	color:#fff;
}
 
div.apple_overlay h2 {
	margin:10px 0 9px 0;
	font-weight:bold;
	font-size:14px;
}
 
div.black h2 {
	color:#FFF;
}
 
#triggers {
	margin-top:10px;
	text-align:center;
}
 
#triggers img {
	background-color:#fff;
	padding:3px;
	border:1px solid #ccc;
	margin:5px;
	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:700px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

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

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(images/close.png);
	position:absolute; right:0px; top:0px;
	cursor:pointer;
	height:35px;
	width:35px;
}
 
 /* Simple  overlayed element */ 
.simple_overlay {          
/* must be initially hidden */     
	display:none;          
	/* place overlay on top of other elements */     
	z-index:10000;          /* styling */     
	background-color:#333;          
	width:650px;      
	float: left;   
	min-height:200px;     
	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 {     
	float: left;  
}


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

/* styling for elements inside overlay */ 
.details {     
	position:absolute;     
	top:30px;     
	right:40px;     
	font-size:11px;     
	color:#fff;     
	width:280px; 
	text-align:left;
	}  
	
	/*.details h3 {     
	color:#aba;     font-size:15px;     margin:0 0 -10px 0; }*/