@charset "UTF-8";

/* Home Page */

a { outline:none; }

#home .left-col {overflow:hidden;padding-left:0px;width:640px;position:relative;}
#home .right-col {overflow:hidden;width:310px;}

#home .features h3{ background:url(../images/home-hdrs.png) 0 -72px no-repeat; }
#home .editor h3{ background:url(../images/home-hdrs.png) 0 -108px no-repeat; }
#home .article-details h3{ background:url(../images/hdr-editors-update.gif) 0 0 no-repeat; width:114px; overflow:hidden; text-indent:-999px}

.story-block .thumb { width:172px; height:172px; padding:7px;
					  background:url(../images/home_thumb_bg.gif) 0 0 no-repeat;
					  overflow:hidden;}

.story-block .thumb a { display:block; width:172px; height:172px; background-position:50% 50%; background-repeat:no-repeat; }

.story-block .footer { position:absolute; bottom:5px; left:5px; width:178px; color:#a0a0a0; font-size:10px; background-color:#fff;}
.story-block .footer span a { position:absolute; bottom:0; right:0; display:block; color:#B3025A; }

.article .thumb { display:inline; float:left; width:200px; height:275px; padding:7px;
				  background:url(../images/home_feature_bg.gif) 0 0 no-repeat;
				  overflow:hidden;}

.article .thumb a { display:block; width:200px; height:275px; background-position:50% 50%; background-repeat:no-repeat; }


/* SEE http://www.brunildo.org/test/img_center.html */
/*
.story-block .thumb div.clip { 
    width: 172px;
    height: 172px;
	overflow:hidden;
}
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 172px;
    height: 172px;
	overflow:hidden;
}
.wraptocenter * {
    vertical-align: middle;
}
*/
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

.story-container{ clear:left; margin-bottom:15px; overflow:hidden; width:630px; margin-left:10px; }
.story-block  { display: inline; float:left;width:188px; margin:0 10px; position:relative; height:330px; border-bottom:1px dotted #9BA4A9; }
.video-block  { display: inline; float:left; margin:0 13px 0 10px; width:393px; height:330px;  border-bottom:1px dotted #9BA4A9;}
.reviews-block{ display: inline; float:left; margin:0 3px 0 10px; width:403px; height:330px; border-bottom:1px dotted #9BA4A9;}

.story-block h3, .video-block h3,  .reviews-block h3, .article-details h3{ height:18px;margin:0 0 5px 0; }

.story-block h4{ background:url(../images/bg-story-hdr.gif) bottom left repeat-x;
				 height:35px; 
				 padding:5px 5px 0 5px; 
				 margin:0 5px 5px 5px;
				 font-size:14px; 
				 line-height:14px; }

.story-block h4 a { color:#044C5B;}
.story-block h4 a:hover { color:#0F8299; }
.story-block a { color:#116DB0;}

.story-block p{ margin:0 5px 10px 5px; color:#666;}

.reviews-group{ width:403px;background:url(../images/bg-reviews-btm.gif) 0% 100% no-repeat; }
.reviews-group .inner{ overflow:hidden; background:url(../images/bg-reviews.gif) top left no-repeat; width:368px;padding:35px 0 10px 35px; }

.reviews-group .product { float:left;width:100px;margin-right:15px; }

.reviews-group .product p { color: #999; margin:3px 0}
.reviews-group .product a {
	font-size: 11px;
	font-weight: normal;
}

.reviews-group .product .thumb{ 
	margin-bottom:10px; 
	background-color:#FFFFFF;
	border:1px solid #EFF2F2;
	height:80px;
	margin-bottom:8px;
	padding:9px;
	position:relative;
	text-align:center;
	width:80px;
}

.reviews-group .icon-fave {
	bottom:-20px;
	position:absolute;
	right:-3px;
}
.reviews-group img {
	vertical-align:middle;
}

.reviews-group span {
	color:#B3025A;
}

.reviews-group .product span a {
	color:#B3025A;
	font-weight:bold;
}

.reviews-tout { margin:10px; color:#666; font-size:11px; }
.reviews-tout a { color:#116DB0; }

#editor_updates { width:640px; height:377px; background:url(../images/editor-updates-bg.gif); margin-bottom:15px;}
#editor_updates h3 { margin:6px 0 7px 10px; }
#editor_updates .today { width:323px; height:377px; float:left; position:relative; z-index:0}
#editor_updates .previous { width:317px; height:377px; float:left; }
#editor_updates .previous h3 { margin:6px 0 7px -1px; }

#editor_updates .today .image {
	overflow:hidden;
	width:323px; 
	height:345px; 
}

#editor_updates .today .image img {
	width:322px;
}

#editor_updates .today .date {
	position:absolute;
	right:10px;
	bottom:354px;
	color:#c0c0c0;
	font-size:10px;
}

#editor_updates .today .more {
	position:absolute;
	bottom:20px;
	right:5px;
}

#editor_updates .today .more a {
	background:url(../images/read-on.gif);
	height:0;
	padding-top:24px;
	overflow:hidden;
	width:66px;
	display:block;
}

#editor_updates .today .more a:hover {
	background-position:0 24px;
}

#editor_updates .today .comments a {
	position:absolute;
	bottom:5px;
	right:5px;
	color:#F9B;
	font-weight:normal;
}

#editor_updates .today .title h2 {
	font-size:21px;
	line-height:1em;
	background-color:#044C5B;
	color:#fff;
	padding:10px;
}

#editor_updates .today .title span.subheading {
	background-color:#0F8199;
	font-size:15px;
	line-height:17px;
	display:block;
	width:140px;
	margin:-22px 0 0 0;
	color:#fff;
	padding:2px 5px;
}

#editor_updates .today .title a {
	color:#fff;
	text-decoration:none;
	display:block;
	font-weight:normal;
}

#editor_updates .today .title {
	position:absolute;
	bottom:90px;
	width:230px;
	left:0;
}

#editor_updates .today .excerpt {
	position:absolute;
	bottom:0;
	left:0;
	right:1px;
	top:324px;
	background-color:#000;
	color:#fff;
	padding:5px 80px 0 10px;
}

