@import url("reset.css");

/* Main --------------------------------- */

html { }

body {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
	background-color:#fff; 
	font-size:13px;
	line-height:21px;
	background-image:url('../images/background-grad-bottom.png') ;
	background-repeat:repeat-x;
	background-position:bottom;
}

body#featured-stories, body#entertainment-home, body#home, body#personal-home, body#family-home, body#entertainment-home, body#life-upgrades, body#top-10-lists, body#featured-blogs, body#qa, body#page, body#search-results, body#tweets-landing {
	background-color:#fff; 
	background-image:url('../images/background-grad-bottom.png') ;
	background-repeat:repeat-x;
	background-position:bottom;
	}
	
.debug-panel { display:none; }	

a, a:hover, a:visited, a:active{
    text-decoration:none;
}

a:hover{
}

a {
    color:#7299de;
}

.right{
    float:right;
}

.left{
    float:left;
}

.clear{
    clear:both;
}
/* Layout --------------------------------- */

#header {
    width: 100%;
    height:112px;
}


#container {
	margin-left: auto;
    margin-right: auto;
    width: 970px;
    margin-top:25px;
      
}

body.blue #container{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

body.gold #container{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    background: #fff;
}

body.orange #container{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

#container #pagebody {
}

 #pagebody-inner {
	width:970px;
	margin-left:-15px;
	margin-top:-10px;
	padding: 0 20px 0px 0px;
	
}

#alpha,
#beta {
    float: left;
    margin-left:15px;
}

#alpha {
	width: 625px;
    clear: both;
}

#alpha-inner {
	margin: 0px 0px 5px 0px;
}

#featured-stories #pagebody-inner, #life-upgrades #pagebody-inner, #top-10-lists #pagebody-inner, #featured-blogs #pagebody-inner,#qa #pagebody-inner,#page #pagebody-inner,#search-results #pagebody-inner, #tweets-landing #pagebody-inner {
	width:980px;
}

#featured-stories #alpha, #life-upgrades #alpha, #top-10-lists #alpha, #featured-blogs #alpha, #qa #alpha, #page #alpha, #search-results #alpha, #tweets-landing #alpha  {
	background-color:#fff;
	margin: 0px 0px 5px 20px;
	
}

#beta {
	width: 313px;
}

#beta-inner {
	margin-bottom: 20px;
}

.hr {
	background-color:#dbdbdb;
	height:1px;
	margin:20px;
}

/* Banner Area --------------------------------- */

#banner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#banner-inner {
}

#ipadbanner { margin-right:300px; }

body #site-logo {
	position: absolute;
	left: 8px;
    width: 260px;
	height: 95px;
    left: 0;
    top: 0;
    padding-top:12px;
}

#sponsor-logo {
	float:right;
	height:68px;
	margin-right:14px;
	padding:0px;
	margin-top:9px;
	margin-bottom:0px;
}

body #MLSlogo {
	width:555px;
	height:112px;
	left: 0;
    top: 0;
    float:left;
}

#facebooklink {
	width:50px;
	float:left;
}

#contestlink {
width:303px;
float:left;
}

#twitterlink { 
width:253px;
float:left;
}

#sponsor {
width:102px;
float:left;
}


/* Navigation Area --------------------------------- */

#nav {
	width:960px;
	height:39px;
	margin: 0 auto;
    background: url(../images/blk-navbar-bkgrnd.png) no-repeat left top;
}

#nav-inner {
    padding-top:0px;
	padding-left:0px;
	position:relative;
}

.nav-list{

}
.nav-list li{
    float:left;
    padding: 0 0px 0 0px;   
}

.nav-list li a{
    display:block;
}

.nav-list .last {
    background:none;
}


/* Reset */
#menu * {
 margin-top:0px;
  padding: 0px;
  margin-left:-5px;
  list-style-type: none;
  text-decoration: none;
  z-index:2000;
}
div#menu {
position:relative;}

#menu ul.menu {
  white-space: nowrap;
}

/* Geometrical arrangement */
#menu ul.menu li {
  display: inline-block;
  height: 37px;
  position: relative;
}

/** sub menu distance from graphics **/
#menu ul.menu li div {
  position: absolute;
  top: 33px;
  left:6px;
}

#menu ul.menu li div div {
  position: absolute;
  top: -16px;
}

/* Escaping style for lower levels */
#menu ul.menu li div ul li {
  display: block;
  float: none;
  width: auto;
  height: auto;
}

/** Graphics **/

/* Horizontal sliding doors */
#menu ul.menu li a {
  padding-left: 0px;  
  width:auto;
  height:39px;
  display: inline-block;

}

#menu #nav-family  .mainbutton {
    background: url(../images/family-life-roll.png) no-repeat left top;
   width:160px;
    height:39px;
}

 #menu #nav-personal   .mainbutton {
    background: url(../images/personal-life-roll.png) no-repeat left top;
    width:182px;
    height:39px;
}

#menu #nav-entertainment   .mainbutton  {
    background: url(../images/tech-life-roll.png) no-repeat left top;
    width:146px;
    height:39px
}

#menu #nav-video   .mainbutton  {
    background: url(../images/video-roll.png) no-repeat left top;
    width:146px;
    height:39px
}

 #nav-family a:hover,  #nav-personal a:hover, #nav-entertainment a:hover, #nav-video a:hover  {
    background-position: 0 -39px !important;
}


#menu ul.menu li a span {
  padding-right: 0px;
  padding-left: 0px;
	background-image:none;
  display: inline-block;
  height: 39px;
  line-height: 40px;
  cursor: pointer;
}

#menu ul.menu li:hover a {}

#menu ul.menu li:hover a span {}

#menu ul.menu li.active a {}

#menu ul.menu li.active a span {
  background-image:none;
}

/* Escape Horizontal doors */
#menu ul.menu li div ul li a {
  display: block;
  padding: 0px;
  margin: 0px;
background-image:none;
}

#menu ul.menu li div ul li a span {
  display: block;
  padding: 0px;
background-image:none;
  height: auto;
  line-height: 18px;
  padding: 10px 0 10px 10px;
  white-space: normal;  
}

/* Vertical sliding doors */
#menu ul.menu li div { 
  padding-top: 6px;
  background-image:none;
  padding-right:0px;
  margin-right:0px;
}

#menu ul.menu li#nav-family  div { 
  width: 168px;
}

#menu ul.menu li#nav-personal  div { 
  width: 175px;  left:0px;
}

#menu ul.menu li#nav-entertainment  div { 
  width: 162px;left:1px;
}

#menu ul.menu li#nav-video  div { 
  width: 162px;left:1px;
}

#menu ul.menu li div ul { 
  padding: 5px;
  padding-right:0px;
  margin:0px;
 padding-top: 0;
 background-color:#404040;
  background-image:none;
}

