/* --- Typography CSS Document --- */
/* --- Client: Wasabi.com --- */
/* --- Author: Andrew Tennison --- */
/* --- Creation Date: 24/09/2008 --- */

body {font:62.5%/1.4 Arial, Helvetica, sans-serif; font-size-adjust:none; font-style:normal; font-variant:normal; color:#454545;}
select, input, textarea {font-size: 1em; font-family:Arial, Helvetica, sans-serif; color:#999;}

#hd, #bd, .popin {font-size:1.2em;}

body .fancy { font-family:Georgia; font-style:italic; color:#454545;}

h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; color:#454545} 

h1 {font-size:1.6em; letter-spacing:-0.03em; line-height:1.2em; margin:0 0 3px 0;}
h2 {font-size:1.6em; line-height:1.2em; margin:0 0 5px 0; position:relative; display:block;}
	ul#contentList h2, h2.included {font-size:1.2em; font-weight:bold;  padding:0px 0 0 0px; margin:0px; margin-bottom:4px;}/*background:#E2E2E2;*/
	h2 a {font-size:1.2em; color:#2077A8;}
	h2 span { font-size:0.7em; padding:0 0 0 10px; color:#6c6c6c; font-weight:bold;}
	h2 span.timestamp { font-size: 0.7em; color:#888; position:relative; display:inline; font-weight:normal; font-style:italic;} 
	    ul#contentList h2 span.timestamp {font-size:0.8em;}
	h2 cite {font-size: 0.70em; color: #000; position: absolute; right: 0; top:4px; line-height:1.2em; }
	h2 cite a {color:#a17713;}
	h2 div.filter {  color: #000; position: absolute; right: 0; top: 0; font-size: 0.7em; text-align:left; padding-top: 5px;}
	h2 div.filter select {border: solid 1px #DCDCDC;}
	#postContent h2 {margin:0px;}
	
h2.titleAction {text-align:right; font-size:1em; line-height:1.7em}
    h2.titleAction em {float:left; font-size:1.5em; font-weight:bold; line-height:1.7em;}
    h2.warning {font-size:1em; color:#666; padding:0 0 10px 0;}
    
h3 {font-size: 1.3em; font-weight: bolder;}
h4 {color:#A17713; font-size:1.0em; font-weight:bold;}
	.comment-block h4 {padding:15px 15px 10px 15px;}
	#author h4 {margin:10px 0 0 0;}
	#authorProfile h4 {display:inline; float:left; width:120px; margin:0; overflow:hidden;}
	
	
h5 {font-size:1.2em;}
h6 {font-size:1.0em;}

strong {font-weight:bold;}


p { position:relative; display:block; line-height:1.4em; padding:1px 0;}
#contentList p {padding:0 0 0px 0; display:block; overflow:hidden;}

a, a:visited, a:hover {text-decoration:none; color:#3178a4;}
a.delete, a.delete:visited, a.delete:hover {color:#ff0000;}
a:hover{text-decoration:underline;}

a.button {background: #0c577a url(../images/bg/blue_grad.gif) top left repeat-x; border:none; font-size:1.1em; padding: 4px 20px 3px 20px; color:#fff; font-weight:bold;}
a.button:visited, a.button:hover {color:#fff; text-decoration:none;}
.on a.button {background: #7b7b7b url(../images/bg/grey_grad.gif) top left repeat-x; border:none; font-size:1.1em; padding: 4px 20px 10px 20px; color:#fff; font-weight:bold;}

.actionButton {background: #378122 url(../images/bg/green_grad.gif) top left repeat-x; padding:4px 20px; color:#fff; font-weight:bold;}
.actionButton:visited, a.actionButton:hover {color:#fff; text-decoration:none;}
.actionCancel {background: #982d25 url(../images/bg/red_grad.gif) top left repeat-x; padding:4px 20px; color:#fff; font-weight:bold;}
.actionCancel:visited, a.actionCancel:hover {color:#fff; text-decoration:none;}

input.actionDelete, a.actionDelete {border:0px; background: #fff url(../images/bg/close.gif) top left no-repeat; padding:0; width:15px; height:15px; overflow:hidden; text-indent:-999px;}
input.actionDelete:visited, a.actionDelete:hover {text-decoration:none;}

input.submit, input.reset, input.button, input.off {padding:2px 10px; color:#ffffff; font-weight:bold; border:none; cursor:pointer;}
input.submit {background: #337522 url(../images/bg/green_grad.gif) top left repeat-x;}
input.reset {background: #982d25 url(../images/bg/red_grad.gif) top left repeat-x;}
input.button {background: #0c577a url(../images/bg/blue_grad.gif) top left repeat-x;}
input.off {background: #7b7b7b url(../images/bg/grey_grad.gif) top left repeat-x !important; cursor:default;}

input.primary-action-button {background: #0c577a url(../images/bg/blue_grad.gif) top left repeat-x; color:#fff; padding: 2px 4px; border:none; font-size:1.1em; font-weight:bold;}


input.userAction, a.userAction, span.userAction {
    position:relative; display:block;
    padding:2px 0; font-weight:bold; border:none; width:120px; 
    border:1px solid #c7c7c7; color:#3178A4; text-align:center;
    background: #fff url(../images/bg/white_grad.gif) bottom left repeat-x !important;
}
span.userAction  {color:#888;}
input.userAction {cursor:pointer;}
a.userAction, span.userAction {width:118px;}
a.userAction:hover {text-decoration:none;}
input.negative, a.negative {color:#ff0000;}

input.textLink {background:none; border:0px none; color:#3178A4; font-weight:bold; text-align:left;}
input.textLink:hover {background:#3178A4; color:#fff;}
input.textLinkNeg {background:none; border:0px none; color:#ff0000; font-weight:bold;}
input.textLinkNeg:hover {background:#ff0000; color:#fff;}

#author li a:hover {text-decoration:none; background:#3178A4; color:#fff;}


#badge input.userAction, #badge a.userAction, #badge span.userAction {width:auto; padding:2px 6px;}
#badge input.submit, #badge input.reset, #badge input.button, #badge input.off {padding:2px 6px;}

#strapLine { line-height:21px; font-family:Georgia; font-style:italic; color:#888; font-size:1.2em;}