/* CSS Document */
/* 9.22.07 */
/* Author: www.randycaruso.com */
.warriors blockquote { width: 660px; }

#content-left-placeholder { width: 65px; border: 1px solid white; float: left; height: 100%; padding: 0; }

* { margin: 0; padding: 0; }
*+html hr { margin: 0em 0 -7px 0; /*IE 7 bugfix*/ }
* html hr { margin: 0em 0 -7px 0; /*IE 6 bugfix*/ }

body {
	font-size: 80%;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: #303030 url(../images/body-background.jpg) repeat-x fixed;
	background-color: #0C162F;
	color: #708090;
	
}


.feedback-form {
	padding: 10px;
	background-color: #E1E7F1;
}
.picleft {
	padding: 0 8px 0 0;
}
.picright { padding: 0 0 0 8px; }

p { xcolor: Black; margin: 0 0 .8em 0; }

a { color: #CD853F; text-decoration: underline; }
a:hover { color: #FF8C00; }

h1 {display:none;}

h2 {
	font: normal 1.4em/1.3em Georgia, Arial, Helvetica, sans-serif;
	color: #708090;
	margin: 0 0 9px 0;
	xborder: 1px solid blue;
	xtext-align: right;
}

h3 {
	margin: 0 0 12px 0;
	font: normal 1.2em/1.4em Arial, Helvetica, sans-serif;
}

h4 {
	font: normal 1.8em Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

h5 {xdisplay:none;}
h6 {
	margin: 0 0 12px 0;
	font: normal .8em Arial, Helvetica, sans-serif;
}

#clear{ clear: both; }

.xpad { padding: 0 8px 0 0; }



.recentevents {
	margin: 5px 0 4px 0;
}

.tablehell {
	width:500px;
}

.narrow{
	width: 500px;
	margin: 0 0 0 20px;
}

.date {
	font: normal .8em Arial, Helvetica, sans-serif;
	xcolor: black;
	margin: 0 0 5px 0;
	xwidth:424px;
	border-bottom: hidden;
}


#podcast{
	background: url(../images/audio_back.jpg) no-repeat;
	width: 420px;
	height: 54px;
	padding: 26px 0 0 0;
}
#player {
	margin: 0 0 0 85px;
}

.note {
	color: red;
	font-size: 2em;
}


.hide { display: none; }



/* ===============  NAV ============== */	




#nav {
	xheight: 56px;
	width: 864px;
	margin: 0 auto;
	xborder: 0;
	padding: 14px 0 0 0;
	xbackground-color: Red;
}

#nav img{
	border: 0;
	display: inline;
	margin: 0;
	padding: 0;}

#topshadow {
	width: 864px;
	height: 19px;
	margin: 0;
	padding: 0;
	xbackground-color:red;
}




#espanol {
	width: 800px;
	margin: 15px auto 0px auto;
	height: 18px;
	text-align: right;
	padding: 0 60px 0 0;
}



#header {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 864px;
	height: 161px;
	background: Black url(../images/header.jpg) no-repeat;
}



	
#cart_container {
	margin: 0 auto;
	width: 864px;
	height: 100%;
	background: White url(../images/cart_backround.gif) repeat-y;
}


















/* ------------------------------------------------   STRUCTURE ---------------------------------------------------- */	
	
#wrapper{
	margin: 0 auto;
	width: 900px;
	xborder: 1px solid Lime;
}


#container {
	margin: 0 auto;
	padding: 0 0 0 18px;
	width: 890px;
	height: 100%;
	background: url(../images/new_backround.gif) 18px repeat-y;
	xborder: 1px solid white;
}
	
#container-wide {
	margin: 0 auto;
	padding: 0 0 0 18px;
	width: 890px;
	height: 100%;
	background: url(../images/container-wide.gif) 18px repeat-y;
	xborder: 1px solid white;
}
	
	
#container-wide-white {
	margin: 0 auto;
	padding: 0 0 0 18px;
	width: 890px;
	height: 100%;
	background: url(../images/container-wide-white.gif) 18px repeat-y;
	xborder: 1px solid white;
}
	
	
	
	
	
	
	
/* ------------------------------------------------   CONTENT LEFT ---------------------------------------------------- */	

#content-left {
	float: left;
	width: 200px;
	height: 100%;
   xborder: 1px solid blue;
	xmargin: 0 0 0 12px;
	padding: 0;
}   

#content-left p {
	width: 172px;
	padding: 7px 14px 7px 14px;
	margin: 0 auto;
	font-size: 12px;
	color: white;
}

#content-left ul { margin: 0 0 0 60px; }
#content-left li { padding: 0 0 5px 0; }
#content-left a { color: white; }
#recent-events { margin: 9px 0 9px 0; }









/* ------------------------------------------------  CONTENT ---------------------------------------------------- */	


#content {
	padding: 0;
	margin: 6px 20px 30px 20px;
	float: left;
	height: 100%;
	width: 424px;
	xborder: 1px solid Orange;
}

