/*
Theme Name: INQUIRER.net MooTools-driven styles for Global Nation
Theme URI: http://globalnation.inquirer.net
Description: Styles for elements using MooTools in INQUIRER.net Global Nation
Version: 1.0
Author: Justin Calingasan
Author URI: http://inquirer.net
*/
/*External styles - Mootools slide*/

.nsbox{padding:0;margin:0;}

.buttons{padding:0;margin:0;}
.buttons span{cursor:pointer;}
.info{
	background:#fff;
	position:absolute;
}

#pic_handles{
	padding:10px 0 10px 0;
	margin:0 auto;
	background:#666 url(http://globalnation.inquirer.net/images/v2/pic_handles_bg.gif) top left repeat-x;
	display:block;
	height:60px;
	text-align:center;
}
#pic_handles span{
	padding:0;
	margin-right:5px;
}
#pic_handles span img{
	border-bottom:5px solid #000;
	display:inline;
	opacity:.2;
	filter:alpha(opacity=20);
}
#pic_handles span img:hover{
	opacity:1;
	filter:alpha(opacity=100);
	border-bottom:5px solid #fc0;
}
#pic_handles span.active img{
	opacity:1;
	filter:alpha(opacity=100);
	border-bottom:5px solid #fc0;
	background:#000;
}
/* Mainheadline box*/
.nsboxmainheads{ /*main headline box container*/
	width:640px;
	margin:10px auto 10px auto;
	float:left;
	border-bottom:1px solid #ccc;
}
#regionhandles { /* tab containers*/
	display:block;
	text-align:center;
	margin:0;
	padding:4px 0 3px 0;
	border-bottom:1px solid #ccc;
}
#regionhandles span{ /* tabs default*/
	color:#666;
	padding:3px 10px;
	cursor:pointer;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #666;
	margin:0;
	background:#fff url(http://globalnation.inquirer.net/images/v2/main_tab_inactive_bg.gif) bottom left repeat-x;
}
#regionhandles span:hover{
	background:#fff url(http://globalnation.inquirer.net/images/v2/main_tab_hover_bg.gif) bottom left repeat-x;
}
#regionhandles span.active{
	background:#fff url(http://globalnation.inquirer.net/images/v2/main_tab_active_bg.gif) bottom left repeat-x;
	color:#333;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #666;
	font-weight:bold;
}
#regions{
	position:absolute;
	width:660px;
	padding:0;
	margin-top:0;
}
#regions div.region{
	height:365px;
	float:left;
	width:620px;
	margin:0 auto;
	padding:10px;
	background:#fff;
}

/*more headlines box*/
.nsboxmoreheadlines{ /*main headline box container*/
	width:300px;
	margin:10px 0;
	border-bottom:1px solid #ccc;

}
#headlineslistbox{
	position:absolute;
	width:300px;
	padding:0;
	margin-top:0;
}
#headlineslistbox div#morestories, #headlineslistbox div#mostreadstories{
	height:265px;
	width:280px;
	margin:0 auto;
	padding:10px;
	background:#fff;
	float:left;
}
#headlinehandles { /* tab containers*/
	display:block;
	margin:0;
	padding:4px 0 3px 0;
	border-bottom:1px solid #ccc;
}
#headlinehandles span{ /* tabs default*/
	color:#666;
	padding:5px 10px;
	cursor:pointer;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #666;
	margin:0;
	background:#fff url(http://globalnation.inquirer.net/images/v2/main_tab_inactive_bg.gif) bottom left repeat-x;
	text-transform:uppercase;
	font-size:.9em;
}
#headlinehandles span:hover{
	background:#fff url(http://globalnation.inquirer.net/images/v2/main_tab_hover_bg.gif) bottom left repeat-x;
}
#headlinehandles span.active{
	background:#fff url(http://globalnation.inquirer.net/images/v2/main_tab_active_bg.gif) top left repeat-x;
	color:#333;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #666;
	font-weight:bold;
}
#headlinehandles a{
	background:#666 url(http://globalnation.inquirer.net/images/v2/rss.png) 1px 0px no-repeat;
	padding:1px 2px 0 15px;
	font-size:.75em;
	color:#999;
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
}
#headlinehandles span.active a{
	color:#fff;
}
#headlinehandles a:hover{
	background:#444 url(http://globalnation.inquirer.net/images/v2/rss.png) 2px 1px no-repeat;
	color:#ccc !important;
}

/*Article Box*/
#boxarticle{
	position:absolute;
	width:400px;
	padding:0;
	margin-top:20px;
}
#boxarticle span{
	background:#eee;
	text-align:center;
	float:left;
	width:400px;
	margin:0 auto;
}
#boxarticle span img{
	text-align:center;
	margin:0 auto;
}
#infoarticle{
	bottom:0;
	font-family:Tahoma, Geneva, sans-serif;
	padding:0 5px;
	font-size:10px;
	width:388px;
	height:38px;
	margin:0 0 1px 1px;
}
#articlemediacontrols, #articlehandles{
	font-family:Tahoma,Geneva,sans-serif;
	font-size:.9em;
	font-weight:bold;
}
#articlemediacontrols{
	color:#06c;
	margin-top:2px;
}
#articlemediacontrols span:hover{
	color:#fc0;
}
#articlemediacontrols #nexta{
	margin-left:300px;
}
#articlehandles{
	display:block;
	width:290px;
	margin:-10px 0 0 65px;
	text-align:center;
}
#articlehandles span{
	background:#ccc;
	padding:2px 5px;
}
#articlehandles span.active{
	background:#fc0;
}
/* ********************************** */


.mask_mainheadline{
	position:relative;
	width:638px;
	height:385px;
	overflow:hidden;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:0;
	padding:0;
}
#mask_moreheadlines{
	position:relative;
	width:298px;
	height:235px;
	overflow:hidden;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:0;
	padding:0;
}
.mask_articlemedia{
	position:relative;
	width:400px;
	height:320px;
	overflow:hidden;
	margin:0;
	padding:0;
}

span img{
	display:block;
	border:none;
}