/*General Styles*/




body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0px;
	background: #000;
}

* {
	margin: 0;
	padding: 0;
}

a {
	outline: none;
	/* color: 	#FAC134; */
  color: rgb(255, 215, 0);
	/* text-decoration: none; */
}

a:hover {
	text-decoration: underline;
	/* color:#FAC134; */
  color: rgb(255, 215, 0);
}

h1 {
	color: #efefef;
	margin: 0px 0px 0px 0px;
	padding: 5px 0 0;
	font-size: 24px;
}

h2 {
	padding-top: 15px;
	font-size: 20px;

}


img {
	border: none;
	outline: none;
}

.clearFloat {
	clear: both;
}

.yellow {
	color:#DFAC2D;
	font-weight:bold;
}

.bold {
	font-weight:bold;}

p {
	color:#EFEFEF;
}

.hideFlash {
	}
span.Apple-style-span {
	color:#efefef;}


div.mediaTile {
position: relative;	
}

div.mediaTileCopyright {
margin: 0px; padding: 1px 4px 4px 4px; position: absolute; bottom: 0px; left: 0px; font-size: 8px; background-color: black; color: white; opacity:0.5;filter:alpha(opacity=50);
}

/*Typography*/
#contentEntry p,  #contentEntry li {
font-size:13px;
padding:8px 0px;
text-align:left;
}
#contentEntry p {
line-height:18px;
}

#contentEntry p strong {
	font-weight: bold;
}

#contentEntry p span {
	color:#efefef;}

#contentEntry ul {
	margin: 0px;	
	padding: 0px;	
}


#contentEntry li {
	margin-left: 40px;	
}

.articleH1 {
background:#292929 url(../images/bg-articleH1.jpg) repeat-x scroll 0 0;
color:#EFEFEF;
height:50px;
padding-left:95px;
width:865px;
}

.articleH1 h2 {
	font-size: 18px;	
}

.articleH1 h2 {

}

.articleH1Full {
	background: transparent url(../images/bg-articleH1.jpg) repeat-x ;
	color: #efefef;
	font-size: 30px;
	height: 65px;
	line-height: 70px;
	padding-left: 20px;
	text-transform: uppercase;
}

.articleH2 {
	color: #EFEFEF;
	font-size: 22px;
	margin:10px;
	padding-top: 10px;
	font-weight: bold;
}

#contentEntry h2 {
    margin-bottom:0;
    margin-left:0px;
}

/*Structure*/
#contentWrapper {
	width: 960px;
	margin: 0 auto;
	background: url(../images/bg-main-content.jpg) repeat;
}

#header {
	width: 960px;
}

#content {
	width: 960px;
	position: relative;
	
}

#mainMenu {
	height: 130px;
	background: #000 url(../images/bg-header.jpg) no-repeat;
	border-top: 1px solid #555555;
	position: relative;
	z-index: 1599;
}


#contentEntry {
	width: 860px;
	/*background: url(../images/bg-main-content.jpg) repeat-x;*/
	margin-left: 100px;
	color: #efefef;
	z-index: 9;
	padding-bottom:0px;
	
}

#contentEntryThin h1 {
	margin-bottom:10px;
margin-top:10px;}
	
#contentEntryThin p, #contentEntryThin p span  {
	font-size:12px;
letter-spacing:0.2px;
line-height:18px;
text-align:left;}

div.boxgrid.slidedown  h3 a, div.boxgrid.slidedown  h3  {
	margin:10px 0px 0px 10px;
	text-align: left;
	padding:0}
	

	
div#contentEntryThin  div.boxgrid.slidedown p {
	color:#EFEFEF;
font-size:11px;
letter-spacing:0.1px;
line-height:13px;
margin:10px 0px 0px 10px;
padding:0 2px;
}
#contentEntryThin {
	color:#EFEFEF;
margin:15px 0px 0px 95px;
padding-bottom:0;
width:550px;
z-index:9;
float:left;
}


#footer {
	background: url(../images/bg-footer.jpg) repeat-x;
	height: 40px;
	width:100%;
	color: #777;
	text-align: center;
	border-top:1px solid #000;
	clear:both;
}

#footer a {
	color: #999;
	text-decoration: none;
	font-size: 10px;
	padding: 0 5px;
	letter-spacing: 0.2px;
}

#footer a:hover {
	text-decoration: none;
	color: #efefef;
}

#footerCenter {
	margin: 0 auto;
	width: 960px;
	padding-top: 10px;
}

#legal {
	font-size: 10px;
	padding-top: 15px;
	padding-bottom: 5px;
}
/*Ads*/
#adTopContainer { 
	height: 95px;
	width: 960px;
}

#adTop {
	margin-left: 116px;
}

.adSide {
	width: 300px;
	height: 250px;
	margin-left: 655px;
	margin-top: 10px;

}

/*Comments*/
#comment {
	float: left;
	margin-left: 85px;
	margin-top: 10px;
	position: relative;
	width: 570px;
}

.commentHold {
	height:85px;
	background:#121212;
	margin-bottom:5px;
	border: 1px solid #444;
	margin-top: 10px;
	color: #efefef;
	padding-bottom:10px;
}

.commentHoldUnapproved {
	height:85px;
	background:#121212;
	margin-bottom:5px;
	margin-top: 10px;
	color: #efefef;
	padding-bottom:10px;
	border: 1px solid #F4B727;
	
}


.userInfo {
	float: left;
	padding: 10px 0 0 10px;
	width: 235px;
}

.userComment {
	width: 320px;
	float: right;
	overflow:hidden;
	background: #202020; 
	height: 100%;
	padding-bottom:10px;
}

.userComment p {
color:#BBBBBB;
font-size:11px;
margin:0;
padding:10px 15px;
}

#commentNav {
	border:1px solid #444444;
color:#EFEFEF;
height:75px;
margin-bottom:1px;
text-align:center;
width:568px;
	
}


