/*  
Theme Name: Fresh Mint
Theme URI: http://www.ffcompilation.co.uk
Description: Made excluseively for Final Fantasy Compilation. Made in Photoshop and Sliced, then Hand Coded in Frontpage and Notepad using XHTML 1.0 Strict and CSS.
Version: 12
Author: Luke Burroughs
Author URI: http://luke.ffcompilation.co.uk/wp/
*/


/*--------------------------------------------------------------------------------------------------------------
  Global Styles
--------------------------------------------------------------------------------------------------------------*/
body {
	margin: 0;
	bottom-margin:0;
	padding: 0;
	background: url('bkg.jpg') repeat;
	font: 11px, "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
	text-align: center;
	color: #fff;
	text-align: justify;
}

*::-moz-selection {
	background-color:#9CDF00;
	color:#fff;
}

table, tr, td {
	text-align: left;
	color: #000;
}

a {
	text-decoration: none; 
	color: #fff;
}

p {
	margin-bottom: 10px;
}

.header1 {
	font: 26px, Geneva, Arial, Helvetica, sans-serif;
	color: #B1FF37; 
	text-align: justify;
}

.header2 {
	font: 23px, Geneva, Arial, Helvetica, sans-serif;
	color: #000; 
	text-align: justify;
}

.header3 {
	font: 26px, Geneva, Arial, Helvetica, sans-serif;
	color: #fff; 
	text-align: justify;
}

.header4 {
	font: 26px, Geneva, Arial, Helvetica, sans-serif;
	color: #fff; 
	text-align: justify;
	margin-left: 277px;
}

.green {
	color: #B1FF37;
	text-align: justify; 
}

.white {
	color: #fff;
}

a:link, a:visited, a:active { 
	color: #91EF03;
}

a:hover { 
	color: #000;
}

	
img {
	border: 0px;
	hover color: #B1FF37;
}

*/--------------------------------------------------------------------------------------------------------------
  Image Rollovers
--------------------------------------------------------------------------------------------------------------*/

a:visited .image {
border-color: #fff;
border-style: solid;
border-width: 4px;
margin-right: 12px;
}

a:hover .image {
border-color: #B1FF37;
border-style: solid;
border-width: 4px;
margin-right: 12px;
}

a:active .image {
border-color: #fff;
border-style: solid;
border-width: 4px;
margin-right: 12px;
}

a:link .image {
border-color: #fff;
border-style: solid;
border-width: 4px;
margin-right: 12px;
}

#image-container {
margin-top: 6px;
}	

*/--------------------------------------------------------------------------------------------------------------
  Drop Down
--------------------------------------------------------------------------------------------------------------*/
#top-container {
	background: url('bkg.jpg') repeat left bottom;
}

#toggle-container {
	width: 995px;
	height: 30px;
	margin: 0 auto;
	background: url('bar.PNG') repeat-x top left;
}


.toggle a {
	display: block;
	width: 235px;
	margin-left: auto;
	margin-right: 379px;
	height: 30px;
	background: url('button.PNG') no-repeat left top;
}

#shelf {
	background: url('topbkg.jpg') repeat-x top left;
	position: relative;
	width: 995px;
	height: 170px;
	margin: 0 auto;
	padding-left:3px;
	border-top: 7px solid #B1FF37;
}

*/--------------------------------------------------------------------------------------------------------------
  Navigation Container
--------------------------------------------------------------------------------------------------------------*/

#navcontainer { width: 98%;}

#navcontainer ul
{
margin-left: 0;
list-style-type: none;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color: #fff;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 98%;
border-bottom: 1px solid #fff;
}

#navcontainer a:link
{
color: #7BCB03;
text-decoration: none;
}

#navcontainer a:hover
{
background: url('affy-hover.PNG') repeat-x top left;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color:#fff;
}

*/--------------------------------------------------------------------------------------------------------------
  Game Coverage Container
--------------------------------------------------------------------------------------------------------------*/

#gamecoverage { width: 98%;}

#gamecoverage ul
{
margin-left: 0;
list-style-type: none;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color: #fff;
}

#gamecoverage a
{
display: block;
padding: 3px;
width: 98%;
border-bottom: 1px solid #fff;
}

#gamecoverage a:link
{
color: #7BCB03;
text-decoration: none;
}

#gamecoverage a:hover
{
background-color: #A3FE25;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color:#fff;
}

*/--------------------------------------------------------------------------------------------------------------
  Game Coverage 2 Container
--------------------------------------------------------------------------------------------------------------*/

#gamecoverage2 { width: 96%;}

#gamecoverage2 ul
{
margin-left: 0;
list-style-type: none;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color: #fff;
}

#gamecoverage2 a
{
display: block;
padding: 3px;
width: 96%;
border-bottom: 1px solid #fff;
}

#gamecoverage2 a:link
{
color: #7BCB03;
text-decoration: none;
}

#gamecoverage2 a:hover
{
background-color: #A3FE25;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color:#fff;
}

*/--------------------------------------------------------------------------------------------------------------
  Interactive Container
--------------------------------------------------------------------------------------------------------------*/

#interactivecoverage { width: 98%;}

#interactivecoverage ul
{
margin-left: 0;
list-style-type: none;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color: #fff;
}

#interactivecoverage a
{
display: block;
padding: 3px;
width: 98%;
border-bottom: 1px solid #fff;
}

#interactivecoverage a:link
{
color: #7BCB03;
text-decoration: none;
}

#interactivecoverage a:hover
{
background-color: #A3FE25;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color:#fff;
}

*/--------------------------------------------------------------------------------------------------------------
  Interacitve 2 Container
--------------------------------------------------------------------------------------------------------------*/

#interactivecoverage2 { width: 96%;}

#interactivecoverage2 ul
{
margin-left: 0;
list-style-type: none;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color: #fff;
}

#interactivecoverage2 a
{
display: block;
padding: 3px;
width: 96%;
border-bottom: 1px solid #fff;
}

#interactivecoverage2 a:link
{
color: #7BCB03;
text-decoration: none;
}

#interactivecoverage2 a:hover
{
background-color: #A3FE25;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color:#fff;
}

*/--------------------------------------------------------------------------------------------------------------
  Site Related Container
--------------------------------------------------------------------------------------------------------------*/

#sitecoverage { width: 98%;}

#sitecoverage ul
{
margin-left: 0;
list-style-type: none;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color: #fff;
}

#sitecoverage a
{
display: block;
padding: 3px;
width: 98%;
border-bottom: 1px solid #fff;
}

#sitecoverage a:link
{
color: #7BCB03;
text-decoration: none;
}

#sitecoverage a:hover
{
background-color: #A3FE25;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color:#fff;
}

*/--------------------------------------------------------------------------------------------------------------
  News Post Categories Container 1
--------------------------------------------------------------------------------------------------------------*/

#newscoverage { width: 98%;}

#newscoverage ul
{
margin-left: 0;
list-style-type: none;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color: #fff;
}

#newscoverage a
{
display: block;
background: url('cat-bkg.gif');
padding: 3px;
width: 98%;
border-bottom: 8px solid #202020;
padding-left: 16px;
}

#newscoverage a:link
{
color: #7BCB03;
text-decoration: none;
}

#newscoverage a:hover
{
background: url('cat-hover.gif');
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color:#000;
border-bottom: 8px solid #202020;
padding-left: 16px;
}

*/--------------------------------------------------------------------------------------------------------------
  News Post Categories Container 2
--------------------------------------------------------------------------------------------------------------*/

#newscoverage2 { width: 98%;}

#newscoverage2 ul
{
margin-left: 0;
list-style-type: none;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color: #fff;
}

#newscoverage2 a
{
display: block;
background: url('cat-bkg.gif');
padding: 3px;
width: 98%;
border-bottom: 8px solid #202020;
padding-left: 16px;
}

#newscoverage2 a:link
{
color: #7BCB03;
text-decoration: none;
}

#newscoverage2 a:hover
{
background: url('cat-hover.gif');
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color:#000;
border-bottom: 8px solid #202020;
padding-left: 16px;
}

*/--------------------------------------------------------------------------------------------------------------
  News Post Categories Container 3
--------------------------------------------------------------------------------------------------------------*/

#newscoverage3 { width: 90%;}

#newscoverage3 ul
{
margin-left: 0;
list-style-type: none;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color: #fff;
}

#newscoverage3 a
{
display: block;
background: url('cat-bkg.gif');
padding: 3px;
width: 90%;
border-bottom: 8px solid #202020;
padding-left: 16px;
}

#newscoverage3 a:link
{
color: #7BCB03;
text-decoration: none;
}

#newscoverage3 a:hover
{
background: url('cat-hover.gif');
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
color:#000;
border-bottom: 8px solid #202020;
padding-left: 16px;
}

*/--------------------------------------------------------------------------------------------------------------
  Skill Ratings
--------------------------------------------------------------------------------------------------------------*/
 
#skillcontainer { width: 98%;}

#skillcontainer ul
{
margin-left: 0;
list-style-type: none;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, sans-serif;
}

#skillcontainer a
{
display: block;
padding: 3px;
width: 98%;
border-bottom: 1px dotted #333;
}

#skillcontainer a:link
{
color: #8FE916;
text-decoration: none;
}

#skillcontainer a:hover
{
background-color: #333; color: #fff; repeat-x
}