/* Hover Effect on Submenus */
#menu ul.menu ul li:hover
{
  background-color:#ccc;  background-image:none;
}

#menu ul.menu ul li:hover>a {}

/* Main header line */
#menu {
  height: 57px;
  padding-left: 14px;
}

/* Text shadow */
#menu span
{
  color: #edf0f1;
  text-shadow:0 -1px 1px #444;
  background:none;
}

#menu li:hover>a>span 
{
  color: #efefef;
}

/* Fonts */
#menu ul.menu li a span
{ 
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
  font-size: 16px;
  font-weight: normal;
  text-align:center;
  margin-left:-10px;
}

#menu ul.menu li div ul li a span
{
   font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
  font-size: 16px;
  font-weight: normal;
  text-align:center;
  margin-left:-10px;
}

/* Lines between li */
#menu ul.menu li div ul
{
  padding-bottom: 4px;
}

#menu ul.menu li div ul li:first-child
{
  border-top-width: 0px;
}

/* Menu logic */
#menu li>div { visibility: hidden; }
#menu li:hover>div { visibility: visible; }
/* */

/* Hover Effect on Submenus */
#menu ul.menu ul li:hover
{
  background-color: #393c45;  
  border-bottom: 1px solid #404040;
}

/* Lines between li */
#menu ul.menu li div ul li
{
  border-bottom: 1px solid #404040;

}

/* ie7 */
#menu ul.menu li {
  *zoom: 1;
  *display: inline;
}

#menu ul.menu li a {
  *zoom: 1;
  *display: inline;
}

#menu ul.menu li a span {
  *zoom: 1;
  *display: inline;
}

#menu ul.menu li div ul li a {
  *display: inline;
}

/* Discarding semi-transparency */
#menu ul.menu ul li:hover
{
  *background-image: none;
}

#menu ul.menu ul li:hover>a
{
  *background-image: none;
}


.search-form{
    padding:0;
    margin:0;
    position:absolute;
    top:2px;
    right:15px;
    
}

.search-term {
    position:absolute;
    background: url(../images/search-field-corners-grey.png) no-repeat left top;
    top:2px;
    right:32px;
    height:23px;
    width:250px;
    margin:0;
    padding-left:7px;
    padding-top:6px;
    background-color:#5d5d5d;
    border:0;
    color:#b2b2b2;
    font-size:1.1em;
	font-weight:normal;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
}

.search-submit {
    position:absolute;
    top:2px;
    right:0;
   	background: url(../images/searchfield-button.png) no-repeat left top;
	width:33px;
	height:30px;
	border:0; 
	padding:0;
	margin: 0 0 0 -4px;
	cursor:pointer;cursor:hand;
	text-indent: -999em;
	_padding-top: 22px;
	padding-top: 22px !msie;
}

#herospace{
    background: url(../images/intel-herobox.png) no-repeat left top;
    width:300px;
    height:266px;
    margin:-9px 0px 0px -5px;
    text-indent: -9999px;
    position: relative;
}

#leadpace{
    background: url(../images/intel-herobox.png) no-repeat left top;
    width:300px;
    height:266px;
    margin:-9px 0px 0px -5px;
    text-indent: -9999px;
    position: relative;
}

a#hero-link {
    position: absolute;
    height:266px;
    width:313px;
    left:0;
    top: 0;
    text-indent: -9999px;
}

/* Main Content Entries --------------------------------- */

.photo-right{
    float:right;
    margin:0 0 10px 10px;
}

.photo-left{
    float:left;
    margin:0 0 10px 10px;
}

/* Titles */

#title-featured-stories{
    width:613px;
    height:1px;
    margin-bottom:0px;
}

#title-featured-blogs{
    width:613px;
    height:1px;
    margin-bottom:0px;
}

#title-qa{
    width:613px;
    height:1px;
    margin-bottom:0px;
}

#title-top-10-lists{
       width:613px;
    height:1px;
    margin-bottom:0px;
}

#title-life-upgrades{
      width:613px;
    height:1px;
    margin-bottom:0px;
}

#title-curated-blogs{
    width:380px;
    height:1px;
    margin-bottom:0px;
}

#title-tweets{
    width:613px;
    height:1px;
    margin-bottom:20px;
    text-indent:-99999px;
}

/* Regular Entries */

.entry {
    margin-top:20px;
    float:none;
    clear:both;
    padding: 10px 0;
}


.entry-summary { 
	padding:0px;
	margin-top:6px;
}


.entry:first-child, .entry-summary:first-child {
    margin-top:0;
    float:none;
    clear:both;
    padding: 10px 0;
}

.entry.sponsored {
    background: #f7f6f6;
}

.label-sponsored {
    font-size: 13px;
    text-align: right;
    line-height: 1em;
}

.entry img.right, .entry-summary img.right {
    float:right;
    margin:0 0 10px 10px;
}
.entry img.left,.entry-summary img.left{ 
    float:left;
    margin:0 10px 10px 0;
}

.entry h1, .entry-summary h1 {
    font-size:24px;
    margin-bottom:1px;
    padding-left:0px;
    color:#333333;
    font-weight:normal;
}

#blogbreadcrumb { 
	font-size:1.1em; 
	color:#333;
	font-weight:normal;
	}

.entry-summary h1 {
    padding-left:1px;
    margin-bottom:9px;
}

h1#page-title, .entry h1.entry-archive, .entry-summary h1.entry-archive { 
	font-size:24px; 
	line-height: 28px; 
	margin-bottom:20px; 
}

.entry h1.has-byline, .entry-summary h1.has-byline { margin-bottom: 1px; }

.entry h1 a, .featured h1 a, .entry-summary h1 a {
 text-decoration: none;
 font-weight:normal;
  }
  
.entry h4.byline, .entry-summary h4.byline { 
	font-size: 14px; 
	padding-left:1px;
	font-weight: normal; 
	margin-bottom: 10px;
	color:#474646;
	 }
	 
.entry-summary h4.byline { 
	 padding-left:1px;
	 }

.entry p, .entry-summary p {
    margin-bottom:15px;
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
	font-size:1.05em;
	color:#333333;
}

.entry-summary p { 
	padding-left:10px; 
	float:left;
	width:395px;
}
.entry .entry-actions {
	background: url(../images/entry-actions-dotted.png) repeat-x top;
    font-size:13px;
    height:30px;
    clear:both;
    color:#ccc; 
    width:100%;
    margin-top:-3px;
}

.entry .entryactions { 
	padding-top:6px;
	margin-left:0px;
	clear:both;
	width:505px;
	height:20px;
	}

.entry-summary .entry-actions {
    font-size:13px;
    clear:both;
    float:left;
    color:#ccc;
    margin-top: 3px;
    height:18px;
    padding-bottom:10px;
}