#commentAddFormWrapper {
color:#EFEFEF;
text-align:center;
border-left:1px solid #444;
border-right:1px solid #444;
height:135px;
 background-color: #555; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #111, #555);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#555));
}

#commentAddForm label.error {
	color:#555555;
margin-right:-50px;}

#commentAddForm textarea {
background:#F7FCFF url(../images/bg-input.jpg) repeat-x;
border:1px solid #FFFFFF;
color:#212121;
font-family:Arial,sans-serif;
font-size:15px;
height:80px;
margin-bottom:5px;
margin-right:auto;
margin-top:10px;
margin-left:auto;
width:550px;
}




#commentAddForm input {
background:#444444;
border-color:#666666 #222222 #222222 #666666;
border-style:solid;
border-width:2px;
color:#FFCC00;
font-size:9px;
height:20px;
letter-spacing:0.5px;
margin-right:5px;
float:right;
text-transform:uppercase;
width:75px;
}
#commentAddForm input:hover {
	background:#333;
	border-color:#222 #111 #111 #222;
border-style:solid;
border-width:2px;}


#commentAddForm div.charLimitInfo {
	float:left;
font-size:9px;
margin:0 0 0 7px;
}

#commentButton {
	background: #202020 none repeat scroll 0 0;
	height: 100%;
	font-size: 19px;
	width: 115px;
	float: left;
	border-right: 1px solid #444;
	 background-color: #555; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #222, #555);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555));
}

#commentButton:hover {
	background-color: #444; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #555, #222);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#222));}

#commentSocial {
border-left:1px solid #000000;
float:left;
padding:25px 0;
width:450px;
 background-color: #333; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #333, #222);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#222));

}

#commentSocial a {
	padding: 0 15px;
	color: #efefef;
	text-decoration: none;
}

#commentButton a {
color:#aaaaaa;
float:left;
font-weight:bold;
padding:25px 15px;
text-decoration:none;
text-shadow:0 1px 0 #444444;
}

#commentButton a:hover {
	color: #efefef;
	text-decoration: underline;
}


#commentSocial a:hover {
	color: #efefef;
	text-decoration: underline;
}

#commentThumbsUp {
	border-left: 1px solid #444444;
	float: left;
	font-size: 13px;
	line-height: 15px;
	padding-top: 15px;
	width: 74px;
	height:61px;
}

#commentThumbsDown {
	border-left: 1px solid #444444;
	float: left;
	font-size: 13px;
	line-height: 15px;
	padding-top: 15px;
	width: 74px;
	height:61px;
}

a.commentExpand {
	color: #eebe30;
	text-decoration: none;
}

a.commentExpand:hover {
	color: #ffffff;
}

a.commentContract {
	display: block;
	background:transparent url(../images/sep-line-indent-2.jpg) repeat-x top;
	padding-top: 10px;
	color: #eebe30;
	text-decoration: none;
}

a.commentContract:hover {
	background:transparent url(../images/sep-line-indent.jpg) repeat-x top;
	color: #ffffff;
}

span.shortenedComment {
	
}

span.originalComment {
	display: none;
}

.commentName {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 5px;
}

.commentDate {
	font-size: 12px;
	color: #bbb;
}

.commentTime {
	font-size: 12px;
	color: #bbb;
}

.commentAdmin {
	font-size: 12px;
	color: #bbb;
}


.commentAdmin a {
	font-size: 12px;
	color: #81BC12;
}


.commentAdminApproved a {
	font-size: 12px;
	color: #444444;
}

.commentUserIcon {
	float: left;
	margin-right: 10px;
}

.commentPaginationControls {
	clear:both;
color:#ffffff;
text-shadow:0 1px 0 #444;
font-size:16px;
font-weight:bold;
line-height:18px;
margin-bottom:15px;
padding:10px 0;
text-align:center;
background-color:#333;
    background-image: -moz-linear-gradient(100% 100% 90deg, #222, #555);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555));
border:1px solid #444;
}

.commentPaginationControls a {
	color:#000000;
font-weight:bold;
padding:4px;
text-decoration:none;
text-shadow:0 1px 0 #444444;
}

.commentPaginationControls a:hover {
	color: #ffffff;
	
}

.contentImgRight {
	float: right;
padding:0 0 0 10px;
}

.contentImgLeft {
	float:right;
	padding:0 0 20px 20px;
}


/*Header*/
.joinH1,.joinH1 a,.loginH2,.signupH2 {
	color: #EFEFEF;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	letter-spacing: 1px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
}

.loginH2, .loginH2 a {
	font-size: 13px;
	text-decoration: none;
	color: #fff;
}
 .loginH2 a:hover {
	 color:#ccc;
	 text-decoration:none;
}
.signupH2,.signupH2 a {
	color: #EEBE30;
	font-size: 13px;
	margin-bottom: -4px;
	margin-top: 8px;
	text-decoration: none;
}

.signupH2 a:hover{
	color:#BF920B;
	text-decoration:none;}

.forgotH3, .forgotH3 a {
	font-size: 9px;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #999;
	text-decoration: none;
	margin-top: 5px;
	background: none;
	border: none;
	text-shadow:none;
}

.forgotH3 a:hover {
	color:#efefef;
	text-decoration:none;
}
.loginHold {
	margin-left: 17px;
	margin-top: 15px;
	float: left;
}

.logo {
	background: transparent url(../images/logo-tyra-banks.jpg) repeat;
	float: left;
	height: 129px;
	margin-left:156px;
	width: 373px;
}

.search {
	color: #FECF1F;
	float: right;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
}

.search input {
	margin-left: 5px;
}

.siteSearch,.siteSearch:hover {
	width: 180px;
	background: url(../images/bg-search-bar.jpg) repeat-x;
}

.searchButton {
	width: 21px;
	height: 18px;
	background: url(../images/icon-search-button.jpg);
	border: none;
	cursor:pointer;
}

.searchButton:hover {
	background-position: -21px 0;
}

#backVirtual {
	background: url(../images/icon-back-virtual-world.png);
	width: 200px;
	height: 77px;
	margin-left: 15px;
	/*margin-top: 10px; with the search bar active*/
	float: left;
	z-index: 1605;
	position: relative;
	margin-top:10px;
}

