/*  

Theme Name: Eos

Theme URI: http://www.srssolutions.com/en/downloads/eos_wordpress_theme

Description: Eos is a professionally designed, clean and elegant theme inspired by the colors of an aurora. Available in several languages. Leave us a comment on our website.

Author: SRS Solutions

Author URI: http://www.srssolutions.com

Version: 1.2.7

Tags: black, blue, green, dark, three-columns, two-columns, threaded-comments, fixed-width, right-sidebar, theme-options, translation-ready

.

Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.

.

*/





/**

 * Normalize

 */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {

	margin: 0;

	padding: 0;

}

h1, h2, h3, h4, h5, h6, h13, h14, h15 {

	font-size: 100%;

}



h3 {

color:#AF0600; 

}



h4 {

text-transform:uppercase;

margin:0;

padding:0;

font-size:115%;

color:#AF0600; 

font-weight:bold;

display: block;

}



h5 {

text-transform:uppercase;

margin:0;

padding:0;

font-size:115%;

color:#AF0600; 

font-weight:bold;

display: block;

text-align:center;

}



h6 {

text-transform:uppercase;

margin:0;

padding:0;

font-size:115%;

color:#AF0600; 

font-weight:bold;

display: inline;

text-align:center;

}



h13 {

text-transform:uppercase;

margin:0;

padding:0;

font-size:115%;

color:#AF0600; 

font-weight:bold;

display: block;

}



h14 {

text-transform:uppercase;

margin:0;

padding:0;

font-size:115%;

color:#AF0600; 

font-weight:bold;

display: block;

text-align:center;

}



h15 {

text-transform:uppercase;

margin:0;

padding:0;

font-size:115%;

color:#AF0600; 

font-weight:bold;

display: inline;

text-align:center;

}



h16 {

text-transform:uppercase;

margin:0;

padding:0;

font-size:115%;

color:#FF0000; 

font-weight:bold;

display: inline;

text-align:center;

}



h17 {

text-transform:uppercase;

margin:0;

padding:0;

font-size:115%;

color:#FF0000; 

font-weight:bold;

display: inline;

}



h2 {

text-transform:uppercase;

margin:0;

padding:0;

font-size:135%;

color:#FFFF00;

background-color:#666;

font-weight:bold;

text-align:center;

margin-bottom:4px;

}



ol, ul {

      list-style: none;

}



address, caption, cite, code, dfn, th, var {

	font-style: normal;

	font-weight: normal;

}

em {

	font-style: italic;

}

strong {

	font-weight: bold;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

fieldset, img {

	border: 0;

}

caption, th {

	text-align: left;

}

q:before, q:after {

	content: '';

}

abbr {

	border:0;

}



/**

 * WordPress Static

 */



.alignleft {

	float:left;

	text-align:left;

	margin-right:10px;

}

.alignright {

	float:right;

	text-align:right;

	margin-left:10px;

}

.aligncenter {

	margin: 10px auto;

	text-align: center;

	display: block;

}

.sidebarbox {

	margin-bottom:10px;

}

.sidebarbox li {

	margin-bottom:5px;

	background:url(./images/Lists.png) no-repeat 0 0.4em;

	padding-left:12px;

}

.sidebarbox ul.children {

	margin:0;

}



.headerbox,

.footerbox{

	margin-bottom:10px;

}

.headerbox li,

.footerbox li{

	margin-bottom:5px;

	background:url(./images/Lists.png) no-repeat 0 0.4em;

	padding-left:12px;

}

.headerbox ul.children,

.footerbox ul.children{

	margin:0;

}



.wp-caption {

  border:1px solid #ddd;

  text-align:center;

  background-color:#f3f3f3;

  padding:7px 2px 2px;

  -moz-border-radius:5px;

  -khtml-border-radius:5px;

  -webkit-border-radius:5px;

  border-radius:5px;

}

.wp-caption p.wp-caption-text {

  font-size:11px;

  line-height:17px;

  padding:2px 4px 5px;

  margin:0;

  color:#111;

}

blockquote,

pre {

	background:#edf1f5 url(./images/blockquote.gif) 3px 3px no-repeat;

	border:1px solid #ddd;

	padding:8px 12px 8px 40px;

	margin:5px 0;

}

.more-link,

.more-link:visited,

.more-link:hover {

	font-size:11px;

	color:#af0600;

        font-weight:bold;

	text-decoration:none;

}



/**

 * Main design

 */



body {

	background:#333366 url(http://stepinthenameoflife.com/Pictures/wordpress/background-092409.jpg); /* 090609.gif */

	font-family:Arial, Helvetica, Verdana, sans-serif;

	font-size:small;

	text-align:center;

	line-height:normal;

}



p {

	margin:10px 0;

}



.PageContainer {

	text-align:left;

	width:964px;

	margin:20px auto;

}



#skipToContent {

	position:absolute;

	top:0;

	left:-9999px;

}



