/* 
  NINJAI.COM CSS
   * Version:         0.1.2 (2009-02-15) YYYY-MM-DD
*/
body { background-color:#1e140b; background: #1e140b url(/images/templates/3-0-1/background.jpg) no-repeat top center; text-align:center; }
body.blank {background-color: #fae999; background-image:none; text-align:left; padding: 15px 30px;}
body.simple {padding: 60px 0 0; background: #f7e28e url(/images/templates/3-0-1/simple_bg.jpg) no-repeat top center;}
body.simple-really {padding: 100px 0 0; background: #f7e28e url(/images/templates/3-0-1/simple_bg.jpg) no-repeat top center;}

/*------------------ Typography ------------------*/


/* Default font settings. 
   The font-size percentage is of 16px. (0.9375 * 16px = 15px) */
body { 
  font-size: 93.75%;
  color: #251000; 
  font-family: Georgia, "Times New Roman", Times, serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 2.25em; line-height: 1.1; margin-bottom: 1em; color:#6c2609;}
h2 { font-size: 1.666em; margin-bottom: 0.75em; margin-top: 1.5em; }
h1 + h2 { margin-top:.5em; }
h3 { font-size: 1.333em; line-height: 1; margin-bottom: 1em; line-height:1.3;}
h3.byline { font-size: .933em; line-height: 1; margin-bottom: 1em; color:#865003; text-transform:uppercase; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; color:#8c1f01;}
h5 strong { color:#251000;}
h6 { font-size: 1em; font-weight: bold; margin-bottom:.25em;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p, a.more-info  { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
p img.top { margin-top:.4em; }

a:focus, 
a:hover     { color: #9a0000; }
a           { color: #6c2609; text-decoration: underline; }
a.more-info { }



 
/*----------------- Misc classes -----------------*/
.caption{ font-size:11px; text-align:center; font-weight:bold;}
.left {float:left; clear:left: margin: 1.5em 1.5em 1.5em; 0}
.right {float:right; clear:right; margin: 1.5em 0 1.5em 1.5em;}
.center{text-align:center;}

hr {color:#d9ba6b;background-color:#d9ba6b; height:2px; margin:2.5em 0;}

.no-cursor{cursor: default;}

.error {font-family:Arial, Helvetica, sans-serif;color:#aa0000;background:none;border:none;}
label.error { top:29px; left:0; margin:0; padding:4px 6px; font-size:11px; background-color:#871900; border:none; color:#f6deb5; text-align:left; line-height:1.1em; text-align:left;}
.showgrid { background: url(/images/grid.png); }

/*------------------ Subscribe form ------------------*/

div#subscribe {margin-right:25px; text-align:right; }
div#subscribe h4 {text-align:left; float:left; color:#ffefbc; font-size:12px; font-weight:bold; margin-left: 373px; margin-top:36px; display:inline; clear:none; margin-bottom:10px; }
form#signupForm input#email {background: #ede2d1 url(/images/templates/3-0-1/subscribe-field.gif) no-repeat; border:none; width:215px; color:#927b59; line-height:100%; padding:5px 0; position:absolute; left:0; top:1px; text-indent:8px; font-family: Georgia, "Times New Roman", Times, serif;}
form#signupForm {float:right; position:relative; padding:0; margin:0;}
body.simple form#signupForm {position:relative; padding:0; margin:0; float:none;}
form#signupForm fieldset {display:inline; padding:0; margin:0; width:314px; border:none; height:52px; position:relative;}
form#signupForm fieldset.unsubscribe {width:327px;}
form#signupForm button.submit, form#signupForm button.unsubscribe {background:none; border:none; height:28px; width:97px; padding:0; margin:0; right:0; top:0; line-height:0; position:absolute; }
form#signupForm button.unsubscribe {width:112px;}
form#signupForm label.error { position:absolute; top:29px; left:0; margin:0; padding:3px 6px; font-size:11px; background-color:#871900; border:none; color:#f6deb5; width:300px; text-align:left; line-height:1.1em;}

/* MESSAGES */
#newsletter-msg {font-family:Arial, Helvetica, sans-serif;}
#subscribeMsg{padding-bottom:30px; vertical-align:bottom;}
#errmsg {font-size:16px; margin-bottom:.4em;}


/*------------------ Send To A Friend ------------------*/

form#email_page_form {margin-bottom:30px; position:relative;}
form#email_page_form div {position:relative;}
form#email_page_form label {font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:right; line-height:2em;}
form#email_page_form label.error {width:203px; text-align:center; top:28px; left:7px; position:absolute; margin-bottom:10px; line-height:1.5em; font-size:11px;}
form#email_page_form .label {text-align:right; padding-top:1px;}
form#email_page_form input {background: #ede2d1 url(/images/templates/3-0-1/subscribe-field.gif) no-repeat; border:none; width:215px; color:#927b59; line-height:100%; padding:5px 0; text-indent:8px; font-family: Georgia, "Times New Roman", Times, serif;}
form#email_page_form button {background:none;border:none; height:28px; width:65px; padding:0; margin-top:20px; line-height:0;}
#email_page_errors {margin:0 auto; margin-bottom:2em;padding:8px 12px; font-size:11px; background-color:#871900; border:none; color:#f6deb5; width:300px; text-align:left; line-height:1.2em;}
#email_page_errors h4{font-size:13px; font-weight:bold; color:#f1da7f; margin-top:.35em;}
#email_page_errors ul{font-size:11px; font-weight:bold; margin-left:3em;}

/*------------------ Support Form ------------------*/

#supportForm input.error {background-color:#ffffff; border:1px solid ##871900;}
#supportForm #submito {margin-top:13px;}

/*-------------------- LAYOUT --------------------*/

.showgrid {background-image: url(/images/grid.png)}
#container-wrap {background: url(/images/templates/3-0-1/slate-bg-tile.png) repeat-y top center; padding:0; margin:0;}
#body-container {background: #f7e28e url(/images/templates/3-0-1/slate-home-bg-02.jpg) no-repeat top center; text-align:left;}

/*required for "simple" layout*/
body.simple div.container {text-align:center;}
body.simple-really div.container {text-align:left;}


/* HEADER */

#header {height:196px;}
#header #logo {background: #f7e28e url(/images/templates/3-0-1/nj-logo.jpg) no-repeat top center; height:196px; width:218px;}
#header #logo a {display:block; margin-left:35px; margin-top: 25px; height:167px; width:180px;}
#header #subscribe {height:126px;}

/* WATCH CHAPTERS BANNER */
#watch-chapters-banner { height:286px; margin-bottom:35px;}
#watch-chapters-banner a {display:block; height:150px; width:380px; margin-left:517px; margin-top:80px;}


/* SIDEBAR */
.sidebar h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.4em; color:#2b1e05; text-transform:uppercase;}
.sidebar * + h5 { margin-top:1em;}
.sidebar ul { list-style-position:inside; font-size:.6875em; margin:-1em 0 3em 0; color:#3e1200; font-weight:bold;}
.sidebar ul li { padding: 7px 0; border-bottom:1px solid #d9ba6b; margin:0;}
.sidebar a { color:#3e1200; text-decoration:none;}
a.more-info {font-size:.8em; margin-top:1em;}
.sidebar a:hover { color:#630000; text-decoration:underline;}

#body-container #bottom {background: #f7e28e url(/images/templates/3-0-1/slate-bottom-bg.jpg) no-repeat bottom center; text-align:center; padding-bottom: 26px; padding-top:50px; font-size:1em; font-family:Georgia, "Times New Roman", Times, serif; color:#6d2608;}
#body-container #bottom a { color:#6d2608; text-decoration:underline;}


#footer {padding-top:1px; background: url(/images/templates/3-0-1/footer-bg.jpg) no-repeat top center; height:204px; text-align:center; font-size:.675em; letter-spacing:.05em; font-family:Georgia, "Times New Roman", Times, serif; color:#2d1a08; font-weight:bold;}
#footer p.first {margin-top:90px;}
#footer p {margin-bottom:.2em;}
#footer a {color:#2d1a08;}

/*-------------------- BANNERS PAGE --------------------*/

.banner-wrap {background-color:#dec383; padding:20px 22px 0 20px; border:1px solid #ceac6b;}
.banner-wrap h5 {font-size:1.2em; }
.banner-wrap textarea { border:1px solid #ceac6b;background-color:#f8f3d1; width:740px; padding:10px; height:auto;}


/*-------------------- MAIN MENU --------------------*/


#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
line-height:1.1em; 
font-weight:bold;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

#nav {margin-left:18px;}

#nav a{
display:block;
padding:5px 5px;
color:#dcc371;
text-decoration:none;
}

#nav ul a{
padding:5px 5px;
border:1px solid #6d4f3a;
border-top:none;
}
#nav ul li a{
width:100%;
}

#nav a:hover{
text-decoration:underline;
}

#nav li{
float:left;
position:relative;
margin-left:24px;
padding:0;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:20px;
padding:0;
margin-left: 6px;
background-color:#42281b;
}

#nav ul li{
padding:0;
margin:0;
width:11em;
}

#nav li ul a{
height:auto;
float:left;
}

#nav ul ul{
top:auto;
top:0;
}	

#nav li ul ul {
left:12em;
top:5px;
margin:0px 0 0 11px;
background-color:#4f3322;
}
#nav li ul ul li a {
width:8.95em;
border-color:#72583e;
}


/* 2nd level dropdown */
#nav li.drop-left ul ul {
right:10em;
left:auto;
width:10em;
margin:0px 10px 0;
z-index:100;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/* top level - sprite display */
#nav li a.home {height:15px; width:51px; margin-right: 5px; padding:0; background: url(/images/templates/3-0-1/menu.gif) no-repeat top left;}
#nav li a.chapters {height:15px; width:84px; margin:0 5px; padding:0; background: url(/images/templates/3-0-1/menu.gif) no-repeat -52px top;}
#nav li a.about {height:20px; width:120px; margin:0 5px; padding:0; background: url(/images/templates/3-0-1/menu.gif) no-repeat -137px top;}
#nav li a.forums {height:20px; width:146px; margin:0 5px; padding:0; background: url(/images/templates/3-0-1/menu.gif) no-repeat -258px top;}
#nav li a.xtra {height:20px; width:104px; margin:0 5px; padding:0; background: url(/images/templates/3-0-1/menu.gif) no-repeat -405px top;}

/*---------------------------------------------------------------------------------------
 
  NINJAI.COM CHAPTERS PAGE CSS

----------------------------------------------------------------------------------------*/

body#chapter {
	background-color: #1f150b;
	background-image: url(/images/chapters/chapters-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
text-align:center;
}
#scroll{ position:relative; width:730px; height:360px; margin:0 auto; margin-top:247px; padding-top:1px;}
#chapters-btn {
	width:696px;
	margin:115px 0 0 6px;
	padding:0;
}
#chapters-btn li {
	margin:0 0 7px 7px;
	padding:0;
	list-style:none;
	float:left;
	height:101px;
	width:110px;display:inline;
}
#chapters-btn li.first {
	margin-left:0;
}
#chapters-btn li img {
	float:left;
display:inline;

}

body#chapter p.tech-support{color:#72592a; font-size:1em; font-family:Georgia, "Times New Roman", Times, serif; margin-top:40px; text-align:center;}
body#chapter p.tech-support a{color:#aa8d56; text-decoration:underline;}

body#chapter #footer {padding:0; line-height:.5em; font-family:Georgia, "Times New Roman", Times, serif; color:#4b3b1e; font-weight:bold; background:none; height:120px;}
body#chapter #footer p{margin-bottom:1em; }
body#chapter #footer p.first{margin-top:5em; }
body#chapter #footer a{color:#4b3b1e; text-decoration:none; }
body#chapter #footer a:hover{text-decoration:underline; }

body#chapter #navbar {margin-top:67px; margin-right:35px;height:30px; text-align:center;}

/*-------------------- MAIN MENU OVERRIDES--------------------*/



#nav.chapters {width: 695px; margin:0 auto;text-align:left;}

#nav.chapters a{
color:#8a6d36;
}

#nav.chapters ul a{
border:none;
}

#nav.chapters ul {
bottom:20px;top:auto;
background-color:#160f08;
}

#nav.chapters ul ul{
bottom:auto;
bottom:0;
top:auto;
}	

#nav.chapters li ul ul {
bottom:5px;
background-color:#160f08;
}
#nav.chapters li ul ul li a {
border-color:#160f08;
}


/* 2nd level dropdown */
#nav.chapters li.drop-left ul ul {
bottom:-5px;
}

/* top level - sprite display */
#nav.chapters li a.home {height:20px; width:53px; margin-right: 5px; padding:0; background: url(/images/templates/3-0-1/menu.gif) no-repeat 0 -49px;}
#nav.chapters li a.chapters {height:20px; width:84px; margin:0 5px; padding:0; background: url(/images/templates/3-0-1/menu.gif) no-repeat -54px -49px;}
#nav.chapters li a.about {height:20px; width:120px; margin:0 5px; padding:0; background: url(/images/templates/3-0-1/menu.gif) no-repeat -139px -49px;}
#nav.chapters li a.forums {height:20px; width:146px; margin:0 5px; padding:0; background: url(/images/templates/3-0-1/menu.gif) no-repeat -259px -49px;}
#nav.chapters li a.xtra {height:20px; width:104px; margin:0 5px; padding:0; background: url(/images/templates/3-0-1/menu.gif) no-repeat -407px -49px;}