#backVirtual:hover {
	background-position: -200px 0;
	cursor: pointer;
}

#backHome {
background:transparent url(/ca_twopointo_cms_tb/images/icon-home.jpg) no-repeat ;
height:17px;
float:right;
margin-right:-10px;
margin-top:72px;
position:relative;
width:54px;}




#backHome:hover {
	background-position:-54px 0;
	cursor:pointer;}



#mainMenuHome {
	height: 130px;
	background: #000 url(../images/home-bg-header.jpg) no-repeat;
	position: relative;
	z-index: 1899;
}


#homeVirtual {
	background: url(../images/home-virtual.jpg);
	width: 345px;
	margin-left:145px;
	margin-top:28px;
	height:102px;
	/*margin-top: 10px; with the search bar active*/
	float: left;
	z-index: 1605;
	position: relative;
	cursor:pointer;
}
#homeHeaderContent {
	position: relative;
	z-index: 1605;
}

#headerContentLeftCurtain {
	background-color: #000000;
	height: 130px;
	width: 530px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 400;
}

#headerContentRightCurtain {
	height: 130px;
	background-color: #000000;
	height: 130px;
	width: 530px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 400;
}

#homeLeft {
	
	width:223px;
	background: url(../images/home-left.jpg) no-repeat;
	height:664px;
	float:left;
}
#homeLeftContent {
	display: none;	
}

#mastheadT {
	position: absolute;	
	top: 10px;
	left: 0px;
	z-index: 1150;
	display: none;
}	

#mastheadYra {
	position: absolute;	
	top: 10px;
	left: 0px;
	z-index: 1150;
	display: none;
}	


#mastheadTagline {
	position: absolute;	
	top: 160px;
	right: 65px;
	z-index: 1150;
	display: none;
}	

#mastheadDate {
	position: absolute;	
	top: 10px;
	right: 30px;
	/*z-index: 1150;*/
	visibility: hidden;
}	




#magalineCoverFlash {
	background-color: white;	
	width:514px;
	height:614px;
	position: absolute;	
	top: 0px;
	left: 0px;
	display: none;
}

#magalineCover1, #magalineCover2, #magalineCover3, #magalineCover4, #magalineCover5{
	width:514px;
	height:614px;
	position: absolute;	
	top: 0px;
	left: 0px;
	z-index: 1130px;
	display: none;
}

#magalineCover2, #magalineCover3 {
}

#magalineCover2 {
}

#magalineCover3 {
}


div.homepageButton {
	display: none;	
}

#homeFrontPage1 {
	background: url(../images/home-cover.jpg) no-repeat;
	position: absolute;
}


#homeRight {
	width:223px;
	background: #111 url(../images/home-right.jpg) no-repeat;
	height:664px;
	float:left;
	
}
#homeRightContent {
	display: none;	
	
}

#homeCoverBottom {
	  background: url(../images/home-cover-bottom.jpg) repeat-x;
	  bottom:0;
	  border-top:1px solid #191919;
	  height:49px;
	  margin-left:1px;
	  position:absolute;
	  width:512px;
}

.coverStories {
	color:#aaaaaa;
    font-size:13px;
    letter-spacing:2px;
    white-space: nowrap;
    margin: 14px 0px 0px 0px;
}

.coverStories a {
	text-decoration:none;
	color:#888;
	margin:0 8px;}

.coverStories a:hover {
	color:#fc0;
	text-decoration:none;
}
.coverStories ul {
	list-style: none;
}

/*
#homeSingle {
	height:32px;
	width:200px;
	margin:25px 0 0 10px;
	cursor:pointer;
}

#homeManifesto{
	width:205px;
	height:190px;
	margin:25px 0 15px 7px;
	cursor:pointer;
	border-color:#222222 #000000 #000000 #222222;
border-style:solid;
border-width:2px;
color:#999999;
	}
#rightColumnSecondPanel	 {
	cursor:pointer;
	width:205px;
	height:271px;
	background: #141414  ;
	margin:25px 0 15px 7px;
	border-color:#222222 #000000 #000000 #222222;
    border-style:solid;
    border-width:2px;
    color:#999999;
}
#leftColumnThirdPanel{
	width:205px; 
	height:66px;
}

	
#homeMeYou {
width:205px; 
height:190px;
margin:25px 0 15px 7px;
cursor:pointer;
border-color:#222222 #000000 #000000 #222222;
border-style:solid;
border-width:2px;
color:#999999;
	}
	

*/	

	
#homeAd {
	width:205px;
	height:144px;
	background: url(../images/home-ad.png) no-repeat;
	margin:20px 0 15px 10px;
	cursor:pointer;
}

#homeLastCall {
	width:205px;
	height:200px;
	background: url(../images/home-last-call.png) no-repeat;
	cursor:pointer;
	margin-top:12px;
}



.headerfade {
position:absolute;
left:284px;
top:0px;
cursor:pointer;
}

.headerfade div {
position: absolute;
top: 0;
left: 0;
display: none;
height: 130px;
width: 390px;
}


/*Main Menu*/
#dropMenu {
	list-style: none;
	position: absolute;
	top: 39px;
	right: 0px;
	width: 310px;
	z-index: 1600;
}

ul#menu,ul#menu ul {
	font-family: Arial, sans-serif;
	font-weight: 100;
	list-style-type: none;
	padding: 0;
	position: absolute;
	z-index: 1601;
	background: transparent url(../images/bg-drop-nav-main.jpg) repeat-x;
}
ul#menu:hover,ul#menu ul:hover {
	cursor: pointer;
}
ul#menu a {
	display: block;
	text-decoration: none;
}

