/* typography.css */

/* Many thanks to Richard Rutter of Clearleft on correctly  
creating vertical rhythm */

/* for ie browsers */
* html body {
font-size: 100%;
}
body { /* for ie browsers */
font: 75% "Lucida Grande", Lucida, Verdana, sans-serif;
color : #333; 
}
html>body { /* for ie browsers */
font-size: 12px;
}

div#nav_main p { 
color : #facb3b;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif; }

p {
padding:0 .875em 1.5em 22px;
font-size: 1em; /* set for sizing text */
font-family: "Myriad Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
line-height: 1.5em;
color: #222;
}
.clear p {
margin: 0px 20px 0px 0;
padding: 20px 0 0 22px;
}
h1 {
margin: 0 0 .5em 22px;
font-size: 3em;
line-height: 0.5em;
}

h2 { /* 24px. */
margin: 0 0 0.75em 22px;
color: #333;
font: 2em Georgia, "Times New Roman", Times, serif;
}
h3 { /* 21px. */
margin:0.857143em 0 0.857143em 22px;
font-size: 1.75em; 
line-height: 0.857143em;
font-weight: bold; 
color: #333; 
}
h4 { /* 18px. */
padding:1em 0 1em 22px;
font-size: 1.5em;
line-height: 1em;
color: #333;
font-weight: bold;
}
body#weblogEntry h4 {
padding: 0 22px 1em 22px;
}
#portfolio h4 {
padding-left: 0;
}
h5 { /* 16px */
margin: 0 1em 1.125em 22px;
padding: 0;
font-size: 1.3333em;
color: #333;
line-height: 1.125em;
}
#intro>h5 {
position: absolute;
top: 60px;
left: 195px;
}
h6 { /* 14px */
padding:0 0 1.2857em 22px;
color: #333;
line-height: 1.2857em;
font-weight: bold;
font-size: 1.1667em; 
}
div#categories>h3 {
margin-top: 0;
margin-left: 0;
}
.info h3 {
	margin: 1.62em 0 0 1em;
	padding-top: .62em;
	border-top: #ccc 3px solid;	
}
li#twittrzBox h3 {
	color: #fff !important;
}
.leftList li > h5, .rightList li > h5 {
margin:.3em 0;	
}

.posted p { /* 10px */
margin:0 22px 0 22px;
padding-left: 0;
background: url(images/newSite/border.gif) repeat-x 0 11px;
font-size: .8333em;
text-transform: uppercase;
letter-spacing: .1em;
}
.bodyTxt ol {
	margin-left: 22px;
	padding: 0 0 .5em 17px;
	list-style-type: decimal;
	font-size: .9em;
}
.bodyTxt ol li {
	padding-bottom: 1em;
}
/* link coloring for content area. */


div.left a {
	border-bottom:#0099cc 1px dotted !important;
}
div.left #categories a, div.left div.posted a, div.bodyTxt h6 a {
	border-bottom: none !important;
}
div.left a:hover {
	border-bottom:#0099cc 1px dotted !important;
}
div.left a:visited {
	color: #6e7595;
}
div.left a, div.left a:visited {
	border-bottom: none;
	color: #333;
}

/* @group blockquotes, pullquotes */
blockquote {
	margin: .8em 3.4em;
	border-left: #b89cbd 3px solid;
	background: transparent url(images/newSite/bk_quotes.gif) no-repeat 18px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

blockquote p {
	margin: 0 1.6em;
	line-height: 1.65em;
}
.quotes {
	text-align: right;
	font-weight: bold;
}

.pullquote_left { 
width: 237px; 
margin: .6em .6em .6em 0; 
 padding: .6em 0;
border: 3px double #aaa;
   border-width: 3px 0;
font-size: 1.4em; 
font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
text-align: center; 	
float: left; 
}

.pullquote_right { 
width: 237px; 
margin:  .6em;  
padding: .6em 0;
border: 3px double #aaa;
border-width: 3px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 1.4em; 
text-align: center; 	
float: right; 
}
/* @end */


/* control text in the right column */
div.right h4 {
padding:.25em .35em;
}
* html div.right h4 {
margin-bottom: -.6em;
}
div.right h4+p {
padding:0 .5em;
font-size: .8em;
}
div.right p {
padding-left: .5em;	
}

ul.leftList li, ul.rightList li {
padding: .4em .5em .4em 0;
font-size: 0.916667em; 
line-height: 1.636364em;
border-bottom: #ccc 1px dotted;
}

/* @group Comment form styling */
#comment_form {
	margin:.75em 0 0 22px;
	padding:0 0 2.2em 2.2em;
	background-color: #f6f6f6;
	border-top: #ccc 3px solid;
	border-bottom: #ccc 3px solid;
}
.comment_field {
	margin-left: 3.62em;
	padding:0;
}
.comment_field p {
	font-size: .916667em;
	margin-top: -1.2em;
}
.comment_label {
padding: .875em 0 .1em 0;
	font-size: .916667em;
}
.comment_label b {
	display: block;
	font-size: 1.0em;
	margin-right: 2.8em;
}
form#comment_form div p.rogue {
padding:0;
}
textarea {
display: block;
width: 420px;
}
#captchaEntry {
	margin-top: .25em;
}

.comment_entry {
	margin: 1.62em 0 0 22px;
	padding-top: .62em;
	border-top: #ccc 1px dotted;
clear: both;
}
.comment_entry p {
margin-left: 146px;
padding: .6em 0 0 0;
text-indent: 0;
}

.comment_entry p+p {
	padding: 0;
}
#comment_form h4 {
margin:.5em 0 0 0;
	padding: .62em 0; 

}
.comment_entry h6 {
float: left;
clear: both;
width: 114px;
margin: 0;
padding: .5em 0 0 0;
font-size: 1em;
font-weight: normal;
line-height: 1.45em;
}
div.comment_label, div.comment_field {
	margin:0em 1em .2em 0;
	color: #333;
}

/* @end */

/* @group Contact form */

form#contact_form {
padding-left: 2em;
}
form#contact_form h2, form#contact_form h6 {
margin: 1em 0 .2em 0;
padding-left: 0;
}

form#contact_form input, form#contact_form label {
margin: 1em 0;
}
label {
color: #333;
}
.textarea {
margin:1em 0 1.6em 0;
}
#button.submit_button {
	margin-left: 1em;
}

/* @end */

.scriptface {
margin-top: 0em;
padding: .9em 1em .4em 1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.166667em;
line-height: 1.45em;
	font-weight: normal;
}
*+html .scriptface {
margin-top: 0;
}

.scriptface a:hover {
	background-color: transparent;
}

.active_cat {
	font-weight: bold;
	font-size: 120%;
}
div.right ul .cats p {
	font-size: 70%;
}
li.alt p a {
	font-size: .833em;
	line-height: 1.8em;
}
/* @group for IE
 */
* html div.right ul { /* for IE */
list-style: none;
}
* html li.cats p { /* for IE */
font-size:60%; 
}

/* @end */
#footer p {
	padding-top: 2em;
	font-size: 1em;
}