.entry-summary .entryactions { 
	margin-left:5px;
	float:left;
	padding-bottom:10px;
	width:553px;
	}

.facebookaction {
	float:left;
	width:85px; }

.tweetmeaction { 
	float:left;
	/* background: url(../images/separatedot-bold.gif) no-repeat left 6px; */
	padding-left:15px;
	margin-left:0px;
	width:90px;
	padding-top:1px;
}

.stumbleupon {float:left;margin-left:10px;padding-top:2px; }

.googleplusaction { 
	float:left;
	background: none;
	padding-left:16px;
	margin-left:10px;
	width:55px;
	padding-top:3px;
}


.commentaction { 
	float:left;
	margin-top:0px;
	background: none;
	padding-left:10px;
	margin-left:10px;
}

.commentaction img { 
	padding-top:0px;
	vertical-align:middle;
	margin-right:4px;
	float:left;
}

.entry-body {
    overflow: hidden;
    margin-left:20px;
    margin-right:20px;
    margin-top:10px;
	clear:both;	
}

.entry .entry-body ul {
	margin-left:20px;
	list-style-type:disc; 
}

.entry-archive .entry-body {  }

#pagination-nav {
	clear: both;
	text-align: center;
	margin: 0 0 1em 0;
	background: #f1f1f1;
	padding: .25em 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}

#lws_0 {
	margin-left:20px;
}

#pagination-nav li {
	display: inline;
	list-style: none;
	padding: 0 5px;
	margin: 0;
}

.page-number {
	display:none;
	color: #999;
	margin-bottom: .25em;
	margin-left:20px;
}

.entry .entry-actions p {margin-top:0px;}

.entry-actions iframe, .entry-actions a { float: left; line-height: 16px; margin-right: 10px; }

.entry-summary .comment-count, .entry .entryactions .comment-count{
	font-weight:normal;
	font-size:.87em;
	color:#333;
 }

h1.archive-title {
	font-size: 21px; 
	color: #999; 
	line-height: 28px; 
	margin: 15px 0 0 15px;
	}

/* Pages */

#page .entry { margin-top: 0; }

#page .entry h1 { margin-bottom: 25px; }


.author { margin-bottom: 2em; overflow: hidden; }

.author h3 {
	font-size: 1.5em;
	line-height: 1em;
}

.author h4 { margin-bottom: 1em; }

.author .author-pic {
	float: left;
	padding: 5px;
	border: 1px solid #ccc;
	margin: .4em 10px 2px 0;
}

.author .read-more {
	display: block;
	text-align: right;
	padding-right: 1em;
}

/* Pagination --------------------------------- */

.pagination, .content-nav{
    background-color:#f1f1f1;
    padding:0px;
    height:30px;
    text-align:left;
    margin:30px 0;
    overflow: hidden;
}

.pagination a, .content-nav a {}

.pagination a:hover, .content-nav a:hover, #results-current-page {color:#998e91 !important; }

#results-previous-link, #results-next-link, #results-page-links {float: left;}

.results-pages { display: inline; }

#results-previous-link,
#results-next-link {
    width: 15%;
}

#results-page-links {
    width: 70%;
    text-align: center;
}

#pag-nav-bullets {  
	display:inline; 
	font-size:1.1em; 
	color:#333;}
	
#pag-nav-bullets li {
	float:left; 
	height:14px;
	background-image:url(../images/pagin-dot.gif);
	background-repeat:no-repeat;
	background-position:2px 5px;
	margin-left:3px;
	margin-top:3px;
	padding-left:12px;
}

#pag-nav-bullets li.first {
	background-image:none;
}

#pag-nav-bullets li.last {
	padding-left:6px;
}


#pag-nav-bullets img { padding-top:4px;}


/* Comments --------------------------------- */

#comments{
	margin-top:30px;
	margin-left:20px;
	margin-right:20px;}

body.purple #comments h3, body.orange #comments h3, body.teal #comments h3, #comments h3{
    color:#d5b454;
    font-size:22px;
    margin-bottom:10px;
}


#comments .userpic{
    float:left;
    border:2px solid #ccc;
    padding:2px;
    margin-right:10px;
}

#comments ol{margin-bottom:30px;}

#comments ol li{
    margin:30px 20px 0 20px;
    clear:both;
    float:none;
}

#comments ol li p{
    float:right;
    width:490px;
    font-size:13px; 
}

/* comment styles */


#mt_thread .comment {
    padding: 15px 10px 5px;
    border: none;
    border-top: 1px solid #ddd;
    margin-bottom: 0;
    background: none;
    position: relative;
}
#mt_thread #comment-preview .comment {
    margin-bottom: 0;
}
#mt_thread .comment a img {
    border: none;
}
#mt_thread .comment-has-number {
    padding-left: 35px;
}
#mt_thread .comment-reply {
    border-top: 1px dotted #ddd;
}
#mt_thread .comment-reply {
    margin-left: 60px;
}
#mt_thread .comment-reply-1 {
	margin-left: 60px;
}
#mt_thread .comment-reply-2 {
	margin-left: 90px;
}
#mt_thread .comment-reply-3 {
	margin-left: 120px;
}
#mt_thread .comment-reply-4 {
	margin-left: 150px;
}
#mt_thread .comment-reply-5 {
	margin-left: 180px;
}
#mt_thread #tpe-comments-content .first {
    border-top: none;
}
#mt_thread #tpe-comments-content .even .comment-avatar {
    position: relative;
}
#mt_thread #tpe-comments-content .newest-comment {
    background: url(../../../images/tpc-new-comment-label.gif) no-repeat right 15px;
}
#mt_thread #tpe-comments-content.no-avatar .comment-content {
    margin-left: 10px;
}
#mt_thread .comment-content {
    background: none;
}
#mt_thread .comment .comment-header,
#mt_thread .comment .comment-footer {
    font-size: 90%;
    background: none;
    border: none;
    margin: 0 0 10px 0;
    padding: 0;
}
#mt_thread .comment .comment-footer {
    clear: both;
}
#mt_thread .comment .comment-footer .comment-footerlinks {
    float: left;
}
#mt_thread .comment .comment-footer .comment-datetime {
    float: right;
    clear: right;
}
#mt_thread .comment .comment-footer .command-edit-comment,
#mt_thread .comment .comment-footer .command-delete-comment {
    font-weight: bold;
}
#mt_thread .comment .comment-footer .comment-edit-expired {
    color: red;
    font-size: 11px;
}
#mt_thread .comment-avatar {
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    padding: 2px;
}
#mt_thread .comment-number {
    position: absolute;
    left: 10px;
    font-size: 90%;
    color: #999;
}
#mt_thread .comment-has-avatar .comment-data {
    margin-left: 66px;
}
#mt_thread .comment-footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#mt_thread .comment-footer { display: inline-block; }
/* no ie mac \*/
* html #mt_thread .comment-footer { height: 1%; }
#mt_thread .comment-footer { display: block; }

