/*************************************************/
/*                 BASIC TAGS                    */
/*************************************************/
body 
{
	margin: 0;
	padding-left: 140px;    /* LC fullwidth */
	padding-right: 250px;   /* RC fullwidth + CC padding */
	min-width: 360px;       /* LC fullwidth + CC padding */
	background-color: #000000;
	color: #ffffff;			
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;			
}
		
a
{
    color: #00ffff;
    font-weight: bold;
    text-decoration: none
}

a:link
{
    color: #00ffff;
    font-weight: bold;
    text-decoration: none
}
a:visited
{
    color: #00BEBF;
}
a:active
{
    color: #00ffff;
}

a:hover
{
    color: #00ffff;
    text-decoration: underline;
}


table
{
    padding: 0;
    border: none;
}

textarea
{
	font-family: arial, helvetica;
	font-size: smaller;
}

img
{
        border: none;
		position:relative;
}

/*************************************************/


/*************************************************/
/*        LAYOUT OF WEBSITE (COLUMNS)            */
/*************************************************/

#header, #footer 
{
	margin-left: -200px;    /* LC fullwidth */
	margin-right: -190px;   /* RC fullwidth + CC padding */
}

.column 
{

}

#center 
{
	padding: 0;
	width: 100%;
	position: relative;
	float: right;			
}

#leftCol 
{	
	position: relative;
	float: left;
			
	width: 115px;             /* LC width */
	padding: 0 5px;          /* LC padding */
	margin-left: -65px;
	/*left: 250px; */             /* RC fullwidth for IE6 */
}

body > #leftCol 
{
				margin-left: -130px;            /* -(LC fullwidth + CC padding) */
}

#rightCol 
{
	position: relative;
	float: left;
	clear: both;
	width: 110px;           /* RC width */
	padding: 0 5px;        /* RC padding */
	margin-left: -65px;
	/*margin-right: 1.1em;*/   /* RC fullwidth + CC padding */
}

body > #rightCol 
{
	margin-left: -130px;
				
}		

#footer 
{
	clear: both;
	text-align:center;
}
		
/*************************************************/


/*************************************************/
/*        NAV MENU                               */
/*************************************************/		
#menu
{
	list-style: none;
	padding: 0;
	margin: 0;	
	background-color: #000000;	
	z-index:1;
}

#menu li
{
      margin: 0 0.15em;
      padding: 0;
}

#menu li a
{
	display: block;
}


#menu li ul
{
	display: none;
	width: 160px;
}

/*DIRTY FILTHY IE HACK!!!*/
#menu li.over
{
	border-bottom: #000000 1px solid;
	margin-bottom: -1px;
	background-color: #000000;	
}


#menu li:hover ul.subMenu, #menu li.over ul.subMenu
{
	position: absolute;
	left: 105px;
	list-style: none;
	border: 2px solid #808080;
	background-color: #000000;
	display: block;
	margin: -45px 0 0 5px;
	padding: 0px;
} 
#menu li:hover ul.subMenu li, #menu li.over ul.subMenu li
{
	padding: 5px;
	width: 140px;
	background-color:#000000;
} 

#menu li:hover ul.subMenu li ul.subSubMenu, #menu li.over ul.subMenu li ul.subSubMenu
{
	position: relative;
	left: 0;
	top: 0;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
	background-color: #000000;
	display: block;
	width: 140px;
}

#menu li:hover ul.subMenu li ul.subSubMenu li, #menu li.over ul.subMenu li ul.subSubMenu li
{
	width: auto;
}

#menu li:hover ul.subMenu li ul.subSubMenu li input, #menu li.over ul.subMenu li ul.subSubMenu li input
{
	width: 120px;
}

#title
{
	position: relative;
	
	width: 470px;
	height: 72px;
	background-repeat:no-repeat;
	background-image:url("../images/site/graxTitle01.jpg");
	
}

#title span	/*Adds title to the screen*/
{
    display:none;
}


/*************************************************/
/*        DISPLAYING THE BOX DIV                 */
/*************************************************/		

.box
{
      position: relative;
      background-color: #404040;
      margin:0 0 30px 0;
      padding:5px;
      border: 2px solid #808080;
}

