/*----------------------------
STYLESHEET: truemedia.com
Author: Tamas Cser
tcser@digismarttech.com
Digital Smart Technologies, Inc
Oct 17, 2008
----------------------------*/

body{
  width:100%;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  color:#000000;
  margin: 5px 0;
  padding:0; 
  color:#333333;  
  font-size: 12px;
}
.clearer{
  clear:both;
}

img{
  border:0;
}

a:link,
a:visited,
a:active,
a:hover{
  text-decoration:none;
  color:#678e10;
  outline:none;
}
a:hover{
  text-decoration:underline;
  color:#678e10;
}

div#container{
  width:1004px;
  text-align:center;
  font-size:12px;
  margin:0 auto;
  position: relative;  
}

div#top-nav{
  width: auto;
  height:53px;
  overflow:hidden;
  background: url(../images/mainnav-bg.gif) repeat-x top left;
  margin:0 0 10px 0;
}

div#top-nav-left{
  float: left;
  width: 20px;
  height:53px;
  background: url(../images/mainnav-bg-left.gif) repeat-x top left;
  margin:0;
}

div#top-nav-right{
  float: right;
  width: 20px;
  height:53px;
  background: url(../images/mainnav-bg-right.gif) repeat-x top left;
  margin:0;
}

div#top-nav-main{
  float: left;
}

div#top-nav ul{
  list-style-type:none;
  margin:0;
  margin-top: 17px;
  padding:0;
}
div#top-nav li{
  display:inline;
  float:left;
  margin:0;
  padding:0;
  padding-left: 10px;
  padding-right: 10px;
  background:url(../images/topnav-separator.gif) no-repeat center right;
}

div#top-nav a:link,
div#top-nav a:visited,
div#top-nav a:active,
div#top-nav a:hover{
  text-transform:uppercase;
  font-size: 15px;
  text-decoration:none;
  color:#ffffff;
  outline:none;
}
div#top-nav a:hover{
  text-decoration:underline;
  color:#ffffff;/*#7fd1dc;*/
}

div#top-nav a:link.active,
div#top-nav a:visited.active  ,
div#top-nav a:active.active ,
div#top-nav a:hover.active { 
	color: #222222;
	text-decoration: none;
}		

div#top-nav .top-main-nav-military a:link,
div#top-nav .top-main-nav-military a:visited,
div#top-nav .top-main-nav-military a:active,
div#top-nav .top-main-nav-military a:hover{
  color:#330066;
}

div#top-nav-sub{
  float: right;
}

div#top-nav-sub ul{
  margin-top: 22px;
}

div#top-nav-sub li{
  background:url(../images/topsubnav-separator.gif) no-repeat center right;
}

div#top-nav-sub a:link,
div#top-nav-sub a:visited,
div#top-nav-sub a:active,
div#top-nav-sub a:hover{
  text-transform:uppercase;
  font-size: 12px;
  text-decoration:none;
  color:#000000;
  outline:none;
}
div#top-nav a:hover{
  text-decoration:underline;
  color:#ffffff;/*#7fd1dc;*/
}



div#main{
  text-align:left;
  float: left;
  width:695px;
  min-height: 450px;
  padding-bottom: 20px;
}

div#right-col{
  text-align:center;
  float: right; 
  width:300px;
  margin-right: 2px;
  border: 0px solid;
}


div.text-container {
	padding-left:75px;
	padding-right:100px;
	padding-bottom:50px;
}	

div#footer{
  width: auto;
  margin:5px auto;
  text-align: center;
  font-size:10px;
  letter-spacing: .1em;  
}

div#footer ul{
  list-style-type:none;
  margin:5px 0px 0px 0px;
  padding:0;
}
div#footer li{
  display:inline;
  text-align:center;
  padding:0px 4px 0px 7px;
  border-right: 1px solid #666666;
}
div#footer1 li.first{
  border:0;
}

div#footer a:link,
div#footer a:visited,
div#footer a:active,
div#footer a:hover{
  font-size:10px;
  color:#666666;
  text-transform: uppercase; 
}

