html, body, div,
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, code, hr, img,
form, fieldset, legend, label, textarea, 
span, em, strong, sub, sup, cite,
table, tbody, td, tfoot, th, thead, tr, tt,
dl, dt, dd, ol, ul, li {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    vertical-align: bottom;
}

/* code, pre {
    white-space: pre;
} */
 
del {
    text-decoration: line-through;     
}
 
dfn {
    font-style: italic;
    font-weight: bold;
}
 
em {
    font-style: italic;
}

fieldset {
    border: 0;
    display: inline;
}

h1, h2, h3, h4, h5, h6 {
    font: bold 1em/1.5 georgia, palatino, garamond, "times new roman", times, serif;
}

a:active {
    text-decoration: none;
    outline: none; /* removes dotted border on link. :active added on advice of http://people.opera.com/patrickl/experiments/keyboard/test */
}

a {text-decoration: none;}

table {
    border: none;
}

form :focus {
    outline: 0; /* removes Safari's blue border */
} 

input, label {
    vertical-align: middle;
}

label {
	cursor: pointer;
}


			/* ======================== BODY STYLES ==========================*/


body {
    background: #30353B url(/images/pa-head-bg.jpg);
    color: #222;
    font: 100%/1.5 georgia, palatino, garamond, "times new roman", times, serif;
}




			/* ===================== GLOBAL DIV STYLES ======================= */
			
			
			
#header, #main, #footer {
	width: 50em;
	margin: 0 auto;
	max-width: 98%;
}

hr {
	display: none;
}

/*.hide {
	margin-left: -9999px;
	position: absolute;
}*/

.hide {
	display:none;
}

.warning {
	display: none;
}

.offscreen {
	left: -9999px;
	position: absolute;
}



			/* ======================== HEAD STYLES ========================== */




#header_outer {
	background: #30353B url(/images/pa-head-bg.jpg);
	width: 100%;
}

#header {
		
}

#header h2, #header h2 span, #header h2 a {
	width: 222px;
	height: 56px;
	color: #F4F4ED;
	display: block;
}

#header h2 {
	overflow: hidden;
	position: relative;
	top: 25px;
	left: 0;
	font-size: 1.5em;
}

#header h2 span {
	background: transparent url(/images/logo.jpg) no-repeat scroll 0 0;
	top: 0;
	left: 0;
	position: absolute;
}


/*  menu styles  */


#menu {
	font-family: georgia, palatino, garamond, "times new roman", times, serif;
	font-size: 1.125em;
	line-height: 1;
	padding: 52px 0 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
}

#menu li {
	float: left;
	padding: 0 1.5em 0 0;
}

#menu li a {
	color: #F4F4ED;
	display: block;
	padding: 0.375em 0 4px 0; /* top pad allows spacing at large sizes */
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 5px solid #30353B;
}

#menu a:hover {
	border-bottom: 5px solid #76C04D; /*  B8E914 light green */
}

.home #home a, .web #web a, .words #words a, .services #services a, .about #about a, .contact #contact a {
	border-bottom: 5px solid #76C04D;
}





			/* ======================== MAIN STYLES ========================== */



#main_outer {
	background: #F4F4ED url(/images/pa-bg.jpg);
	width: 100%;
}

#main {
	padding: 0.25em 0 1em 0;
	background: transparent url(/images/vline.gif) repeat-y scroll 71.625% 0;
}

.demo #main {
	padding: 0.25em 0 2em 0;
	background: none;
}


#main a {
	color: #539F21;  /*  528529   */
}

#main a:hover {
	color: #B2762F; /* orange */
}

#main p a, #main p a:hover, #main li a.general, #main li a.general:hover, #sidebar li a, #sidebar li a:hover {
	text-decoration: underline;
}




					/* -------------------- Content STYLES --------------------- */




#content {
	width: 69%;
	float: left;
	padding: 0 5% 0 0;	
}

.demo #content {
	width: 100%;
	float: none;
	padding: 0;	
}

#content h1, #content div.post h2 {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0.5em 0 0.375em;
	border-bottom: 1px dotted #666666;
}

#content h1 span, #content div.post h2 span {
	font-size: 1em;
	text-transform: none;
	font-style: italic;
	letter-spacing: 0px;
}

#content h2 {
	font-size: 1.125em;
	padding: 0.75em 0 0 0;
}

#content h2.lk a, #content h2.lk a:hover {
	color: #222222;
}

#content h2.sect {
	margin-top: 1.25em;
	border-top: 1px dashed #666;
}

#content h3 {
	padding-top: 0.75em;
	font-style: italic;
	color: #444444;
}

#content p {
	padding-top: 0.625em;
}

#content h2 + p {
	padding: 0.3125em 0 0 0;
}