#editor_updates .previous .hover {
	background-color:#fcfcfc;
}

#editor_updates .previous_update .thumb {
	display:inline; 
	float:left;
	margin:0 0 0 10px;
}

#editor_updates .previous_update .thumb img {
	width:44px;
	border:1px solid #DFDFDD;
}

#editor_updates .previous_update .body {
	margin:0 10px 0 66px;
}

#editor_updates .previous_update .body p {
	color:#666;
}

#editor_updates .previous_update .body p a {
	color:#116DB0;
	font-weight:bold;
}

#editor_updates .previous_update .footer { color:#a0a0a0; font-size:10px; position:relative; }
#editor_updates .previous_update .footer span a { position:absolute; bottom:0; right:0; display:block; color:#B3025A; }

#editor_updates .previous_update {
	padding:10px 0;
	border-bottom:1px dotted #AEB7BC;
}

#editor_updates .last {
	border:none;
}

#editor_updates .previous_update h2 {
	margin:0;
	font-size:13px;
}

#editor_updates .previous_update h2 a {
	color:#054D5C;
}

#main-article{ position:relative;
			   background:#ddf0f1 url(../images/bg-main-article2.gif) top left repeat-x;
			   width:627px;height:406px;}

#main-article .article{ width:560px;margin:0 0px 0 13px;padding:20px 20px 15px 20px; overflow:hidden;}
#main-article .article h2 { margin:10px 0; padding-top:10px; line-height:1em; border-top:1px dotted #A8B1B8;}
#main-article .article h2 a { color:#085a6b;font-size:30px; font-weight:normal;line-height:1.1em;}

#main-article .article img{ float:left;margin:0 20px 0 0; }
#main-article .article .article-details{ margin-left:225px; width:330px; position:relative; }

#main-article .article .article-details .post-details{ font-size:10px;position:absolute;right:0;top:4px; color:#979898;}

#main-article .article .article-details .post-details span{ color:#0a5385; }

ul#selector { position:absolute;
			  top:324px;
			  left:33px;
			  width:259px; height:52px; 
			  padding:9px 0 0 14px; background:url(../images/main-story-thumbs.gif) top left no-repeat;}

ul#selector li { float:left;margin-right:4px; }
ul#selector li img { width:45px; height:45px; }

