/* 
  
Theme Name: Frazer WS for mcfrazer.com
Theme URI: http://frazerws.com/categories/wp
Description: mcfrazer.com style. Foundational theme utilizing a combination of Yahoo UI (http://developer.yahoo.com/yui) and Mollio (http://www.mollio.org) standards for maximum compatibility and ease.
Version: FWS 1.3
Author: Mark Frazer of Frazer WS
Author URI: http://frazerws.com

MOST COLORS ARE SET IN "css/variable.css.php"
*/
@import 'css/yui-overrides.css';
@import 'css/sections.css';
@import 'css/forms.css';
@import 'css/plugins.css';

/*** --------- 1. DEFAULTS  --------- ***/
body { font-family:Verdana; font-size:78%;color:#292929; font-weight:normal;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;behavior:url("js/csshover.htc");}

/***  --------- 2. STRUCTURE  --------- ***/
/*-- Yahoo Overrides --*/

#doc2 {width:950px;}
#doc3 {*text-align:center;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}
#hd {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#bd {border:0px solid red;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#ft {*margin-left:1px; text-align:center; padding:25px 4px}
	#ft .leftfoot {padding:auto;margin:0;}
	#ft .rightfoot {padding:auto;margin:0}

#sitename {width:70%;float:left;}
#tagline {float:right;padding:0px 20px 0px 0px;}
#quicklinks {float:right;margin:0; padding:0px}
#header {padding:0px 0px 0px 0px;border:0px solid blue;height:150px;}
	#topnav {position:absolute;top:110px;border:0px solid red;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;height:41px;width:950px;}
		#topnav ul {border:0px dotted red;padding:10px 2px;*margin-left:-4px;height:20px;}
			#topnav ul li {margin:0px 0px; padding:0px 0px 0px 2px;}
				#topnav ul li {*margin:0px 0px 0px 0px; padding:0px 0px 0px 2px;}
	#toptext {height:100px}
	#toptext {float:left;position:absolute;left 25px;top:5px;}	

#featurebox {height:140px; margin:0px 0px 0px 0px; padding:10px 2px 6px;}
#floaternav {padding:4px 4px;margin:0px 4px 0px 8px;}
#sidebar {padding:20px 10px;*margin-left:1px}
#content {padding:4px 4px;margin:0px;}

#homecontent {padding:5px 4px 10px; margin: 4px 4px 10px 0px;}
.post {padding:5px 4px 10px; margin: 50px 4px 10px 0px;}
.posttext {margin:4px 5px;padding: 4px 4px}

#panelone {height:166px;}
#paneltwo {}

#panelthree {}
#panelfour {}

/***  --------- 3. TYPOGRAPHY  --------- ***/
/* links */
a {text-decoration: none; outline: none; border:none; }
a:link, a:active, a:visited {text-decoration: none}
a:visited {}
a:hover {text-decoration: none}

	h1 a:link,h2 a:link,h3 a:link {}	
	h1 a:visited,h2 a:visited,h3 a:visited {}	
	h1 a:hover,h2 a:hover,h3 a:hover {text-decoration: none}

/* headings */
h1, h2, h3, h4, h5, h6 {font-family: Helvetica,Arial; padding:4px 0px;margin:2px 0px;border-bottom: 0px solid #eee; letter-spacing:.00em; }
h1 {font-size: 174%; text-transform: uppercase; letter-spacing:.01em; text-align: center; }
	h1 span, h3 span {color:#ccc;}
h2 {font-size: 152%; text-transform: uppercase; letter-spacing:.01em; font-weight:bold}
h3 {font-size: 136%; font-variant: small-caps; font-weight:bold}
	h2 span, h3 span {color: #292929;}
h4 {font-size: 122%; color: #292929;}
h5 {font-size: 107%}
h6 {font-size: 100%}

/* blocks */
p, ul, ol {margin: 0 0 1.0em;line-height: 1.6em;}

/* misc  */
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#C19A3A;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#666;text-align:right; font: normal 85%/85% Georgia, Times, serif;}
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }

hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
small { font-size: 77%; line-height: 1.0em; }
code { font-size: 85%;  'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 90%; letter-spacing: .07em; }
strong {font-variant: small-caps;}
centered { display: block; margin-left: auto; margin-right: auto; }

blockquote, pre {padding: 8px 40px 0px;margin: 4px 0px 0px;}
blockquote {font: italic 100% Georgia, Times, serif; background: transparent url("images/sprites.png") no-repeat 0 -2600px; }
blockquote cite { margin: 5px 0 0; display: block; }
pre, code {font: 1.05em Courier, monospace;}
pre {line-height: 1.5em;}
pre strong {font-size: 1em; font-weight: bold;}
pre code {font-size: 1em; line-height: 1.5em;} /* handle legacy articles until markup gets a scrubbing */

/***  --------- 4. LISTS  --------- ***/
ul {background:none;list-style-type:none}
ul li {background:none;list-style-type:none}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/***  --------- 5. IMAGES  --------- ***/
img {border:none;behavior: url("js/pngbehavior.htc");} 
a img { border:none; background-color:inherit;}
p img { border:none;  padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright, .right { float: right; }
.alignleft, .left { float: left }

/***  --------- 6. FORMS  --------- ***/
form {margin: 0 0 1.5em}
input {font-family: verdana;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 2px 0}
label br {clear:left}

/***  --------- 7. TABLES  --------- ***/
table {border-bottom: 3px solid #B2B2B2; margin: 0 0 2em;}
caption {padding: 0.75em; font: 80% Georgia, Times, serif; border: 1px solid #B2B2B2; border-width: 1px 0 2px;}
th, td {padding: 0.5em 1em; border: 1px solid #CCC; border-width: 0 0 1px 1px;}
th.first, td.first, tbody th {border-left: none;}
thead th {text-transform: uppercase; text-align: left;}
tbody th {width: 20%;}
tfoot {display: none;}

.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
	.table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
	.table1 th {text-align:left;border: 1px solid #fff}
	.table1 thead th {color:#fff;font-size:145%;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
	.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
	.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}

/***  --------- 8. HACKS  --------- ***/
body	{ /* IE 5 centring bug fix */ text-align: center; }
.separator, .clear { clear: both; height: 0px;visibility:hidden; }
/*  add clearfix class to any container that must enclose floated elements */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix {display: inline-block;}
	/* IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End IE-mac */