.Header {

	position:relative; 
        z-index:900;
}



.headlinead {

	 position:relative; 

	z-index:113;

	height:92px;   

        background-image:url('http://stepinthenameoflife.com/assets/img/misc/adsbg.png');

	/* background:url(http://stepinthenameoflife.com/img/assets/misc/wordpress/LayoutBGs090609.gif) no-repeat 100px -208px; 


.topstory {

	 position:relative; 

	 z-index:110;
}

background-color:#000; */



}



.HeaderSubArea {

/*	top:-41px; */

	height:160px;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat 0 -38px;

	position:relative;

	z-index:800;

}

.HeaderSubArea h1 {

	position:absolute;

	left:50px;

	top:22px;

}

.HeaderSubArea h1 a,

.HeaderSubArea h1 a:visited {

	color:#c5ddeb;

	font-size:0px;

	font-family:Impact, Charcoal, sans-serif;

	text-decoration:none;

	letter-spacing:1px;

}

.HeaderSubArea span {

	position:absolute;

	left:52px;

	top:62px;

	color:#abc1cc;

	font-size:0px;

	font-family:Arial, Helvetica, sans-serif;

}

.HeaderSubArea .SearchBox {

	width:162px;

	height:22px;

	position:absolute;

	top:99px;

	right:22px;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -2000px -100px;

}

.HeaderSubArea .SearchQuery {

	padding:4px 5px 4px 10px;

	width:127px;

	height:14px;

	font-size:11px;

	border:0;

	color:#000;

	background:none;

}

.HeaderSubArea .SearchButton {

	position:absolute;

	overflow:hidden;

	top:3px;

	right:3px;

	width:16px;

	height:16px;

	padding:0;

	border:0;

	background:none;

	cursor:pointer;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -2143px -103px;

        display:block;

	font-size:0;

	line-height:0;

}



.HeaderMenu {

	position:relative;

	padding:2px 20px 0;

	z-index:950;
        
       	height:36px;
        
        vertical-align:text-bottom;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat 0 0;

}

.HeaderMenu .clear {

	display:block;

	clear:both;

}

.HeaderMenu ul {

	height:100%;

}

.HeaderMenu li {

	float:left;

	position:relative;

	z-index:1;

	line-height:36px;

}

.HeaderMenu li a,

.HeaderMenu li a:visited {

	display:block;

	line-height:36px;

	color:#ffff00;

	font-size:16px;

	padding:0 12px;

}

.HeaderMenu li a:hover {

	color:#fff;

	text-decoration:none;

	border:1px solid #ffff00;

	border-width:0 1px;

	padding:0 7px;

}

.HeaderMenu ul ul {

        color:#ffff66;

	height:auto;

	position:absolute;

	top:29px;

	left:-999em;

	background-color:#000;

	border:1px solid #000;

	margin:0;

	z-index:1;

}

.HeaderMenu li li {

	float:none;

	width:180px;

}

.HeaderMenu li li a,

.HeaderMenu li li a:visited {

	height:auto;

	line-height:22px;

	padding:0 8px;

	width:164px;

	position:relative;

}

.HeaderMenu li li a:hover {

        color:#ffff00;

	background:#666;

	border:0;

	padding:0 8px;

}

.HeaderMenu li:hover ul,

.HeaderMenu li.jHover ul {

	left:auto;

}

.HeaderMenu ul ul ul,

.HeaderMenu li:hover ul ul,

.HeaderMenu li.jHover ul ul {

	top:-1px;

	left:-999em;

}

.HeaderMenu li li:hover ul,

.HeaderMenu li li.jHover ul {

	left:180px;

}