h3.boxheading
{
     
      margin:0 0 20px 0;
      padding:0;      
      border-bottom: 2px solid #808080;
}

img.catImg
{
	float:left;
	margin: 5px;
}


.boxdetail
{
	margin:15px 0 0 0;
	padding:0;  
	clear:both; 
}
.boxDetailTime,  .boxDetailComment
{
	font-weight: bold;
}

.box h3.commentheading
{
	text-align:center;
	padding: 20px 0 10px 0;
	margin: 10px 0 10px 0;
}

.box p.nocomment
{
	text-align:center;
}

.singleRuler
{
	position:relative;
	border-top: 2px solid #808080; 
	clear:both;
}

.doubleRuler
{
	position:relative;
	border-top: 2px solid #808080; 
	border-bottom: 2px solid #808080;
	border-left:none;
	border-right:none;
	margin: 10px 0;
	padding: 2px 0 2px 0;
	height: 10px;
	clear:both;
}

#guestForm
{
	position: relative;
	float: right;
	clear: right;
	
	background-color: #404040;
	padding:5px;
	margin-left: 1.2em;
	border: 2px solid #808080;	
	
	width: 35%;
}

#guestForm .com_form_cell input
{
	width: 60%;
}

#guestForm .com_form_cell textarea
{
	width: 97%;
}

.com_form_wrapper
{
	width: 350px;
	margin: 0 auto;
	padding:0;
}
.com_form_cell
{
	width: 100%;
}
.com_form_cell input 
{
	width: 263px;
}

.com_form_cell textarea 
{
	width: 100%;
}
.com_form_buttons
{
	text-align:center;
}
.com_form_cell label
{
	width:80px;
	float:left;
	clear:left;
}

.calDate
{
	position:relative; 
	float:left; 
	clear:left;
	margin-right: 10px;
}

/***********************************************************/


/*************************************************/
/*       THIS IS ALL ABOUT THE BIO PAGE           */
/*************************************************/
.bioRow
{
	padding: 5px;
}

.bioCol
{
	float:left;
	clear: left;
}


.bioheader
{
	margin: 0;
	padding:0;
}

.biotext
{
	margin: 0;
	padding:0;
}


/*************************************************/
/*        DETOX TABLE STYLE              */
/*************************************************/
.detoxtable
{
      background-color: #808080;
      padding: 2px;
      width: 230px;

}

#detoxtable th
{
	font-size: large;
	background-color: #404040;
	padding: 5px;
}

#detoxtable span
{
	font-size: large;
	background-color: #404040;
}
#detoxtable td
{
	background-color: #404040;
	vertical-align: top;
	padding: 5px;
}
.celltitle
{
	width: 30%;
	font-weight: bold;
}

#detoxstatus
{
/*
      display: inline;
      position: relative;
      top: 275px;
      right: 10px;
*/
}
/****************************************/



/*************************************************/
/*        DISPLAY BUTTONS AS IMAGES              */
/*************************************************/

#home
{	
	height: 45px;
	width: 105px;
	background-repeat:no-repeat;
	background-image:url("../images/site/homeBtn.jpg");
}

#home span
{
	display: none;
}

#pastEntry
{	
	height: 45px;
	width: 105px;
	background-repeat:no-repeat;
	background-image:url("../images/site/entryBtn.jpg");
}

#pastEntry span
{
	display: none;
}

#about
{	
	height: 45px;
	width: 105px;
	background-repeat:no-repeat;
	background-image:url("../images/site/aboutBtn.jpg");
}

#about span
{
	display: none;
}

#forty_k
{	
	height: 45px;
	width: 105px;
	background-repeat:no-repeat;
	background-image:url("../images/site/40kBtn.jpg");
}

#forty_k span
{
	display: none;
}

#graxArt
{	
	height: 45px;
	width: 105px;
	background-repeat:no-repeat;
	background-image:url("../images/site/graxartBtn.jpg");
}

#graxArt span
{
	display: none;
}

#eight_ball
{	
	height: 45px;
	width: 105px;
	background-repeat:no-repeat;
	background-image:url("../images/site/8BallBtn.jpg");
}

