/*************************

	QUICK CHANGE COLOR STYLES OF HEADER

*************************/

.site_nav a { /*nav icon color*/
	top: 0px; /* 0=wht, -25=blk, -50=red, -75=gry(#afafaf) */
	}
.site_nav a:hover { /*nav icon:hover color*/
	top: -25px; /* 0=wht, -25=blk, -50=red, -75=gry(#afafaf) */
	}	
.header {
	background-color: #cc0000; /* changes the header band */
	border-bottom: 1px solid #fff;
	}
.site_title a, .site_nav a, .header .site_title { 
	color: #fff; /* all text color in header */
	}
.site_title a:hover, .site_nav a:hover { 
	color: #000; /* text links:hover in header */
	}

/*************************

	TOOLBOX

*************************/
.gone {display: none;}
.clear {clear: both;}
#dio-lens {border: 1px solid #000;}
#dio-sensor {cursor:crosshair;}

/*************************

	HEADER STYLES

*************************/
#header {
	position:fixed;
	z-index: 10;
	width: 100%;
	height:25px;
	top: 0px;
	}
.header_center {
	position: relative;
	}
#header .site_title {
	float:left;
	margin-left: 10px;
	}
#header .site_nav {
	float:right;
	margin-right: 10px;
	list-style-type: none;
	overflow: hidden;
	}
#header .site_nav li {
	position: relative;
	float: left;
	margin: 0px;
	overflow: hidden;
	height: 25px;
	}
#header .site_nav li a{
	background-image: url(../images/nav/default_nav.png);  /*this MAY change if a very unique color is needed, the template is in the images/nav folder. */
	height: 100px;
	width: 125px;
	background-repeat: no-repeat;
	margin: 0px;
	display: block;
	position: relative;
	}
#header .site_nav li.home_link {
	width: 21px;
	}
#header .site_nav li.profile_link {
	width: 20px;
	}
#header .site_nav li.search_link {
	width: 24px;
	}
#header .site_nav li.archive_link {
	width: 22px;
	}
#header .site_nav li.prev_link {
	width: 20px;
	}
#header .site_nav li.next_link {
	width: 18px;
	}

/**********************/
#header .site_nav li.home_link a {
	left 0px;
	}
#header .site_nav li.profile_link a {
	left: -21px;
	}
#header .site_nav li.search_link a {
	left: -41px;
	}
#header .site_nav li.archive_link a {
	left: -63px;
	}
#header .site_nav li.prev_link a {
	left: -85px;
	}
#header .site_nav li.next_link a {
	left: -105px;
	}

/****************************************

	SITE-WIDE STYLES

****************************************/

body {
	background: #fff;
	}
a {
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
	}

.gone {display: none;}
.clear{clear:both;}
.alignright {float:right;margin-left:20px;}

.wp-caption:hover {background-color: #f7f7f7;}
.wp-caption-text {
	text-align: center;
	font-size: 10px;
	font-style: italic;
	margin: 2px 0px 2px 0px !important;
	}
	
/****************************************

	SITE-WIDE STRUCTURAL ITEMS

****************************************/

.body-col-1, .body-col-2, .footer-col-1, .footer-col-2, .footer-col-3, .post_nav, ._div, .blog_tag {
	border-top: solid 1px #CCC;
	padding-top: 10px;
	}
.body-col-1, .body-col-2 {
	margin-bottom:100px;
	}
.the_post {
	margin-bottom: 30px !important;
	}
.index-excerpt{
	padding-top:22px;
	}
.wp-caption {
	border: #ddd solid 1px;
	background: #eee;
	padding: 2px;
	text-align: center
	}
.blanket {
	width:100%;
	background-color: #fff;
	z-index: -1;
	display: block;
	padding-top: 30px;
	float: left;
	}
.carousel-cols {
	border-top: solid 1px #CCC;
	padding-top: 10px;
	margin-bottom:10px;
	}
#wp_page_numbers {
	border-left: 0px !important;
	padding-left: 5px;
	}
#sb-content {overflow: visible !important;}

/****************************************

	HEADER STYLES

****************************************/

#default_header {
	background-position: 0px 45px;
	background-image: url(../images/asteriskLogo_default.png);
	bottom:0;
	background-repeat: no-repeat;
	position: relative;
	}
#default_header h1 {
	text-indent:-999px;
	}
#default_header h1 a{
	position:relative;
	height: 160px;
	left: 1px;
	top: 1px;
	display: block;
	width: 300px;
	}

