@charset "UTF-8";
/* 
Theme Name: NewFV
Theme URI: http://hiralove.com/
Description: Customized Theme for Filipino Voices by Jaspal (hiralove.com)
*/

@import url("css/reset.css");
@import url("css/grid.css");
@import url("css/typography.css");
@import url("css/screen.css");
@import url("SpryAssets/SpryTabbedPanels.css");

#main, #main1 {
	background:#fff;
}
#topnav {
	background:#F2F2F2; /*border:2px solid #222; border-top-width:0px;*/
	height:27px; border-bottom:1px solid #CCCCCC; position:relative;
}
.searchbar { position:absolute; top:3px; right:3px; }
.searchbar .screen-reader-text { display:none;}
#topnav ul {
	list-style:none;
	margin:5px 0 0 170px;
	padding:0px;
}
#topnav ul li {
	margin:0px;
	padding:0px;
	display:inline;
}
#topnav ul li a, #topnav ul li a:visited {
	margin:0px;
	padding:0px 5px;
}
#lg {
	position:relative;
}
h1.logo {
	margin:0px;
	padding:0px;
}
.logo {
	position:absolute;
	top:-15px;
	left:55px;
}
#lgrt {
	height:105px;
}
h1 {
	margin:8px 0;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:2px;
}
#hd {
	height:198px;
	overflow:hidden; position:relative;
}

.topdate { position:absolute; top:82px; right:10px; z-index:9999;}

#mainnav ul {
	list-style:none;
	background:url(images/mainnav.jpg) repeat-x;
	margin:0px;
	padding:7px 0 0 0;
	height:26px;
}
#mainnav ul li {
	margin:0px;
	padding:0px;
	display:inline;
}
#mainnav ul li a {
	margin:0px;
	padding:2px 9px 6px 9px;
	color:#fff;
	border:2px solid #1B3962;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	text-transform:uppercase;
	font-size:14px;
}
#mainnav ul li a:hover {
	background:#000;
	border:4px solid #990000;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
}
#mainnav2 ul {
	list-style:none;
	background:#1B3962;
	margin:0px;
	padding:7px 0 0 0;
	height:26px;
}
#mainnav2 ul li {
	margin:0px;
	padding:0px;
	display:inline;
}
#mainnav2 ul li a {
	margin:0px;
	padding:3px 9px 7px 9px;
	color:#fff;
	border:4px solid #1B3962;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	text-transform:capitalize;
	font-size:11px;
}
#mainnav2 ul li a:hover {
	background:#000;
	border:4px solid #990000;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
}
#leftcol {
	overflow:hidden;
}
#feat {
	background:url(images/featurebg-blue.jpg) no-repeat;
	height:254px; margin-top:6px;
}
.box {
	background:none;
	color:#808080; padding:1.5em  1.5em 1.5em 0.4em; margin-bottom:0px;

}
.follow-mashable ul {
	margin:0 -10px 10px 0;
	overflow:hidden;
	width:304px;
}
.follow-mashable li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 10px 0 0;
}
.follow-mashable li a {
	background:transparent url(images/bg-icons.png) no-repeat scroll 0 -67px;
}
.follow-mashable li a {
	display:block;
	height:18px;
	overflow:hidden;
	padding:48px 0 0;
	text-decoration:none;
	width:66px;
}
.follow-mashable {
	-x-system-font:none;
	font-family:arial, helvetica, sans-serif;
	font-size:0.917em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	text-align:center;
	background:url(images/followbg.jpg) no-repeat 0px 6px;
}
.follow-mashable p {
	margin:0 0 1em;
	text-align:center;
}
.follow-mashable li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 10px 0 0;
}
.follow-mashable li a {
	display:block;
	height:18px;
	overflow:hidden;
	padding:48px 0 0;
	text-decoration:none;
	width:66px;
}
.follow-mashable li.twitter a:hover {
	background-position:0 -67px;
}
.follow-mashable li.twitter a {
	background-position:0 0;
}
.follow-mashable li.rss a:hover {
	background-position:-66px -67px;
}
.follow-mashable li.rss a {
	background-position:-66px 0;
}
.follow-mashable li.feedburner a:hover {
	background-position:-134px -67px;
}
.follow-mashable li.feedburner a {
	background-position:-134px 0;
}
.follow-mashable li.facebook a:hover {
	background-position:-202px -66px;
}
.follow-mashable li.facebook a {
	background-position:-202px 0;
}
.follow-mashable li.friendfeed a:hover {
	background-position:-202px -67px;
}
.follow-mashable li.friendfeed a {
	background-position:-202px 0;
}