ul#menu li {
	background: transparent url(../images/bg-menu-line.png) no-repeat scroll
		center bottom;
	line-height: 39px;
	margin-left: 0px;
}

ul#menu li a {
	color:#efefef;
font-size:13px;
height:37px;
margin-left:15px;
padding-left:15px;
padding-right:50px;
text-transform:uppercase;
}

ul#menu li a:hover {
	background: transparent url(../images/icon-right-white-arrow.png)
		no-repeat scroll left center;
	border: medium none;
	/* color: #FAC134; */
  color: rgb(255, 215, 0);
}

ul#menu li ul li a {
	color: #FFFFFF;
	height: 45px;
	line-height: 45px;
	margin-left: 10px;
	padding-left: 9px;
	padding-top: 0;
	width: 270px;
}

ul#menu li ul li a:hover {
	background: transparent url(../images/icon-right-white-arrow.png)
		no-repeat scroll left center;
	border: medium none;
	/* color: #FAC134; */
  color: rgb(255, 215, 0);
	height: 45px;
	margin-left: 10px;
	width: 270px;
}

.lastLink {
	border-left: none;
	border-bottom: none;
	background: none;
}

#menu_container {
	position: relative;
	z-index: 1790;
}

.menuButton {
	position: relative;
	top: 0px;
	z-index: 1790;
	cursor: pointer;
}

.panel_button {
	position: relative;
	top: -2px;
	left: 20px;
	z-index: 1790;
	height: 10px;
	padding: 0px;
	cursor: pointer;
}

.panel_button img {
	position: relative;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 270px;
	text-align: center;
}

#toppanel {
	float: right;
	text-align: center;
	width: 270px;
	z-index: 1600;
	position: relative;
}

#panel {
	border-left: 1px solid #444444;
	height: 0;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	z-index: 1600;
	position: relative;
	text-align: left;
	top: 0px;
	left: 0px;
	width: 270px;
	background-color: #000000;
}
#panel:hover {
	cursor: pointer;
}

#panel_contents {
	background: #000 url(../images/bg-drop-nav-main.jpg) repeat-x;
	height: 100%;
	width: 270px;
	position: absolute;
	z-index: 1600;
}

/*Submenu*/
#subMenu {
	height: 45px;
	background: url(../images/bg-submenu.jpg) repeat-x;
	line-height: 45px;
	color: #333;
	text-transform: uppercase;
	border-top: 1px solid #444444;
	font-size:13px;
	overflow:hidden;
}

#subMenu a, #subMenuHome a {
	margin: 0 12px;
	color: #aaa;
	text-decoration: none;
}

#subMenu a:hover, #subMenuHome a:hover {
	text-decoration: none;
	color: #DFAC2D;
}

#subMenuHome {
	height: 45px;
	background: url(../images/home-bg-submenu.jpg) repeat-x;
	line-height: 45px;
	color: #333;
	text-transform: uppercase;
	border-top: 1px solid #444444;
	border-bottom:1px solid #111111;
}

/*Left Nav*/
#leftMenuHold {
	display: block;
	border: 1px solid white;
	float: left;
	width: 280px;
}

#leftNavigationWrapper {
	position: absolute;
	background: #202020;
	width: 80px;
	z-index: 1600;
	left: 0;
}

#leftNavigationWrapper a {
	text-decoration:none;}

#leftMenuIcons {
	width: 80px;
	background: #202020;
	position: absolute;
	left: 0px;
	z-index: 10;
	border-right: 1px solid #474747;
	border-left: none;
}

#leftMenuText {
	width: 200px;
	position: absolute;
	left: 0px;
	z-index: 9;
	display: none;
}

.leftHold {
	height: 60px;
	width: 200px;
	float: left;
	padding-bottom: 5px;
	padding-top: 8px;
	border-bottom: 1px solid #474747;
}

#leftArrowNav {
	background: transparent url(../images/icon-left-nav-arrow.png) no-repeat center;
	height: 520px;
	position: absolute;
	left: 80px;
	width: 14px;
	z-index: 1605;
	display:none;
}

.leftHoldIcon {
	height: 60px;
	padding-bottom: 5px;
	padding-top: 8px;
	border-bottom: 1px solid #474747;
}

#leftMenuText  div.leftHold:hover {
	background: #333;
	cursor: pointer;
}

.leftHeadline {
	font-size: 14px;
	color: #efefef;
	margin-left: 10px;
	font-weight: bold;
	width: 180px;
	padding-top: 0px;
}

.leftDesc {
	font-size: 12px;
	color: #999;
	margin-left: 10px;
	width: 180px;
}

.leftIcons {
	float: right;
	height: 56px;
	width: 56px;
	margin-right: 12px;
}

.dropButton {
	float: right;
}

.dropButton:hover {  
cursor:pointer;
	
}

/*Panels*/

.vertSep {
	background:#111111;
border-left:1px solid #444444;
height:470px;
left:273px;
position:absolute;
top:0;
width:1px;}
	
.vertWrap {
	height:478px;
	float:left;}

#panelsHold {
	margin-left: 95px;
	width: 550px;
	float: left;
	margin-bottom: 10px;
}

.vertical {
	background:#292929;
	border-top:1px solid #3e3e3e;
	border-bottom:1px solid #171717;
	border-left:1px solid #3e3e3e;
	border-right: 1px solid #171717;
	height:470px;
	margin:10px 0 10px 0px;
	width:550px;
	position:relative;}



.horizontal {
	background: transparent url(/ca_twopointo_cms_tb/images/bg-panel-vert.jpg) repeat-x;
	border-top: 1px solid #3e3e3e;
	border-bottom: 1px solid #171717;
	border-left: 1px solid #3e3e3e;
	border-right: 1px solid #171717;
	height: 250px;
	margin: 10px 0 10px 10px;
	width: 550px;
	position: relative;
}