div#sliding_header {
	width: 1018px;
	left: 50%;
	margin-left: -509px;
	background-image: url(../images/profile_container_bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	position: absolute;
	top:-600px;
	z-index: 10;
	}
#bellyband_bg {
	height:25px;
	background-color: #cc0000;
	background-image: url(../images/whi tebar.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
#bellyband {
	height:25px;
	background-color: #cc0000;
	}
.nav {
	text-align: right;
	}
.nav img {
	position: relative;
	top: 3px;
	margin: 0px 3px 0px 20px
	}
#profile_container {
	height: 600px;
	}
#profile_container .close_btn {
	text-align: right;
	margin: 25px 0px 20px 0px;
	}
a.profile_slide_btn2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 0.1em;
	font-variant: small-caps;	
	text-align:center;
	line-height: 23px;
	float: right;
	display: block;
	width: 140px;
	height: 25px;
	 -moz-border-radius: 4px; 
	 -webkit-border-radius: 4px;
	background-color: #cc0000;
	text-decoration:none;
	color: #fff;
	}
a.profile_slide_btn2:hover {
	color: #000;
	}
#profile_container .profile_copy p {
	font-size: 16px;
	line-height: 17px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-left: 125px;
	text-align: right;
	}
#profile_container .profile_copy img {
	float: left;
	}
#profile_container .contact p {
	font-size: 14px;
	line-height: 15px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-top: 20px;
	}
#profile_container .contact a:hover {
	color: #fff;
	}
	
/** SEARCH **/

.search_wrapper {
	background-position: 0px 0px;
	background-image: url(../images/search_bg.png);
	background-repeat: no-repeat;
	height: 46px;
	width: 199px;
	z-index: 900;
	float: right;
	position:relative;
	top:25px;
	left: 107px;
	display: none;
	}
.search_wrapper input#s {
	margin: 16px 0px 0px 16px;
	height: 18px;
	width: 170px;
	border: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.1em;
	font-variant: small-caps;
	color: #666;

	}
.search_wrapper .screen-reader-text, .search_wrapper input#searchsubmit {
	display:none;
	}


/****************************************

	FOOTER STYLES

****************************************/
	
.footer_box {
	padding-top: 39px;
	width: 1018px;
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	}
.footer {
	border-color: #fff;
	}
.footer p, .footer h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	}
.footer h4 {
	font-weight: bold;
	}
.footer p a:hover {
	color: #fff;
	}
	
/****************************************

	POST STYLES

****************************************/

.post_gallery a img {
	float: left;
	border: 2px solid #fff;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
	}
.post_gallery a img:hover {
	border: 2px solid #cc0000;
	}

/*** NEXT/PREV POST NAV STYLES ***/
div.postNav {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	font-variant: small-caps;	
	text-align:center;
	line-height: 23px;
	}
.postNav a {
	margin: 0px 0px 10px 10px;
	float: right;
	display: block;
	width: 48px;
	height: 25px;
	 -moz-border-radius: 4px; 
	 -webkit-border-radius: 4px;
	background-color: #cc0000;
	display: block;
	width: 48px;
	height: 25px;
	text-decoration:none;
	color: #fff;
	}
.postNav a:hover {
	background-color: #000;
	}

/****************************************

	COMMENT STYLES

****************************************/

.submit-btn {
    opacity:1; /*mozilla firefox*/
    filter:alpha(opacity:100); /*internet explorer*/
}
.submit-btn:hover {
    opacity:.5; /*mozilla firefox*/
    filter:alpha(opacity:50); /*internet explorer*/
}

.commentlist {
	margin-bottom:30px;
	width: 620px;
	}
	
li.comment {
	list-style-type: none;
	margin-right: 0px;
	margin-left: 0px;
}

cite.fn {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 54px;
	font-weight: bold;
	color: #CCC;
	letter-spacing: -.02em;
	text-transform: uppercase;
	line-height:44px;
	margin-bottom: 45px !important;
	font-style: normal;
	}
	