/* Feautred Stories */

.featured {
	font-family:  Arial,"Helvetica Neue", Helvetica, Verdana;
    font-size:13px;
	color:#444444;
    line-height:18px;
    font-weight:lighter;
    overflow: hidden;
    width: 630px !important;
    background: transparent url(../images/shadow-carousel.png) no-repeat scroll 0 0;
    height: 265px;
}

#featuredtransbox p {
	font-family:  Arial,"Helvetica Neue", Helvetica, Verdana;
    font-size:13px;
	color:#444444;
	clear:both;
	margin-left:20px;
	width: 600px;
}

#featuredtransbox {
	background-position: 0 bottom;
	position:absolute;
	top:175px;
	height:83px;
	width:624px;
	background-color:#fff;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	margin-left: 2px;
	-moz-border-radius-bottomright:5px  !important;
    -webkit-border-bottom-right-radius:5px  !important;
    -moz-border-radius-bottomleft:5px  !important;
    -webkit-border-bottom-left-radius:5px  !important;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.featured li {
    width: 624px;
    display: block;
    margin-right: 20px;
    height: 257px !important;
}

.featured h1{
	width:485px;
	float:left;
    font-size: 20px;
    line-height: 24px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:20px;
}

#featurehead {
	float:left;
	width:500px;
}

.featured .entry-actions{
    font-size:13px;
    clear:both;
    float:none;
}

.featured-counter{
    float:right;
    width: 115px;
    margin-top:8px;
}

#next-story {
	 background: url(../images/featured-arrow-right.png) no-repeat left top;
	float:left;
	margin-left:7px;
    width:20px;
    height:19px;
	background-position:0 -19px !important;
}

#next-story a:hover{
    background-position:0 0 !important;
}


#prev-story {
    background: url(../images/featured-arrow-left.png) no-repeat left top;
	float:left;
	 width:20px;
    height:19px;
	background-position:0 -19px !important;
}


#prev-story a:hover{
    background-position:0 0px !important;
}

.featured-counter span, .featured-counter a {
    padding:2px 5px;
    font-size:13px;
    color:#918f8f !important;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    font-weight:bold;
}

#featured-status { 
	color:#918f8f !important;
	float:left;
	}

.featured-counter a:hover{
    color:#444 !important;
}

.featured img{
    float:right;
    margin:0 -2px 0px 0px;
}

.featured li { display: none; }
.featured li.item-1 { display: block; position: relative; }

#featurestoggle  li { font-size:.9em;font-family: "Helvetica Neue", Helvetica, Arial, Verdana;font-weight:normal;text-decoration:none;display: inline;	}
	
#featurestoggle  li .active { font-size:1.5em; color:#999999;font-weight:normal;text-decoration:none;}

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

#tab-container .populartoggle  { 
	background: url(../images/separatedot.gif) no-repeat left center;
	padding-left:15px;
	text-decoration:none;}


ul.toptoggle {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 300px;
}
ul.toptoggle li {
	float: left;
	font-size:1em;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	width:96px;
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.toptoggle li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: .9em;
	padding: 0 10px;
	border: 0px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.toptoggle li a:hover {
	background: #ccc;
}
html ul.toptoggle li.active, html ul.toptoggle li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
		background: url(http://mylifescoop.com/styles/images/email-newsletter.png) no-repeat left -45px;
	border-bottom: 1px solid #a2c9fd; /*--Makes the active tab look like it's connected with its content--*/
}

.toptoggle_container {
	border: 1px solid #ccc;
	border-top: none;
	overflow: hidden;
	min-height:160px;
	clear: both;
	float: left; 
     width:280px;
	background: #ccc;
padding:10px;
background: url(http://mylifescoop.com/styles/images/top-10-lists2.png) no-repeat left -40px;}

.toptoggle_content {padding: 20px;font-size: 1.2em;}

.toptoggle_container  li a {color:#efefef; }
.toptoggle_container  li { background: url(../images/top-10-dot.png)  no-repeat 1px 8px;
    padding:0px 0px 12px 14px;
    color: #fff;
}


.dottedseparator {
	height:3px;
	margin-top:3px;
	background: url(../images/dottedline.gif);
	clear:both;}
.dottedseparator-topspot {
	height:3px;
	margin-top:3px;
	margin-bottom:15px;
	background: url(../images/dottedline.gif);
	background-repeat:repeat-x;
	clear:both;
}


/* Main Content Blocks --------------------------------- */



.main-blocks{
    float:none;
    clear:both;
    font-size:13px;
    width:625px;
    margin-top:-7px;
}

.main-blocks a:hover {
    text-decoration:underline;
}

.main-block-left{
    width:305px;
    margin-right:11px;
    margin-top:20px;
    float:left;
}

.main-block-right{
    width:305px;
    margin-right: 0px;
    margin-top:20px;
    float:right;
}

.main-blocks .tweets h2{
}


.main-blocks h2{
    background: url(../images/block-header.png) no-repeat left top;
    height:30px;
    color:#555;
    font-size:18px;
    padding:5px 0 0 10px;
    font-weight:normal;
}

body.blue .main-blocks h2, body.purple .main-blocks h2, body.orange .main-blocks h2, body.teal .main-blocks h2, body.red .main-blocks h2 {background-position:0 0;}


body.gold .main-blocks h2{
    background: url(../images/block-header.png) no-repeat left top;
    height:25px;
    color:#555;
    font-size:18px;
    padding:8px 0 0 10px;
    font-weight:normal;
    background-position:0 -35px;
}

.main-blocks h3 {
    font-size: 16px;
    margin: 10px 0 5px;
}

.main-blocks a.read-more {
    display: block;
    text-align: left;
    margin-bottom: 5px;
}

/* Featured Blogs */

#featured-blogs .entry .featured-image{
    clear:both;
    margin:0 0 20px 50px;
}

/* QA */

#qa .featured{
}

#qa .entry{
    font-size:20px;
    line-height:28px;
    font-weight:lighter;
}

/* Authors boxes */


#author-container { margin-bottom:16px; }

.authorthumbnailbox {
	float: left;
	width:104px;
	margin-bottom:10px;
}

.authorthumbnailbox img {
	border:1px solid #ccc;
	padding:1px;
}

.authorblurbbox {
	float:left;
	width:190px;
	margin-left:10px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
	font-size:1em;
	line-height:1.1em;
	margin-bottom:5px;
	}

.entry-summary .authorblurbbox p { width:490px;}
	
#alpha-inner .authorblurbbox {
	line-height:21px;
	width:480px;
	}
	
#alpha-inner .authorblurbbox h5 {margin-bottom:10px;}	
	
.authorblurbbox h4 {
	margin-bottom:1px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
	font-weight:normal;
	font-size:1.15em;
	}
	