#content div.post h2 + p, #content div#comm-post h2 + p {
	padding: 0.625em 0 0 0;
}

#content p.note {
	font-style: italic;
	font-size: 0.875em;
	padding: 1em 0 0;
}

#content p#nomatch {
	border-bottom: 1px solid #666;
	padding: 0.625em 0 1.25em;
}

#content p.post-date {
	font-style: italic;
	font-size: 0.875em;
}

#content p.read {
	font-weight: bold;
}

#content p.ret {
	padding-top: 1.125em;
}

div.quote, p.quote { 
	padding-left: 32px;
	background: transparent url(/images/quotes.gif) no-repeat scroll 0 0.75em;
}

div.quote1 { 
	padding-left: 24px;
	background: transparent url(/images/quotes1.gif) no-repeat scroll 0 0.75em;
}

#content div#comments h3 {
	font-size: 1em;
	/*font-weight: normal;*/
	font-style: italic;
	padding: 0.75em 0 0;
	margin-top: 1em;
	border-top: 1px dotted #666;
}

#content div#comments h2.comm + h3 {
	margin-top: 0;
	border-top: 0;
}

#content img {
	float: left; 
	margin: 0.3125em 0.5em 0 0; 
	padding: 0.25em; 
	background-color: #fff; /* E4E4DD */
	border: 1px solid #d4d4cd;
}

#content img.video {
	float: none;
	margin: 0;
	padding: 0;
	background: #8CCC67;
	border: none;
}

#content div.announce {
	overflow: hidden;
	margin-top: 0.5em;
}

#content div.announce p {
	background-color: #E4E4DD;
	padding: 0.625em 1em 0.5em;
	float: left;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}


/* list styles */

#content ul.general {
	font-size: 0.9375em;
	font-family: helvetica, arial, sans-serif;
	font-style: normal;
	padding: 0.625em 0 0 1em;
	margin: 0 0 0 0.625em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc;
}

#content h2 + ul.general {
	padding-top: 0.375em;
}

#content ol.general {
	font-size: 0.9375em;
	font-family: helvetica, arial, sans-serif;
	font-style: normal;
	padding: 0.625em 0 0 1em;
	margin: 0 0 0 0.625em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;
}

#content h2 + ol.general {
	padding-top: 0.375em;
}

#content ul#cat_menu3 {
	font-size: 1em;
	list-style: none outside none;
	overflow: hidden;
	padding: 0.5em 0 0;
	margin: 0.625em 0 0;
	border: dotted #666; 
	border-width: 1px 0; 
}

#content h1 + ul#cat_menu3 {
	border-width: 0 0 1px;
	margin: 0; 
}

ul#cat_menu3 li {
	width: 11em;
	float: left;
	margin: 0 0.5em 0.5em 0;
	/*margin: 0 0.25em 0.5em 0.25em;*/
}

#content ul#cat_menu3 li a {
	display: block;
	color: #528529;
	font-size: 0.875em;
	line-height: 2em;
	padding: 0 0 0 0.5em;
	text-transform: uppercase;
	font-family: georgia, palatino, garamond, "times new roman", times, serif;
	background-color: #e4e4dD;
	font-weight: bold;
}

#content ul#cat_menu3 li a:hover {
	background-color: #d4d4cd;
	color: #222;
}


#content ul.error {
	font-size: 0.875em;
	color: red;
	padding: 0.875em 0 0.375em 1em;
	margin: 1em 0 0.5em;
	border: dotted #666; 
	border-width: 1px 0;
}

#content ul.error li {
	padding: 0 0 0.5em;
}

#content ul#bkmrks {
	list-style: none outside none;
	padding-top: 1em;
	overflow: hidden;
}

#content ul#bkmrks li {
	float: left;
	padding-right: 0.5em;
}

#content ul#bkmrks li a img {
	float: none;
	border: none;
	padding: 0;
	margin: 0 0.25em 0 0;
}



/* blog styles */


/* added nomatch id to blog 2 */


#content div#postwrap, #content div#comments, #content div#comm-post {
	margin-top: 1.25em;
	border-top: 1px solid #666;
}

#content div#comments p.comm-date {
	font-size: 0.8125em;
	color: #555;
	font-style: italic;
	padding-top: 0.1875em;
}

#content div.admn {
	padding-left: 20px;
	border-left: 5px solid #539F21;
}

/*.demo #content div#comments, .demo #content div#comm-post {
	width: 70%;
}*/

div.works {
	padding-bottom: 1.25em;
	border-bottom: 1px dashed #666;
}

#main #content div.works img {
    width: 97%;
	float: none;
	padding: 1%;
	margin: 0 0 0.25em 0;
	background: #e4e4dd; 
}