#content h2{
	xwidth: 420px;
	xmargin: 0 0 9px 0;
	xborder: 1px solid Red;
	text-align: left;
}

#content img {
	xborder: 1px solid Red;
}


 hr {
  border-top: 1px solid #a0a3ac;
  border-right: none;
  border-bottom: none;
  border-left: none;
  height: 0em;
  margin: 1em 0;
  xwidth:424px;	
  text-align: left;
}

#content-wide {
	padding: 0;
	margin: 6px 20px 30px 20px;
	float: left;
	height: 100%;
	width: 624px;
	xborder: 1px solid Orange;
}

#content-wide ul {
	xborder: 1px solid blue;
	padding: 2px 10px 1px  16px;
	margin: 0 0 0 30px;
	width: 250px;
}


#content-wide li {
	padding: 1px 0 6px 15px;
	xmargin: 5px 0 5px 0;
	color: #505F6B;
	width: 350px;
	xborder: 1px solid Red;
	background: url(../images/dot.gif) left 4px no-repeat;
	list-style-type: none;
}




/* ------------------------------------------------   CONTENT RIGHT ---------------------------------------------------- */	

#content-right {
	float: left;
	width: 200px;
	xpadding: 0 16px 0 16px;
	xborder: 1px solid Red;
	xmargin: 0  0 0 -85px;
}

#content-right a {
	color: white;
}

#siderock {
	xfloat: left;
	height: 193px;
	width: 226px;
	xbackground: url(../images/side_rock.jpg) no-repeat top right;
	xborder: 1px solid Orange;
}


#content-right p {
	width: 176px;
	margin: 0 0 0 14px;
	font-size: 12px;
	color: white;
	xborder: 1px solid Orange;
	text-align: center;
}

#content-right h2 {
	width: 180px;
	padding: 0 0 5px 0;
	margin: 0 auto;
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}

 #preorder {
	width: 170px;
	padding: 0 0 0 0;
	margin: 0 auto;
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}
































blockquote {
	margin: 10px 0 10px 0;
	font-size: 12px;
	color: #495863;
	padding: 0;
	text-align: left;
	width: 380px;
	line-height: 1.4em;
	xborder: 1px solid green;
	color: #708090;
}

blockquote br{ padding: 0 0 10px 0; }













#clear { clear: both; }








#content ul {
	xborder: 1px solid blue;
	padding: 2px 10px 1px  16px;
	margin: 0 0 0 30px;
	width: 250px;
}


#content ul li {
	padding: 1px 0 6px 15px;
	xmargin: 5px 0 5px 0;
	color: #505F6B;
	width: 350px;
	xborder: 1px solid Red;
	background: url(../images/dot.gif) left 4px no-repeat;
	list-style-type: none;
}

#content ol li {
	xlist-style-type: lower-roman;
	xlist-style-image: none;
	margin: .5em 0 .5em 40px;
}








.from {
	font-size: .7em;
	color: #606060;
	font: italic;
}
	


.q4 { margin: 2px 0 0 0; }




#askform {;
	background-color: #a2bacd;
	width: 390px;
	margin: 0;
	padding: 0 0 1px 14px;
}
#askform p {
	width: 410px;
	color: white;
	font-weight: bold;
	margin: 0 0 0 0px;
}

#askform-top{
	height: 13px;
	width: 424px;
	background: url(../images/top.gif) no-repeat bottom;
	margin: 25px 0 0 0;
	padding: 0;
}
#askform-bot{
	height: 16px;
	width: 424px;
	background: url(../images/bot.gif) no-repeat top;
	margin: 0 0 60px 0;
	padding: 0;
}



#question{
	padding: 0 70px 0 30px;
}

#continue { display: none;
}

.define {
	font: normal 1.4em/1.4em Georgia, Arial, Helvetica, sans-serif;
	color: #708090;
}
















/* ------------------------------------------------  FOOTER ---------------------------------------------------- */	


#footer {
	margin: 0 auto;
	xpadding: 20px 0 0 0;
	width: 864px;
	height: 250px;
	background: Black ;
}

#footer p {   }

#contact div{
	float:right;
	width: 170px;
	height:130px;
	xborder: 1px solid blue;
	margin: 40px 30px 0 0;

	
}
#contact p {
	text-align: left;
	color: #b3893c;

}

#contact a {
	color: #CACACA;
	font-size: 1.1em;
}
 .line {padding: 0 0 5px 0;	font-size: 1.2em;
 	border-bottom: thin solid #4a4a4a;

	width: 120px;
 }


 
 
 
 
/* ------------------------------------------------  SIDE BAR ---------------------------------------------------- */	

#sidebar{
	float: right;
	width: 200px;
	margin: 0 0 10px 25px;
	background: url(../images/sidebar.gif) no-repeat top;

}

#sidebartext{
	background-color: #E1E7F1;
	padding: 0 15px 0 15px;
	margin: 10px 0 0 0;
}