.authorblurbbox h5 {
	margin-bottom:1px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
	font-weight:bold;
	color:#999999;
	font-size:1.1em;
	}

#authortoggle  {padding-bottom:10px;}

#authortoggle  li { 
	display: inline; 
	font-size:1.5em; 
	}
	
#author-container .meetone  {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
	font-weight:normal;
	color:#999999;
	text-decoration:none; 
	}

#author-container .meetall  { 
	font-size:.7em; 
	font-weight:normal;
	background: url(../images/separatedot.gif) no-repeat left center;
	padding-left:15px;
	text-decoration:none;
}

.authorblurbbox .readmoreauthor { font-weight:normal;}


/* Top 10 Lists */


#top-10-lists .entry ol li{
    list-style-type: decimal;
    list-style-position: outside;
    margin:15px 0 10px 40px;
    font-size:24px;
    font-weight:bold;
/*     float:left; */
}

#top-10-lists .entry h1{margin-bottom:20px;}

#top-10-lists .featured ol li{
    list-style-type: decimal;
    list-style-position: outside;
    margin:15px 0 10px 40px;
    font-size:30px;
    font-weight:bold;
/*     float:left; */
}


#top-10-lists .entry ol li p:first-child{margin-top:-15px;}

#top-10-lists .featured ol li p:first-child{margin-top:-15px;}

#top-10-lists .featured ol li p{
    font-size:16px;
    font-weight:normal;
/*     float:right; */
    color:#595959;
/*     margin-left:5px; */
}

#top-10-lists .entry ol li p{
    font-size:13px;
    font-weight:normal;
/*     float:right; */
    color:#595959;
/*     margin-left:5px; */
}

/* Cuated Blog Posts */

#curated-blogs .featured p, #curated-blogs .entry p{
    font-style: italic;
}

#curated-blogs .entry{
    font-size:20px;
    line-height:28px;
    font-weight:lighter;
}

#curated-blogs .featured .entry-actions p, #curated-blogs .entry .entry-actions p{
    font-style: normal;
}

/* Tweets */

.main-blocks .tweets {
	width:306px;
	min-height:261px;
	padding-bottom:8px;
	margin-bottom:0px;
}


.right-tweet-boxbottom-306 { 
	float:right;
	clear:both;
	width:300px;
	background: url(../images/tweet-boxbottom-306.png) no-repeat left top;
	padding:0px;
	margin:0px 0px 0px 0px;
}

#beta .main-block-right .tweets {
	padding-top:0px;
}

.main-blocks #the-tweets {
	padding-top:0px;
	width:230px;
	overflow:hidden;
	margin-left:10px;
	color:#fff;
}

#beta #the-tweets, .main-blocks #the-tweets {
	padding-top:40px;
	width:277px;
	overflow:hidden;
	margin-left:10px;
	color:#fff;
}

#beta #the-tweets  .zebra, .main-blocks #the-tweets  .zebra {
	background:none;
}

.main-blocks .tweets #the-tweets li, .tweets #the-tweets li, .main-blocks .tweets p {
    margin:10px 0;
    padding:5px;
    border-bottom:1px solid #aaaaaa;
}

.main-blocks .tweets .selectors{
    text-align:center;
    font-size:13px;
    margin-left:13px;
    font-weight:bold;
}

.main-blocks .tweets .selectors li{
     margin-right:1px;
    float: left;
    height:34px;
}


.main-blocks .tweets .selectors ul li a {
    display:block;
    height:34px;
   text-align:center;
    color:#fff;
    background-position:0 0 !important;
}

.main-blocks .tweets .selectors ul li a:hover{
    color:#fff;
    text-decoration:none;
}

.main-blocks .tweets .selectors  .filter-all a {
    background: url(../images/tweet-select-left.png) no-repeat left top;
     background-position:0 -34px !important;  
    padding-right:0px;
    padding-top:8px;
    text-align:center;
    width:66px;
    height:34px;
}

.main-blocks .tweets .selectors  .filter-all a:hover {
    background: url(../images/tweet-select-left.png) no-repeat left top;
     background-position:0 0px !important;  
    padding-right:0px;
    text-align:center;
    width:66px;
    height:26px;
}

.main-blocks .tweets .selectors  .filter-lifescoop a {
    background: url(../images/tweet-select-middle.png) no-repeat left top;
     background-position:0 -34px !important;  
    padding-right:0px;
     padding-top:8px;
    text-align:center;
    width:127px;
    height:34px;
}

.main-blocks .tweets .selectors  .filter-lifescoop  a:hover {
    background: url(../images/tweet-select-middle.png) no-repeat left top;
     background-position:0 0px !important;  
    padding-right:0px;
    text-align:center;
    width:127px;
    height:26px;
}

.main-blocks .tweets .selectors  .more a {
    background: url(../images/tweet-select-right.png) no-repeat left top;
     background-position:0 -34px !important;  
    padding-right:0px;
    padding-top:8px;
    text-align:center;
     width:86px;
     height:34px;
}

.main-blocks .tweets .selectors  .more a:hover {
    background: url(../images/tweet-select-right.png) no-repeat left top;
     background-position:0 0px !important;  
    padding-right:0px;
    text-align:center;
     width:86px;
     height:26px;
}

.main-blocks .tweets .info{
    font-weight:bold;
    font-size:16px;
}

.main-blocks .tweets li span{
    font-weight:bold;
    padding-right:5px;
}

.main-blocks .tweets .zebra {
    margin:0;
    padding:10px 5px;
}

/* Life Upgrades */

#life-upgrades-widget h2 { display:none;
}

#life-upgrades-widget {  
	background: url(../images/life-upgr-box.png) no-repeat;
	padding-top:47px;
	min-height:323px;
  margin-bottom:0px;
  padding-top:0px;
}

.lifeupgrades-widget-whitediv {
	background:white;
	margin-top:44px;
	min-height:313px;
}


.left-white-boxbottom-305 { 
    float:left;
	background: url(../images/white-boxbottom-305.png) no-repeat left top;
	padding:0px;
	  width:305px;
	margin:0px 11px 10px 0px;
}

.right-white-boxbottom-305 { 
  float:right;
	background: url(../images/white-boxbottom-305.png) no-repeat left top;
	padding:0px;
	  width:305px;
	margin:0px 0px 10px 0px;
}

#life-upgrades-widget p { 
	line-height: 22px;
	margin-left:20px;
	width:auto;
}

#life-upgrades-widget h3 {
	font-family: Arial, "Helvetica Neue", Helvetica, Verdana;
    font-size: 16px;
    font-weight:normal;
    margin-left:20px;
    width:268px;
}

#life-upgrades-widget .read-more {
	margin-left:20px;
	margin-bottom:0px;
	padding-bottom:0px;
}