.HeaderSubMenu {

	position:absolute;

	right:30px;

	bottom:4px;

	z-index:2;

}

.HeaderSubMenu .clear {

	display:block;

	clear:both;

}

.HeaderSubMenu ul {

	height:100%;

}

.HeaderSubMenu li {

	float:left;

	margin:0 0 0 20px;

	position:relative;

}

.HeaderSubMenu a,

.HeaderSubMenu a:visited {

	color:#ffff66;

	display:block;

	height:30px;

	line-height:30px;

}

.HeaderSubMenu ul ul {

	height:auto;

	position:absolute;

	top:30px;

	left:-999em;

	background-color:#000;

	border:1px solid #000;

	margin:0;

	z-index:1;

}

.HeaderSubMenu li li {

	float:none;

	width:180px;

	margin:0;

}

.HeaderSubMenu li li a,

.HeaderSubMenu li li a:visited {

	color:#b8c5cc;

	height:auto;

	line-height:22px;

	padding:0 8px;

	width:164px;

	position:relative;

}

.HeaderSubMenu li li a:hover {

	color:#000;

	background:#ffff66;

	border:0;

	padding:0 8px;

	text-decoration:none;

}

.HeaderSubMenu li:hover ul,

.HeaderSubMenu li.jHover ul {

	left:0;

}

.HeaderSubMenu ul ul ul,

.HeaderSubMenu li:hover ul ul,

.HeaderSubMenu li.jHover ul ul {

	top:-1px;

	left:-999em;

}

.HeaderSubMenu li li:hover ul,

.HeaderSubMenu li li.jHover ul {

	left:180px;

}

.removeSidebarTop {

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGsFullPage.jpg);

	height:3px;

	width:964px;

	position:absolute;

	bottom:0;

	left:0;

	z-index:1;

}



#contentWrapper {

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) repeat-y -1000px 0;

	min-height:350px;

	padding:2px;

	position:relative;

	overflow:hidden;

	width:960px;

}

#contentWrapperFull {

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGsFullPage.jpg);

	min-height:350px;

	padding:2px;

	position:relative;

	overflow:hidden;

	width:960px;

	margin-top:0px;

	margin-bottom:-15px;

	z-index:10;

}

#contentWrapperFull .removeSidebarBottom {

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -2000px -260px;

	height:15px;

	width:964px;

	position:absolute;

	left:0;

	bottom:0;

	z-index:10;

}

#contentArea {

	padding:10px 11px 10px 10px;

	float:left;

	width:640px;

	margin-right:-1px;

	overflow:hidden;

}

#contentWrapperFull #contentArea {

	float:none;

	width:auto;

}

.SideBars {

	width:300px;

	float:right;

}



.SideBar_Full {

        padding:0px;

	margin-bottom:20px;

}

.SideBar_Full li {

}

.SideBar_Full h2,

.headerbox h3,

.footerbox h3{

	width:280px;

	border-bottom:1px solid #a6afb3;

	/*margin:0 -10px 10px -9px;*/

	padding:0px 10px;

	font-size:16px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	color:#ffff00;

	font-variant:small-caps;

}



.SideBar_Left {

	float:left;

	width:130px;

	padding:0 10px 0 0;

}

.SideBar_Right {

	float:right;

	width:129px;

	padding:0 0 0 10px;

}

.SideBar_Left h2,

.SideBar_Right h2{

	border-bottom:1px solid #a6afb3;

	margin:0 0 10px 0;

	padding:5px 10px;

	font-size:16px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	color:#ffff00;

	font-variant:small-caps;

}

.SideBar_Left h2 {

	margin-right:-10px;

	margin-left:-9px;

}

.SideBar_Right h2 {

	margin-left:-10px;

	margin-right:-10px;

}



#wp-calendar {

	width:99%;

	border-collapse:separate;

	border-spacing:1px;

}

#wp-calendar tbody a {

	font-weight:bold;

}

#wp-calendar caption {

	font-weight:bold;

	font-size:12px;

	text-align:left;

	padding-bottom:5px;

}

#wp-calendar th, 

#wp-calendar td {

	text-align:center;

}

#wp-calendar th {

	background:#869cb3;

	color:#fff;

	border:1px solid #738599;

}

#wp-calendar tbody td {

	border:1px solid #b8c8d9;

	color:#98a5b3;

}

