/*FinalFantasyIV.net Default Site Theme*/

/*-- PAGE GLOBAL DEFAULTS --*/
*{margin: 0; padding: 0;}

img{border: 0;}

.left{float: left; display: inline;}
.right{float: right; display: inline;}
.clear{clear: both;}
.block{display: block;}
.inline{display: inline;}
.hide{display: none;}
.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.t-justify{text-align: justify}
.b{font-weight: bold;}
.nb{font-weight:normal;}
.i{font-style: italic;}
.ni{font-style: normal;}
.o{font-style:oblique;}
.u{text-decoration: underline;}
.ol{text-decoration:overline;}
.strike{text-decoration:line-through;}
.super{vertical-align:super; font-size:0.5em;}
.sub{vertical-align:sub; font-size:0.5em;}
.sc{font-variant:small-caps;}
.error{color:Red;}
.warning{color:Orange;}
.fatal{color:Fuchsia;}
.pad-10{padding:10px;}
.70em{font-size:.75em;}

body 
{
    margin: 0 0 30px 0;
    padding: 0;
    background: #355272;
}

h1, h2, h3, h4, h5, h6{padding: 0 15px 0 10px;}

h1, h2, h3, h5, h6{color: #E9EAEC; font-family: Arial, Tahoma, Helvetica, Sans-Serif;}
h4{color: #E9EAEC; font-family: Verdana, Tahoma, Arial, Geneva, Sans-Serif;}

/*Headings*/
h1{font-size:1.3em;}
/*Subtitles*/
h2{font-size:1.0em; margin-bottom:10px;}
h3{font-size:.95em; margin-top:25px;}
h4{font-size:.90em; font-variant:small-caps;}
h5{font-size:.85em;}
h6{font-size:.75em; font-style:italic;}

h1 a:link, h1 a:visited{color:#E9EAEC; text-decoration:underline; font-size:0.9em;}
h1 a:hover{color:#D3C975; text-decoration:underline; font-size:0.9em;}
h1 a:active{color:#DD6875; text-decoration:underline; font-size:0.9em;}

p
{   
   margin: 10px 0 10px 0;   
   padding:0 15px 0 15px;
   font-family: Verdana, Tahoma, Arial, Geneva, Sans-Serif;
   font-size: .80em;
   color: #E9EAEC;
   text-align:justify;  
}

ul
{
	margin: 10px 0 10px 20px;
	padding: 0 20px 0 20px;
	font-family: Verdana, Tahoma, Arial, Geneva, Sans-Serif;
	font-size: .80em;
	color: #E9EAEC;
	text-align:justify;  
}

dl
{
    padding:0 15px 0 15px;
    font-family: Verdana, Tahoma, Arial, Geneva, Sans-Serif;
    color: #E9EAEC;
    font-size: .80em;
    text-align: left;
}
dt{ margin-top:10px; font-weight:bold; }
dd{ margin-bottom:10px; padding-left: 25px; }

.paragraph
{   
   margin: 10px 0 10px 0;   
   padding:0 15px 0 15px;
   font-family: Verdana, Tahoma, Arial, Geneva, Sans-Serif;
   font-size: .80em;
   color: #E9EAEC;
   text-align:justify;  
}

.centered
{   
   margin: 10px 0 10px 0;   
   padding:0 15px 0 15px;
   font-family: Verdana, Tahoma, Arial, Geneva, Sans-Serif;
   font-size: .80em;
   color: #E9EAEC;
   text-align:center;
}

.centered-lean
{   
   margin: -10px 0 -10px 0;   
   font-family: Verdana, Tahoma, Arial, Geneva, Sans-Serif;
   font-size: .70em;
   color: #E9EAEC;
   text-align:center;
}

.unicode{ font-family: Arial Unicode MS, PMingLiU, SimSun, MS Mincho, Sans-Serif; }

a:link, a:visited, p a:link, p a:visited, .paragraph a:link, .paragraph a:visited, .centered a:link, .centered a:visited
{color:#D3C975/*B2AD70*/; text-decoration: none;}
a:hover, a:active, p a:hover, p a:active, .paragraph a:hover, .paragraph a:active, .centered a:hover, .centered a:active
{color:#DD6875; text-decoration:none;}



#wrapper
{
    margin:0 auto; 
    width:800px;
}

/*-- SPLASH PAGE --*/
#splash
{    
    width: 800px;
    color:#E9EAEC;
    text-align:center;
    vertical-align:middle;
}

#splash-image
{
    margin-top:10px;
    font-family: Runic MT Condensed, Verdana, Arial, Geneva, Sans-Serif;
    font-size: 60px;
    text-decoration: underline;
}

#splash-navigation
{
    margin-top:10px;
    color:#E9EAEC;
    font-family: Arial, Tahoma, Helvetica, Sans-Serif;
    font-size:1.0em;
    font-weight: bold;
}
#splash-navigation a:link, #splash-navigation a:visited{color:#E9EAEC; text-decoration:none;}
#splash-navigation a:hover{color:#D3C975; text-decoration:none;}
#splash-navigation a:active{color:#DD6875; text-decoration:none;}

#splash-disclaimer
{
    margin-top: 30px;
    font-family: Verdana, Tahoma, Arial, Geneva, Sans-Serif;
    font-size:8px;
    color:#48709B;
    text-align:center;
}
#splash-disclaimer a:link, #splash-disclaimer a:visited{color:#48709B; text-decoration:underline;}
#splash-disclaimer a:hover, #splash-disclaimer a:active{color:#5583B6; text-decoration:underline;}
 
/*-- HEADER --*/
#header
{
    margin-top:10px;
    width:800px;    
}

#banner
{
    width:800px;
    height:128px;    
    background:#355272;  /*url(images/banner-001b.jpg) no-repeat;*/
    color:#E9EAEC;
    vertical-align:middle;
    font-family: Runic MT Condensed, Verdana, Arial, Geneva, Sans-Serif;
    font-size: 60px;
    text-decoration: underline;
    /*font-weight: bold;*/
}
#banner a:link, #banner a:visited{color:#E9EAEC; text-decoration:none;}
#banner a:hover{color:#D3C975; text-decoration:none;}
#banner a:active{color:#DD6875; text-decoration:none;}

#menu
{
    margin-top: 5px;
    padding:0 15px 0 15px; 
    width:770px;
    font-family: Arial, Tahoma, Helvetica, Sans-Serif;
    font-size:1.0em;
    color:#E9EAEC;
    font-weight:bold; 
    font-variant:small-caps;
}

#menu a:link, #menu a:visited{color:#E9EAEC; text-decoration:none;}
#menu a:hover{color:#D3C975; text-decoration:none;}
#menu a:active{color:#DD6875; text-decoration:none;}

/*-- MAIN CONTENT --*/
#main
{
    width:800px;
}

/*- Content Column -*/
.content-top
{
    background: #355272 url(images/content-top.gif) no-repeat;
    width:625px;
    height:30px;
}
.content
{
    background: #4D77A5 url(images/content.gif) repeat-y;    
    width:620px;
}

.content hr{height:2px; color:#E9EAEC; border-style:solid; margin:15px 7% 15px 7%;}

/*Biography*/
.bio-banner
{
    color: #E9EAEC; 
    font-family: Arial, Tahoma, Helvetica, Sans-Serif;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: underline;
    text-align:center;
}
.bio-vitals
{
    position:absolute;    
    float:left;
    margin: 50px 0 10px 0;   
    padding:0 15px 0 15px;
    font-family: Verdana, Tahoma, Arial, Geneva, Sans-Serif;
    font-size: .80em;
    color: #E9EAEC;
    text-align:justify;
    vertical-align:middle;
}
.bio-image
{
    float:right;
    height:300px;
    text-align:right;
    margin: 10px 0 10px 0;
    padding:0 15px 0 15px;
    vertical-align:bottom;
}

/*Country*/
.country-image
{
    color: #E9EAEC; 
    font-family: Arial, Tahoma, Helvetica, Sans-Serif;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: underline;
    text-align:center;
    margin-bottom: 10px;
}
.country-data
{    
    padding:0 15px 0 15px;
    font-family: Verdana, Tahoma, Arial, Geneva, Sans-Serif;
    font-size: .80em;
    color: #E9EAEC;
    text-align:justify;
}
.country-map
{    
    float:left;
    width: 200px;
    font-family: Verdana, Tahoma, Arial, Geneva, Sans-Serif;    
    color: #E9EAEC;
    font-size: .90em;
    font-weight: bold;
    text-align:justify;
    padding:0 5px 0 15px;
}
.country-geography
{
    float:right;
    width: 375px;
    font-family: Verdana, Tahoma, Arial, Geneva, Sans-Serif;    
    color: #E9EAEC;
    font-size: .80em;
    text-align:justify;
    padding:0 15px 0 5px;
}

.content-bottom
{
    background: #355272 url(images/content-bottom.gif) no-repeat;
    width:625px;
    height:25px;
}

/*- Navigation Column -*/
.navigation-top
{
    font-family: Arial, Tahoma, Helvetica, Sans-Serif;
    background: #355272 url(images/navigation-top.gif) no-repeat;
    padding-top:12px;
    width:175px;
    height:18px;
    text-align:center;
    vertical-align:baseline;
}
.navigation
{    
    background: #4D77A5 url(images/navigation.gif) repeat-y;
    width:175px;
    font-family: Arial, Tahoma, Helvetica, Sans-Serif;
    font-size:.85em;
    font-weight: bold;
}
.navigation a:link, .navigation a:visited{color:#E9EAEC; text-decoration:none;}
.navigation a:hover{color:#D3C975; text-decoration:none;}
.navigation a:active{color:#DD6875; text-decoration:none;}

.nav-links
{
    padding:0 10px 0 10px;
}
.navigation-bottom
{
    background: #355272 url(images/navigation-bottom.gif) no-repeat;
    width:175px;
    height:25px;
}



/*-- FOOTER --*/
#footer
{
    padding: 10px;
    width:770px;
    font-size:8px;
    color:#48709B;
    text-align:left;
}
#footer hr
{    
    color:#355272;
    border-style:solid;
    width:90%;
    height:2px;
}

.site-power
{
    width:185px;
}

.site-disclaimer
{
    width:572px;
}
.site-disclaimer a:link, .site-disclaimer a:visited{color:#48709B; text-decoration:underline;}
.site-disclaimer a:hover, .site-disclaimer a:active{color:#5583B6; text-decoration:underline;}