#life-upgrades-widget .featured-image {
    float: right;
    margin: 0 10px 10px 10px;
}

/* Plug into the web */

.main-blocks .blogs ul li{
    margin:10px 0;
    padding:0px;
}

.main-blocks .blogs .zebra {
    margin:0;
    padding:10px 5px;

}



body.blue .main-blocks .selectors{}



.main-blocks .selectors li {
 
}

.main-blocks .selectors .selected{
    background-color:#6cb1d4;
    color:#fff;
}

body.blue .main-blocks .selectors .selected, body.blue .main-blocks .selectors a:hover, body.purple .main-blocks .selectors .selected, body.purple .main-blocks .selectors a:hover, body.orange .main-blocks .selectors .selected, body.orange .main-blocks .selectors a:hover, body.teal .main-blocks .selectors .selected, body.teal .main-blocks .selectors a:hover {background-color:#789de0;}

.main-blocks .selectors a{
}

.main-blocks .blogs .selectors .filter-family,
.main-blocks .blogs .selectors .filter-personal {
    width: 95px;
}

.main-blocks .blogs .selectors .filter-entertainment {
    width: 100px;
}

.main-blocks .blogs .selectors .filter-family a{
    -moz-border-radius-bottomleft:5px !important;
    -webkit-border-bottom-left-radius:5px !important;
}

.main-blocks .blogs .selectors .filter-personal a{
    -moz-border-radius-bottomright:5px !important;
    -webkit-border-bottom-right-radius:5px !important;
}


.main-blocks .selectors a:hover{

}


/* Top 10s */

#top10-widget h2 {
    display:none;
}

#top10-widget {  
	background: url(../images/top-10-lists2.png) no-repeat left top;
	padding-top:0px;
	margin-bottom:0px;
	clear:both;
}

.top10-widget-whitediv {
	
	margin-top:44px;
	min-height:313px;
	margin-bottom:0px;
	padding-bottom:0px;
}

#top10-widget h3 {
	font-family:  Arial,"Helvetica Neue", Helvetica, Verdana;
	font-size: 17px;
	padding-top:6px;
    font-weight:normal;
    margin-left:10px;
    width:268px;
}

#top10-widget p {  
	margin-left:20px;
    width:268px;
    color:#474646;
}

#top10-widget .read-more {
	margin-left:20px;
	margin-bottom:0px;
}

.top10-item { margin-bottom: 15px; }

ul.block-list  { 
	margin-bottom:0px;
	padding-bottom:0px;
 }

.block-list { 
	clear: both; 
	margin-top:10px; }

#top10-widget .block-list { padding-top:4px; }

#top10-widget .block-list li a {
    display: block;
    padding: 8px 0px 4px 20px;
    color: #fff;
}

#top10-widget .block-list li  {
   background: url(../images/top-10-dot.png) no-repeat 10px 17px;	
}


#top10-widget .block-list li.view-all  {
   background: none;	
}

#top10-widget .block-list li a:hover {  text-decoration:underline;}

body.blue #top10-widget .block-list li a:hover, body.purple #top10-widget .block-list li a:hover, body.orange #top10-widget .block-list li a:hover, body.teal #top10-widget .block-list li a:hover{ text-decoration:underline;}


/* Tweets Landing --------------------------------- */

#tweets #tabs ul li{float:left;}

#tweets #tabs ul{float:none;clear:both;}

#tweets #tweet-list {margin-top:30px;float:none;clear:both}

#tweets #tabs ul li a{
    display:block;
    padding:5px 15px;
    background-color:#ccc;
    color:#555;
    margin-right:20px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#tweets #tabs ul li a:hover, #tweets #tabs ul li.selected a { background-color:#7299de; color:#fff !important;}

#tweets #tweet-list ul li .username{margin-right:10px;}

#tweets #tweet-list ul li{margin:15px 0;padding:0 10px;}

#tweets #tweet-list ul li.zebra{margin:0;padding:15px 10px;}

#tweets #tweet-list ul li .date{font-weight:normal;margin:0 5px;}

#tweets #tweet-list ul li .keywords{font-weight:normal;margin:0 5px;color:#999;}

#tweets #tweet-list ul li .response{
    font-size:9px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background-color:#ccc;
    color:#555;
    padding:3px;
    margin:0 5px;
}

#tweets #tweet-list ul li .response:hover{background-color:#7299de;color:#fff !important;}

.loading {
    margin: 50px auto;
    background: url(../images/ajax-loader.gif) top center no-repeat;
    padding-top: 50px;
    text-align: center;
    font-size: 16px;
    color: #999;
    font-style: italic;
}

.tweets .loading {  }


/* Sidebar --------------------------------- */

#beta{
    font-size:13px;
}

#beta h2{
    background: url(../images/sidebar-header.png) no-repeat left top;
    width:300px;
    height:25px;
    color:#555;
    font-size:18px;
    padding:5px 0 0 10px;
    font-weight:normal;
    margin-bottom:10px;
}

body.blue #beta h2, body.purple #beta h2, body.orange #beta h2, body.teal #beta h2 {background-position:0 0px;}

#beta .tweets h2 {
}

body.gold #beta .tweets h2 span {color:#d5b454;}

#beta a.read-more {
    display: block;
    text-align: right;
    margin-bottom: 5px;
}

#beta .category-list,
#beta .month-list {
    width: 140px;
    float: left;
    margin-bottom:10px;
}

#sidebar-amazon {
   
    padding:0px;
    background:#fff;
    margin-top:0px;
    margin-bottom:0px;
    
}

#sidebar-amazon .shop-link,
#ad .shop-link {
    display: block;
    width: 160px;
    height: 33px;
    background: transparent url('/images/button-shop-pcs-2.png') no-repeat left top;
    text-indent: -999em;
	margin: 0px auto 0px auto;	
}

/* Subscribe */

#subscribe{
    background: url(../images/community-box.png) no-repeat left top;
    width:313px;
    height:66px;
    padding:10px 0 0 0px;
    margin-bottom:7px;
    margin-top:22px;
}

#subscribe ul li {
    float:left;
    margin-top:2px;
}

#subscribe ul li a{
    display:block;
    width:21px;
    height:21px;
    float:left;
	background-position:0 -21px !important;
}

#subscribe ul li a:hover{
    background-position:0 0 !important;
}

#subscribe ul#community .community li {
    float:left;
}

#subscribe ul#community li a:hover{
    background-position:0 0 !important;
}

#subscribe ul#community .community {
    background: url(../images/connect-community.png) no-repeat left top;
    margin-left:56px;
    margin-top:-8px;
}

#subscribe ul#community li a{
    display:block;
    width:38px;
    height:35px;
    float:left;
	background-position:0 -35px !important;
}

#subscribe .twitter{
    background: url(../images/connect-twitter.png) no-repeat left top;
    padding-right:8px;
    margin-left:103px;
}

