/* GoshinJu-Jitsu.co.uk - CSS Style Sheet */

body {
background: #999 url('../../images/siteBG.gif') repeat-x 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
margin: 0;
padding: 0;
color: #333;
}

h1, h2, h3, h4 {
color: #333;
}

h1, h2, h3, h4, p {
margin: 5px 0;
padding: 0;
}
h4 {
font-size: 80%;
}
h3 {
font-size: 100%;
}
h3.vNav {
color: #eee;
}
h2 {
font-size: 120%;
}
h1 {
font-size: 140%;
}
.footerText {
font-size: 80%;
}

/* Layout and structure */
#mainWrapper {
width: 980px;
margin: 5px auto;
border: 1px solid #eee;
padding: 5px;
}
#contentWrapper {
background: #ddd;
float:left;
width: 97.8%;
padding: 10px;
margin: 5px 0;

}
#topbar {
width: 980px;
margin: 5px auto;
padding: 2px;
color: #eee;
}

#topbar a {
color: #eee;
}

#topBanner {
position: relative;
background-color: #000032;
margin: 2px 0;
padding: 2px;
}
#topBanner2 {
background-image: url('../../images/bg/random.php');
width: 980px;
height: 200px;
margin: 2px 0;
padding: 0;
}

#topBanner3 {
background: url('../../images/editsiteBG_new.png') no-repeat 0 12px;
width: 980px;
height: 150px;
margin: 2px 0;
padding: 0;
}
#loggedIn {
width: 980px;
margin: 2px 0;
padding: 5px;
}

#tagLine {
padding: 5px;
margin: 45px 0 0 0;
color: #eee;
}

#topBannerLeft {
float: left;
}
#topBannerRight {
float: right;
background: url('../../images/GoshinBannerRight1.png') 0 0;
width: 350px;
height: 125px;
color: #eeeeee;
border: 0;
}
#topBannerRight span{
text-align: right;
margin: 10px 20px;
float: right;
}

.leftCol {
width: 202px;
float: left;
left: 0;
padding: 0;
margin: 2px 4px 2px 0;
}
.leftColTitle {
background: url('../../images/button.gif') no-repeat 0 0;
height: 18px;
width: 180px;
padding: 5px 10px;
margin: 2px 4px 0 0;
color: #eee;
}
.leftcolContentTop {
background: #ddd url('../../images/box_top.gif') no-repeat 0 0;
height: 10px;
width: 200px;
margin: 0 4px 0 0;
}
.leftcolContentBottom {
background: #ddd url('../../images/box_bottom.gif') no-repeat 0 0;
height: 10px;
width: 200px;
margin: 0 4px 10px 0;
}
.leftColContent {
background: #ddd url('../../images/box_middle.gif') repeat-y 0 0;
width: 180px;
padding: 4px 10px;
margin: 0;
color: #333;
}

.leftColContent a, .rightColContent a {
text-decoration: none;
}

#jjkanji {
margin: 5px 0;
}

.rightCol {
width: 202px;
float: right;
right: 0;
padding: 0;
margin: 2px 0 2px 4px;
}
.rightColTitle {
background: url('../../images/button.gif') no-repeat 0 0;
height: 18px;
width: 180px;
padding: 5px 10px;
margin: 2px 0 0 4px;
color: #eee;
}
.rightcolContentTop {
background: #ddd url('../../images/box_top.gif') no-repeat 0 0;
height: 10px;
width: 200px;
margin: 0 0 0 4px;
}
.rightcolContentBottom {
background: #ddd url('../../images/box_bottom.gif') no-repeat 0 0;
height: 10px;
width: 200px;
margin: 0 0 0 4px;
}
.rightColContent {
background: #ddd url('../../images/box_middle.gif') repeat-y 0 0;
width: 180px;
padding: 2px 10px;
margin: 0 0 0 4px;
color: #333;
}
#centerCol {
float: left;
width: 520px;
padding: 2px;
margin: 0px 10px;
}
#centerColStretch {
float: left;
width: 730px;
padding: 2px;
margin: 0px 10px;
}
#fullWidth {
float: left;
width: 98%;
padding: 2px;
margin: 0px 10px;
}
.imgRight {
background: #fefefe;
border: 1px solid #999;
padding: 3px;
float: right;
margin: 0 0 20px 20px;
}
.imgThumb {
float: left;
width: 29%;
background: #ccc;
padding: 10px;
margin: 3px;
border: 1px solid #999;
text-align: center;
}
.imgThumb a img {
background: #fefefe;
padding: 3px;
border: 1px solid #999;
}
.preiewImg {
width: 154px;
height: 154px;
overflow: hidden;
background: #fefefe;
padding: 2px;
border: 1px solid #999;
}
.featuredVid {
float: left;
width: 98%;
background: #ccc;
padding: 10px;
border: 1px solid #999;
text-align: center;
}
.featuredVid  h2{
text-align:left;
}
.featuredVid img {
background: #fefefe;
padding:4px;
border: 1px solid #999;
margin: 2px;
}