#wp-calendar td a,

#wp-calendar td a:visited {

	display:block;

}

#wp-calendar tbody td a:hover {

	background:#cee0f2;

	text-decoration:none;

}

#wp-calendar #today {

	background:#fff;

}

#wp-calendar tbody td.pad {

	border:0 none;

}

#wp-calendar td#prev {

	padding-top:5px;

	text-align:left;

}

#wp-calendar td#next {

	text-align:right;

	padding-top:5px;

}



.RssButton {

	overflow:hidden;

	/*margin-bottom:20px;*/

}

.RssButton a {

	display:block;

	height:22px;

	width:60px;

        background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -2890px -100px;

	text-indent:-1000px;

	float:right;

}



.ContentFooter {

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) repeat-y -3000px 0;

}

.ContentFooterInner {

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat 0 -180px;

	padding:0 2px;

}



.Footer {

	height:90px;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) repeat-y -2000px 0;

	position:relative;

}

.Footer .copyright {

	position:absolute;

	top:38px;

	left:75px;

	font-size:11px;

	color:#b8c2cc;

}

.Footer .sitemap {

	position:absolute;

	top:53px;

	left:75px;

	font-size:10px;

	color:#b8c2cc;

}

.Footer .sitemap a,

.Footer .sitemap a:visited {

	color:#fff;

	text-decoration:underline;

}

.Footer a.moveToTop,

.Footer a.moveToTop:visited,

.Footer a.moveToTop:hover {

	position:absolute;

	right:16px;

	top:24px;

	padding-left:12px;

	font-size:11px;

	color:#fff;

	text-decoration:none;

	background:url(./images/Arrows.gif) no-repeat 0 -45px;

}



a, a:visited {

	text-decoration:none;

	color:#1d5f83;

}

a:hover {

	text-decoration:underline;

}



.contentHeader {

	margin:0 -10px 30px;

}

.contentHeader h3 {

	margin:0;

	padding:6px 20px 3px;

	border-bottom:2px solid #bec8cc;

	font-size:14px;

}

.contentHeader span {

	display:block;

	padding:2px 20px;

	font-size:12px;

	font-style:italic;

}



/**

 * Blog Posts

 */



.post {

	margin-bottom:5px; /* margin-bottom:20px; */

}



.postHeader {

	position:relative;

	width:630px;

	margin-bottom:0px; /* margin-bottom:10px; */

}

.postTitle {

	width:600px;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -2230px -100px;

	margin-left:30px;

	font-size:16px;

	min-height:24px;

	padding:1px 0;

	position:relative;

}

.postTitle a,

.postTitle a:visited,

.postTitle a:hover {

	text-decoration:none;

	color:#ffff00;

	padding-left:10px;

	position:relative;

	display:block;

	line-height:24px;

}

.postTitle span {

	display:block;

	width:600px;

	height:5px;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -2230px -145px;

	position:absolute;

	bottom:0;

	left:0;

}

.postMonth {

	display:block;

	position:absolute;

	top:0;

	left:0;

	width:28px;

	padding-right:2px;

	height:12px;

	padding-top:1px;

	font-size:11px;

	color:#ffff00;

	text-align:center;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -2200px -100px;

}

.postDay {

	display:block;

	position:absolute;

	top:13px;

	left:0;

	width:28px;

	padding-right:2px;

	height:13px;

	font-size:10px;

	color:#555;

	text-align:center;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -2200px -113px;

}

.postSubTitle {

	text-align:right;

	padding-right:10px;

	font-size:11px;

	overflow:hidden;

}

.postCategories {

	float:right;

	padding:3px 0 3px 25px;

	font-size:11px;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -4500px 0;

}



.postContent {

	font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif;

	font-size:12px;

	line-height:145%;

	padding:0 25px 0 15px;

	overflow:hidden;

}



.postLinkPages {

	margin:20px 20px -16px;

	font-size:11px;

}

.postFooter {

	overflow:hidden;

	border-top:1px solid #d9d9d9;

	padding:3px 10px 0;

	margin:0px 5px 0; /* margin:20px 5px 0; */

}

.postComments {

	float:left;

	width:95px;

	padding:2px 0 3px 25px;

	font-size:11px;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -2000px -190px;

	color:#aaa;

}

