* {
			margin: 0;
			padding: 0;
			/*color: #666666; alternate gray*/ 
			/*color: #cccccc; light gray color for alt highlight*/
			/*color: #99cccc; light blue*/
			/*color: #336666; base blue color*/
			/*color: #5c779d; dark blue*/
		}
		
		body {
		    margin: 0 auto;
		    padding: 0;
		    width: 800px;
			min-width: 800px;
		    color: #cccccc;  /*Base color for text*/
		    background-color: #000000;
		    font-family: Verdana, Arial, Helvetica, sans-serif;
			/*font-family: Georgia, "Times New Roman", Times, serif;*/
		    font-size: 0.8em;
		    line-height: 2em;
  		    text-align: center; /*this centers wrapper in IE7*/
  		 }
		
		
		#wrapper  /* Contains header-main-footer, centered on page */ {
			width: 800px;
			margin: 0px auto;
			padding: 0;
			text-align: left; /*force IE back to left align*/
			background-color: #000000;
		}
		
		#header /*top of page inside wrapper, above the main.  contains logo, banner, and menu */ {
			position: fixed;
			width: 800px;
			height: 130px;
			padding: 0px;
			margin: 0px;
			background-color: #000000;
			z-index: 2;
		}
		
		#logo {
			/* width: 20%; DO NOT PUT A WIDTH TAG HERE, it will force logo to next line */
			float: left;
			height: 100px;
			width: 120px;
			margin-top: 18px;
			margin-left: 28px;
			background-image: url(graphics/JaggedLogo_JJ-002_Chrome2_small.jpg);
			background-repeat: no-repeat;
		}
	
		#banner{
			background-image: url(graphics/Jagged_KICKASSBANNER_mirror1.jpg);
			background-repeat: no-repeat;
			float: left;
			width: 500px;
			height: 75px;
			margin-top: 35px;
			margin-left: 80px; 
		}
		
		
		#main /*main section of page between header and footer  Contains content and optional sidebar */{ 
		    /* float: left;   makes header disappear in IE */
			margin: 0px;
			padding: 0px;
			text-align: left; 
			width: 800px; 
			/*background-image: url(graphics/Jagged_BlueSmokeBackground.jpg);
			background-repeat: repeat;*/
		}
		
	
		/*MENU STUFF ********************/
		
		#menu{
			position: fixed;
			margin: 0px;
			margin-top: 130px; /*this is height of header*/
			padding: 0px;
			height: 17px;
			font-size: 1em !important;
			line-height: 1em !important;
			width: 100%;
			list-style-type: none;
			z-index: 2;
			background-color: #000000;
		}
		
		#menu ul {
		  margin: 0;
		  padding: 0;
		  line-height: normal;  
		}
		
		#menu ul li { 
			width: 114px;  /*800px width divided by 8 links*/ 
			display: block; 
			float: left;  /*switches list from vertical to horizontal*/
			margin: 0;
			padding: 0;
			list-style: none; 
			text-align: center; 
		}
		
		#menu ul li a { 
			display: block; 
			text-transform: uppercase; 
			text-decoration: none; /*gets rid of underlining on menu items */
			color: #666666;  /*alternate color on menu page selections */ 
			font-weight: bold; }
		
		#menu ul li a:hover,
		
		#menu ul li a:active { 
			color: #cccccc; 
			background-image: url(graphics/menuback.gif); 
		}
		/*END OF MENU STUFF *****************/
			
		#sidebar {
		/*			margin-top: 180px; /*height of header + menu
			float: right;
			height: 500px;
			width: 680px;  */
		}

		#content {
			width: 780px;  /*fucking 800 minus fucking 20 for padding fucking left*/
			float: left;  /* have to float this for firefux */
			margin-top: 147px; /*height of header + menu*/ 
			padding-top: 20px;
			padding-left: 20px;
			z-index: 1;
			background-image: url(graphics/Jagged_BlueSmokeBackground.jpg);
			background-repeat: repeat;
		}
		
		#content h1 {
			width: 100%;
			color: #99cccc; /*light base color for heading text*/
			font-family: Georgia, "Times New Roman", Times, serif;
			text-decoration: none !important; /*gets rid of underlining*/
			text-align: center;
			margin: 0;
			margin-top: 10px;
			padding: 0;
			font-size: 1.7em;
			line-height: 1.7em;
			/* text-shadow: 3px 3px 5px white;  strange, text shadow don't seem to work... */
		}
		
		#content h2{
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.5em;
			line-height: 1.5em;
			text-decoration: underline;
			margin-top: 10px;
		}
		
		#content h3{
			font-family: Georgia, "Times New Roman", Times, serif;
			clear: both;
			font-size: 1.2em;
			font-weight: bold;
			margin-top: 10px;
		}
		
		#content p{
			padding-left: 30px;
			padding-right:  20px;
			padding-bottom: 5px;
			padding-top: 10px;
		}
		
		#content ol {
			margin: 1em;
			list-style-position: inside;
			padding-left: 30px;
		}
		
		#content ul {
			list-style-type: disc;
			/*list-style-image: »*/
			list-style-position: inside;
			float: left;
			margin: 1em;
		}
		
		#content a:visited,
		#content ul li a,
		#content a {
			text-decoration: none;
			color: #336666; /*alt color for list links*/
		}
		
		#content ul li a:hover,
		#content a:hover {
			text-decoration: underline;
			color: #cccccc; /* alt highlight color for selected link items */
		}
		
	
		map{
			border-style: none;
		}
		
		.current{
			color: #cccccc !important; /*light alt color for current page*/
			font-style: italic;
			background-image: url(graphics/menuback.gif);
		}
		
		#footer {
			text-align:center; 
			width: 100%;
			margin: 0;
			/*margin-top: 20px;  this screws up top of page for FireFucks, sorry, I mean FireFox*/
			padding: 0;
			/*padding-top: 20px;  strangely, this only works properly for IE*/
			font-size:.75em;
			line-height: 1em; 
			z-index:2; 
			/* border:1px solid #0000FF; */
			color: #5c779d;  /*dark base for footer text*/
		}
		
		#footer p {
			padding-top: 20px;
		}
		#footer img {
			margin: 8px;
			border: 0;
		}
	
		#footer form{
			margin: 10px;
			margin-bottom: 20px;
			padding-bottom: 20px;
			display: inline;
			vertical-align: middle;
		}
		
		.clearboth {
			clear: both;
		}
		
		.rightimg {
			float:right;
			margin:15px;
			padding:0;
		}
		
		.leftimg {
			float:left;
			margin:15px;
			padding:0;
		}
		
		.midimg {
			float: none; 
			text-align: center; 
			display: block; 
			margin:15px; 
			padding:0px;
			z-index: 1;		
		}
		
		.coverart {
			border-style: solid;
			border-width: 3px;
			border-color: #000000;
		}
		
		.lyrics {
			font-family: "Zapf Chancery", "Comic Sans MS", cursive;
			font-style: italic;
			font-size: 1.1em;
			color: #ccccff;
		}
		
		.smalltext{
			text-align: center;
			font-size: .75em;
			line-height: 1em;
		}
		
		.smallwowtext {
			text-align: center;
			font-size: .75em;
			line-height: 1em;
			color: #ff0000;
		}
		
		.wow {
			display: inline;
			color: red;
			font-weight: bold;
			
		}
		#blogwrap {
			float: left;
			margin: 0;
			padding: 0;
			width: 540px;
		}
		
		#wordsleft {
			float:left; 
			width:200px; 
			background-image: url(graphics/icybackground.png);
			background-repeat: repeat; 
			border:1px solid #000; 
			margin: 10px; 
			padding: 5px;
		}
		
		#wordsleft p {
			text-align: right;
		}
		
		#wordsright {
			float:right; 
			width:200px; 
			background-image: url(graphics/icybackground.png);
			background-repeat: repeat; 
			border:1px solid #000; 
			margin: 10px; 
			padding: 5px;
		}
		
		#wordsright p {
			margin: 0;
			padding: 5px;
		}
		
		#wordsright hr {
			color: black;
		}
		
		#wordsright a img {
			border-color: #cccccc;
		}
		
		#wordsmiddle {
			clear: both; 
			width:350px; 
			background-image: url(graphics/icybackground.png);
			background-repeat: repeat; 
			border:1px solid #000; 
			margin:5px auto; 
			padding:5px;
			text-align: center;
		}
			
		#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#000055;}
		
		#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#000055; width:200px;}

/*JAGGED BLOG STUFF *****************/

#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #222;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  color:#ccc;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
  
#blog-title a {
  color:#ccc;
  text-decoration:none;
  }
#blog-title a:hover {
  /*color:#ad9;*/
  color: yellow;
  /*this one seems to have no effect*/
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #222;
  border-width:0 1px 1px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }


/* Posts
---------------------------------------------- */
/*conrads custom post edits*/
	.byline {
		float: right;
		text-align: right;
	}
	.comment-link{
		text-align: right;
	}
/*end of conrads custom code*/


  .date-header {
  	float: left;
    margin:1.5em 0 .5em;
    }
    
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #444;
    padding-bottom:1.5em;
    }


.post-title {
  margin:0.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  line-height:1.4em;
  color:#ad9;
  }
.post-title a {
  text-decoration:none;
  color:#ad9;
  }
.post-title a:hover {
  color:#fff;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#333;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#777;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #222;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #444;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#999;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #444;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #222;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }