@charset "UTF-8";
/* CSS Document */

/*
Theme Name: MGSA Theme
Theme URI: http://www.mgsacquiescence.com/
Description: Custom Wordpress theme for the Metal Gear Solid: Acquiescence web sites.
Version: 1
Author: Tam Cao
Author URI: http://www.tamcao.com/
*/

@import "../css/global_mgsa.css";

/*=== mainportfolioPage LAYER ===*/
img {border:0px;}

.thumbnailbox {
	width: 213px;
	height:145px;
	margin-bottom:14px;
	margin-left:10px;
	float:left;
	background: #161616;

}
.thumbnailbox a {
	display: block;
	position: relative;
	color: #00f;
	text-decoration: none;
	padding:10px;
	text-align:center;
}
/* aiuta IE/Mac (rel lh) \*//*/
.linkinside {
	display: block;
}
/**/
.thumbnailbox a:hover {
	color: #c00;
	background-color:#DDDEE0;
	 /* IE */
}


a .pop { display: none;}

a:hover .pop {
	display: block;
	position: absolute;
	top: 9px;
	left: 149px;
	
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
padding: 6px;
margin-left:20px;
float:left;
width: 900px;

}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a:visited{
padding: 0 5px;
text-decoration: none; 
color: #fff;
padding: 10px 28px 10px 28px;
}

.pagination a{
padding: 10px 28px 10px 28px;
text-decoration: none; 
color: #fff;
background-color:#161616;
font-family:Arial, Helvetica, sans-serif;

}

.pagination a:hover, .pagination a:active{
color: #161616;
font-weight:bold;
background-color: #fff;
background: url(../pagepics/img-pagination-bgover.jpg) repeat-x;
padding: 10px 28px 10px 28px;
}

.pagination a.currentpage{
	background-color: #FFF;
	color: #161616 !important;
	font-weight: bold;
	cursor: default;
	background: url(../pagepics/img-pagination-bgover.jpg) repeat-x;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #161616;
	border-color: #FFF;
	font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
background-color:#FFF;
}



/*subnav layers*/
#subnavcontainer { margin:0 auto; padding:0; width:944px; height:92px;
	
	}

#subnavtop {width:944px; height:10px; border-top:1px solid #818181; background: url(../pagepics/img_picture_topnavbg.jpg) repeat-x;}
#subnavmenucontainer {height:81px; width:944px;}
#subnavmenucontainer a { height:81px; display:block;}
#subnavmenucontainer li span{display:none;}
#subnavmenucontainer li {margin:0; list-style:none;  float:left;}

#subnavmenucontainer a.current,
#subnavmenucontainer a:hover {background-position:0 -81px !important;position:relative;}
/* this is to make sure the link is on hover state when hovering over it*/
#subnavmenucontainer a.current {z-index:99;}
#subnavmenucontainer #prepro {width:318px;background:url(../pagepics/img_pictures_prepro.jpg);}
#subnavmenucontainer #pro {width:308px;background:url(../pagepics/img_pictures_pro.jpg);}
ul li #othernav {width:318px; height:81px; background:url(../pagepics/img_picture_bgre) repeat-x;}