p.copyright{
  font-size:11px;
  color:#666666;
  text-transform: uppercase;
  font-size:10px;  
} 

p.copyright a:link,
p.copyright a:visited,
p.copyright a:active,
p.copyright a:hover{
  font-size:11px;
  color:#ac9f86;
}

div.cat-items {
	position:relative;
	float:left;
	margin: 10px 31px 10px 31px;		
}
	 

.popup {
   	position: absolute;
   	display: none;
   	z-index: 50;
   	border-collapse: collapse;
	background: url(../images/bubble-bg.gif);
	height:100px;
	width: 131px;
	padding:10px;
	font-size: 11px;
}	
.bubbleInfo {
	position:relative;
}	


input.guestbook, textarea.guestbook {
	background: #000000 !important;
	border: 1px solid #ffffff;
	color: #ffffff;
}	
div#guestbookContainer td {
	padding: 5px;
	vertical-align:top;
}	
	
table.formtable td {
	text-align:left;
}	

.horz-line {
	color:#D2C258;
}

.cart-container {
	background:url(../images/cart-header-bg.jpg) repeat-x;
	border:1px solid #D2C258;
}

.cart-header-bg {
	height:30px;
	color:#190F03;
	font-weight:bold;
	text-align:left;
}

.item-container td {
	border-bottom:1px solid #D2C258;
	padding:10px;
}
	
	
/* BOX MODULE 
--------------------------------------------------------- */


div.module {
	margin: 0;
	padding: 0;
	background: url(../images/box-br.gif) no-repeat bottom right;
	float: left;
	clear: both;
	width: 690px;
	color:#333333;
}

div.module div {
	margin: 0;
	background: url(../images/box-bl.gif) no-repeat bottom left;
}

div.module div div {
	background: url(../images/box-tr.gif) no-repeat top right;
}

div.module div div div {
	padding: 15px 15px 20px;
	background: url(../images/box-tl.gif) no-repeat top left;
}

div.module div div div div {
	margin: 0;
	padding: 0;
	background: none;
	float: none;
}

div.module-sm {
	margin: 0;
	padding: 0;
	width: 300px;
	background: url(../images/box-br-sm.gif) no-repeat bottom right;
	float: left;
	clear: both;
	color:#333333;
}

div.module-sm div {
	margin: 0;
	background: url(../images/box-bl-sm.gif) no-repeat bottom left;
}

div.module-sm div div {
	background: url(../images/box-tr-sm.gif) no-repeat top right;
}

div.module-sm div div div {
	padding: 15px 15px 20px;
	background: url(../images/box-tl-sm.gif) no-repeat top left;
}

div.module-sm div div div div {
	margin: 0;
	padding: 0;
	background: none;
	float: none;
}

div.module-green {
	margin: 0;
	padding: 0;
	background: url(../images/box-br-gr.gif) no-repeat bottom right;
	float: left;
	clear: both;
	color:#333333;
}

div.module-green div {
	margin: 0;
	background: url(../images/box-bl-gr.gif) no-repeat bottom left;
}

div.module-green div div {
	background: url(../images/box-tr-gr.gif) no-repeat top right;
}

div.module-green div div div {
	padding: 15px 15px 20px;
	background: url(../images/box-tl-gr.gif) no-repeat top left;
}

div.module-green div div div div {
	margin: 0;
	padding: 0;
	background: none;
	float: none;
}

/* MODULE ENDS
--------------------------------------------------------- */	

.dotted {
	background: url(../images/separator.gif) repeat-x left center;
	height: 8px;
	width: 100%;
	margin:5px 0 5px 0;
	padding:0;
}	

div#logo {
	float: left;
	margin:0;
	height: 94px;
}

div#welcome-box {
	float: right;
	margin:5px 0 0 0;
}

div#confessionForm {
	font-size: 11px;
	color: #999999;
	text-align: right;
	margin: 0px;
	padding: 0;
	border: 1px solid #ffffff;
	position: relative;	
}	

div#confessionForm textarea{
	border:none;
	background: none;
	overflow:inherit;
}	

div#confessionForm select{
	font-size: 11px;
	color: #999999;	
}

