/*
crack and shine oh yes.
STOP LOOKING AT THIS.

*/

.frontlogo {
width:300px;
height:auto;
float:right;
margin:51px 171px 0 0;
padding:0 0 4px 0;
}

table.splash  {
border:0px solid red;
background-color:#111;
/*background-image: url('images/crackbg3.gif');
background-position:top right; 
background-attachment: fixed;
background-repeat:no-repeat;
background-color:#000;*/
}
table.splash  tr td{ border:0px solid red;

}
.bglogo {
float:right;
margin:241px 131px 0 0;
padding:0 0 4px 0;
}

a.bglogoover:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
border:1px solid #444;}

a.bglogoover img {
filter:alpha(opacity=0);   
-moz-opacity: 0;   
opacity: 0;
}

body { background: #131313; color: #fff; font: 10px  Geneva, Arial, Helvetica, sans-serif; 
 }

* { padding: 0; margin: 0; }



/*---:[ global elements ]:---*/

a { color: #ccc; 
text-decoration: none; }




	a:hover { color: #555;
	text-decoration: none; }
	
	a img { border: none; }
	



/*---:[ headlines ]:---*/

h1, h2, h3, h4, h5 { font-weight: bold; 
 font-family: Helvetica, Arial, sans-serif;
  color: #fff;
  letter-spacing: -0.1em;
  margin:5px 0px 5px 0px;
  padding:0px;
  font-weight:bold; }

h1 { font-size: 1.5em; 

padding-left:20px; }

	
	
h2 { font-size: 1.4em;
 }

	h2 a { color: #fff; text-decoration: none; }
	
		h2 a:visited {  text-decoration: none; }
	
		h2 a:hover { color: #555; text-decoration: none; }
h3 { font-size: 1.3em;

 }		
h4, h4 a{ 
text-transform: uppercase;
font-size: 1em;
margin: 0 0 0px 0;	 }	



	h5 {font-size: 0.9em;
	display: inline; 
	color:#fff;
	text-transform: uppercase;
	
	}
	h5 a {
	color:#fff;
	
	}
	
	small { text-transform: uppercase;
	
	}
/*---:[ core layout elements ]:---*/
span.date {font-size: 0.9em;}



				

body, html {height:100%;
width:100%;
}
* { padding: 0; margin: 0; }
	
body { 
/*background-image: url('images/bg1000dark.gif');
background-position:top right; 
background-attachment: fixed;
background-repeat:no-repeat;*/


	}

	
		#sidebar { float:left;
		z-index:10;
position:absolute;
top:0;
left:0;
		width: 200px; 
		padding: 0px 10px 0px 10px; 
		margin: 0px 0px -35px  0px;


	}


#sidebarinner { 

		width: 180px; 
		padding: 2px 10px 0px 0px; 
		margin: 10px 0px 6px  0px;


		border-top: 1px solid #444;
		border-bottom: 1px solid #444; }


		
	.content {  
	z-index:10;
		padding: 0px 0px 0px 0px; 
 min-height: 100%;
     height: auto !important;
     height: 100%;
	border-top:1px solid #000000;
			
		margin:-1px 0px -45px 260px;
	

		
	}
.contentinner {
float:left;	
border:0px solid red;
margin: 10px 0 0 0;
padding: 0px 0px 0px 0px;
width:680px;

	
	}
#flashcontenthome {
border:1px solid #444;
width:679px;
margin:0px;
}
.title {
margin:10px 0 0 0;
	border-top: 1px solid #444; 
	padding:2px 0 0 0;

width:680px;
}
.titleleft {width:300px;
float:left;
border:0px solid red;
}

.titleright {width:300px;
float:right;
text-align:right;
border:0px solid red;
}

.contentinnerblog {
float:left;	
border-top: 1px solid #444;
margin: 5px 0 0 0;
padding: 10px 0px 10px 0px;
width:740px;

	
	}
	
	.blog {
	width:510px;
	float:left;
	border-right: 1px solid #444;
	padding: 0 10px 0 0px;
	}
	
		.blogsidebar {
	width:160px;
	float:left;
	border:0px solid red;
	padding:0 0 0 20px;
	text-transform: uppercase;
	}
	
	.push {

	}
		#footer {  
	height:25px;
	padding:0px 0px 0px 0px;
	
		z-index: 10;
	    border: 0px solid #244222;
	width:100%;
	text-transform:capitalize;
	font-weight:bold;
	font-family: Helvetica, sans-serif;
	clear:both;
		}
	
		#footer p {
		padding:0;
		margin:0;
		
		}

.footerleft {
border:0px solid red;
margin:0 0 0 10px;
float:left;
width:200px;
position:relative;
top:-20px;
margin-bottom: -60px;
}


.footerright {
border-top:1px solid #444;
margin:0 0 0 255px;
float:left;
width:680px;
position:relative;
top:-6px;
padding:5px 0 0 0;
margin-bottom: -60px;

}

.footerrightleft {
float:left; width:520px;
height:15px;
}
.footerrightright {
float:right; width:120px;
text-align:right;height:15px;
}


	.pixelicon {
	height:12px;
	width:12px;
	
	}			
#header { 

	 }

