/*
Theme Name: Final Fantasy World
Theme URI: http://www.finalfantasyworld.co.uk
Version: 5
Author: FFFreak

*/

body {
		margin: 0em;
		text-align: center;
		background:#383A43;
		color:#fff;
		font-family: Tahoma, Verdana; 
		font-size: 11px;
		color: #DEE1F1
}
/* Links */

a:link { 
		color: #DEE1F1
} 
a:active { 
		color: #7C7F90
} 
a:visited { 
		color: #DEE1F1
} 
a:hover { 
		color: #7C7F90
} 
#favlinks {
	width: 550px;
	margin-top: 10px;
 }
#favlinks h2 {
	font: normal 16px Tahoma, Verdana;
	color: #DEE1F1;
	border-bottom: 1px dotted #DEE1F1;
	margin: 0 0 10px 0;
	padding: 0;
}
#favlinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
 }

/* Structures */

#wrapper {
		text-align: center;
		margin: 0px auto;
		padding: 0px;
		border:0;
		width: 800px;
		background: url(images/FFW_Layout_V5_Repeat.jpg) repeat
}

#container {
		margin: 0px;
		text-align: left
}

#header {
		margin: 0 0 0px 0;
		background-image:url(images/FFW_Layout_V5_Header.jpg);
		width: 800px;
		height: 168px
}

#links {
		margin: 0 0 0px 0;
		background-image:url(images/FFW_Layout_V5_Links.jpg);
		width: 800px;
		height: 74px;
		text-align: left;
		text-indent:375px;
		line-height: 40px;
		font-family: Tahoma, Verdana; 
		font-size: 12pt; 
		color: #DEE1F1 
}


#footer {
		clear: both;
		background:url(images/FFW_Layout_V5_Footer.jpg);
		width: 800px;
		height: 91px
}

/* Navigation */

.navigation2 { 
		width: 140;
		margin-left: 22px;
		margin-top: 0px;
		font-family:Tahoma, Verdana;
		font-size:12px
}
.navigation { 
		width: 140;
		margin-left: 0px;
		margin-top: 0px;
		font-family:Tahoma, Verdana;
		font-size:12px
}
.navigation a, .navigation a:link {
		display: block;
		padding: 0px;
		width: 140;
		margin: 0px 0 0px;
		text-align: left;
		font-size:12px
		text-decoration: none;
		color: #DEE1F1
}


.navigation a:hover {
		display: block;
		background-image:url(images/FFW_Rollover.jpg); 
		width: 132px; 
		height: 16px; 
		background-repeat: no-repeat;
		text-decoration: none;
		margin: 0px;
		text-align: center;
		font-size:12px
		padding: 0px;
		color: #7C7F90
}

.arrow {
        background-image: url(images/ArrowD.gif);
		background-repeat: no-repeat;
		width: 13px;
		height: 7px; 
		float: left
}

/* Navigational Columns - Containers */

#left {
		left: 0px;
		width: 170px;
		float: left
}

#right {
		width: 550px;
		text-align: justify;
		float: left;
		padding-left: 44px
}

/* Miscellaneous - stylesheet changer buttons */

#colours{
		position: absolute;
		top: 183px;
		width: 110px;
		height: 27px;
		margin-left: 247px
}
#mogs{
		position: absolute;
		top: 175px;
		width: 90px;
		height: 27px;
		margin-left: 695px
}
.bd02 
  { font-family: Tahoma, Verdana; font-size: 11px; font-weight: bold; color: #FFFFFF; background-image: url(images/FFW_Header_D.gif); background-repeat: no-repeat; height: 24px; width: 450px
  }
  .bd01 
  { font-family: Tahoma, Verdana; font-size: 11px;
  }
  .ch01 { 
  font-weight: bold; 
  background-color: #373944; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 
  3px; font-family: Tahoma, Verdana; font-size: 11px;
  } 
  .ch02 { 
  background-color: #555868; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 
  3px; font-family: Tahoma, Verdana; font-size: 11px;
  } 
  .ch03 { 
  background-color: #636678; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 
  3px; font-family: Tahoma, Verdana; font-size: 11px;
  } 
form {
	margin:0px;
	padding:0px;
}
.post {
	clear: both;
	padding-top: 10px;
}
.post-date {
	width: 45px;
	height: 30px;
	float: left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 4px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}

.post-title {
	float: left;
	border-bottom: 1px dotted;
	margin-left: 10px;
	margin-top: 12px;
	font-size: 16px;
	width: 490px;
}