.showHold {
	background: #292929;
	border-color:#999999 #111111 #111111 #777777;
border-style:solid;
border-width:2px;
	width: 247px;
	height: 210px;
	float: left;
	margin: 20px 0 0 20px;
}
.showHoldVertical{
	background: #292929;
	border-top: 1px solid #3e3e3e;
	border-bottom: 1px solid #171717;
	border-left: 1px solid #3e3e3e;
	border-right: 1px solid #171717;
	width: 247px;
	height: 210px;
	float: left;
	margin: 15px 0 10px 15px;
	}
.showText {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	width: 250px;
}

.showTextVertical {
margin-left: 20px;
width: 250px;
}

.showText p, .showTextVertical p {
	font-size: 14px;
	color: #CCC;
}

.showText h1, .showTextVertical h1{
	font-size: 18px;
	margin-bottom:10px;
	background:transparent url(../images/sep-line-indent-2.jpg) repeat-x scroll center bottom;
	padding-bottom:5px;

}

.viewMore {
background:transparent url(/ca_twopointo_cms_tb/images/button-viewMore.png) repeat scroll 0 0;
bottom:5px;
color:#999999;
font-size:11px;
padding:9px 3px 10px 4px;
position:absolute;
right:5px;
text-transform:uppercase;
width:70px;
}


.viewMore:hover {
	background-position: -77px 0;}

.viewMoreVert {
	font-size:12px;
	bottom: 10px;
	color: #999999;
	position: absolute;
	width: 100px;
}

.viewMoreVert a, .postMoreBankable a, .postViewArticleBankable a {
	color:#999;
	text-decoration:none;
}

.viewMoreVert a:hover, .viewMore a:hover, .postMoreBankable a:hover, .postViewArticleBankable a:hover {
	color:#555;
	text-decoration:none;
}
.viewMore a{
color:#999999;
padding:8px 3px 11px 2px;
text-decoration:none;}

.viewMore a:hover {
    color:#ffffff;
}

#commentsBankable {
	background: #212121 none repeat scroll 0 0;
	border: 1px solid #999999;
	height: 75px;
	margin: 15px 0 15px 10px;
	width: 550px;
}

#commentsBankable h1 {
	font-size: 15px;
	font-weight: normal;
	line-height: 70px;
	margin: 0 0 0 60px;
}

.postedBankable {
	border: 1px solid #999999;
	margin-left: 10px;
	width: 550px;
	background:#212121;
	float: left;
	margin-bottom: 20px;
}

.postedBankable h5 {
	color: #999;
}

.postDateTimeBankable {
	background: #000000 ;
	float: left;
	height: 110px;
	width: 170px;
	padding: 10px 0 0 10px;
}

.postedBankableIcon {
	float: left;
	width: 56px;
	height: 56px;
	margin-right: 10px;
}

.postDateTimeBankable p {
	padding: 3px 0 0 10px;
	font-size: 11px;
}

.postTextBankable {
	float: left;
	width: 345px;
}

.postTextBankable h4,.postTextBankable p {
	margin: 10px;
}

.postTextBankable p {
	font-size: 12px;
}

.postTextBankable h4 {
	color: #EFEFEF;
	margin-left: 10px;
	margin-top: 10px;
}

.postMoreBankable {
	background: transparent url(../images/icon-post-arrow.png) no-repeat right center;
	color: #EFEFEF;
	float: left;
	margin-left: 10px;
	width: 60px;
}

.postViewArticleBankable {
	background: transparent url(../images/icon-post-arrow.png) no-repeat scroll right center;
	color: #EFEFEF;
	float: right;
	margin-right: 20px;
	width: 110px;
}

.postViewArticleBankable:hover {
	cursor: pointer;
}


/*Catagories*/

#panelsHoldCats {
	width: 560px;
	float: left;
	margin-bottom: 10px;
	margin-top:10px;

	}

.cats {
	float:left;
height:183px;
width:183px;
background:#989898;
	border-top: 1px solid #3e3e3e;
	border-bottom: 1px solid #171717;
	border-left: 1px solid #3e3e3e;
	border-right: 1px solid #171717;}

#commentsCat {
	background: #212121 none repeat scroll 0 0;
	border: 1px solid #999999;
	height: 75px;
	margin: 15px 0 15px 0px;
	width: 550px;
}

.postedCat {
	border: 1px solid #999999;
	margin-left: 0px;
	width: 550px;
	background:#212121;
	float: left;
	margin-bottom: 20px;
}
#commentsCat h1 {
	font-size: 15px;
	font-weight: normal;
	line-height: 70px;
	margin: 0 0 0 60px;
}
.boxgrid{
	width: 183px;
	height: 183px;
	float:left;
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxgrid h3{
	color:#EFEFEF;
margin:5px 0 0;
text-align:center;
text-transform:uppercase;
	} 
	
.boxgrid hr {
	height:2px;
	border:none;
	background:#000 url(../images/sep-line-indent.jpg) repeat-x;
	margin:5px 10px 8px 10px;}
	
.boxgrid h3 a{
	color:#888;
	text-decoration:none;
	/*text-shadow:#2b2b2b 0 1px 0;*/}
	
.boxgrid h3 a:hover{
	color:#efefef;
	text-decoration:none;
}
	
.boxgrid p{
	font-size:12px;
	margin: 0 10px;
	color:#777;}

/*Number 2 Boxgrid*********************/
div.boxgrid2.slidedown  h3 a {
	color:#DFAC2D;
	margin:0;
	padding:0}	
.boxgrid2{
	width: 275px;
	height: 250px;
	float:left;
	overflow: hidden;
	position: relative;
}
.boxgrid2 img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxgrid2 h3{
	color:#EFEFEF;
margin:10px 0;
text-align:center;
	} 
	
.boxgrid2 hr {
	height:2px;
	border:none;
	background:#000 url(../images/sep-line-indent.jpg) repeat-x;
	margin:5px 10px 8px 10px;}
	
.boxgrid2 h3 a{
	color:#888;
	text-decoration:none;
	/*text-shadow:#2b2b2b 0 1px 0;*/}
	
.boxgrid2 h3 a:hover{
	color:#efefef;
	text-decoration:none;
}
	
.boxgrid2 p{
	font-size:12px;
	margin: 0 10px;
	color:#ccc;}
/*Confirmation*/
	
#confirmationBox {
	border:1px solid #333333;
	background:#212121;
color:#FFCC00;
height:260px;
left:260px;
position:absolute;
top:35%;
width:500px;
	}
	
#legalHeader {
background:#000 url(/ca_twopointo_cms_tb/images/popup-logo.jpg) no-repeat ;
border-bottom:1px solid #333333;
height:160px;
width:500px;}
	
#PrivacyRights {
border:1px solid #333333;
background:#212121;
color:#DFAC2D;
left:260px;
position:absolute;
top:5%;
width:500px;
margin-bottom:20px;
	}
	