.logo {width: 190px;
margin:10px 0 0 0;
border:0px solid #444FFF
	
}
a.logoover img {
background:#fff;
width: 190px;
height:auto;
}

a.logoover:hover img {

background-image: url('images/crackandshinelogotransbg111.jpg');

}
.menuitem {

	height:21px;
	width:auto;

}


.about {
float:left;
width:295px;
text-align:justify;

}

.about p {
margin:0px 0 10px 0;
}

#flashcontentabout {
border:1px solid #444;
width:348px;
margin:0px 0 0 30px;
overflow:hidden;
}

/* THE BOOK */

.cbook {height:520px;
width:auto;

}

table.book { 

}
table.book td {
border:1px solid #444;
}
.contentinnerbook {
float:left;	

margin: 5px 0 0 0;
padding: 10px 20px 0px 0px;
width:2200px;
width:4800px;
	
	}
	
	.titlebook {
margin:10px 20px 0 0;
	border-top: 1px solid #444; 
	padding:2px 0 0 0;

width:6004px;
}	

.footerrightbook {
border-top:1px solid #444;
margin:0 20px 0 260px;
float:left;
width:6004px;
position:relative;
top:-6px;
padding:5px 0 0 0;
margin-bottom: -40px;
}
/* end THE BOOK */

	
		
		
	.post {
	
	
	border-bottom: 1px solid #444;

	margin: 0px 0px 20px 0px;
padding: 0px 10px 10px 0px;
	
	}	
	.postbox img{

	height:170px;
	width: 170px;
margin:0px 0px 5px 0px;
	}		
	.postboxtext{
	border-top: 1px solid #444;
text-transform: uppercase;
padding:5px 0px 0px 0px
	}


span.date { font-weight:bold;
 color:#CCCCCC;
 margin-bottom:4px;
 
 }
.archivebox {
width:140px;
margin:10px;

}
.calenderbox {
width:200px;
margin:10px;

}

.singlebox {
float:left;
min-width:300px;
margin:10px;
}



.infoleft{
width:300px;
float:left;
border:0px solid green;
margin: 0 10px 20px 10px;
text-align:justify;
padding:10px 10px 0px 0px;
}
.map {
margin:10px 0px 10px -5px;
}
.inforight{
width:280px;
float:left;
border:0px solid green;
}

.inforight img{
width:240px;
float:left;

}



.entry {
margin:5px 0px 10px 0px;
border-bottom:0px solid green;
padding:10px 0px 10px 0px;
border-top:0px solid #EEB3B3;
}
.entry p {


margin-top:10px;
margin-bottom:10px;

}
.entry p img{


max-width:500px;
margin-top:10px;
margin-bottom:10px;
height:auto;
width:auto;
}
		

	
	
	 



a.rollover img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;}

a.rollover:hover img {
filter:alpha(opacity=50);   
-moz-opacity: 0.5;   
opacity: 0.5;
}
.subscribeform {
margin:5px 0 0 0;
padding:5px 0 0 0;
 border-top:  1px solid #444;
}	
	input.emailaddress
	{ border:  1px solid #444;
	width: 100px;
	padding: 1px 0px 2px 5px ;
	margin-left:2px;
	font-size:  0.9em;
		 color: #fff; 
	 background: #111;
	
	}
	input.subscribe
	{ border:  1px solid #444;
	padding: 2px 0px 0px 0px;
	
	margin-top:1px;
	font-family: Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 0.9em;
	 text-transform:uppercase;
	 color: #fff; 
	 background: #111;
	
	}
	
		
	
	#s
	{ border: 0px solid green;
	width: 140px;
	padding: 0px 0px 2px 5px 
	}
	#searchsubmit
	
	{ border: 0px solid green;
		padding: 2px 0px 0px 0px;
	margin-top:5px;
	font-family: Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 1em;
	 text-transform:uppercase;
	 color: #000; 
	}
	
	
	.signup {



padding: 0px 0px 0px 0px;
margin:10px 10px 0px 0px;
width:180px;
height:50px;
 border-top:  1px dotted  #fff;
}

.signupimage { 
margin:5px 0px -5px 0px;
position:relative;
left:0px;
width:150px;

}



.signup h2 {display:none;

}
.signup strong {
font-size:0.9em;
line-height:0.9em;
margin-bottom:-5px;
margin-top:-5px;
padding:0px;

}
input.text {
border:1px solid #444666;
background-color:#111000;
color:#FFFFFF;
height:10px;
margin-bottom:10px;
}

input.Submit {
height:10px;
border:1px solid #444666;
background-color:#111000;
color:#FFFFFF;
height:10px;
margin-bottom:10px;
}


ul, li {margin:0px;
padding:0px;
list-style:none;
list-style-type: none;

}












div#lyr1 { 
border:0px solid green;
        }


/* hide from incapable browsers */
div#scrollbar { 
    display:none;
    }

/* below in external file */
div#wn	{ 
    position:relative; 
    width:670px; 
	border:1px solid #444666;
	height:450px; 
    overflow:hidden;	
	}
div#scrollbar { 
    position:relative; 
    width:672px; height:11px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; left:12px; top:0;
    width:648px; height:11px; 
    background: #fff;
  }
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:20px; height:9px; 
    background-color:#111;
  }  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    }