html { 	margin: 0px; 	min-height: 100%; } body { 	font:14px Arial, Arial, sans-serif; 	margin:0px; 	padding:0px; 	background-color: #526074; 	min-height: 100%;	 }      /*--- IE6 Transparency Hack - You'll see this a lot in the theme. ---*/  *html body { 	behavior: url(http://www.johnkirk.net/wp-content/themes/flexibility/iepngfix.htc); }      a:link, a:visited, a:active a:focus{ 	-moz-outline-style:none; }  a:hover { 	-moz-outline-style:none; }  h2, h3, h4 { 	font-family: Georgia, Helvetica, sans-serif; }  h2.pagetitle { 	padding: 0 0 4px 0; 	margin-top: 0px; 	margin-right: 0px; 	margin-bottom: 15px; 	margin-left: 0px; 	font: bold 20px/24px Verdana; 	color: #8A0808; }  img { 	border:none; 	margin:0; 	padding:0; }  img.alignleft { 	margin-right:10px; 	margin-bottom:5px;     float: left; }  img.alignright { 	margin-bottom:5px; 	margin-left:10px;     float: right; }  img.aligncenter { 	display: block;  	margin-left: auto;  	margin-right: auto; }  hr { 	height: 1px; 	border:0; 	width: 95%; 	color: #E6E6E6; 	background-color: #E6E6E6; }  blockquote { 	margin:0 20px 10px 10px; 	padding:10px 15px; 	border: 1px solid #F0EBE3; 	background: #F9F7F2; }  /*-- This is an IE6 hack --*/ *html blockquote { 	height:1%; }  blockquote blockquote { 	margin-right:5px; 	margin-left:0; 	background: #F9F7F2; }  blockquote p { 	margin:0; 	padding:0 0 5px; }  #bgwrapper {  /*--- This id selector controls the blog background layer ---*/ 	width: 100%; 	margin: 0px; 	padding-top:10px; 	background-color:#ccc; 	background: url(images/diag-bg.png) repeat-x center top; 	behavior: url(http://www.johnkirk.net/wp-content/themes/flexibility/iepngfix.htc); 	min-height: 100%; }  #wrap { 	width:950px; 	margin:0px auto 0px; 	padding:0; 	border: solid 5px #000000; }  #headerbg { /*--- This id selector controls the header background ---*/ 	background: url(images/header-bg.png) no-repeat left top;     background-color: #8A0808; 	margin-right: auto; 	margin-left: auto; 	width: 950px;     height: 196px; }  *html #headerbg { 	behavior: url(http://www.johnkirk.net/wp-content/themes/flexibility/iepngfix.htc); }  #header { 	clear:left; 	height:196px; 	width:950px; 	margin-right:auto; 	margin-left:auto; 	position:relative;  }  #header a { 	color:#DEDABF; 	text-decoration: none; }  #header  h3 { 	font-size:38px; 	position:absolute; 	width:590px; 	left:20px; 	top:20px; 	font-weight:400; 	line-height:42px; 	font-family: Georgia; 	margin:0; 	padding:0; }  #logo { 	position: relative; 	top:0px; 	left:0px; 	height: 163px; 	width: 700px; }  *html #logo { 	behavior: url(http://www.johnkirk.net/wp-content/themes/flexibility/iepngfix.htc); }  #logo a {  	display: block;  	height: 100%;  	width: 100%;  }       #header  h3  a { 	color: #FFFFFF; }  #header  h3  a:hover { 	color: #F0EBE3; 	text-decoration: none; }  p.tagline { 	font-size:14px; 	font-weight:700; 	position:absolute; 	width:575px; 	top:75px; 	left:20px; 	color: #D7CAB5; 	margin:0; 	padding:0; }  /*--- Navigation Menu Settings ---*/  #nav { 	clear: both; 	position: absolute;  	top: 163px; 	margin: 0px 0 0px 0px; 	padding: 7px 0 0 10px; 	background-color: #000000; width:940px;  }  #nav ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #nav li { 	float: left;  	margin-right: 3px;  }  * html #nav li a { /* Filter for IE6 to prevent li stacking */ 	float: left; 	text-decoration: none; 	behavior: url(http://www.johnkirk.net/wp-content/themes/flexibility/iepngfix.htc); }  * html #nav li a span { /* Filter for IE6 to prevent li stacking */ 	float: left; 	margin-left: 4px; 	text-decoration: none; 	behavior: url(http://www.johnkirk.net/wp-content/themes/flexibility/iepngfix.htc); }  #nav li a { 	display: block;  	height: 26px;   	background: url(images/navrdleft.png) left top no-repeat;  	background-color: #B40404; 	font-size: 10pt; 	font-family: Arial, Helvetica; 	text-decoration: none;   }      #nav li a span { 	display: block; 	margin-left: 5px; 	padding-left: 5px; 	padding-right: 12px;  	line-height: 26px;  	font-weight: bold; 	color: #FFFFFF;  	background: url(images/navrdright.png) right top no-repeat;  	background-color: #B40404; 	text-decoration: none; }  #nav li a:hover {  	background-position: left -26px;  	text-decoration: none; 	background-color: #F0EBE3; 	cursor: pointer; /* For IE6 */ }  #nav li a:hover span {  	background-position: right -26px;  	color: #000000; 	background-color: #F0EBE3; }  #nav li.current_page a {  	background-position: left -26px;  	background-color: #F0EBE3; }  #nav li.current_page a span {  	background-position: right -26px;  	color: #000000; 	background-color: #F0EBE3; }  /*-- Header search box styles --*/  #header #searchform { 	visibility: visible; 	width: 242px; 	height: 31px; 	background: url(images/search.png) left 0px no-repeat; 	position: absolute; 	top: 130px; 	right: 5px; }    *html #header #searchform { 	behavior: url(http://www.johnkirk.net/wp-content/themes/flexibility/iepngfix.htc); }  *:first-child+html #header #searchform { /* Filter for IE7 */   	padding: 0px 0; }  * html #header #searchform { /* Filter for IE6 */   	padding: 5px 0; }  * html #header #searchbox { /* Filter for IE6 */   	margin-top: 0px; }  #header #searchbox { 	margin-left: 28px; 	margin-top:6px; 	margin-bottom: 3px; 	width: 140px; 	background: none; 	border: none; 	color: #FFFFFF; 	font-size: 11px; }  #header #searchbutton {   	width: 50px;   	background: none;   	border: none;   	margin-left:10px; }  #header #searchbutton:hover { 	cursor: pointer; }  #john {         background: url(images/john.jpg) left no-repeat; }  /*-- Sidebar search box styles --*/   #sidebar-top #searchform { 	width: 315px; }  #sidebar-top #s { 	margin: 20px 0 5px 0; 	width: 315px; }    #sidebar-left #searchform { 	width: 160px; }  #sidebar-left #s { 	margin: 20px 0 5px 0; 	width: 160px; }    #sidebar-right #searchform { 	width: 140px; }  #sidebar-right #s { 	margin: 20px 0 5px 0; 	width: 140px; }  /*-- Header RSS settings --*/  #rssfeeds { 	width:200px; 	height: 43px; 	position: absolute; 	padding-top: 21px; 	top:50px; 	right:22px; 	background: url(images/rssicon.png) right bottom no-repeat; 	behavior: url(http://www.johnkirk.net/wp-content/themes/flexibility/iepngfix.htc); 	color: #D7CAB5; }  #rssfeeds a { 	color: #D7CAB5; }  #rssfeeds a:hover { 	color: #FFFFFF; }  #rssfeeds  p { 	line-height:16px; 	margin:0; 	padding:0 60px 0 0; 	font: bold 12px Georgia, "Times New Roman", Times, serif; 	text-align: right; }  /*--- The following code controls the Features Box on the home page. If it is not activated, the code below will not appear ---*/     /*-- Begin page content CSS --*/  #content { 	width:950px; 	position:relative; 	float:left; 	color:#333;     background-color:#F0EBE3; 	padding:12px 0px 0px 0px; }  .postwrap a:link, .postwrap a:visited, .postwrap a:active { 	text-decoration:none; 	color:#8A0808; 	border:0; 	-moz-outline-style:none; }  .postwrap a:hover { 	text-decoration:underline; 	color:#000000; 	border:0; 	-moz-outline-style:none; }  .postwrap h1 { 	margin:0 0 8px; 	padding:0px 0px 4px; 	font: bold 20px/24px Verdana; 	border-bottom: solid 1px #F0EBE3; }  .postwrap { 	float:left; 	width:590px; 	padding:5px 10px 25px 15px; }  .post { 	background-color:#FFFFFF; 	margin-bottom:15px; 	padding:15px; 	border: solid 1px #D7CAB5; }  .postfoot { 	padding:15px; }  .postwrap p { 	line-height: 18px; }  .posthead { 	padding-bottom:0px; 	position:relative; 	clear:left; 	margin-bottom: 0px; }  #content .posthead h1, #content .posthead h1 a { 	color: #8A0808; }  #content .posthead h1 a:hover { 	text-decoration: none; 	color: #666666; }  .postMeta { 	padding: 2px 0px 4px; 	font-size: 11px; }  .postMeta .date { 	background: url(images/date.gif) left no-repeat; 	padding: 0 0 0 15px; }  .postMeta .filed { 	background: url(images/folder.gif) left no-repeat; 	padding: 0 0 0 18px; 	margin: 0 0 0 3px; }  .postMeta .commentcount { 	background: url(images/comments.gif) left no-repeat; 	padding: 0 0 0 18px; 	margin: 0 0 0 3px; }  .postMeta a { 	text-decoration: none; }  .postcontent { 	padding-top:0px; 	padding-bottom:0px; 	line-height:18px; 	margin: 0px; 	padding-top: 0px; }  .postcontent a { 	text-decoration: underline; }  #content p.comments { 	clear: both; 	padding: 10px 10px 0px 0px; 	margin: 0px; }  p.comments a { 	padding-left: 20px; 	background: url(images/comment.gif) left top no-repeat; 	text-decoration: none; 	padding-top: 3px; 	padding-bottom: 3px; }  p.comments a:hover { 	text-decoration: underline; }  .more-link { 	font-weight:700; 	margin-top:15px; 	height: 16px; 	width: 300px; 	display: block; }  /*-- Comment Settings --*/  #commentblock { 	width: 590px; 	float:left; 	margin:10px 0; 	padding:0; 	border: 1px solid #D7CAB5; 	background-color: #F9F7F2; } .comment-wrap { 	width: 550px; 	padding-left:17px; 	padding-top: 10px; 	padding-bottom: 10px; 	display: block; }  #commentblock ol { 	padding: 0px; 	list-style: none; 	margin: 10px 0px 20px; }  #commentblock  ol li { 	margin: 0px; 	padding: 0px; }  .commentdate { 	padding-left:0; }  #commentlist li p { 	margin-bottom:8px; 	line-height:20px; 	padding:0; }  .commentlist li.alt .commenttext { 	clear: both; }  .commentname { 	margin:0; 	padding:5px 5px 5px 0; }  .commentinfo { 	clear:both; }  .commenttext { 	clear:both; 	border-top: 1px solid #D7CAB5; 	padding-top: 10px; 	margin-bottom: 15px; }  .commenttext blockquote { 	margin-bottom:10px; 	margin-top: 8px; }  .commenttext p { 	margin:0; 	padding:0 0 10px; }  p #comment { 	width: 550px; 	border: 1px solid #D7CAB5; } p #author, p #email, p #url { 	border: 1px solid #D7CAB5; }  #commentform #submit { 	color: #D7CAB5; 	font-family:Georgia, "Times New Roman", serif; 	font-size:14px; 	font-weight:700; 	border:2px solid #D7CAB5; 	display:block; 	margin:0; 	padding:4px; 	background: #8A0808; }   p.meta { 	margin: 0 0 5px 0; 	padding: 0px; 	float: left; }  p.meta a { 	text-decoration: none; }  p.approval { 	font-style: italic; 	clear: left; }  p.commenttitle { 	font: 18px Georgia, "Times New Roman", Times, serif; 	margin-top: 0px; 	padding-top: 0px; }   /*-- Sidebar settings --*/  #sidebar { 	float:right; 	width:315px; 	margin-top:0px; 	position:relative; 	padding-right: 15px; 	margin-bottom: 15px; }  #sidebar h2 { 	font-weight:bold; 	margin:0px; 	padding:3px 0 4px 8px; }  #sidebar ul { 	margin: 0px;     padding: 0 0 0 8px; }  #sidebar-top { 	width: 315px; 	padding:0px 0 5px 0;     color: #584930; }  #sidebar-top a, #sidebar-top a:visited, #sidebar-top a:active { 	color: #8A0808; }  #sidebar-top a:hover { 	color: #000000; }  .sidebar-top-box { 	margin-bottom:10px; 	padding:8px; 	background: #F9F7F2; 	color: #584930; 	border: 1px solid #D7CAB5;         font-size: 12px }  .box-padding { 	padding:7px; }  .sidebar-top-box p { 	margin-top:3px; 	margin-bottom:3px; }  #sidebar-top h2 { 	margin-top:5px; 	color: #FFFFFF; 	font-family: Georgia, Arial, Helvetica; 	font-size: 14px; 	background-color: #8A0808; 	border-top: 1px solid #D7CAB5; 	border-right: 1px solid #D7CAB5; 	border-left: 1px solid #D7CAB5; 	border-bottom: none; 	text-transform: none; 	letter-spacing: 0px; }  #sidebar-top .textwidget { 	margin-bottom:10px; 	padding:8px; 	background: #F9F7F2; 	color: #584930; 	border: 1px solid #D7CAB5; }  #sidebar-top ul { 	list-style-type:none; 	margin-bottom:10px; 	padding:10px 7px 7px 8px; 	border: 1px solid #D7CAB5; 	background: #F9F7F2; }  #sidebar-top ul.children{  	margin:3px 0 0px 0; 	padding: 0px 0px 3px 0px; 	border:none; } #sidebar-top ul.children li {      padding-bottom: 0px; }  #sidebar-top ul li { 	list-style-type:none;  	background:url(images/liarrow.png) no-repeat left top; padding-left:10px;  	padding-bottom:3px; }  #sidebar-top ul li a { 	text-decoration:none;      }  #sidebar-left a, #sidebar-left a:visited, #sidebar-left a:active, #sidebar-right a, #sidebar-right a:visited, #sidebar-right a:active { 	color: #584930; 	text-decoration: none; }  #sidebar #sidebar-left, #sidebar #sidebar-right { 	color: #584930; }  #sidebar-left a:hover, #sidebar-right a:hover { 	color: #B40404; }  #sidebar-left { 	float:left; 	width: 160px; 	padding:0 0px 0 0px; }  #sidebar #sidebar-left h2, #sidebar #sidebar-right h2 { 	margin:15px 0 10px; 	padding-left: 5px; 	color: #000000; 	border-bottom: solid 1px #D7CAB5; 	font-family: Arial, Arial, Helvetica; 	font-size: 11px; 	text-transform: uppercase; 	letter-spacing: 5px; }  #sidebar-right { 	float:right; 	width: 140px; 	padding:0 0px 0 0px; }  #sidebar-left ul , #sidebar-right ul { 	padding-left:5px; }  #sidebar-right ul li, #sidebar-left ul li {  	background:url(images/liarrow.png) no-repeat left top; padding:0 0 5px 8px;  	list-style:none; 	margin:0; }      #sidebar-left  .children, #sidebar-right  .children { 	padding-top: 5px; }  #sidebar-left  ul.children  li, #sidebar-right  ul.children  li { 	padding-bottom: 3px; 	padding-top: 0px; }  #sidebar-top h2 a.rsswidget { 	color: #FFFFFF; 	text-decoration: none; }  #sidebar #sidebar-left h2 a.rsswidget, #sidebar #sidebar-right h2 a.rsswidget { 	color: #000000; 	text-decoration: none; }  #sidebar .rsswidget img { 	float: left; 	margin-top: 2px; 	margin-right: 7px; }  /*-- Footer settings --*/  #footer { 	float:left; 	width: 930px; 	background-color: #8A0808; 	color:#F0EBE3; 	font:14px Arial, Arial, sans-serif; 	padding:10px 0 20px 20px; 	margin: 0px; 	border-top: solid 2px #8A0808; }  #footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a:focus { 	color: #F0EBE3; 	text-decoration:underline; }  /*-- Post RSS and Trackback settings --*/  .Note li { 	list-style-type:none; 	margin:0; 	padding:2px 0 2px 15px; }  .NoteRss { 	background:url(images/NoteRss.png) no-repeat left top; }  .NoteTrackBack { 	background:url(images/NoteTrackBack.gif) no-repeat left top; }  /*-- Related Posts plugin settings --*/  .rel-posts { 	background-image:url(images/dotline.gif); 	background-repeat:repeat-x; 	background-position:left bottom; 	margin:0 0 10px; 	padding:0 0 10px; }  .rel-posts ul { 	margin:0; 	padding:0; }  .rel-posts li { 	list-style-type:none;  	background:url(images/liarrow.png) no-repeat left top; padding-left:10px;  	margin:2px 0 0 0; 	padding:0px 0 2px 11px; }  .rel-posts li a { 	text-decoration: none; }  /*-- Wordpress calendar settings --*/  #wp-calendar { 	width:100%; 	border-collapse:collapse; 	margin:0; 	padding:0; 	background: #FFFFFF; }  #wp-calendar caption { 	padding-top:3px; 	padding-bottom:6px; 	text-align:left; 	font-family: Arial, Arial, Helvetica; 	font-size: 11px; 	font-weight: bold; 	color: #000000; 	text-transform: uppercase; 	letter-spacing: 5px; }  #wp-calendar td { 	text-align:center; 	padding-top:2px; 	padding-bottom:2px; 	line-height:15px; }  #wp-calendar th { 	background-color: #8A0808; 	color: #FFFFFF; }  #wp-calendar tbody { 	border-right: 1px solid #D8D8D8; 	border-left: 1px solid #D8D8D8;   }  #content #sidebar #wp-calendar a { 	font-weight:700; 	color:#D7CAB5; 	text-decoration:none; 	display:block; 	border-style:none; 	margin:0; 	padding:0; 	background-color: #8A0808; }  #content #sidebar #wp-calendar a:hover { 	font-weight:700; 	color:#FFFFFF; 	text-decoration:none; 	border-style:none; 	margin:0; 	padding:0; }  #wp-calendar tfoot, #wp-calendar tfoot .pad { 	background-color: #8A0808; }  #wp-calendar tfoot a:hover { 	text-decoration:underline; }  #wp-calendar tfoot a { 	display:block; 	padding:2px 0; 	color: #FFFFFF; 	text-decoration: none; }  #wp-calendar tfoot td { 	padding:4px 0; }  #wp-calendar thead { 	border-right: 1px solid #8A0808; 	border-left: 1px solid #8A0808; }  #wp-calendar tfoot { 	border-right: 1px solid #8A0808; 	border-left: 1px solid #8A0808; }  #credit { 	margin-top: 8px; 	padding-bottom: 0px; }  /*-- Other grouped selectors --*/  form, .postinfo ul, .Note { 	margin:0; 	padding:0; }  /* Styling for RSS feed widget */  #rss a { 	color: #D4CEAE; 	line-height: 20px; }  #rss a:hover { 	color: #EF930C; 	text-decoration: none; }  .clearer { 	clear: both; 	float: none; }  /* Styling for Avatars */  .avatar { 	float: left; 	border: 1px solid #D7CAB5; 	display: block; 	margin-right: 10px; 	margin-bottom: 5px; }  .left { 	float:left; }  .right { 	float:right; }  #nextprevious { 	padding:15px;; }  /*-- Rounded corners with CSS: Base stylesheet. This is only used for the Feature Box on the home page if enabled with rounded corners. Not all of this code is used currently. --*/  .dialog {  	position:relative;  	margin:0px auto;  	min-width:8em;  	max-width:930px; /* based on image dimensions */  	color:#fff;  	z-index:1;  	margin-left:15px; /* default, width of left corner */  	margin-bottom:0px; /* spacing under dialog */ }