#PrivacyRights h4{
	text-align:center;
	margin:20px 0 5px 0;}
	
#PrivacyRights h3 {
	text-align:center;
	margin:5px 0 10px;
	color:#efefef;
	font-size:10px;
	text-transform:uppercase;}

#PrivacyRights h5 {
	margin-left:20px;
	color:#efefef;
	font-size:10px;
	margin-bottom:5px;
	}

#PrivacyRights h6 {
	color:#DFAC2D;
font-size:12px;
letter-spacing:0.5px;
margin:20px 20px 10px;
text-transform:uppercase;
}	

#PrivacyRights p {
	color:#ccc;
font-size:13px;
padding:10px 20px;
text-align:justify;}
	
#confirmationBox h4 {
	font-size:18px;
font-weight:normal;
margin:25px;
text-align:center;
	}

#confirmationBox h4 a {
	color:#efefef;
	text-decoration:underline;}
	
#confirmationBox h4 a:hover {
	color:#666}
	
#screenOverlay {
	/*background:url(../images/overlay.jpg) no-repeat top left;*/
	width:960px;
	height:800px;
	position:relative;
	}
	
#screenOverlay img {
	float:right;
	margin:1px 1px 0 0;
	border:1px solid #000;
	}
#screenOverlay a {
		color:#DFAC2D;}
#screenOverlay img:hover {
	border:1px solid #fc0;
	cursor:pointer;
	}
	
.sepLineIndent {
	border-bottom:1px solid #333333;
border-top:1px solid #000000;
margin:0 20px 15px;}
	
#toTop {
	width:100px;
        background:url(/ca_twopointo_cms_tb/images/icon-back-top.jpg) no-repeat;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
      height:40px;
	  border:1px solid #212121;
}
#toTop:hover {
border:1px solid #555;}


#kyteHold {
	margin: 10px;
	float:left;
	position:relative;
	z-index:8;
}


#kyteHold2 {
	margin:10px;
	float:left;
	width:665px;
	position:relative;
	z-index:8;
}

#kyteHold3 {
	margin: 10px;
	float:right;
	width:665px;
	position:relative;
	z-index:8;
}

#forumPostFormWrapper {
	width: 820px;
	height: 0px;
	border: 1px solid #292929;
	display: none;
	margin: 20px;
}

#forumPostFormWrapper div.formContainer {
	margin: 20px;
	display: none;
}

td.cke_bottom {
	display:none;
	
}


#largeTwitterPanel ul{
	list-style-type: none;
	margin: 5px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	width: 270px;
}

#largeTwitterPanel ul li{
	border-bottom: 1px solid #444444;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	
	
}

#largeTwitterPanel a{
	color:#DFAC2D;
	font-weight:bold;

}

/*Trend Section*/
     .trendHold {
	
		 background:#161616 url(/ca_twopointo_cms_data_tb/images/bg-trend-hold.jpg) repeat-x;
float:left;
height:720px;
margin-bottom:40px;
padding-bottom:20px;
padding-left:0;
padding-top:15px;
width:550px;}
		 
.trendH1 {
	color:#dddddd;
font-size:23px;
line-height:23px;
margin:0;
padding:0;
text-align:center;
text-shadow:0 1px 0 #666666;
	}
	
.trendH2 {
	color:#666666;
font-size:15px;
letter-spacing:0.2px;
text-align:center;
text-transform:uppercase;}
	
.leftTrendPic {
	width:272px;
	height:461px;
	margin-left:3px;
	float:left;
	margin-top:10px;}
	
.leftTrendText {
	width:272px;
background:url(/ca_twopointo_cms_data_tb/images/bg-trend-text-box.png) no-repeat;
	height:80px;
	float:left;
	margin-left:3px;
	margin-bottom:10px;
	border-right:1px solid #000;
	}
	
.rightTrendPic {
	width:272px;
	height:461px;
	float:left;
	margin-top:10px;}
	
.rightTrendText {
	width:270px;
	background:url(/ca_twopointo_cms_data_tb/images/bg-trend-text-box.png) no-repeat;
	height:80px;
	float:left;
	margin-bottom:10px;
	border-left:1px solid #444444;
	
	}
	
.rightTrendText p, .leftTrendText p {
	color:#999;
font-size:13px;
font-weight:bold;
letter-spacing:0.2px;
text-align:center;}
	
	
.rightTrendText h2, .leftTrendText h2 {
	color:#FFFFFF;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:0.2px;
text-align:center;
margin-top:10px;
padding:0;}

div.trendHold div.trendVoteFor {
	background:url(/ca_twopointo_cms_data_tb/images/bg-trend-green-hover.jpg);
	width:543px;
	height:45px;
	float:left;
	margin-left:3px;
	text-align:right;
	margin-bottom:10px;}
	
div.trendHold div.trendVoteFor:hover  {
	background-position:-543px 0;
	color:#efefef;
	cursor:pointer;}
	