p#wont-tell {
	position: relative;
	left: -8px;
	top: -10px;
	width: 419px;
	height: 99px;
	background: url(../images/feature-header.gif) no-repeat top left;
	margin: 0;
	padding:0;
}		


/* PAGE TABS HERE */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../images/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #333333;
   /* font-weight: bold;*/
   	font-size: 12px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    /*border-top: 1px solid #97a5b0;*/
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
/* PAGE TABS END */


/* forms */

form {
	margin: 0;
	padding: 0;
}	

input {
	background-color:#ffffff !important;
}	

.signupform, .signupform1 {
	color: #111111;
	font-weight: bold;
}	

.required:after {
	color: #678e10;
	content: " *";
}	


input.input {	
	width: 180px;
	height: 24px;
	border: none;	
    background: transparent !important;
	margin:3px 20px 3px 0px;
}

input.signupform { 
	width: 420px;
	color: #666666;
	font-weight: normal;	
	height: 24px;
	border: none;	
    background: transparent !important;	
	margin:3px 20px 3px 10px;	
}	

input.signupform1 { 
	width: 220px;
	color: #666666;
	font-weight: normal;
	height: 24px;
	border: none;	
    background: transparent !important;
	margin:3px 20px 3px 10px;
}

span.input-wrap {
	display: block;
	background:url(../images/inputbox-220.gif) no-repeat top left;	
}	
	
span.signupform-wrap {
	padding:1px;
	display: block;
	background:url(../images/inputbox-450.gif) no-repeat top left;	
}	
	
span.signupform1-wrap {
	padding: 1px;
	display: block;
	background:url(../images/inputbox-250.gif) no-repeat top left;		
}	

select.signupform1 { 
	color: #666666;
	font-weight: normal;
}

.error {
	display: block;
	color: #cc0000;
}
table.formtable	td {
	padding: 5px;
	vertical-align: top;
}	

#page-title {
	padding: 0px 5px 5px 5px;
	font-size: 14px;
	font-weight:bold;
	width: 100%;
	text-align:left;
}

/* BLOGS */
div.blog {
	margin:10px 10px 10px 2px; 
	border-bottom: 1px dotted;
	font-size: 15px;
}

div.blog div.blog-title {
	padding: 2px 2px 2px 0 ;
	font-size: 20px;
	font-weight:bold;
	width: 100%;
	text-align:left;	
}		


div.blog div.readpost {
	font-size: 14px;
	font-weight:bold;
	margin: 5px 0 5px 0;	
}		
	
div.blog div.microbio{
	font-size: 11px;
	margin-bottom: 10px;
}

div.blog .blogdate{
	color: #777777;
}
	
/* BLOGS END*/

/* CONFESSION BOX */

div.confessionbox {
	padding:2px 10px 2px 2px; 
	border-bottom: 1px dotted;
}

div.confession-body {
	min-height: 80px;
	padding: 3px 10px 2px 15px;
	font-size: 14px;
}		

div.confessionbox p.confession-tools-left  a:link,
div.confessionbox p.confession-tools-left  a:visited,
div.confessionbox p.confession-tools-left  a:active,
div.confessionbox p.confession-tools-left  a:hover{
  /*
  text-decoration:none;
  color:#333333;
  outline:none;
  */
	display: table-cell;
	float: left;
	width: auto;
	height: 20px;
	color: #000000;
	font-size:12px;
	font-weight: bold;
	padding:5px;
	padding-left: 0px;
	text-align: center; 	
	text-decoration:none;
	vertical-align: middle;	
}





div.confessionbox p.confession-tools-left  a:hover{
  text-decoration:underline;
  color:#000000;
}	

p.confession-tools-left {
	color:#333333;
	float: left;
}	


p.confession-tools-right {
	float: right;
	width: 500px;
	text-align:right;
}		

div.related-tags {
	margin-top: 15px;
	float: right;
	width: 500px;
	text-align:left;
}
		