#ft { border-top:2px solid #0F1C42;}
#ftlinks ul li { font-size:11px;}
#ftlinks h3 { font-size:16px; margin-bottom:10px; padding:20px 0 0 5px; border-bottom:1px solid #CCCCCC; width:200px;}
#ftnav1 ul { margin-top:20px;}
#ftnav2  { margin-bottom:9px;}
#ftnav1 { margin-bottom:12px;} 
#ftnav2 ul , #ftnav1 ul { list-style:none; margin:0; padding:0px; text-align:center; }
#ftnav2 ul li, #ftnav1 ul li{ margin:0px; padding:0px; display:inline; padding:0 12px; border-right:1px solid #ccc  }

div.recentnews h3.alt2{ padding:12px 0 0 5px; font-size:24px;}
.recentposts { margin:0px; padding:0px; list-style:none;}
.recentposts li { margin:0px; padding:0px;}
.recentposts h3 { font-size:13px; font-weight:bold; margin-bottom:3px; padding:0px;}
.recentposts h3 a, .recentposts h3 a:visited{color:#336699;}
.recentposts .span-1, .recentposts .span-7 { margin-bottom:15px;}
.recentposts .span-1 { width:40px;}
.recentposts .span-1 img { text-align:center; margin:0px auto; display:block;}
.recentposts .span-7{  margin-left:10px; width:260px;}
.recentposts p { margin-bottom:0px;}

.morecent { padding: 0 0 0 5px;}

/*single*/
#content { padding:12px 1em 1em 12px;}
#content .entry { clear:both; padding:21px 0 0 0;}
#content h2 { line-height:1.2; margin-bottom:0px;}
#authorimg { padding:4px 0 0;}
#content .span-13  small{ text-transform:capitalize;}
.contentsigleimage { float:right;}
.contentsigleimage { padding:6px 0px 9px 9px;}
.alignleft { float:left; margin:6px 9px 6px 0;}
.alignright { float:right; margin:6px 0px 6px 9px;}
.left { float:left;}
.right { float:right;}

/*Author descp*/
.aboutauthor { overflow:hidden; background:#f4f4f4; border:1px solid #ccc; padding:5px;}
#aboutauthorimg { float:left}
.capitalize { text-transform:capitalize;}

ul.related_post { list-style:none; margin:0px;}
ul.related_post li { padding-bottom:12px; overflow:hidden;}
.img_related_post { float:left; width:75px; display:none;}
.text_related_post { float:left; width:472px;}


ul.GuestPost { list-style:none; margin:0.5em;}
ul.GuestPost li { padding:6px 0; border-bottom:1px dotted #ccc;}

/*Comments*/
alignright { float:right;}
alignleft {  float:left;}
.navigation { display:block; padding:6px 0; clear:both; text-align:center;}

#respond textarea { width:99%;}
.comment { background:#f4f4f4; border:1px solid #ccc; overflow:hidden; margin-bottom:12px; padding:9px; overflow:hidden;}

.comment-author { float:left; width:50px; text-align:center;}
.comment-meta { font-family:Verdana, Geneva, sans-serif; font-size:10px; margin-bottom:21px;}
.commenttest { float:left; margin-left:10px;}

cite.fn { font-size:12px; font-family:Verdana, Geneva, sans-serif; font-style:normal; }
cite.fn a, cite.fn a:visited { color:#21759B; text-decoration:underline;}
.reply { clear:both; margin:3px 0px;}
.reply a, a#cancel-comment-reply-link { color:#21759B;}
.reply a  { margin-left:6px;}
ul.commentlist { list-style:none; margin-left:0px; margin-right:0px;}
ul.commentlist ul.children { list-style:none;}
.says { display:none;}
.comment-body p { margin:0 0 9px 0px;}
h3#comments { padding:5px 0 4px 0px; margin-bottom:12px; background:url(images/commentnumberbg.jpg) no-repeat; color:#fff; text-align:center; width:186px;}
h3#comments span { color:#000; padding-left:30px;}
.bypostauthor { background-color:#E2F1FF; border:1px solid #4A8ACA;}
.commenttextbyme { clear:both;}
.commenttextbyme  p { margin-bottom:9px;}
.page-numbers.current { font-weight:bold;}
/*.comment-body, .comment-body p{ float:left;} */

/*comment*/

.center { text-align:center; }
.SinglePageRecentArticles { clear:both; margin-bottom:12px; overflow:hidden;}
.SinglePageComments{ clear:both; margin-bottom:12px;}
.SinglePostImage { width:120px; height:90px; background:#000; overflow:hidden;}
.SingleFVWriter { width:75px; height:75px; background:#000; overflow:hidden; float:left; margin:0 12px 0 0;}
ul.FVwriter { list-style:none; overflow:hidden; margin:0.5em; padding:0px; }
ul.FVwriter li { clear:both; margin:0px; padding:9px 0; border-bottom:1px dotted #ccc; overflow:hidden;}

.FVwriter .category-politics .SingleFVWriter { width:75px; height:75px; background:url(images/logos/politics_logo.jpg) no-repeat; overflow:hidden; float:left; margin:0 12px 0 0;}
.FVwriter .category-business-and-economy .SingleFVWriter { width:75px; height:75px; background:url(images/logos/business_logo.jpg) no-repeat; overflow:hidden; float:left; margin:0 12px 0 0;}
.FVwriter .category-guest-articles .SingleFVWriter { width:75px; height:75px; background:url(images/logos/Guest_Articles_logo.jpg) no-repeat; overflow:hidden; float:left; margin:0 12px 0 0;}
.FVwriter .category-lifestyle .SingleFVWriter { width:75px; height:75px; background:url(images/logos/lifestyle_logo.jpg) no-repeat; overflow:hidden; float:left; margin:0 12px 0 0;}
.FVwriter .category-media .SingleFVWriter { width:75px; height:75px; background:url(images/logos/media_logo.jpg) no-repeat; overflow:hidden; float:left; margin:0 12px 0 0;}
.FVwriter .category-science-technology .SingleFVWriter { width:75px; height:75px; background:url(images/logos/science_tech_logo.jpg) no-repeat; overflow:hidden; float:left; margin:0 12px 0 0;}
.FVwriter .category-society .SingleFVWriter { width:75px; height:75px; background:url(images/logos/society_logo.jpg) no-repeat; overflow:hidden; float:left; margin:0 12px 0 0;}
.FVwriter .category-world-news .SingleFVWriter { width:75px; height:75px; background:url(images/logos/world_logo.jpg) no-repeat; overflow:hidden; float:left; margin:0 12px 0 0;}

.SinglePageComments{ clear:both; margin: 0 3px 12px 0; border:1px solid #999;}
.commentwidget { border:1px solid #fff;  padding:0 10px; }

.SinglePageComments h3 { text-align:center; border-bottom:1px solid #BBBBBB; font-size:1.1em; letter-spacing:0.3em; padding:5px; text-align:center; text-transform:uppercase; font-family:baskerville,'palatino linotype',palatino,georgia,serif; }
.SinglePageComments ul li { list-style:none; margin:0px; padding:6px 0px;  clear:both; display:block; border-bottom:1px dotted #ccc; overflow:hidden;  }
.SinglePageComments ul  { list-style:none; margin:0px; padding:0px; }
.SinglePageComments ul li img { padding:3px 6px 6px 0; float:left;}

/*Archive*/
#contentarchive { padding:12px;}
/*Archive End*/

h2.pagetitle { text-align:center;  letter-spacing:0.3em; padding:5px; text-align:center; text-transform:uppercase; font-family:baskerville,'palatino linotype',palatino,georgia,serif; font-size:1.9em; }
/*.archive_authorimage { float:left; padding:0px 12px 6px 0;}*/
h3.archivetitleh3 { margin-bottom:3px; line-height:1.2;}
.archive_authorimage { padding:4px 0 0;}

.archivecontentouter {background:transparent url(images/divider-title.gif) no-repeat scroll right top;border-top:1px solid #E9E8E8; padding:30px 0;}
.archivereadmore { float:left; margin-right:21px; }
.archivecomment { float:left;  margin-right:21px; position:relative; top:-6px;}
.archivecomment span { background:transparent url(images/comment_count_bg.png) no-repeat scroll left center;
display:inline-block;
font-weight:bold;
padding:6px 0px 8px;
text-align:center;
width:33px;}
.archivedate { float:left;  margin-right:21px;}

/*Share of thoughts*/

h2.lesslineheight { line-height:1.1; font-size:15px; }
.streamofthoughts { padding:1.5em 0 0 1.5em;}
.streamofthoughts p { margin:0px; padding:0px;}
.streamofthoughts h2 { margin-bottom:3px;}
.streamofthoughts .entry { padding-top:12px;}
.streamofthoughts .post { overflow:hidden; padding:0 0 12px 0; border-bottom:1px dotted #ccc; margin:0 0 1.2em;}
/*streamofthoughtsform*/
.streamofthoughtsform { padding:21px 12px 12px 21px;}
.streamofthoughtsform textarea { width:99%; height:100px;}/*streamofthoughtsform*/

ul.commentlistOnthoughts { list-style:none; margin:0px; padding:0px;}
ul.commentlistOnthoughts li img { float:left; margin:3px 3px 0 9px;}
ul.commentlistOnthoughts li { display:block; clear:both; overflow:hidden; padding:9px 0; background:#ECEFF5; margin-bottom:3px;}
/*Share of thoughts*/



/*fvdailypage*/
.fvdailypage { padding:21px 12px 12px 21px;}
.fvdailypage textarea { width:99%;}
.fvdailypage #uploadfiles_inline { height:120px;overflow:hidden; padding:12px;}
form#tdomf_upload_inline_form { background-color:#f4f4f4!important;}

.fvdaily h3 span { font-size:17px;}

.fvdaily h3 {
font-size:24px;
padding:12px 0 0 0px;
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
} 
.fvdailyinner2 { background:#fff; border:1px solid #ccc; overflow:hidden; padding:2px;}
.fvdailyinner3 { background:#0D1E45 url(images/welcomebg-blue.png) repeat-x; padding:12px; color:#CCC;}
.fvdailyinner4 { background: #f2f2f2 url(images/post-bg.png) repeat-x; padding:12px; color:#CCC;}
.fvdailyinner4 { color:#000;}
.fvdailyinner4 img.avatar { padding-top:6px;}
.fvdailyinner4 .recentpostinner { padding: 3px 0; border-bottom:1px dotted #ccc; overflow:hidden;}
.fvdailyinner3 h3 { padding:0px; margin:0px;}
.fvdailyinner3 h3 a, .fvdailyinner3 h3 a:visited { color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:normal; margin:0px 0 3px 0; padding:0px;} 
.fvdailyinner3 a, .fvdailyinner3 a:visited  { color:#fff;}
.quickthoughts { margin-bottom:3px; margin-top:12px;}
/*fvdailypage*/

.videohome object { width:300px;}
.videohome object embed{ width:300px;}

/*GuestArticleOnHome*/

.GuestArticleOnHome { padding-top:12px; overflow:hidden; border-top:2px solid #ccc; margin-top:18px; 
border-bottom:2px solid #ccc; margin-bottom:18px; }
.GuestArticleOnHome h4 { margin-bottom:6px;}
.GuestArticleOnHome h5 { margin-bottom:0px; line-height:1.2;}
.GuestArticleOnHome ul { margin:0px; padding:0px; list-style:none;}
.GuestArticleOnHome ul li{ margin:0px; padding:6px 0;}

.videohome { padding:12px 0 0 0; border-top:2px solid #ccc;}

.tabs1 { margin-top:12px; overflow:hidden; }
.tabs1 h3 { margin-bottom:3px;}

.tabs2 { margin-top:12px; overflow:hidden; }
.tabs2 h3 { margin-bottom:3px;}

.tabs2 .tabslinkseprate{ width:100%; height:9px; border-top:1px dotted #ccc;}
.tabs2 .TabbedPanelsContent a { padding-left:0px; padding-right:3px;}
.tabs2 .TabbedPanelsContent  li { padding:6px 6px; }
.tabs2 .TabbedPanelsContent  li small { display:none;}
.mostcommented7days { padding-left:6px; padding-top:6px; }

.tabs1 .TabbedPanelsContent ul { margin:0px; padding:0px 0 0 6px;}
.tabs1 .TabbedPanelsContent ul li { list-style:none; padding:3px 0px; margin:0px; border-bottom:1px dotted #ccc;}

.leftfeatured { width:279px; overflow:hidden; padding:18px 0 0 19px ; height:213px; float:left;}
.rightfeatured { width: 291px; float:right; overflow:hidden; padding:20px 0px 0 0px;}
.rightfeatured h3 a{ color:#fff; font-weight:bold;}
.rightfeaturedcontent { padding:0 18px 0 0; color:#b3b3b3}

.featlinks a, .featlinks { color:#fff; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
.bigger { font-size:11px;}
.topspace5px { padding:5px 0 0 0;}
.footernavlinks { overflow:hidden; background:#f4f4f4; border:1px solid #ccc; padding:5px; margin-bottom:21px; clear:both;}
.footernavlinks .span-24 { width:948px;}
.tabs1 #TabbedPanels1 { background:#f1f1f1; border:1px solid #D5D5D5;}
.tabs1 .TabbedPanelsContentGroup {
	clear: both;
	/*border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;*/
	border: solid 1px #ccc;
	background-color: #fff;
	margin:3px;
}

.tabs1 .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 3px 0 0 3px;
}

.tabs1 .TabbedPanelsTabSelected {
	background-color: #FFF;
	border-bottom: 1px solid #FAFAFA;
}

/*-------------------------*/
.tabs2 #TabbedPanels2 { background:#f1f1f1; border:1px solid #D5D5D5;}
.tabs2 .TabbedPanelsContentGroup {
	clear: both;
	/*border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;*/
	border: solid 1px #ccc;
	background-color: #fff;
	margin:3px;
}

.tabs2 .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 3px 0 0 3px;
}

.tabs2 .TabbedPanelsTabSelected {
	background-color: #FFF;
	border-bottom: 1px solid #FAFAFA;
}

/*-------------------------*/
.tabs3 #TabbedPanels1 { background:#f1f1f1; border:1px solid #D5D5D5;}
.tabs3 .TabbedPanelsContentGroup {
	clear: both;
	/*border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;*/
	border: solid 1px #ccc;
	background-color: #fff;
	margin:3px;
}

.tabs3 .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 3px 0 0 3px;
}

.tabs3 .TabbedPanelsTabSelected {
	background-color: #FFF;
	border-bottom: 1px solid #FAFAFA;
}

.videocategoryvideo {float:left;
margin:0 10px 10px 0;}
.tabs2 .TabbedPanelsContent li { border-bottom:1px dotted #ccc;}

.noliststyle { list-style:none; margin:0;
padding:0 0 0 6px;}