#subscribe .facebook{
    background: url(../images/connect-facebook.png) no-repeat left top;
    padding-right:8px;
}

#subscribe .rss{
    background: url(../images/connect-rss.png) no-repeat left top;
}

#community-promo { margin-bottom: 5px; }


/* Featured Blog */

#featured-blogger { 
	background: url(../images/featured-blogger-box.png) no-repeat left top;
	padding-top:40px;
	padding-left:15px;
	padding-bottom:3px;
	margin-bottom:0px;
	margin-top:6px;
}

#featured-blogger a.read-more {
	color:#fff;
	text-align: left;
	margin-bottom:0px;
	padding-bottom:0px;
}

#featured-blogger .read-more a:hover {
	color:#fff;
	text-align: left;
	text-decoration:underline;
}

#featured-blogger h3 { 
	font-size: 16px;
	color:#fff;
	 }
	 
#featured-blogger h3 a { 
	color:#fff;
	 }


#featured-blogger p { 
	line-height: 20px; 
	color:#474646;
	width:auto;
	font-size:13px; }

#featured-blogger .featured-image {
    margin: 6px 10px 10px 10px;
    padding-bottom:10px;
    float:right;
}

/* AD */

#ad {
    margin-bottom: 15px;
    background:#fff;
    padding-top:0px;
    padding-left:0px;
    padding-right:2px;
    padding-bottom:6px;
    clear:both;
}

#home #ad, #personal-home #ad, #family-home #ad, #entertainment-home #ad {
	margin-top:-1px;
    margin-bottom: 15px;
    background:#fff;
    padding-top:0px;
    padding-left:0px;
    padding-right:2px;
    padding-bottom:6px;
    clear:both;
}

.main-blocks #ad {
    margin-bottom: 15px;
    width:304px;
    padding-top:4px;
    padding-left:2px;
    padding-bottom:6px;
        clear:both;
}

#AdZone  {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:20px;
	height:250px;
}

/* QA */

#qa-widget {
	background: url(../images/question-answer-box.png) no-repeat left top;
    width:313px;
    padding-top:35px;
    padding-bottom:2px;
    margin-bottom:0px;
    margin-top:10px; 
  
}

#qa-widget p{
    font-size:13px;
    line-height:22px;
    clear:both;
    color:#474646;
    padding-top:0px;
    padding-bottom:10px;
    margin:0px 0px 0px 16px;
}


body.blue #beta #qa-widget .answer, body.purple #beta #qa-widget .answer, body.orange #beta #qa-widget .answer, body.teal #beta #qa-widget .answer {
	margin-left:20px;
	font-size:14px;
	color:#fff;
	}

#beta #qa-widget .answer:hover{
	font-size:14px;
	color:#fff;
	text-decoration:underline;
}

/* Tweets Sidebar */

#beta .tweets {
	background: url(../images/twitterbox.png) no-repeat left top;
	float:none;
	width:300px;
	margin-bottom:0px;
	}
	
#beta .tweet-boxbottom-306 { 
	background: url(../images/tweet-boxbottom-300.png) no-repeat left top;
	padding:0px;
	width:300px;
	margin:0px 0px 0px 0px;
	clear:both;
}

.tweets {
	background: url(../images/twitterbox.png) no-repeat left top;
	width:300px;
	}

#beta .tweets p, #beta .tweets #the-tweets li {
   margin-top:10px;
    padding:0px;
}

#beta .tweets #the-tweets li { list-style-type: none; }

#beta .tweets #the-tweets li span{
    font-weight:bold;
    padding-right:0px;
}

#beta .tweets #the-tweets li span a { text-decoration: none; font-weight: bold; }

#beta .tweets .zebra {
    text-align:left;
    margin:0;
    padding: 5px;
}

#beta .tweets .read-more{
    color:#fff;
    text-align:left;
    margin-top:10px;
    margin-bottom:0px;
    padding-bottom:10px;
    margin-left:15px;
}

.main-blocks .tweets .read-more{
    color:#fff;
    margin-top:10px;
    padding-bottom:5px;
    margin-left:15px;
    text-align:left;
}

#beta #community-cta {
    margin-bottom: 15px;
}

/* Entry Widgets */

.entry-widget {
	background: url(../images/archives-box.png) no-repeat left top;
    margin-bottom:0px;
    margin-top:20px;
    clear: both;    
}

.entry-widget ul li{
    padding:5px 10px;
}

.entry-widget li a {
  color:#fff;
}

.entry-widget ul {
      padding-top:35px;
      padding-left:7px;
}


.entry-widget ul li span a{
    width:70%;
    display:block;
    float:left;
    color:#fff;
}

.entry-widget-top10 {
	background: url(../images/top-10-lists.png) no-repeat left top;
      margin-bottom:0px;
    clear: none;
  
}

#home #beta-inner .blue-boxbottom-313 { 
	background: url(../images/blue-boxbottom-300.png) no-repeat left top;
	padding:0px;
	margin:0px 0px 20px 0px;
	height:6px;
	clear:both;
}

#beta-inner .blue-boxbottom-313 { 
	background: url(../images/blue-boxbottom-300.png) no-repeat left top;
	padding:0px;
	margin:0px 0px 20px 0px;
	height:6px;
	clear:both;
}

#beta-inner .white-boxbottom-313 { 
	background: url(../images/white-boxbottom-313.png) no-repeat left top;
	padding:0px;
	height:5px;
	margin:0px 0px 0px 0px;
	clear:both;
}

#beta-inner .white-boxbottom-300 { 
	background: url(../images/white-boxbottom-300.png) no-repeat left top;
	padding:0px;
	height:5px;
	margin:0px 0px 0px 0px;
	clear:both;
}

#beta-inner .white-boxtop-313 { 
	background: url(../images/white-boxtop-313.png) no-repeat left top;
	padding:0px;
	height:6px;
	margin:0px 0px 0px 0px;
	clear:both;
}


.entry-widget-top10 ul {
    padding-top:35px;
    padding-left:7px;
}

.entry-widget-top10 ul li{
    padding:5px 10px;
}

.entry-widget-top10 li a {
  color:#fff;
}

.entry-widget-top10 ul li span a{
    width:70%;
    display:block;
    float:left;
    color:#fff;
}

#beta .entry-widget-top10 .read-more  {
	text-align: left;
 	padding-left:20px;
	color:#fff;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:0px;

}

 #ad-amazon { 
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}



/* Footer --------------------------------- */

#footer {
	clear: both;
	height:43px;
	width:953px;
	margin-bottom:60px;
	margin-left:-3px;
	background: url(../images/new-footerbar.png) no-repeat;
	font-weight:normal;
}

#footer-inner {
	margin: 0 0px;
	padding:0px;
	text-align:center;
	font-weight:normal;
}