.entry {
	clear: both;
	padding-top: 10px;
}

.post-cat {
	background: url(images/mini-category.gif) no-repeat left center;
	padding-left: 18px;
	float:left;
	font-size: 95%;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat;
	padding-left: 18px;
	font-size: 95%;
	float: right;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat left center;
	padding-left: 18px;
	float: right;
	font-size: 95%;
}
.post-content {
	clear: both;
	padding-top: 10px;
}
.previous-entries {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}
#comments, #respond {
	border-bottom: 1px dotted;
	padding-bottom: 5px;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
	width: 470px;
}
.commentlist li{
	padding: 5px 10px;
	position: relative;
}
.commentlist .avatar {
	position: absolute;
	top: 5px;
	right: 5px;
	left: 470px;
	border: solid 1px #000000;
	padding: 1px;
}
.commentlist .alt {
	background: ;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	font-weight: bold;
	font-size: 100%;
}
#commentform input{
	width: 153px;
	border: 1px solid;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 500px;
	height: 115px;
	border: 1px solid;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: ;
}
#commentform #submit{
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 1px dotted;
	align: center;
	width: 160px;
	height: 30px;
}
#sidebar {
	float: left;
	padding: 0px 10px 20px 0px;
	width: 140px;
}
#searchform {
	background: url(images/searchform-bg.gif) repeat-x;
	width: 120px;
}
#searchform #s {
	border:1px solid #fff;
	width: 120px;
	height: 22px;
	padding: 2px 5px 0px 5px;
	border: 1px solid #000;
	vertical-align: middle;
}
#searchform #searchsubmit {
	background: url(images/search-btn-bg.gif) no-repeat;
	border: none;
	width: 28px;
	height: 24px;
	font: bold 12px Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
#searchform label {
	font-size: 11px;
}
#sidebar h3 {
	font: normal 140%/100%;
	margin: 10px 0px 5px;
}
.ul-cat {
	list-style: none;
	margin:0px 0px 10px;
	padding:0px;
}
.ul-cat li{
	margin: 0px;
	padding: 2px 0px 2px 10px;
	background: url(images/mini-category.gif) no-repeat left center;
}
.ul-cat li a, .ul-cat li a:visited{
	text-decoration: underline;
}
.ul-cat li a:hover{
	text-decoration: underline;
}
.ul-archives {
	list-style: none;
	margin:0px 0px 10px;
	padding:0px;
}
.ul-archives li{
	margin: 0px;
	padding: 2px 0px 2px 10px;
	background: url(images/mini-monthly-archive.gif) no-repeat left center;
}
.ul-archives li a, .ul-archives li a:visited{
	text-decoration: underline;
}
.ul-archives li a:hover{
	text-decoration: underline;
}
.recent-comments {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 110%;
}
.recent-comments li{
	background: url(images/mini-footer-comments.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.recent-comments a{
	font-size: 105%;
	line-height: 130%;
	font-weight: bold;
}
.recent-posts {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	line-height: 110%;
}
.recent-posts li{
	background: url(images/mini-footer-post.gif) no-repeat;
	padding: 0px 0px 10px 10px;
}
.recent-posts a{
	font-size: 115%;
	line-height: 130%;
	font-weight: bold;
}
#credits {
	margin: 0px auto;
	width: 760px;
	font-size: 85%;
	line-height: 120%;
}
.rss {
	background: url(images/mini-rss.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 10px;
}
.left {
	float: left;
}
img.left, a img.left {
	float:left;
	margin: 4px 10px 5px 0px;
	border: 1px solid;
	padding: 3px;
}
.right {
	float: right;
}
img.right, a img.right {
	float:left;
	margin: 4px 10px 5px 0px;
	border: 1px solid;
	padding: 3px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
img.img_border, a img.img_border {
	border: 1px solid;
	padding: 5px;
}
#content .comment-avatars-deselect-link span {
	font-size: smaller;
	color: #ffffff;
}
#comment-avatars-select-wrapper {
padding: 8px;
width: 488px;
}
#comment-avatars-select-wrapper input {
display: none;
}
#comment-avatars-select-wrapper img,
#comment-avatars-select-wrapper img.nothing {
border: 4px solid #000000;
margin: 0;
}
#comment-avatars-select-wrapper img.selected,
#comment-avatars-select-wrapper img:hover,
#comment-avatars-select-wrapper img.sfover {
border: 4px solid #ffffff;
margin: 0;
}
#comment-avatars-select-wrapper.comment-avatars-deselect-link input {
display: inline;
}