.postTags {

	float:left;

	width:355px;

	padding:2px 10px 3px 25px;

	font-size:11px;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -4000px 0;

}

.postTags span {

	color:#aaa;

	font-style:italic;

}

.postReadMore {

	display:block;

	float:right;

	width:100px;

	outline:none;

}

.postReadMore b {

	color:#aaa;

	display:block;

	margin:0 1px;

	border:1px solid #ccc;

	border-width:1px 0;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -2870px -125px;

}

.postReadMore b b {

	margin:0 -1px;

	border-width:0 1px;

	padding:3px 20px 3px 10px;

	background:none;

}

.postReadMore b b b {

	border-width:0;

	margin:0;

	padding:0;

	cursor:pointer;

	height:14px;

	font-size:11px;

	overflow:hidden;

}

.postReadMore:hover {

	text-decoration:none;

}

.postReadMore:hover b {

	color:#ffff00;

	border-color:#9b9b9b;

}

.post-edit-link {

	float:right;

	display:block;

	padding:0 5px;

	font-size:11px;

}





.nocomments {

	margin:0 0 0px;

        font-size:0px;

}



.post ul,

.comment ul,

.post ol,

.comment ol{

	padding:0 0 10px 30px;

	clear:left;

}

.post ul li,

.comment ul li {

	list-style-type:disc;

}

.post ol li,

.comment ol li{

	list-style-type:decimal;

}

.post img {

	max-width:600px;

}

.post table {

	background:#fff;

	border-collapse:collapse;

	margin:5px 0 10px;

}

.post th, 

.post td {

	border:1px solid #ccc;

	padding:3px 10px;

	text-align:left;

	vertical-align:top;

}

.post tr.even td {

	background:#f2f2f2;

}

.post th {

	background:#000; /* e5e5e5 */

        text-transform:uppercase;

        color:#ffff00;

        font-weight:bold;

        text-align:center;

}

.post strong {

	font-weight:bold;

}

.post em {

	font-style:italic;

}



.current

{

    display: block;

}



.hidden

{

    display: none;

}



.commentHeader {

	overflow:hidden;

	font-family:Verdana, Geneva, sans-serif;

	padding-bottom:5px;

}

.commentHeader h4 {

	float:right;

	margin-right:10px;

	font-size:16px;

}

.commentHeader span {

	float:left;

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

}

.commentHeader .addComment {

	width:100px;

	padding:5px 10px 0 25px;

	font-size:11px;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -2000px -158px;

}

.commentHeader .addTrackback {

	width:120px;

	padding:5px 10px 0 23px;

	font-size:11px;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -2500px -158px;

}



.commentList {

	border-top:1px solid #ddd;

	margin:0 -10px;

	padding:10px 20px 0;

}

li.comment {

	overflow:hidden;

}

li.comment .avatar {

	margin-left:5px;

	width:60px;

}

li.comment .author {

	float:left;

	width:100px;

	margin-bottom:10px;

	overflow:hidden;

}

li.comment .author .name {

	text-align:left;

	font-size:11px;

	color:#666;

	margin-left:10px;

}

li.comment .messageBox {

	margin-left:100px;

	background-color:#eee;

	border:1px solid #ddd;

	padding:5px;

	overflow:hidden;

	margin-bottom:10px;

}

li.adminComment .messageBox {

	background-color:#ddd;

	border:1px solid #ccc;

}

li.comment .messageBox .date {

	font-size:11px;

	color:#666;

	float:left;

	height:20px;

}

li.comment .messageBox .links {

	font-size:11px;

	float:right;

	margin-right:10px;

	height:20px;

	color:#aaa;

}

li.comment .messageBox .links a {

	padding:0 3px;

}

li.comment .messageBox .content {

	clear:both;

}

li.comment .messageBox p {

	margin:0 0 10px;

}

ul.children {

	margin:0 0 0 20px;

	clear:both;

}



.commentNavigation {

	overflow:hidden;

	padding:3px 10px;

	text-align:center;

}

.commentNavigation .page-numbers {

	padding:0 3px;

}

.commentNavigation .prev,

.commentNavigation .older {

	background:url(./images/Arrows.gif) no-repeat 0 1px;

	padding:0 10px 0 15px;

}