#footer-curves {
	height:0px;
}

#footer ul {
  margin-top:8px;
  margin-left:17px;
  float:left;
}

#footer ul li{
    display: inline;
  	padding-left:12px;
	background-image:url(../images/footer-dot.gif);
	background-repeat:no-repeat;
	background-position:1px 4px;
}

#footer ul li.first{
 	background-image:none;
}

#footer a{
	font-weight:normal;
    color:#fff;
    text-decoration:none;
}

#footer a:hover{
    color:#fff;
    text-decoration:underline;
}

/* TEMP --------------------------------- */

/* Shopping Widget */

#beta #shopping{
    width:300px;
    height:150px;
    background-color:#f3f3f3;
    color:#595959;
    font-size:26px;
    font-weight:bold;
    padding-top:100px;
    text-align:center;
    margin:20px 0;
    line-height:28px;
}


/* UTILITY --------------------------------- */
.hidden { display: none; }


/*-------------> BAROUSEL */
.barousel
{
    position:relative;
    margin-bottom:0px;
    background:url(../images/bg_banner.gif) repeat 0 0;
    width:624px;
    height:258px;
    border-top:0px solid #000;
}

.barousel_image
{
    position:absolute;
    z-index:10;
    width:624px;
    height:258px;
}

.barousel_image img
{
    position:absolute;
    display:none;
}

.barousel_image img.default
{    
    display:block;
}

.barousel_image img.current
{
    z-index:10;
}

.barousel_image img.previous
{
    z-index:5;
}

.barousel_content
{
    position:relative;
    float:left;
    padding:4px 18px 0 18px;    
    z-index:50;
    background-color:#f4f3f2;
    color:#222;
    width:466px;
    height:67px;
	top:187px;
    bottom:20px;
    left:0px;
    filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}



.barousel_content div
{
    display:none;    
}

.barousel_content div.default
{
    display:block;    
}

.barousel_content p
{
   font-family:  Arial,"Helvetica Neue", Helvetica, Verdana;
    font-size:13px;
	color:#444444;
    line-height:18px;
    font-weight:lighter;
    overflow: hidden;

}

.barousel_content h1 {
	font-weight:normal;
    font-size:24px;
    line-height: 20px;
    margin-top:2px;
    margin-bottom:5px;
    margin-left:0px;
}

.barousel_nav
{
    top:187px;
    position:relative;
    float:right;
	padding-top:26px;
	padding-right:12px;
    height:45px;    
    background:#f4f3f2;
    bottom:0;
    z-index:20;
  	 width:110px;

     filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

.barousel_nav .counter
{    
    float:right;
    font-size:0.75em;
    color:#fff;
    margin:0px;
}

.barousel_nav ul
{
    float:left;
    padding:0;
    padding-top:0px;
    padding-right:0px;
    margin:0;
}

.barousel_nav li
{
    float:left;
    padding-left:3px;
    font-size:0;
    line-height:0;
    list-style:none;
}

.barousel_nav li a
{
    display:block;
    width:15px;
    height:14px;
    background-color:none;
    font-size:0;
    line-height:0;
    text-decoration:none;
       background: url(../images/nav-circle.gif) no-repeat left top;
}

.barousel_nav li a:hover
{
    background: url(../images/nav-circle-hover.gif) no-repeat left top;
}

.barousel_nav li a.current
{
background: url(../images/nav-circle-active.gif) no-repeat left top;
}

.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}

#comments-open h3 { 
	font-size:1.2em;
	font-weight:200;
	color:#999999; }
	
.comment-data a:link {color:#323232; }

.comment-datetime a:link {color:#999999; }

.linkwithin_text { 
	font-size:1.2em;
	color:#999999; }
	
#linkwithin_logolink_0 { display:none;}

.morelink {  
	float:left;
	font-size:24px;
	margin-top:14px;
	margin-bottom:15px; }

.morenav { 
	float:right;
	margin-top:14px;}
	
.morenav a { 
	font-weight:bold;
	margin-right:6px; }
	
	/* email newsletter --------------------------------- */


#emailnewsletter {  background: url(../images/email-newsletter.png) no-repeat left top;margin-bottom:0px; padding-top:0px; clear:both;min-height:230px;}
#newsletterspacing {margin-bottom:20px;}
.newsletterform { padding-top:42px;padding-left:15px;}
.newsletterfields {text-align: right; padding-right:5px;margin-top: 10px; margin-bottom: 0px;width:270px; }
.joinnow {margin-top:15px;margin-left:2px;margin-bottom:8px; }
.verticalr {color: #333333;font-style:italic;font-size:12px; }
.lastname {height:15px;margin:0px;width:110px;padding:3px; }
.lastnamediv { float:left; margin-left:20px;}
.firstnameinput {height:15px;width:110px; padding: 3px;margin:0px; }
.emailinput { width:260px;height:20px;}

/* wirecutter widget --------------------------------- */


#wirecutter-widget {  background: url(../images/wirecutter-boxtop.png) no-repeat left top;margin-bottom:0px; padding-top:60px; clear:both;min-height:230px;}
#wirecutter-widget ul.block-list {width:290px;	margin-bottom:0px;padding-bottom:0px;clear: both; 
	margin-top:10px; }
#wirecutter-spacing {margin-bottom:20px;}
#wirecutter-widget h3 {
	font-family:  Arial,"Helvetica Neue", Helvetica, Verdana;
	font-size: 18px;
	color:#444;
	padding-top:6px;
    font-weight:bold;
    margin-left:10px;text-align:center;
    width:268px;
}

#wirecutter-widget  .block-list li a {
    display: block;
    padding: 8px 0px 4px 20px;
    color: #333;
}

#wirecutter-widget  .block-list li  {
  background: url(../images/wirecutter-dot.png) no-repeat 10px 17px;	
}

#wirecutter-widget  .block-list li.view-all  {
   background: none;	
}

#wirecutter-widget  .block-list li a:hover {  text-decoration:underline;}

#wirecutterbanner { margin-bottom:10px;margin-top:-10px;}

/* get the scoop button  --------------------------------- */
#scoopbutton {width:300px;margin-bottom:20px; }

/* video widget  --------------------------------- */
.thumbcontainer {margin-left:5px; margin-right:12px;float:left;width:120px;}
.thumbcontainer img { width:120px;}
.linkcontainer {float:left;width:120px;}
.linkcontainer a, .linkcontainer a:visited { color:#ffffff; }
.videoitem {width:270px; clear:both;padding-bottom:12px;min-height:72px; }
.videothumbs {  margin-left:10px;margin-top:0px;padding-top:15px;background-color:#80a2d1;width:280px;background: url(/styles/images/bluebox-darker.png) no-repeat left top;}
.videowidget { min-height:200px;z-index:-100; }