div.confessionbox p.confession-tools-right  a:link,
div.confessionbox p.confession-tools-right  a:visited,
div.confessionbox p.confession-tools-right  a:active,
div.confessionbox p.confession-tools-right  a:hover{

	color: #000000;
	font-size:12px;
	font-weight: bold;
	padding:5px;
}
		
div.confessionbox p.confession-tools-right .a2a_dd,
div.confessionbox p.confession-tools-right .a2a_dd,
div.confessionbox p.confession-tools-right .a2a_dd,
div.confessionbox p.confession-tools-right {

	color: #000000;
	font-size:12px;
	font-weight: bold;
	padding:5px;
}
			

div.confessionbox div.confession-info,
div.comment-info {
	float: left; 
	padding: 2px 5px 2px 10px;
	text-align: left;	
	font-size: 10px;
}

div.confessionbox a:link,
div.confessionbox a:visited,
div.confessionbox a:active,
div.confessionbox a:hover{
  text-decoration:none;
  outline:none;
}
div.confessionbox a:hover{
  text-decoration:underline;
}

div.confession-info a.permalink, 
div.comment-info  a.permalink
 {
	display: block;
	width: 125px;
	height: 27px;
	background: url(../images/btn-bg-lg.gif) no-repeat top left;
	color: #FFFFFF;
	font-size:12px;
	font-weight: bold;
	padding:5px;
	padding-left: 0px;
	text-align: center;
}	


div.commentmetoo-container {
	width: 90%;
	text-align: right;
	padding: 0;
	margin: 0;
	height: 25px;
}

div.commentmetoo-container a:link,
div.commentmetoo-container a:visited,
div.commentmetoo-container a:active,
div.commentmetoo-container a:hover{
  text-decoration:none;
  color: #000000;
  font-weight: bold;
}

/* CONFESSION BOX END */



td.side-border-dotted {
	border-right: 1px dotted;
}

td.bottom-border-dotted {
	border-bottom: 1px dotted;
}

.headline {
	font-size: 14px;
}

a.ct:link,
a.ct:visited,
a.ct:active,
a.ct:hover{
  text-decoration:none;
  color:#333333;
  font-size: 14px;  
  outline:none;
}


table.featuredboxtable {
	margin: 5px;
}
table.featuredboxtable td {
	vertical-align: top;
	width: 33%;
	font-size: 14px;
	font-weight: bold;
}

table.featuredboxtable td .featuredfeatured {
	vertical-align: top;
	width: 33%;
	font-size: 12px;
	font-weight: bold;
}

a.featuredboxtable:link,
a.featuredboxtable:visited,
a.featuredboxtable:active,
a.featuredboxtable:hover{
  text-decoration:none;
  color:#333333;
  font-size: 14px;  
  outline:none;
}

a.featuredboxtable:hover{
  text-decoration:underline;
  color:#333333;
  outline:none;
}


div#rotate ul li{
	display:inline;
	list-style: none;
}	

div#rotate ul li a {
	color: #333333;
}	

div#rotate-content {
	border: 1px solid #cccccc; 
	width: 660px; 
	padding: 0;
}			


div#super-footer {
	border: 1px solid #999999;
	padding: 10px;
	width: auto;
	font-size:14px;
}	

div#super-footer td {
	padding: 10px;
	width: 33%;
	text-align: left;
	vertical-align: top;
}

div#super-footer td ul{
	margin-left: 35px;
}	


div#super-footer a:link,
div#super-footer a:visited,
div#super-footer a:active,
div#super-footer a:hover{
  text-decoration:none;
  color:#333333;
  outline:none;
}

div#super-footer a:hover{
  text-decoration:underline;
  color:#333333;
  outline:none;
}


div#potd {
	position: relative;
	background: url(../images/truu_promo_box.gif) no-repeat top right;
	left: -4px;
	width: 687px;
	height: 252px;
	margin: 8px 0 8px 0;
	font-size: 14px;
}	

div#potd-bubble {
	float: left; 
	background: url(../images/bubble-talk.gif) no-repeat top left;
	margin: 10px;
	width: 150px;
	height: 100px;
}

div#potd-content {
	width: 565px;
	text-align:left;
	float: right;
	margin: auto;
	padding-top: 10px;
}