div.trendHold div.trendVoteAgainst:hover {
	background-position:-543px 0;
	color:#efefef;
	cursor:pointer;}
	
.trendVoteAgainst {
	background:url(/ca_twopointo_cms_data_tb/images/bg-trend-red.jpg);
	width:543px;
	height:45px;
	float:left;
	margin-left:3px;
		text-align:right;}
	
	
	
	.trendVoteFor h3, .trendVoteAgainst h3 {
	color:#dddddd;
font-size:15px;
line-height:22px;
margin:12px 0 0 90px;
padding:0;
text-align:left;
text-shadow:0 1px 0 #666666;
text-transform:uppercase;
float:left;}

.trendVoteFor img, .trendVoteAgainst img {
	float:none;
	margin-bottom:-5px;}

.trendVoteFor a, .trendVoteAgainst a{
	text-decoration:none;
	color:#fff;}
	
	.trendVoteFor a:hover, .trendVoteAgainst a:hover{
	text-decoration:none;
	color:#999;}

.trendGreen {
	font-size:9px;
	color:#efefef;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0.2px;
	line-height:9px;
	margin-right:5px;
	
	}
.trendRed {
	font-size:9px;
	color:#efefef;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0.2px;
line-height:9px;
margin-right:5px;

	
	}
	
.trendYellow {
	color:#FFCE1F;}
.margintop10 {
	margin-top:8px;}
	
	
        .babyHold {
margin-top:10px; 
margin-bottom:30px;
width:550px;}
		
.babyHold h3 {
	text-align:center;
	font-size:18px;
	color:#efefef;
	}
	
        .spotlightHold {
height:250px;
margin-top:10px;
margin-bottom:10px;
width:550px;}
		
		.spotlightLeft {
			width:275px;
			height:250px;
			float:left;
			}
		
		
		.spotlightRight {
			width:275px;
			height:250px;
			float:right;
			}
			
			
			
/*Featured Section CSS		*/	
.featuredColumn1, .featuredColumn2, .featuredColumn3, .featuredColumn4 {
	width:200px;
	margin:0 15px 0 0;
	float:left;}					
			
#featuredEntry {
color:#EFEFEF;
margin-left:100px;
padding-bottom:0;
width:860px;
z-index:9;}

#featuredEntry ul{
	float:left;
	color:#333;
	list-style-type:none;
	width:200px;
	margin:0 15px 15px 0;
	background:#efefef ;}
	
#featuredEntry li{
	background:url("/ca_twopointo_cms_tb/images/bg-featuredSectionLi.jpg") repeat-x scroll left bottom transparent;
border-bottom:1px solid #555555;
padding:5px 0;}



 #popularArticles, #staffPickArticle {
 	float: right;
 	width: 200px;

 }
 
 
/*popular articles styling*/
#popularArticles div.popularArticle {
background:#000 url(/ca_twopointo_cms_tb/images/bg-popular-articles.jpg) repeat-x;
border:1px solid #222222;
float:left;
margin:10px 0;
padding:10px 10px 0;
}


#popularArticles img, #staffPickArticle img {
border:1px solid #222;}

#popularArticles div.popularArticleText, #staffPickArticle div.staffPickArticleText {
float:left;
font-size:12px;
width: 180px;
line-height:18px;

}

#popularArticles div.popularArticleIcon, #staffPickArticle div.staffPickArticleIcon {
float: left;
width: 60px;
margin: 0px 5px 5px 0px;

}

#popularArticles  a, #staffPickArticle a{
color:#EFEFEF;
float:left;
text-decoration:none;
}


#popularArticles  h3, #staffPickArticle h3 {
color:#EFEFEF;
width:113px;
line-height:15px;
float:left;
}
#popularArticles  h3:hover, #staffPickArticle h3:hover  {
color:#DFAC2D;
}

#popularArticles  p {
line-height:14px;
width:113px;
font-size:13px;
float:left;
color:#999}

#staffPickArticle p {
line-height:14px;
width:113px;
padding-bottom:10px;
font-size:13px;
float:left;
color:#999}


/*staff pick styling*/
#staffPickArticle div.staffPickArticle {
background:#000 url(/ca_twopointo_cms_tb/images/bg-popular-articles.jpg) repeat-x;
border:1px solid #222222;
margin:10px 0;
padding:10px 10px 0;}

		
/*Featured Section CSS		*/	
.featuredColumn1, .featuredColumn2, .featuredColumn3, .featuredColumn4 {
	width:200px;
	margin:0 15px 0 0;
	float:left;}					
			
#featuredEntry {
color:#EFEFEF;
margin-top:30px;
margin-left:100px;
padding-bottom:0;
width:860px;
z-index:9;}

#featuredEntry ul{
	float:left;
	color:#333;
	list-style-type:none;
	width:200px;
	margin:0 15px 35px 0;
	background:#efefef ;}
	
#featuredEntry ul li{
	background:url("/ca_twopointo_cms_tb/images/featured-li-inactive.jpg") no-repeat;
height:30px;
position:relative;
line-height:13px;
padding:13px 15px 7px;}

#featuredEntry li a{
	color:#333333;
font-size:13px;

font-weight:bold;
text-decoration:none;
text-shadow:0 1px 0 #FFFFFF;

}
	
#featuredEntry li:hover {
	background:url("/ca_twopointo_cms_tb/images/featured-li-active.jpg") no-repeat;
	height:30px;
	color:#111;}
	
#featuredEntry h3 {
color:#FFFFFF;
height:52px;
line-height:20px;
margin:-30px 0 0 -15px;
padding:15px 15px 0;
text-shadow:0 1px 0 #444444;
width:200px;
width:170px;
}


.featuredMagCover {
display: block;
float:left;
height:497px;
margin:-25px 15px 10px 0;
width:415px;}
	
	
.newStory {
	background:url(/ca_twopointo_cms_tb/images/icon-new-ribbon.png) no-repeat;
	height:34px;
position:absolute;
right:-3px;
top:-3px;
width:34px;}