ul#preview{ position:absolute; top:324px; left:300px; }

ul#preview li { background:url(../images/main-story-selector-bg.gif) 0 0 no-repeat; 
				width:252px;
				height:52px; 
				padding:20px 10px 0 30px; }

ul#preview li span{ color:#085a6b; font-size:medium; line-height:1.1em}

#whats_happening {
	width:270px;
	background:#fff url(../images/you-say-bg.gif) no-repeat;
	padding:40px 15px 0 15px;
	margin:5px;
	border-bottom:1px solid #dedede;
}

.happening {
	clear:left;
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:1px dotted #89BEC6;
}

.happening img { width:45px; height:45px; }
.happening p { margin:0 0 0 55px;}
.happening .image { width:45px; float:left; margin:0; }
.happening .date .user { color:#B3025A; }
.happening .content { color:#666; }
.happening .content a { color:#116DB0; }
.happening .action { color:#404040; font-weight:bold; }
.happening .title { margin:2px 0 2px 55px; }
.happening .title a { color:#044C5B; font-weight:bold; font-size:14px; }
.happening .date { color:#a0a0a0; font-size:10px; margin:2px 0 0 55px; }

#say_what {
	width:270px;
	background:transparent url(../images/say-what-bg.gif) no-repeat;
	margin:5px;
	border-bottom:1px solid #dedede;
	padding:49px 15px 0 15px;
}

#say_what h4 {
	color:#404040;
	font-size:11px;
}

#say_what img {
	float:left;
}

#say_what #civic_duty_poll div {
	text-align:right;
}

#say_what label {
	color:#666;
}

#say_what form {
	margin:0 0 15px 75px;
}


#lip_service {
	width:300px;
	height:188px;
	background:transparent url(../images/lip_service_bg.gif) no-repeat;
	margin:5px 0 0 5px;
	padding:62px 0 0 0;
	position:relative;
}

#lip_service h4 {
	margin:0.5em 0;
	font-size:small;
}

#lip_service .tab h4 {
	position:absolute;
	top:31px;
	overflow:hidden;
	width:100px;
	height:0px;
	padding-top:31px;	
}

#lip_service .first h4 {
	left:0;
}
#lip_service .second h4 {
	left:100px;
}
#lip_service .third h4 {
	left:200px;
}

#lip_service .tab .body {
	height:157px;
	padding:15px;
	width:268px;
	border:1px solid #8ABFC7;
	border-width:0 1px 1px 1px;
	background-color:#fff;
	position:absolute;
	top:62px;
	left:0;
	display:none;
}

#lip_service .active .body {
	display:block;
}

#lip_service .poll .body {
	padding-left:120px;
	width:163px;
	background:#fff url(../images/lip_service_poll_bg.jpg) 15px 30px no-repeat;
}

#lip_service .poll h4 {
	background:transparent url(../images/lip_service_tab_poll.gif) 0 0 no-repeat;
}

#lip_service .ask .body {
	padding-left:110px;
	width:173px;
	background:#fff url(../images/lip_service_ask_bg.gif) 10px 50px no-repeat;
}
#lip_service .ask ul {
	margin-bottom:10px;
}
#lip_service .ask h4 {
	background:transparent url(../images/lip_service_tab_ask.gif) 0 0 no-repeat;
}
#lip_service .ask h5 {
	padding-left:20px;
	line-height:18px;
	background:transparent url(../images/icon_prev-questions.gif) 0 50% no-repeat;
}
#lip_service .ask p {
	margin:7px 0;
}
#lip_service .ask p.ask {
	padding-left:25px;
	background:transparent url(../images/lip_service_tab_ask_balloon.gif) 0 0 no-repeat;
	line-height:17px;
	float:right;
}

#lip_service .forums .body {
	width:268px;
}

#lip_service .forums li {
	margin-bottom:3px;
	padding-bottom:3px;
	border-bottom:1px dotted #89bec6;
}

#lip_service .forums p {
	margin:5px 0;
	text-align:right;
}

#lip_service .forums h4 {
	background:transparent url(../images/lip_service_tab_forums.gif) 0 0 no-repeat;
}

#lip_service .active h4 {
	background-position:0 -31px;
}

#editor_updates .title h2 a span.video {
  display: block;
}