.contentFloat {
float: right;

}

#footer {
padding: 5px 2px;
margin: 5px 0;
color: #eee;
}

.homeImg {
background: #fefefe;
width: 100%;
border: 1px solid #999;
padding: 4px;
}
.chatImg {
width: 438px;
border: 1px solid #999;
padding: 2px;
margin: 10px 0;
}

.spacerLine {
border-bottom: 1px dashed #eee;
margin: 4px;
}

.orangeText {
color: #ff6600;
}

/* Login Tables */

#loginTable {
border: 1px solid #999;
text-align: center;
width: 60%;
margin: 0 auto;
color: #333;
}
.logTable {
border: 1px solid #999;
text-align: center;
width: 70%;
margin: 0 auto;
color: #333;
}

.logTitle {
border: 1px solid #999;
padding: 10px;
margin: 5px;
text-align: center;
}

.formTable {
background: #fff;
border: 1px solid #aaa;
padding: 3px;
width: 100%;
color: 333;
}
.formTable td {
background: #ccc;
color: #333;
border: 1px solid #aaa;
padding: 3px;
}
.formTable th {
text-align: left;
}

/* Clear floats */
.clearer {
clear: both;
}

/* Horizontal navigation styles */
#hNav {
/*background-color: #666666;*/
padding: 2px;
margin: 30px 0 0 0;
color: #eee;
}
ul.hnavlist {
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#hNav ul li {
float: left;
padding: 0px;
margin: 0 8px 0 0;
border: 1px solid #eee;
display: block;
color: #eee;
}
#hNav ul li a {
background-color: #666666;
padding: 5px;
list-style-type: none;
font-weight: bold;
text-decoration: none;
display: block;
color: #eee;
}
#hNav ul li a:hover {
background-color: #FF6600;
padding: 5px;
list-style: none;
font-weight: bold;
text-decoration: none;
color: #eee;
}
body#home a#homenav,
body#about a#aboutnav,
body#academy a#academynav,
body#chat a#chatnav,
body#links a#linknav,
body#gallery a#gallerynav,
body#contact a#contactnav,
body#members a#membersnav {
background-color: #FF6600;
list-style: none;
font-weight: bold;
text-decoration: none;
}
/* END of Horizontal navigation styles */

/* don't allow borders on images */
img {
border: 0;
}

/* Left navigation styles */

#leftNav {
padding: 0;
margin: 0;
}

ul.leftnavlist {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

#leftNav ul li a {
background: url('../../images/button.gif') no-repeat 0 0;
background-position: left top;
height: 14px;
width: 180px;
padding: 8px 10px;
margin: 0 0 4px 0;
font-weight: bold;
text-decoration: none;
display: block;
color: #eee;
}
#leftNav ul li a:hover {
background: url('../../images/button.gif') no-repeat 0 -30px;
/*background-position: left bottom;*/
color: #333;
}

a {
color: #ff6600;
}

/*************** Form styles ************************/
input, select, textarea {
margin: 4px 0;
border: 1px solid #999;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.input400 {
width: 400px;
}
textarea {
font-size: 11px;
}

div label {
margin: 10px 0 5px 0;
}

.submitButton {
background: #999999;
cursor: pointer;
border: 1px solid #333;
padding: 4px;
color: #eee;
text-decoration: none;
}
.submitButton:hover {
background: #FF3300;
color: #eee;
}