cite.fn a{color: #CCC;text-decoration: none;}

cite.fn a:hover{color: #dad9d9;}

span.says {display: none;}

.vcard {
	width: 300px;
	margin-right: 10px;
	margin-left: 0px;
}
.comment-meta {
	font-size: 12px;
	color:#f50015;
	margin-bottom: 2px !important;
	font-weight:normal;
}
li.comment p {
	m argin-bottom: 0px;
}
	
.awaiting_moderation, .asterisk {color:#f50015;}
	
.the_comment {margin:15px 0px 50px 0px;}

.the_commentor{margin-bottom:50px;}

.form_field { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 3px;
	color:#666666;
	font-size: 20px; 
 	border: 1px solid #ccc;
}
.text_area{ 
	padding: 3px;
	color:#666666;
 	border: 1px solid #ccc;
}

/****************************************

	CAROUSEL STYLES

****************************************/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 620px; /*Width of Carousel Viewer itself*/
	height: 200px; /*Height should enough to fit largest content's height*/
	}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin-right:20px; /*margin around each panel*/
	width: 620px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}
a.carousel_forward {
	-moz-transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
	background-repeat: no-repeat;
	display: block;
	background: url(../images/carousel_rt_btn.jpg) center 18px;
	width: 17px;
	height: 18px;
	float: right;
	}
a.carousel_back {
	-moz-transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
	background-repeat: no-repeat;
	display: block;
	background: url(../images/carousel_lft_btn.jpg) center 18px;
	width: 17px;
	height: 18px;
	float: right;
	}
a.carousel_forward:hover, a.carousel_back:hover {
	background-position-y: 0px;
	}
.carousel_counter {
	float: right;
	margin-right: 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#d9d9d9;
	}
.carousel_counter .left_counter {
	position: relative;
	left: 3px;
	}
.nomargin {
	margin:0px 0px 0px 0px !important;
	}

/****************************************

	CATEGORY STYLES

****************************************/

.cat_description {
	margin-bottom: 38px;
	}

/*** Tags Styling ***/
.category_tags_wrap {
	margin-bottom: 5px;
	}
.category_tags_wrap a img {
	width: 56px;
	height: 56px;
	border: 2px solid #fff;
	float: left;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
	}
	
.category_tags_wrap a.post_square {
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
	display: block;
	height:10px;
	width:10px;
	background-color: #eee;
	float:left;
	margin: 2px 0px 0px 0px;
	}
.category_tags_wrap a.post_square:hover {
	background-color: #cc0000;
	}
.imglink {
	border: 2px solid #eee;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
	}
.category_tags_wrap a img:hover, .imglink:hover {
	border: 2px solid #cc0000;
	}

/*** Pagination Styling ***/
ol.wp-paginate {
	float: right;
	list-style-type: none;
	}
	ol.wp-paginate li{
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
		text-transform: capitalize;
		float: left;
		}
	ol.wp-paginate li:empty {display: none;}

/*** Category Grid ***/
.grid_container {
	overflow:hidden;
	}
.boxgrid{ 
	width: 300px; 
	height: 200px; 
	margin: 0px 20px 20px 0px; 
	float:left; 
	background:#ffffff; 
	border: solid 0px #8399AF; 
	overflow: hidden; 
	position: relative; 
	}
.boxgrid img{ 
	position: absolute;
	height: 200px;
	width: 300px; 
	top: 0px; 
	left: 0px; 
	border: 0px; 
}
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
.boxcaption{
	padding: 2px 0px 0px 0px;
	float: left; 
	position: absolute; 
	background: #000; 
	height: 112px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 200px;
	left: 0px;
}		
.cat_grid_left {
	margin-right: 0px !important;
	float: left;
	}

	
/****************************************

	ARCHIVE STYLES

****************************************/
/*
.archive-body-col-2 {
	margin-bottom:100px;
	}

.archive-body-col-2 p {display: none;}           css used for the clean archives plugin.
ul.car-list li {									it doesnt work now, but maybe in the future...
	list-style: none;
	border-top: solid 1px #CCC;
	padding-top: 10px;
	margin-left: 0px;
	}
h3.car-yearmonth {
	margin-top: 2px;
	}
li.postlisting {
	border-top: solid 0px #CCC !important;
	padding-top: 0px;
	display: inline;
	}
.monthlisting {
	border-top: solid 0px #CCC;
	}
	*/

.archive_cat_wrap {
	margin-bottom: 50px;
	}
.archive-body-col-2 {
	border-top: solid 1px #CCC;
	}
.archive-body-col-2 h3 {
	padding-top: 12px;
	margin-top: 0px;
	}
.archive_cat_wrap a img {
	width: 58px;
	height: 58px;
	border: 2px solid #fff;
	float: left;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
	}
.imglink {
	border: 2px solid #eee;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
	}
.archive_cat_wrap a img:hover, .imglink:hover {
	border: 2px solid #cc0000;
	}