.commentNavigation .next,

.commentNavigation .newer {

	background:url(./images/Arrows.gif) no-repeat 100% -24px;

	padding:0 15px 0 10px;

}

.commentNavigation .older {

	float:left;

}

.commentNavigation .newer {

	float:right;

}







.hr {

	border-top:1px solid #a6afb3;

	margin:0 -10px 20px;

}

.hr hr {

	display:none;

}

#respond {

	padding:0 10px;

}

#respond textarea {

	width:99%;

}

#respond p {

	margin:0 0 2px;

}

#respond h3 {

	margin:0 0 10px;

}

#respond .textField,

#respond textarea {

	border:1px solid #999;

	padding:2px 5px;

	color:#333;

	background:#f2f2f2;

}

#respond .submitBar {

	overflow:hidden;

	margin:0;

	padding:3px 10px 10px;

}

#respond .submitButton {

	float:right;

}







#pageNavigation {

	background-color:#000000;

	margin:10px -11px 10px -10px;

	padding:3px 10px;

	border:1px solid #a6afb3;

	border-width:1px 0;

	font-size:12px;

	overflow:hidden;

}

#newerEntries {

	float:left;

}

#olderEntries {

	float:right;

}

#newerEntries a { color:#ffff00;

	background:url(./images/Arrows.gif) no-repeat 0 1px;

	padding-left:15px;

}

#olderEntries a { color:#ffff00;

	background:url(./images/Arrows.gif) no-repeat 100% -24px;

	padding-right:15px;

}



#feedbox, #searchbox {

	border:1px solid #bbb;

	padding:2px 3px;

}



#postExtra {

	position:relative;

	top:-30px;

	width:300px;

	padding-left:10px;

}

#postExtra .rss {

	padding:3px 10px 2px 25px;

	font-size:11px;

	background:url(http://stepinthenameoflife.com/Pictures/wordpress/LayoutBGs090609.gif) no-repeat -2500px -190px;

}



::-moz-selection {

	background:#39f;

	color:#fff;

}







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

                                         ROLLOVER IMAGE CAPTION

*************************************************************************************************************************

/*********  Style and Establish the Parent div and its hover properties. ***********/

.imgteaser {

	margin: 0;

	overflow: hidden;

	float: left;

	position: relative;

}

.imgteaser a {

	text-decoration: none;

	float: left;

}

.imgteaser a:hover {

	cursor: pointer;

}



/*********  Add our double border effect on our image ***********/

.imgteaser a img {

	float: left;

	margin: 0;

	border: none;

	padding: 10px;

	background: #fff;

	border: 1px solid #ddd;

}



/*********  Then we move on to adding the “Learn More” and then styling the caption ***********/

.imgteaser a .more {

	position: absolute;

        text-align:center;

	right: 20px;

	bottom: 20px;

	font-size: 1.2em;

	color: #ffff00;

	background: #000;

	padding: 5px 10px;

	filter:alpha(opacity=65);

	opacity:.65;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/

}

.imgteaser a:hover .desc{

	display: block;

	font-size: 1.2em;

	padding: 10px 0;

	background: #111;

	filter:alpha(opacity=45);

	opacity:.45;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; /*--IE 8 Transparency--*/

	color: #fff;

	position: absolute;

	bottom: 11px;

	left: 11px;

	padding: 10px;

	margin: 0;

	width: 566px;

	border-top: 1px solid #999;

}

.imgteaser a:hover .desc strong {

	display: block;

	margin-bottom: 5px;

	font-size:1.5em;

}



/*********  At default,  “Learn More” to show, and when hovered, we want to hide that and show our caption. ***********/

.imgteaser a .desc {	display: none; }

.imgteaser a:hover .more { visibility: hidden;}







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

                                              FEATURES LIST 

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

.imgteaserfeatureslistbg

{

	width: 615px;

	height: 85px;

	margin: 0;

	padding: 0;

}



.imgteaserfeatureslist {

	margin: 0;

	overflow: hidden;

	float: left;

	position: relative;

        width: 122px;

	height: 85px;

	background: #AF0600; /* #AF0600; */

	color: #ffffff;

	display: inline;	/* fix the double margin in IE6- */

}

.imgteaserfeatureslist a {

	text-decoration: none;

	float: left;

}