#eight_ball span
{
	display: none;
}

#stuff
{	
	height: 45px;
	width: 105px;
	background-repeat:no-repeat;
	background-image:url("../images/site/stuffBtn.jpg");
}

#stuff span
{
	display: none;
}

#guestbook
{	
	height: 45px;
	width: 105px;
	background-repeat:no-repeat;
	background-image:url("../images/site/guestBtn.jpg");

}

#guestbook span
{
	display: none;
}

#links
{	
	height: 45px;
	width: 105px;
	background-repeat:no-repeat;
	background-image:url("../images/site/linkBtn.jpg");
}

#links span
{
	display: none;
}

#contact
{	
	height: 45px;
	width: 105px;
	background-repeat:no-repeat;
	background-image:url("../images/site/contactBtn.jpg");
}

#contact span
{
	display: none;
}

#navMenuHeader {display:none; visibility:hidden;}
#btcHeader {display:none; visibility:hidden;}

/*************************************************/

/*************************************************/
/*         BACKGROUND IMAGE TAGS                 */
/*************************************************/

#bgIndex
{
	background: #000000 url(../images/grax_blk_800.jpg) no-repeat scroll right top;
}
#bgPastEntry
{

}
#bgPastEntryList
{

}

#bgStuff
{

}

#bgLinks
{

}

#bgDetoxDiary
{
	background: #000000 url(../images/detox1-1.jpg) no-repeat scroll right top;
}

#bgDetoxStatus
{

}

#bgContact
{

}

#bgGuestbook
{

}
#bgGuestbook .box
{
	width: 50%;
}
/*************************************************/

/*************************************************/
/*         GENERAL/MISC STYLES                   */
/*************************************************/

a.turnOffAnchor
{
	color: #FFFFFF;
	text-decoration: none;
	cursor: default;
}

.hideMe
{
	display: none;
}

.links_list
{
	list-style:none;
	padding: 0;
	margin: 0 0 0 10px;
	}

#pageheading
{
	font-variant:small-caps;
	margin-top:0;
}

.clearer 
{
	clear:both;
}

#frmEmail
{
	text-align:center;
}

.flash_ani
{
	position: relative;
 margin: 0 0 10px 0;
}

.searchHighlight
{
	background-color: #FFFF00;
	color: #000000;
}

/*************************************************/


.subSitemapList
{
	display:none;
}

.subSitemapList.on
{
	display: block;
}

.errorMsg { color:#FF0000; background-color:#CCCCCC; font-weight:bold; }


/*************************************************/
/*         SKIN SELECTOR STYLES                  */
/*************************************************/
#skinDisplay
{
	position:relative;
	padding: 0;
	margin: 0;
	display: none;
}

#skinDisplay.on
{
	position: absolute;
	display: block;
	top: 500px;
	left: 140px;
}

div> #skinDisplay.on
{
	position: absolute;
	top: 460px;
}

#skinDisplay.on img
{
	border: 2px solid #808080;
}

/**********FOR THE MAGIC 8-BALL STUFF***********************/


.ballpic
{
	border: none;
}

.balltalk
{
	font-size: 1.6em;
	font-weight: bold;
	font-family: 'Times New Roman', Helvetica, Arial;
}

#ballinput
{
	padding: 0 0 0 135px;
	width: 400px;
}

.thequestion
{
	font-size: 1.3em;
	text-align:center;
}

.theanswer
{
	border: solid thin blue;
	text-align:center;
	background: blue;
	width: 200px;
	padding: 10px;
	margin: 0 0 0 210px;
	color: white;
}

.theaftermessage
{
	font-size: 1.3em;
	text-align:center;
}


.ballresultheading
{
font-weight: normal;
      margin:0 0 10px 0;
      padding:0 0 10px 0;      
      border-bottom: 2px solid #808080;
}

.resultquestion
{
        font-weight: bold;
	font-style:italic;
}

.resultanswer
{

}

.ballmisc
{
	font-size: 1.4em;
	text-align: center;
}

.ballTxt
{
	width:230px;
}

.ballTxtArea
{
	height:230px; 
	width:350px
}

/***********************************************************/