div#totd {
	position: relative;
	left: -8px;
	width: 691px;
	height: 120px;
	margin: 8px 0 8px 0;
	background: #EFEFEF;
}	

div#totd-bubble {
	float: left; 
	background: url(../images/bubble-talk.gif) no-repeat top left;
	margin: 10px;
	width: 150px;
	height: 100px;
}

div#totd-content {
	width: 505px;
	text-align:left;
	float: right;
	
}

div#totdimagelink {
	padding: 0 40px 0 20px;
	width: 165px;
}

div#totdimagelink a:link,
div#totdimagelink a:visited,
div#totdimagelink a:active,
div#totdimagelink a:hover{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}



.title {
	font-size:20px;
	font-weight:bold;
}	

div#totdmore {
	position: absolute;
	z-index: 5;
	left: 520px;
	top: 97px;
}	

div#totdmore a:link,
div#totdmore a:visited,
div#totdmore a:active,
div#totdmore a:hover{
  text-decoration:underline;
  color:#333333;
  outline:none;
}
div#totdmore a:hover{
  text-decoration:none;
  color:#333333;
}


ul.errors {
	padding:0;
	margin:0;
}

ul.errors li {
	list-style:none;
	margin:0;
	color: #cc0000;
}	

div#links {
	float: left;
	margin: 3px 1px 5px 0px;	
}	

div#towerad {
	float: right;
	margin-left: 1px;
}

div#towerad p {
	margin: 0;
	padding: 0;
}	

.button {
	background: url(../images/btn-bg.gif) no-repeat top left;
	width: 75px;
	height: 27px;
	border: none;	
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	letter-spacing:1px;
	font-size:13px;
	padding-bottom:2px;
}	

.button-lg {
	background: url(../images/btn-bg-lg.gif) no-repeat top left;
	width: 125px;
	height: 27px;
	border: none;	
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
}		

div#profile a:link,
div#profile a:visited,
div#profile a:active,
div#profile a:hover{
  text-decoration:underline;
  color:#333333;
  outline:none;
  font-size: 12px;  
}
div#profile a:hover{
  text-decoration:none;
  color:#333333;
  outline:none;
}

div#profile {
	color: #333333;
	font-size: 12px;
}	

div#profile p.profile-title {
	margin: 15px 0 5px 0;
	color:#678e10;
	font-size: 12px;
	font-weight:bold;
}	


/* MAIN BOX */
div.main-box {	
	width: 695px;
	background: url(../images/mainbox-bg-side.gif) repeat-y;	
}	
div.main-box-inner {	
	padding: 10px;
}	

div.main-box-top {	
	height: 14px;
	width: 695px;
	background: url(../images/mainbox-bg-top.gif) no-repeat top left;	
	position: relative;
}
div.main-box-bottom {	
	width: 695px;
	background: url(../images/mainbox-bg-bottom.gif) no-repeat bottom left;
	position: relative;	
	height: 10px;		
}
/* MAIN BOX END*/