#content .works h2 span {
    font-size: 0.75em;
	font-weight: normal;
}

div.highlight {
	margin: 1.125em 0 0.375em;
	padding: 0 0 0.875em;
	border-style: dashed;
	border-color: #666;
	border-width: 1px 0;
}

div.post {
	padding: 0 0 1.25em;
	border-bottom: 1px solid #666;
}

/* was for post date */
#content div.post h5 {
	font-size: 0.875em;
	padding-top: 0.625em;
}

div.storycontent {

}

/*#content h5.meta {
	font-size: 0.8125em;
	padding-top: 0.5em;
}  override above */

#content h5.meta a {
	color: #528529;
}

#content h5.meta a:hover {
	color: #B2762F;
}

#content h5.meta a, #content h5.meta a:hover {
	font-weight: normal;
}

#content h2.comm {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0.75em 0 0.75em;
	border-bottom: 1px solid #666666;	
}

/* #content h2.comm + p {
	padding: 0.625em 0 0 0;
}*/


/* -- form styles for blog and contact -- */


#content form {
	padding-top: 1em;
}

div.formsection {
	padding: 0 0 0.625em;
}

#content .formsection label {
	display: block;
	font-size: 0.875em;
	padding: 0 0 0.25em;
	font-weight: bold;
	width: 100%;
}

#content .formsection label span {
	font-weight: normal;
	font-style: italic;
}

#content .formsection input {
	display: block;
	font-size: 0.875em;
	padding: 0.125em;
	width: 70%;
	font-family: verdana, helvetica, sans-serif;
	font-size: 0.875em;
}

#content .formsection textarea {
	display: block;
	font-size: 0.875em;
	padding: 0.125em;
	width: 99%;
	font-family: verdana, helvetica, sans-serif;
	font-size: 0.875em;
}

#search-form form {
	padding: 0.5em 0 0;
}

div#search-form label {
	font-size: 0.8125em;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	padding: 0.75em 0 0;
}

#search-form input[type="text"] {
	width: 95%;
	margin-bottom: 0.5em;
}

#search-form label a, #categories h2 a, #search-form label a:hover, #categories h2 a:hover {
	color: #222222;
}




/* login form on Services sidebar */

#login-form form {
	padding: 0.5em 0 0;
}

div#login-form label {
	font-size: 0.8125em;
	font-weight: bold;
	display: block;
	padding: 0 0 0.125em;
}

#login-form input[type="text"], #login-form input[type="password"] {
	width: 95%;
	margin-bottom: 0.5em;
}








					/* ------------------ Sidebar STYLES -------------------- */



#sidebar {
	width: 24%;
	float: left;
	/*min-width: 120px;*/
	/*line-height: 1.375;*/
}

#sidebar div {
	padding-bottom: 0.6875em;
	border-top: 1px dashed #666;
}

#sidebar div#items {
	border-top: none;
}

#sidebar div.valid {
	padding-bottom: 0;
	border-top: none;
}

#sidebar h2, #sidebar h3, #sidebar h4, #sidebar p {
	font-size: 0.8125em;
}

#sidebar h2 {
	text-transform: uppercase;
	padding: 0.75em 0 0;
}

#sidebar h3 {
	padding: 0.4375em 0 0;
}

#sidebar h4 {
	font-style: italic;
	font-weight: normal;
	padding: .5em 0 0 0;
}

#sidebar p {
	padding: .5em 0 0 0;
}

#items p {
	font-style: italic;
}

#sidebar ul {
	font-size: 0.75em;
	padding: 0.5em 0 0 1.125em;
	margin: 0pt;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc;
	line-height: 1.75em;
}


/* books div */

#books h3 a, #books h3 a:hover {
	text-decoration: underline;
}

/* #books h3 a {
	color: #FF7C00;
}

#books h3 a:hover {
	color: #76C04D;
}*/

#books h5, #books h5 a, #books h5 a:hover, #books h5 a span, #books h5 a:hover span {
	width: 60px;
	height: 58px;
	overflow: hidden;
	display: block;
}

#books h5 {
	position: relative;
	margin-top: 0.5em;
}

#books h5 a span {
	background: url(/images/bfllogo.gif) scroll no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
}

#books h5 a:hover span {
	background: url(/images/bfllogo.gif) scroll no-repeat 0 -58px;
	position: absolute;
	top: 0;
	left: 0;
}

#books img {
	padding-top: 0.625em;
}


/*   LINK STYLES FOR WEB SIDEBAR TOPIC LINKS */

.cmstop #cmstop a, .csstop #csstop a, .rsstop #rsstop a, .htmltop #htmltop a, .phptop #phptop a, .designtop #designtop a, .gentop #gentop a, .jstop #jstop a, .graphicstop #graphicstop a, .accesstop #accesstop a {
	color: #B2762F;
}


