/*The following is supposed to round corners on IE to join with the java script file, but it does not work well for me. Created another css just for ie coyote_ie.css
body
	padding: 1em, 0;
rounded corners
behavior:url(border-radius.htc); 
*/
body {
	font-family: "Book Antiqua", Garamond, "Comic Sans MS", Arial, Verdana, Georgia;
	color:#FFC;
	background:#CC99FF url(images/bgstar.jpg) repeat;
	font-size: medium;

	font-weight: bold;
}
a:link, a:visited {
	color: #C9F;
}
 a:hover{
	color: #FF8CF5;
}
img{
	margin: 0px;
	padding: 0px;
	border: 0;
}
.centered {
	text-align: center;
}

h1{
	color: #FFFFCC;
	font-style: italic;
	font-weight: bold;
	background: #96C;
}
h1.corners{
	text-align: center;
	padding: .25em;
}
h2, h3{
	font-style: italic;
	color: #FFFFCC;
	margin: 0 0 .5em 0;
	padding: 0;
}
.strong{
	font-weight: bold;
}
/*just a comment-Wrap is the body wrapper*/
#wrap{
	width:85%;
	margin:0 auto;
	background: #FFFFFF;
	padding:2%;	 
}
.pad{
	padding:1em;
	margin:1em 0;
	/*old-had a transparency on it, but it made some of the type hard to read... 
	background:#96C url(images/transbgdespr.gif) center;
		background:#96C;
	*/
	background:#96C;
}
#header{
	text-align: center;
	margin-bottom: 1em;
}
#logo {
	background:#FFF url(images/ww_logo1.jpg) no-repeat center;
		padding:1.5em 0;
	}
	/* clear picture and link over logo */  
#trans {
	text-align:center;
	height:316px;
	width:90%;
	border:none;
}



 /*** ROUNDED CORNERS ***/   /* css3 implementation :) */ 
#wrap, #nav, .awesome, .awesome:visited, .corners, #content, #home, .pad, h1.corners, h1.pagetitle, h2.page-title, h2.post-title, h3.leftcol, h3#comments-title, h3#reply-title, img.wavatar, img.avatar, img.largepic, h2.cat-title, .mybar, .footer, .back, #googlewrapper { 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
border-radius: 10px; 
/* drop shadow */  
-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);  
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5); 
-khtml-box-shadow: 0 2px 6px rgba(0,0,0,0.5); 

}

.bar{
	background: url(images/bar-stars3.jpg) repeat-x;
	text-align: center;
	width: 100%;
	height: 25px;
}

.mid{
	text-align: center;
}
.howl{
	float: left;
	display: block;
	padding: 1.5em 0.5em 0 0;
	margin-right: .5em;
}


/* css3 implementation :) */  
/* scalable buttons . awesome*/  
	/* awesome - old backgound background: #C9F url(images/buttontrans.png) repeat-x;   */  
	
 .awesome, .awesome:visited{
	background: #C9F;
	margin: 0;
	padding: .5em;
	line-height: 2;
	color:#FFFFCC;
	text-decoration: none;
	font-weight: bold;
}

 .awesome:hover{
	background-color: #FF8CF5;
	color: #FFFFFF;
 }
 .awesome:active{
 top:1px;
 }
 
  /* right/main column 
  OLD
  #main{
float:right;
width:65%;
padding:0.5em;
margin:0;
}
  ---------- */
#main{
padding:0.5em;
margin:0;
}
#mtemp{
	width:70%;
	padding:0.5em;
	margin:0 auto;
	left: 27%;
}
#todo{
}

.footer{
	clear:both;
	padding:.5em 1em;
	background:#96C;
	text-align: center;
}
.footer p{
	margin:0;
}
* html .footer{
height:1px;
}
#fbwrapper {
	text-align: center;
}
.fb-like-box, #fblikes {

	background:#ffffff;

}