.imgteaserfeatureslist a:hover {

	cursor: pointer;

}



/*********  Add our double border effect on our image ***********/

.imgteaserfeatureslist a img {

	float: left;

	border: none;

	border: 1px solid #ddd;

        width: 117px;

	height: 75px;

	padding: 2px;

}



/*********  Then we move on to adding the “Learn More” and then styling the caption ***********/

.imgteaserfeatureslist a .more {

	position: absolute;

        text-align:center;

        font-weight:bold;

        width: 117px;

	left: 1px;

	top: 30px;

	font-size: 1.2em;

	color: #ffff00;

	background: #AF0600;

	padding: 3px;

	filter:alpha(opacity=85);

	opacity:.85;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/

}

.imgteaserfeatureslist a:hover .desc{

	display: block;

	font-size: 12px;

        font-weight:bold;

	padding: 1px 0px;

	background: #000000;

	filter:alpha(opacity=75);

	opacity:.75;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/

	color: #fff;

	position: absolute;

        top: -15px;

        left: 1px;

	padding: 2px;

	margin: 0;

        width: 95%;

        height: 110%;

	border-top: 1px solid #999;

        text-align:center;

}



.imgteaserfeatureslist a .desc {	display: none; }

.imgteaserfeatureslist a:hover .more { visibility: hidden;}







/**********************************  Half Col and Full Col definitions ************************************/

.oneHalfCol

{

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	

	width: 300px;

}



.oneHalfColLeft

{

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	width: 300px;

	float: left;

}

.oneHalfColRight

{

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	width: 300px;

	float: right;

}



.calendarColLeft

{

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	width: 200px;

	float: left;

}

.calendarColRight

{

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	width: 400px;

	float: right;

}





.colBlackBG

{

	padding: 0 0 0 0;

	margin: 0 0 0 0;

        background: #000;

}



.colBlackBG td {

	padding:0px;

        margin: 0px;

	text-align:left;

	vertical-align:top;

        color:#a4d9f6;

}







.blackBGhighlight {

color:#a4d9f6;



}





.colWhiteBG

{

	padding: 0 0 0 0;

	margin: 0 0 0 0;

        background: #fff;

        border-style:solid;

        border-color:#000000;

        border-width:5px;

}



.vidplyCont

{

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	clear: both;

}



.vidplyCont td {

	padding:0px;

        margin: 0px;

	text-align:center;

	vertical-align:middle;

}



.vidplyContainer

{

	padding: 0 0 0 0;

	margin: 0 0 0 0;

        height:450px;

        width:600px;

	clear: both;

        background: #000;

}



.fullCol

{

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	clear: both;

}



.ad468bottom

{       width: 600px;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	clear: both;

}



.fullCol ul li

{

	list-style-type: none;

}





.bottom

{

	clear: both;

}



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

                              ICONZ

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

.iconz {

    font-size:9px;

    padding:2px 6px 6px;

}



.iconz a img {

height:34px;

width:50px;

display:inline;

 float:left; 

display: block;

margin:1px 2px 1px 1px;

}



img.displayed {

    display: block;

    margin-left: auto;

    margin-right: auto }



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

                              CHANGE BACKGROUND COLOR

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

.changebgdark { 

    -moz-background-clip:border;

    -moz-background-inline-policy:continuous;

    -moz-background-origin:padding;

    background-color:#333;

    font-size:12px;

    line-height:125%;

    padding:2px 6px 6px;

    color:#fff;

    border:2px solid #dcd9d9;

}



.changebgdark:hover { 

    background-color:#999; /* #1d5f83 blue */

}



/************** Change Light to Dark **********/

.changebglight { 

    width: 100%; height: 100%; 

    display: block;

    background-color:#dcd9d9;

    border-bottom:1px solid #333;

    padding:5px 0 0;

    margin: 5px;

    overflow:hidden;

    color:#000;

}



.outlinebdr { 

    width: 100%; height: 100%; 

    display: block;

    background-color:#666;

    border-top:0px solid #666;

    border-left:1px solid #333;

    padding:5px 2px 0;

    overflow:hidden;

    color:#fff;

}



.outlinebdr strong { 

    color:#ffff00;

}



.outlinebdr ul li { 

    color:#fff;

}