.yellowFeature {
	background:url(/ca_twopointo_cms_tb/images/featured-yellow.jpg) no-repeat top left;	}
.blackFeature {
	background:url(/ca_twopointo_cms_tb/images/featured-black.jpg) no-repeat top left;	}
.purpleFeature {
	background:url(/ca_twopointo_cms_tb/images/featured-purple.jpg) no-repeat top left;	}
.redFeature {
	background:url(/ca_twopointo_cms_tb/images/featured-red.jpg) no-repeat top left;	}
.pinkFeature {
	background:url(/ca_twopointo_cms_tb/images/featured-pink.jpg) no-repeat top left;	}
.blueFeature {
	background:url(/ca_twopointo_cms_tb/images/featured-light-blue.jpg) no-repeat top left;	}
.greenFeature {
	background:url(/ca_twopointo_cms_tb/images/featured-green.jpg) no-repeat top left;	}
.tealFeature {
	background:url(/ca_twopointo_cms_tb/images/featured-teal.jpg) no-repeat top left;	}
.mintFeature {
	background:url(/ca_twopointo_cms_tb/images/featured-mint.jpg) no-repeat top left;	}
.hotpinkFeature {
	background:url(/ca_twopointo_cms_tb/images/featured-hot-pink.jpg) no-repeat top left;	}	
.fadeFeature {
	background:#cd2000 url(/ca_twopointo_cms_tb/images/featured-fade.png) repeat-x top left;	}	
	


#featuredEntry ol{
	float:left;
	color:#333;
	list-style-type:none;
	width:416px;
	margin:0 0 35px 0;
	background:#efefef ;}
	
#featuredEntry ol li{
	background:url("/ca_twopointo_cms_tb/images/featured-li-large-inactive.jpg") no-repeat;
height:30px;
line-height:27px;
padding-left:15px;
position:relative;
}

#featuredEntry ol li a{
	color:#333333;
font-size:13px;
height:30px;
display:block;
font-weight:bold;
text-decoration:none;
text-shadow:0 1px 0 #FFFFFF;

}
	
#featuredEntry ol li:hover {
	background:url("/ca_twopointo_cms_tb/images/featured-li-large-active.jpg") no-repeat;
	height:30px;
	color:#111;}
	
#featuredEntry ol h3 {
color:#FFFFFF;
font-size:22px;
height:52px;
line-height:42px;
margin:-30px 0 0 -15px;
padding:15px 15px 0;
text-shadow:0 1px 0 #444444;
width:386px;}
#featuredEntry ol h3.yellowFeature { background:url(/ca_twopointo_cms_tb/images/featured-large-yellow.jpg) no-repeat top left;	}
#featuredEntry ol h3.purpleFeature { background:url(/ca_twopointo_cms_tb/images/featured-large-purple.jpg) no-repeat top left;	}


#OPP-div-around-poll td input {
width: 20px;

}

.rightColumnFacebookLikeContainer {
	background:#0f2555 url(/ca_twopointo_cms_tb/images/bg-fb-hold.jpg) repeat-x;
border:1px solid #000;
margin:5px 0 0;
padding:10px 15px;}


	 
	
.popularityColumn {width:220px;}
.pageColumn {width:75px;}
.updatedColumn{width:200px;margin-right:75px;}
.commentsColumn {width:150px;line-height:50px;}
.sharesColumn {width:115px;}

.popularityColumnHeading {width:204px;}
.pageColumnHeading {width:100px;}
.updatedColumnHeading{width:247px;}
.commentsColumnHeading {width:145px;}
.sharesColumnHeading {width:100px;}



.pageColumnHeadingStaff {width:370px;}
.updatedColumnHeadingStaff {width:220px;}
.commentsColumnHeadingStaff {width:170px;}
.sharesColumnHeadingStaff {width:100px;}

ul#popularPagesListHeading, ul#staffPickPagesListHeading {
	background:url(http://tyra.com/ca_twopointo_cms_tb/images/bg-popular-list-header.png) no-repeat;
	height:47px;
	float:left; 
padding:20px 20px 0 22px;
width:821px;
	
	}
	ul#popularPagesListHeading li, ul#staffPickPagesListHeading li {
		 font-size:18px;
		 float:left; 
		 margin:0;
padding:0;
		 font-weight:bold;
		 color:#ddd;}
ul#popularPagesList {
	background:url(http://tyra.com/ca_twopointo_cms_tb/images/bg-popular-list-row.jpg) repeat;
	color:#111;
	margin-left:1px;
	width:860px;
	text-shadow:0 1px 0 #fff;
	float:left;}
	
ul#staffPickPagesList {	
background:url("/ca_twopointo_cms_tb/images/bg-popular-list-row.jpg") repeat scroll 0 0 transparent;
color:#111111;
float:left;
margin-left:1px;
padding-left:20px;
text-shadow:0 1px 0 #FFFFFF;
width:840px;}
	
ul#popularPagesList p, ul#staffPickPagesList p {
	color:#222;
	margin:0;
padding:0;
line-height:14px;
	text-shadow:0 1px 0 #fff;}
	
ul#popularPagesList a h3, ul#staffPickPagesList a h3 {
	color:#111;
	font-size:15px;
	text-decoration:none;
		text-shadow:0 1px 0 #fff;}
		
ul#popularPagesList a h3:hover, ul#staffPickPagesList a h3:hover {
	text-decoration:underline;}
		
.staffPickArticle {
	margin-left:20px;}
	
ul#popularPagesList li, ul#staffPickPagesList li {
	float:left;
height:74px;
margin-left:0;
padding:6px 0 0;}

ul#popularPagesList img, ul#staffPickPagesList img {
border-color:#333333 #FFFFFF #FFFFFF #333333;
border-style:solid;
border-width:2px;}

#rightArticlesHold {
	width:200px;
	 	margin: 5px 80px 0px 20px;
	float:right;}