/* POLLS */
.polls_color_1{ background-color: #8D1B1B; border: 2px ridge #B22222; }

.polls_color_2{ background-color: #6740E1; border: 2px ridge #4169E1; }

.polls_color_3{ background-color: #8D8D8D; border: 2px ridge #D2D2D2; }

.polls_color_4{ background-color: #CC8500; border: 2px ridge #FFA500; }

.polls_color_5{ background-color: #5B781E; border: 2px ridge #6B8E23; }

/* POLLS END */

/* BLOGBLOCK */

div.blogblock div.title {
	font-size: 13px;
}	

div.blogblock div.microbio {
	margin-top: 8px;
	font-size: 10px;
}	

div.blogblock div.teaser {
	margin-top: 17px;
	font-size: 14px;
	font-size: 12px;	
}

div.blogblock div.readpost {
	position: absolute;
	top: 170px;
	left: 220px; 
	font-size: 13px;
	font-weight: bold;
	width: 150px;
}

div.blogblock {	
	position: relative;
	float: left;
	margin:10px 6px 0 6px;
	padding: 15px;
	width: 285px;
	height: 210px;
	background: url(../images/box-blog.gif) no-repeat top left;
	text-align:left;
}
/* BLOGBLOCK END */


#blogroll {
	position: relative;
	left: 25px;
}	

/* CAROUSEL */

.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: hidden; /*leave this value alone*/
width: 950px;
height: 220px; /*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: 1px; /*margin around each panel*/
width: 315px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* CAROUSEL END */

/* PAGING */

div#paging {
	margin-top: 5px;
	width: 100%;
	text-align: center;
	color: #999999;
}	

/* PAGING END */ 


/* LINKS BOX */
div.links-box {	
	width: 130px;
	background: url(../images/truuFriends-bg-side.gif) repeat-y;	
}	

div.links-box-top {	
	height: 46px;
	width: 130px;
	background: url(../images/truuFriends-bg-top.gif) no-repeat top left;	
	position: relative;
}
div.links-box-bottom {	
	width: 130px;
	background: url(../images/truuFriends-bg-bottom.gif) no-repeat bottom left;
	position: relative;	
	height: 10px;		
}

div.links-box-content {	
	padding: 1px 0 1px 0;
}
/* LINKS BOX END*/

/* MEDIA BOX */
div#media-box {
	margin-top: 10px;
}	

div.media-box {	
	width: 280px;
	background: url(../images/truuPick-bg-side.gif) repeat-y;
	padding: 10px;	
}	

div.media-box p,  div.media-box div{	
	margin: 0;
	padding:0;
}	


div.media-box-top {	
	height: 46px;
	width: 300px;
	background: url(../images/truuPick-bg-top.gif) no-repeat top left;	
	position: relative;
}

div.media-box-top-links {	
	height: 46px;
	width: 300px;
	background: url(../images/truuFriends.gif) no-repeat top left;	
	position: relative;
}

div.media-box-bottom {	
	width: 300px;
	background: url(../images/truuPick-bg-bottom.gif) no-repeat bottom left;
	position: relative;	
	height: 54px;		
}

/* MEDIA BOX END*/


/* COMMENT BOX */

div.comment-info {
	float: left;
	padding: 5px;
}

div.comment-box-container {
	float: right;
	padding: 2px;
	margin-bottom: 20px;
}

		

div.comment-box {	
	width: 473px;
	background: url(../images/comment-bg-side.gif) repeat-y;	
}	

div.comment-box-inner {	
	padding: 20px;
}

div.comment-box-top {	
	height: 10px;
	width: 473px;
	background: url(../images/comment-bg-top.gif) no-repeat top left;	
	position: relative;
}
div.comment-box-bottom {	
	width: 473px;
	background: url(../images/comment-bg-bottom.gif) no-repeat bottom left;
	position: relative;	
	height: 50px;		
}

/* COMMENT BOX END*/

/* BLOG NAV */

div#blog-nav {
	width: 100%;
	text-align:center;
}	

div#blog-nav ul li{
	display: inline;
	list-style: none;
	padding: 5px;
}	
	
	
li#blog-nav-Single a:link,
li#blog-nav-Single a:visited,
li#blog-nav-Single a:active,
li#blog-nav-Single a:hover{
  text-decoration:none;
  color:#F21181;
  outline:none;
}

li#blog-nav-Mom a:link,
li#blog-nav-Mom a:visited,
li#blog-nav-Mom a:active,
li#blog-nav-Mom a:hover{
  text-decoration:none;
  color:#0085AC;
  outline:none;
}

li#blog-nav-Bride a:link,
li#blog-nav-Bride a:visited,
li#blog-nav-Bride a:active,
li#blog-nav-Bride a:hover{
  text-decoration:none;
  color:#EF9AA7;
  outline:none;
}

li#blog-nav-Wife a:link,
li#blog-nav-Wife a:visited,
li#blog-nav-Wife a:active,
li#blog-nav-Wife a:hover{
  text-decoration:none;
  color:#FFC700;
  outline:none;
}