#sidebartext p{ margin: 0; padding: 0 0 5px 0;
font: 1.2em/20px Georgia, Times; color: #606060;}

#sidebarbase{
	background: url(../images/sidebar.gif) no-repeat bottom;
	width: 200px;
	height: 10px;
}







/* ------------------------------------------------  CONTENT BOX ---------------------------------------------------- */	

#content-box{
	width: 420px;
	margin: 0 0 15px 0;
	padding: 1px 0 0 0;
	background: url(../images/content-box.gif) no-repeat top left;
}
#content-boxtext{
	width: 380px;
	background-color: #E1E7F1;
	padding: 10px  15px 10px  25px;
	margin: 10px 0 0 0;
	xborder: 1px solid blue;
}
#content-box p{
	margin: 0;
	padding: 0 0 5px 0;
	width: 380px;
	font: 1.4em/20px Georgia, Times;
	color: #606060;
}
#content-boxbase{
	background: url(../images/content-box.gif) no-repeat bottom;
	width: 420px;
	height: 10px;
}
#content-boxtext h2 {
	margin: 0;
	padding: 0;
	width: 370px;
}
#content-boxtext h3 {
	margin: 0;
	padding: 0;
	width: 320px;
}
#content-boxtext li {
	width: 250px;
}
#content-boxtext ul {
	width: 150px;
}








/* ------------------------------------------------  BOOK PRESALE ---------------------------------------------------- */	


#bookcontainer{
	width: 559px;
	margin: 0 0 0 -10px;
	xborder: 1px solid blue;
	height: 440px;
	xbackground: url(../images/brower-book.jpg) no-repeat;
}

#bookcontainer2{
	width: 425px;
	margin: 0 0 0 -10px;
	xborder: 1px solid blue;
	height: 345px;
	xbackground: url(../images/brower-book.jpg) no-repeat;
}

#form { float: right; width: 240px; margin: 8px 0 0 0; }
#form p{ width: 220px; }


.fineprint { font: 9px; }

.storeprint { font: 10px; }





/* ------------------------------------------------  SAITECH ---------------------------------------------------- */	


#saitech {
	width:535px;
	margin: 0 0 30px 0;
	background: url(../images/saitech-art2.jpg) no-repeat;
	xborder: 1px solid blue;
	padding: 225px 0 0 0;
}

.saitech h2 {
	font-size: 16px;
	color: Gray;
}

.siatech { margin: 8px 0 0 12px; }
.siatechproduct { padding: 3px 0 0 0; }

.saitechhr {
	width:360px;
}











#calendar {
	width: 189px;
	background: url(../images/calendar-back.jpg) repeat-y;
	padding: 10px 10px 10px 10px;
	color: white;
}

#calendar p{
	font-size: 12px;
	color: white;
	padding: 7px 10px 7px 10px;
}

#calendar a { color: white; }









#hide { display: none; }

.chapter { color: #708090; }








/* ------------------------------------------------  NEWSLETTER FORM ---------------------------------------------------- */	








#newsletterform {
	width: 190px;
	margin:10px 0 0 3px;

}

#newsletterform p {
	padding: 0 0 8px 0;
}

.field {
	width: 170px;
	height: 16px;
	color: Gray;
	font-size: 11px;
	background-color: #FFF3E3;
	padding: 3px 0 0 2px;
	margin: 2px 0 2px 0;
}

.button {
	margin: 5px 0 0 0;
}

#events div{
	xwidth: 420px;
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: solid 1px;
	xborder: 1px solid Lime;
}


/* ------------------------------------------------  STORE ---------------------------------------------------- */	

#store {
	text-align: left;
	width: 420px;
}

#store p {
	xborder: 1px solid white;
	text-align: left;
}

.price {
	font-size: 1.2em; color: #708090;
}

#store img {
	margin: 0 8px 6px 0;
}

#store .book { margin: 0 0 0 -8px; }

.secret-table-text { margin: 0 0 0 14px; }
.store hr { width: 425px; 	clear: both;}

#store div{
	width: 420px;
	xmargin: 0 0 10px 0;
	xpadding: 0 0 20px 0;
	xborder-bottom: solid 1px;
	xborder: 1px solid Lime;
}

.storeproduct {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
}

.storedetails {
	width: 310px;
	xfloat: right;
	margin: 0;
	padding: 0;
}

.storedetails p { width: 275px; }

#storeform {
	width: 300px;
	margin: 0;
	padding: 0;
}




.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}

.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}


.hidepagename p{xdisplay:none;text-align: center;
	font-size: 10px;
	color: #B8B8B8;
}







.notifyinfo { 
   font-family: verdana,arial,sans-serif;
   font-size: 0.8em;
   padding: 20px 10px 0 10px; 
   margin: 10px;
   color: #777777;
}	


.button{ width:50px;}

.spotcolor {
	color: Navy;
	font-size: 1.4em;
}