.top-links_1 a:link {color:#fff;}
.top-links_1 a:visited {color:#fff;}
.top-links_1 { background-image: url('top-link.PNG'); width:29; height:23; color: #fff; text-align: center}
.top-links_2  { background-image: url('top-link2.PNG'); width:29; height:23; text-align: center}
.between-links { background-image: url('b-top-link.PNG'); width:2px; height:23px}
.end-top-links { background-image: url('end-top-link.PNG'); width:44px; height:23px}
.top-links_2 a:link, .top-links_2 a:active, .top-links_2 a:visited { color: #000; text-decoration: none; }
.nav-1 { width:354px; padding-left:4px; vertical-align:top; height:582;}
.nav-shelf { width:100%; background-color:#CEFF87; padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;}
.content {width:620px; padding-right:5px; text-align: justify; background-color:#F7F7F7; vertical-align:top; padding-left:5px; padding-top: 5px; font: 12px, "arial", 'trebuchet ms', arial, helvetica, sans-serif;}
.nav-game { width:45%; background-color:#CEFF87; padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; vertical-align:top;}
.nav-game2 { width:45%; background-color:#CEFF87; padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; vertical-align:top;}
.cat-1 { width: 21%; padding-left: 14px; vertical-align: top;}
.top { width: 33%; text-align:left; vertical-align:top;}
.top-2 { width: 34%; text-align:left; vertical-align:top;}
.top-3 { width: 36%;}
.construct {height:139; background-image: url('s1.PNG'); width:995;} 
.construct-2 { height:23; width:995;}
.link-end {width:65%; background-image: url('top-bar-bkg.PNG');}
.cell-full {width: 100%;}
.b-bar {width: 995; background-image: url('base-bar.PNG');}
.b-cat {height: 35; width: 357px; background-color: #151515;}
.b-cat2 {height: 35; width:635px; background-color: #151515;}
.b-cat3 {width:995; background-color: #1E1E1E; background-image: url('bkg-bottom.jpg'); vertical-align: top;}
.b-cat4 {width: 61%;}
.b-cat5 {width: 3%;} 
.b-cat6 {width: 354px; height: 10;}
.bottom {width: 20%; height: 265; vertical-align:top;}
.bottom_1 {width: 36%; height: 260px; vertical-align:top;}
.bottom_2 {height: 7px; width: 995px; background-color: #B1FF37;}
.bottom_3 {height: 42px; width: 995px;}
#nav-thing {width:100%;}
#nav-thing-2 {width:98%;}
#container-1 {width: 100%}
#container-2 {width: 995; height:341; background-color:#fff; text-align:center;}
#container-5 {width: 995px; height:513; background-color:#fff; text-align:center;}
#container-3 {width: 100%; height: 1;}
#container-4 {width: 356px;}
#b-container {width: 100%;}
#nav-g { width: 98%;}
#nav-g1 { width: 98%;}
#nav-g2 { width: 98%;}
div#center-2 {text-align: center;}
div#center {text-align:center;}
div#left {text-align: left;}
#main {width:100%;}
.main_2 {width: 100%; text-align: center;}


.t-container {width:100%;}
.table-1 {background-color: #E8E8E8; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom: 3px;}
.table-2 {background-color: #fff; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom: 3px;}
.table-3 {background-color: #EFEFEF; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom: 3px; text-align: justify;}
.table-logo {background-color: #fff; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom: 3px; text-align: center;}
.c-profile {background-color: #fff; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom: 3px; text-align: center; width:5%}
.c-profile2 {background-color: #fff; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom: 3px;}
.light-grey {background-color:#F7F7F7; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom: 3px; width:20%;}
.grey {background-color:#F7F7F7; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom: 3px;}
.header_tb {background-color: #fff; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom: 3px; width: 100%;}
.img_content {border-color: #fff; border-style: solid; border-width: 3px; margin: 3px;}

.news { display: block; padding:3px; border 1px: #000; background-color:#fff; border-bottom:1px #E0E0E0 solid; border-right:1px #E0E0E0 solid; border-top:1px #E0E0E0 solid; border-left:1px #E0E0E0 solid;}
.news_misc { display: block; padding:3px; border 1px: #000; background-color:#fff; border-bottom:1px #E0E0E0 solid; border-right:1px #E0E0E0 solid; border-top:1px #E0E0E0 solid; border-left:1px #E0E0E0 solid;}
.news_misc:hover { background-color: #F2FEE0;}
.one { display: block; padding: 5px; border-right:1px #eee solid; border-left:1px #eee solid;}
.one:hover { background-color: #fff; padding: 5px; border-right:1px #E0E0E0 solid; border-left:1px #E0E0E0 solid;}

a.objectChooserLetterConstraint { font-weight:normal; font-size:13px; background-color:#fff; border:1px solid #eee; padding:2px 2px; }
a.objectChooserLetterConstraint:hover, a.objectChooserLetterConstraintOther:hover { font-weight:normal; font-size:13px; background-color:#C4FE4A; color:#fff; border:1px solid #eee; padding:2px 2px; }
a.objectChooserLetterConstraint:active, a.objectChooserLetterConstraintOther:active { font-weight:normal; font-size:13px; background-color:#fff; color:#C4FE4A; border:1px solid #eee; padding:2px 2px; }

h2 { 	
	font-size: 1.5em;
	font-weight: normal;
	color: #75C102;
	text-align: justify;
	margin: 0em;
}

h5 { 	
	font-size: 4.0em;
	font-weight: normal;
	color: #000;
	margin: 0em;
	text-decoration: block;
}

.box-text
	{
	font-size: 1.3em;
	font-weight: normal;
	color: #000;
	margin: 0em;
}


#adsense { 
margin-bottom: 10px;
width: 100%;
height: 255px;
background-image:url(http://www.ffcompilation.co.uk/adsense.jpg);
}

#ads { 
margin-top: 3px;
width: 300px;
height: 250px;
float: right;
}