li#blog-nav-Body a:link,
li#blog-nav-Body a:visited,
li#blog-nav-Body a:active,
li#blog-nav-Body a:hover{
  text-decoration:none;
  color:#F05645;
  outline:none;
}

li#blog-nav-Office a:link,
li#blog-nav-Office a:visited,
li#blog-nav-Office a:active,
li#blog-nav-Office a:hover{
  text-decoration:none;
  color:#764B42;
  outline:none;
}

li#blog-nav-Military a:link,
li#blog-nav-Military a:visited,
li#blog-nav-Military a:active,
li#blog-nav-Military a:hover{
  text-decoration:none;
  color:#84336E;
  outline:none;
}



/* BLOG NAV END */

.colors-Single,
.colors-Single a:link,
.colors-Single a:visited,
.colors-Single a:active,
.colors-Single a:hover {
	color: #F21181 !important;
}	
.colors-Mom,
.colors-Mom a:link,
.colors-Mom a:visited,
.colors-Mom a:active,
.colors-Mom a:hover  {
	color: #0085AC !important;
}
.colors-Bride,
.colors-Bride a:link,
.colors-Bride a:visited,
.colors-Bride a:active,
.colors-Bride a:hover  {
	color: #EF9AA7 !important;
}
.colors-Wife,
.colors-Wife a:link,
.colors-Wife a:visited,
.colors-Wife a:active,
.colors-Wife a:hover  {
	color: #FFC700 !important;
}
.colors-Body,
.colors-Body a:link,
.colors-Body a:visited,
.colors-Body a:active,
.colors-Body a:hover  {
	color: #F05645 !important;
}
.colors-Office,
.colors-Office a:link,
.colors-Office a:visited,
.colors-Office a:active,
.colors-Office a:hover  {
	color: #764B42 !important;
}
.colors-Military,
.colors-Military a:link,
.colors-Military a:visited,
.colors-Military a:active,
.colors-Military a:hover  {
	color: #84336E !important;
}

a.colors-Single,
a.colors-Single:link,
a.colors-Single:visited,
a.colors-Single:active,
a.colors-Single:hover {
	color: #F21181 !important;
}	
a.colors-Mom,
a.colors-Mom:link,
a.colors-Mom:visited,
a.colors-Mom:active,
a.colors-Mom:hover  {
	color: #0085AC !important;
}
a.colors-Bride,
a.colors-Bride:link,
a.colors-Bride:visited,
a.colors-Bride:active,
a.colors-Bride:hover  {
	color: #EF9AA7 !important;
}
a.colors-Wife,
a.colors-Wife:link,
a.colors-Wife:visited,
a.colors-Wife:active,
a.colors-Wife:hover  {
	color: #FFC700 !important;
}
a.colors-Body,
a.colors-Body:link,
a.colors-Body:visited,
a.colors-Body:active,
a.colors-Body:hover  {
	color: #F05645 !important;
}
a.colors-Office,
a.colors-Office:link,
a.colors-Office:visited,
a.colors-Office:active,
a.colors-Office:hover  {
	color: #764B42 !important;
}
a.colors-Military,
a.colors-Military:link,
a.colors-Military:visited,
a.colors-Military:active,
a.colors-Military:hover  {
	color: #84336E !important;
}



div#topad {
	position: absolute;
	width: 465px;
	height: 90px;
	z-index: 5;
	left: 225px;
	text-align: center;
}	
	
input#search {
	background-color: transparent; 
	border: solid 0px #FFF; 
	width: 170px; 
	padding:0 0px 0 0px; 
	font-size:12px; 
	height: 15px; 
	margin: 0;
}		

p#confesstext {
	width: 160px;
	height: 22px;
	position: absolute;
	top: 50px;
	left: 50px;
	text-align:center;
	font-size: 16px;
}

div#paging a:link,
div#paging a:visited,
div#paging a:active,
div#paging a:hover{
	padding: 0 3px 0 3px;
}	

div#emailsignup {
	background: url(../images/truusignup.gif) no-repeat top left; 
	width: 300px; 
	height: 250px; 
	position: relative
}
/* TAG CLOUD */

#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }

/* END OF TAG CLOUD */