/* www.ShawnsOnMain.com
   CSS Style Sheet - Rev. 2007-Feb-17
   */

html { color:black; background-image:url(/img/bg_circred.gif) repeat; font-family:Times, serif; }

/* Jello -- http://www.positioniseverything.net/articles/jello.html
 Jello Calculations:
	maxWidth = 1000px
	minWidth = 750px (allows 774px browser window w/no scrollbar)
	stretchRange = max - min = 250px
	scaler = 50%
	actualWidth = (screenWidth - minWidth) * scaler + minWidth
 * * * * */
body {
	background:#500 url(/img/bg_circred.jpg) repeat;
	padding:20px 375px 20px 375px; /* minWidth / 2 */
	margin:0;
	text-align:center;
}
#sizer {
	margin:0 auto 0 auto;
	padding:0;
	width:50%; /* scaler */
	max-width:250px; /* stretchRange (Javascript IE fix is in HTML file) */
}
#expander {
	margin:0 -375px 0 -375px; /* minWidth / 2 */
	min-width:750px; /* minWidth - Critical Safari fix! */
	position:relative; /* IE fix for negative margins*/
	text-align:left;
}
* html #expander { height:0; } /* "Holly Hack for IE */
#wrapper { width:100%;background:#ff7; } /* helps IE get child percentages right  */
/* end Jello -- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#content { padding:2em; }
#header { border:1em solid black;padding-top:2em;margin-bottom:2em;text-align:center }

#footer { 
	border-top:1em solid black;border-bottom:1em solid black;
	color:#500;
	font:normal 8pt sans-serif;
	margin-top:2em;
	padding:0 1em;
	text-align:center;
}
#footer ul { margin:0;padding:0.3em; }
#footer li { display:inline;font-family:Verdana, serif;font-weight:bold;margin:0 1em;padding:0; }
#footer a:link, #footer a:visited { color:#23f; }
#footer a:hover { color:#f00; }

.hr { background-color:black; border-top:thick double white; }

.clear {clear:left; margin-top:1em;}

/* http://positioniseverything.net/easyclearing */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img.menu { border:none; }

div.menu {
	background:url(/menu/parchment.png);
	font-weight:bold;
	font-style:italic;
	text-align:center;
	margin:2em auto 2em;
	padding:2em 1em;
	white-space:pre;
	width:640px;
}
div.menu b { font-size:larger }

h1,h2,h3,h4,h5,h6 { font-family:Arial, sans-serif; }

.shawns { color:#500;font-weight:bold; }

.newsfolio { 
	background-color:#666;
	background-image: url(/img/news.gif);
	background-repeat: repeat;
	text-align:left; 
	width:90%; 
	margin:0 auto 0; 
	padding-top:1em; 
	padding-bottom:1em;
	opacity:0.9; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.news { 
	margin:2em; 
	background-color:#fff; 
	padding:1.5em;
}