/* CSS Document */

body { padding:0; margin:0; }
body, div, h1, p, li, div.tfBody td { font:italic bold 13px Verdana, sans-serif; color:white; }
h1 { font-size:20px; text-shadow: 0px 1px 0px #333; }

center div.tfBody td { padding:3px 5px; text-shadow: 1px 1px 0px #333; }
center .tfBody div { text-shadow: 1px 1px 0px #333; }

/* Navi Level Selector AND buttons */
a.tfEasy { background:url('http://www.txtfighter.com/facebook/img/but_easy.gif') no-repeat; }
a.tfMedium { background:url('http://www.txtfighter.com/facebook/img/but_medium.gif') no-repeat; }
a.tfHard { background:url('http://www.txtfighter.com/facebook/img/but_hard.gif') no-repeat; }
a.tfExpert { background:url('http://www.txtfighter.com/facebook/img/but_expert.gif') no-repeat; }
a.friend { background:url('http://www.txtfighter.com/facebook/img/but_friend.gif') no-repeat; }

div.tfNavi { width:500px; padding-top:0px; }
div.tfNavi a, div.tfBanner a { display:inline-block; width:105px; height:30px; position:relative; margin:5px 5px 0 5px; }
div.tfBanner a { width:152px; margin:15px 15px 0 0; }
div.tfBanner a:hover, div.tfNavi a:hover, a.tfSelected { background-position:0 -30px; }
div.tfNavi ul li { display:inline; }




.tfBanner { background:url('http://www.txtfighter.com/facebook/img/banner.jpg') no-repeat; width:760px; height:62px; text-align:right; }

.tfBody { width:760px; height:863px; }
.tf1 { background:url('http://www.txtfighter.com/facebook/img/bkgrd/1.jpg') no-repeat; }
.tf2 { background:url('http://www.txtfighter.com/facebook/img/bkgrd/2.jpg') no-repeat; }
.tf3 { background:url('http://www.txtfighter.com/facebook/img/bkgrd/3.jpg') no-repeat; }
.tf4 { background:url('http://www.txtfighter.com/facebook/img/bkgrd/4.jpg') no-repeat; }
.tf5 { background:url('http://www.txtfighter.com/facebook/img/bkgrd/5.jpg') no-repeat; }
.tf6 { background:url('http://www.txtfighter.com/facebook/img/bkgrd/6.jpg') no-repeat; }
.tf7 { background:url('http://www.txtfighter.com/facebook/img/bkgrd/7.jpg') no-repeat; }



.title { font:bold 18px times; }

.inputSubmit { 
	background-color:#3B5998;
	border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	padding:2px 15px 3px;
	text-align:center;
}

/* pagination */
div.paginate a { display:inline-block; padding:2px 3px 0 3px; margin:0 3px; min-width:25px; height:20px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:rgba(0, 0, 0, 0.296875) 0px 2px 2px; -webkit-box-shadow:rgba(0, 0, 0, 0.296875) 0px 2px 2px; background-color:#AD6400; }
div.paginate a:link, div.paginate a:visited { color:#FFF; text-decoration:none; }
div.paginate a:hover, div.paginate a.selected { background-color:#F88F00 }
div.paginate a.text { display:inline-block; padding-top:2px; margin:0 3px; height:20px; width:auto; background-color:#006; }

/* Story */
div.storyBkgrd { background:url('http://www.txtfighter.com/facebook/img/story/bkgrd.jpg') no-repeat; position:relative; padding:50px 0; }
div.storyChar { float:left; margin:10px 15px; text-align:center; line-height:30px; }
div.storyChar h3 { text-decoration:none; font:bold 15px Verdana, sans-serif; color:white; }
div.storyChar a { color:white; }

/* Story Board */
.tfBodyStory { width:760px; height:512px; }
.tfBodyStory div { float:left; }
.arrowPrev, .arrowNext { width:48px; display:block; margin-top:500px; }
.arrowPrev { margin-right:10px; margin-left:56px; }
.arrowNext { margin-left:10px; }