/*   LINK STYLES FOR WORD SIDEBAR TOPIC LINKS */

.punctop #punctop a, .gramtop #gramtop a {
	color: #B2762F;
}


/*   LINK STYLES FOR ABOUT SIDEBAR LINKS */

.abo #abo a, .priv #priv a {
	color: #B2762F;
}


/*   LINK STYLES FOR SERVICES SIDEBAR LINKS */

.portfol #portfol a, .starting #starting a, .prices #prices a, .email #email a, .gallery #gallery a, .wkflow #wkflow a {
	color: #B2762F;
}



			/* ======================== FOOTER STYLES ========================== */



#footer_outer {
	background: #30353B url(/images/pa-head-bg.jpg);
	width: 100%;
}

#footer {
	color: white;
	padding: 1.5em 0 0.875em;
}

#footer p {
	font-size: 0.75em;
	padding-top: 0.75em;
}

#footer ul {
	font-size: 0.75em;
	padding: 0 0 0 1.125em;
	margin: 0pt;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc;
}

#footer p#copy {
	font-size: 0.75em;
	padding-top: 1em;
}

#footer p#copy acronym {
	border-bottom: 1px dotted #fff;
}

#footer p a.post-time {
	display: block;
	text-align: right;
}

#footer p a, #footer h2 a, #footer h3 a, #footer ul a {
	color: #76C04D;
	text-decoration: none;
}

#footer p a:hover, #footer h2 a:hover, #footer h3 a:hover, #footer ul a:hover {
	text-decoration: underline;
}

div.footbox {
	width: 24%;
	padding: 0 8% 0 0;
	float: left;
}

div.footbox1 {
	width: 32%;
	padding: 0 10% 0 0;
	float: left;
}

div.footbox2 {
	width: 24%;
	float: left;
	padding: 0;
}

#footer h2 {
	font-size: 0.75em;
	text-transform: uppercase;
	padding: 0;
	color: #F4F4ED;
}

#footer h3 {
	font-size: 0.875em;
	padding-top: 0.5em;
	color: #F4F4ED;
}

#footer h3 + p {
	padding-top: 0;
}

div#footbox-wrap {
	border-bottom: 1px dotted #666;
	padding-bottom: 1.5em;
}






			/* ======================== BIBS AND BOBS ========================== */


acronym {
	border-bottom:1px dotted #333333;
	cursor: help;
}

pre, code {
	font-family: monaco, "andale mono", "lucida console", "courier new", monospace;
	font-size: 0.815em;
	color: #004f00;
}

pre code {
    font-size: 1em;
}

/*pre {
	background-color: #e4e4dD;
	margin-top: 0.7em;
	padding: 0.7em 1em;
	line-height: 1.8em;
	overflow-x: auto;
	overflow-y: hidden;
}*/

pre {
	background-color: #e4e4dD;
	margin-top: 0.7em;
	padding: 0.7em 1em;
	line-height: 1.8em;
	overflow: auto;
}

pre span {
	color: #B2762F;
}

/* small screen
--------------------------------------------- */

@media screen and (max-width: 650px) {
	#header {
		width: 96%;
		padding: 0 2%;
	}
	#main {
		background: none;
	}
	#content {
		float: none;
		width: 96%;
		padding: 0 2%;
	}
	#sidebar {
		float: none;
		width: 96%;
		padding: 1em 2% 0;
		margin-top: 1.25em;
		border-top: 5px solid #76C04D;
	}
	#footer {
		width: 96%;
		padding: 1em 2%;
	}
}

@media only screen and (max-device-width: 480px) {
	
	#header {
		width: 96%;
		padding: 0 2%;
	}
	#main {
		background: none;
	}
	#content {
		float: none;
		width: 96%;
		padding: 0 2%;
	}
	#sidebar {
		float: none;
		width: 96%;
		padding: 1.25em 2% 0;
		margin-top: 1em;
		border-top: 5px solid #76C04D;
	}
	#footer {
		width: 96%;
		padding: 1em 2%;
	}
}

			/* ======================== CLEARFIX STYLES ========================== */


#header:after, #main:after, .clearfix:after, #footbox-wrap:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility:hidden;
}														

#header, #main, .clearfix, #footbox-wrap {display: inline-block;}

/* Hide from IE5/Mac \*/
* html #header, * html #main, * html .clearfix, * html #footbox-wrap {height: 1px;}
#header, #main, .clearfix, #footbox-wrap {display:block;}
/* End hide */



/* COLOR INFO */

/* link hover: B2762F (orange) */

/* orig link green: 528529; lighter link green: 539F21; bfl logo bg green: 76C04D */