.outlinebdr h2 { 

    background-color:#990000;

    color:#ffff00;

}



.outlinebdr h2 a { 

    background-color:#990000;

    color:#ffff00;

}



.outlinebdr h3 { 

    color:lightblue;

}



.outlinebdrdark { 

    width: 100%; height: 100%; 

    display: block;

    background-color:#dcd9d9;

    border:1px solid #333;

    padding:5px 0 0;

    overflow:hidden;

    color:#fff;

}



.outlinebddark:hover { 

    background-color:#f1eeee;

    border:3px solid #333; /*dcd9d9 */

}



.changebglight:hover { 

    background-color:#f1eeee;

    border:2px solid #dcd9d9;

}



/************** Change to White **********/

.changebglightwht { 

    width: 100%; height: 100%; 

    display: block;

    background-color:#f1eeee;

    border:1px solid #333;

    padding:5px 0 0;

    overflow:hidden;

    color:#000;

}



.changebglightwht:hover { 

    background-color:lightblue;

    border:3px solid #ffff00; /*dcd9d9 */

}





.changebglightblk { 

    width: 100%; height: 100%; 

    display: block;

    background-color:#000;

    border:1px solid #333;

    padding:5px 0 0;

    overflow:hidden;

    color:#ffff00;

}



.changebglightblk:hover { 

    background-color:ffff00;

    border:3px solid #f1eeee; /*dcd9d9 */

}



/*********** Home Page Customization ***********/

.oneHalfColLeft .changebgdark img {

height:70px;

width:117px;

}



.oneHalfColRightt .changebgdark img {

height:70px;

width:117px;

}



.oneHalfColLeft .changebgdark img img {

height:7px;

width:4px;

}



.oneHalfColRightt .changebgdark img img {

height:7px;

width:4px;

}



.changebgdark a img {

display:inline;

float:left;

margin:1px 10px 1px 1px;

}



.changebgdark h3 {

display:block;

color:#00ffff;

font-size:12px;

font-weight:bold;

padding:10px 6px 2px;

}



.changebgdark h3 a{

display:inline;

color:#00ffff;

font-size:12px;

font-weight:bold;

padding:0;  /* Put line text next without space */

margin:0;

}



.changebgdark p {

display:block;

color:#fff;

font-size:12px;

line-height:125%;

padding:2px 6px 6px;

}



.changebgdark p a{

display:inline;

color:#fff;

font-size:12px;

line-height:125%;

padding:2px 6px 6px;

}



.changebglight h3 {

display:inline;

font-size:12px;

font-weight:bold;

color:#1d5f83;

}



.changebglightwht h4 { 

    background-color:#990000;

    color:#ffff00;

}



.changebglightwht h3 {

display:inline;

font-size:12px;

font-weight:bold;

color:#1d5f83;

}



.changebglightblk h3 {

display:inline;

font-size:12px;

font-weight:bold;

color:#1d5f83;

}



.oneHalfColLeft .changebglight p img {

height:34px;

width:50px;

}



.oneHalfColRight .changebglightwht p strong img {

height:34px;

width:50px;

}



.oneHalfColLeft .changebglightwht img img {

height:7px;

width:4px;

}



.oneHalfColRight .changebglightwht img img {

height:7px;

width:4px;

}



.oneHalfColRight .changebglightblk h3 img {

height:34px;

width:50px;

}



.oneHalfColLeft .changebglightblk img img {

height:7px;

width:4px;

}



.oneHalfColRight .changebglightblk img img {

height:7px;

width:4px;

}



.changebgdark:hover h3{ 

    font-size:12px;

    color:#333;

    font-weight:bold;

}



.changebglight:hover h3{ 

    font-size:12px;

    color:#1d5f83;

    font-weight:bold;

}



.changebglightwht:hover h3{ 

    font-size:12px;

    color:#1d5f83;

    font-weight:bold;

}



.changebglightblk:hover h3{ 

    font-size:12px;

    color:#1d5f83;

    font-weight:bold;

}





/************************** CALENDAR TABLE ********************/

.eventable { 

    background-color:#e5e5e5;

}





.eventable:hover { 

    background-color:lightblue; /* #1d5f83 blue */

}





.oddtable { 

    background-color:#fff;

    color:#000;

}



.oddtable:hover { 

    background-color:lightblue;

}