/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

PROFILE

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* =RESET */
html, body, form, fieldset{ margin: 0;padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{ margin:0;padding: 0; }
a img, :link img, :visited img {border: 0;}
input, select, textarea	{ font-size:1em; }
label input 	{border: 0;}
dd, blockquote	{margin-left: 1em;}
form label 	{cursor: pointer;}
fieldset	{border: none;}
textarea 	{font-size:1.2em;font-family:verdana,arial,helvetica,sans-serif;}
ol, ul, ul li 	{list-style: none;}
table 		{border-collapse: collapse;border-spacing: 0;}
blockquote, q 	{quotes: none;}
:focus 		{outline: 0;}
ins 		{text-decoration: none;}
del 		{text-decoration: line-through;}

/* =TYPOGRAPHY */
body          { font-size: .76em;font-family:verdana, sans-serif;}   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;color:#111; clear:both; }
h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; line-height:2; }
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }
p           { margin: 0 0 1.5em 0; text-align:left; }
p.last      { margin-bottom:0; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */
ul, ol      { margin: 0 0 10px 1.5em; }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }
a           { color: #007aa5; text-decoration: underline; outline: none; }
a:hover     { color: #007aa5; text-decoration: none;}
blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }
hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 1em 0 1.4em 0; border: none; }
* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */
table   { margin-bottom: 1.4em;}
th,td   { }
th      { font-weight:bold; }
label     { font-weight: normal; }
textarea  { height: 180px; width: 300px; }
p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large   { font-size: 1.2em; line-height: 2.5em; }
p.quiet   { color: #666; }

p.sponsored{ background:#ffffee; font-size:.9em; padding: 12px; margin: 0 0 3px; line-height: 1.4em;}
/* =LAYOUT  */
body {
background: #f5f5f5;
line-height: 1.5;
color: #444;
text-align: center;
margin:0;
}
#container {
position: relative;
width: 982px; /* total width */
margin: 0 auto;
text-align: left; 
}
#main {
position: relative;
clear: both;
width: 982px;
padding-bottom: 1em;
zoom: 1;
}
#content {
width: 630px;
float: left;
padding-left: 20px;
padding-bottom: 3em;
}
#subcontent {
float: right;
margin-left: 7px;
width: 300px;
display: inline;
margin-bottom: 20px;
}
* html #subcontent {
margin-left: 0;
float: right;
}
* html #subcontent { overflow-x: hidden; } /* IE6 fix */

/* =HEADER */
#header {
background: #fff;
border: 1px solid #ddd;
position: relative;
height: 80px;
width: 980px;
margin: 1em 0 2em 0;
padding-bottom: 0;
zoom: 1;
}
* html #header {
width: 982px;
}
#logo {
position: absolute;
top: 20px;
left: 20px;
z-index: 9;
}
#logo a {
color: #333;
font-size: 28px;
text-transform: uppercase;
height: 21px;
width: 248px;
overflow: hidden;
text-indent: -9000px;
}


/* =CONTENT */
.profile #content h2 {
border-bottom: 1px solid #ddd;
font-size: 1.6em;
font-weight: normal;
line-height: 1.1em;
letter-spacing: -1px;
margin: 0 0 .4em;
padding-top: .5em;
}
#content h2 a {
text-decoration: none;
}
#content h2 a:hover {
color: #333;
text-decoration: underline;
}
#content h3 {
font-weight: normal;
margin-bottom: 0;
font-size: 1.4em;
}
#content h3 .blogname {
color: #ccc;
}
#content h3 a:hover {
color: #111;
}
h3 .blogname a {
color: #111;
padding: 0 3px;
text-decoration: none;
}
h3 .blogname a:hover {
text-decoration: underline;
}
.cmt_cmt strong {
color: #888;
display: block;
font-size: 10px;
font-weight: normal;
padding: 0;
margin: -.7em 0 .5em 0;
}
/* =SUBCONTENT
--------------------------------------------------- */
#subcontent h3 {
background: #ddd;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
padding: 6px 10px 3px;
}
#avatar {
float: left;
margin: 0 10px 10px 0;
}
#profile_main {
background: #222;
padding: 10px;
margin-bottom: 1em;
color: #999;
font-size: .95em;
}
#profile_main form {
background: #111;
clear: both;
padding: 10px 0 20px 45px;
border: 1px dotted #444;
}
#profile_main form label {
display: block;
}
#profile_main a {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #666;
}
#profile_main a:hover {
border-bottom: none;
}
#pwLogin {
border: 1px solid #ccc;
padding: 3px;
margin-right: 3px;
width: 140px;
}
#loginButton {
padding: 1px;
}
#pwStatus {
color: red;
display: block;
clear: both;
text-align: center;
margin-bottom: .3em;
}
#memberName strong {
color: #fff;
font-size: 1.4em;
font-weight: normal;
}
#activity_inner {
width: 140px;
margin: 0 auto;
text-align: center;
}
#activity_inner img {
background: #fff;
padding: 3px;
border: 1px solid #eee;
border-right-color: #ddd;
border-bottom-color: #ccc;
}
#activity_inner dd {
line-height: 1em;
font: italic 1.1em/1em georgia;
}
#footer {
background: #eee;
clear: both;
padding: 10px;
}
#footer p {
margin: 0 0 .5em;
}
/* =ADS */
#omniture {position: absolute; top: 0 left: 0;}

#outerslice {
background: #fff;
border: 1px solid #ddd;
padding: 4px 0 3px;
}
#slice {
list-style: none;
margin: 0;
padding: 3px 0 5px;
text-align: center;
color: #ccc;
}
#slice p {
padding: 3px 0;
display: inline;
}
#slice a {
color: #252525;
background-color: #f1f1f1;
font-size: 12px;
padding: 5px 8px 6px;
margin-right: 2px;
text-decoration: none;
}
#slice a:hover {
background: #333;
color: #fff;
}
#dogear_promo {
position:absolute;top:0;right:0;width:120px;height:120px;z-index:99;
}
.topleader {
position: relative;
top: 4px;
text-align: center;
margin: 4px auto 0;
width: 728px;
overflow: hidden;

}
.topleader img {
height: 90px;
text-align: center;
}
.bottomleader { 
width: 728px; 
margin: 1em auto 1em; 
text-align: center; 
}
.blogsmith-logo {
display: block;
margin: 1em 0 1em 8px;
text-align: center;
width: 160px;
}
.skyscraper {
margin: 10px auto 10px auto;
padding: 0;
width: 160px;
overflow: hidden;
}
.skyscraper img {
background: #fff;
border: 1px solid #ddd;
}
.medrect {
padding: 0;
}
.medrect * {
margin: 0;
}

/* =MISC */
.clearfix { display: inline-block; }   
.clearfix:after, .container:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.hide {
visibility: hidden;
}
.noheight {
height: 0 !important;
margin-bottom: 0 !important;
}
.center {
text-align: center;
}
.hide-me {
display: none;
}
.no-bullets {
margin: 0 0 1em;
}
.no-bullets li {
background: transparent;
padding-left: 0 !important;
margin-left: 0 !important;
}
.trigger {cursor:pointer;}
img.left {float: left; padding: 0 10px 10px 0;}
.hide     { display: none; }
.required {
color: darkred !important;
font-weight: bold;
}
span.normal {
text-transform: none !important;
font-size: 1em !important;
}
.module {
margin-bottom: 0 0 1em;
}

@media print {
	body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
	caption,pre,p,blockquote,input,textarea {
	  font-family: Helvetica, arial, verdana, sans-serif;
	  line-height: 130%;
	  color:#000;
	  background:none;
	}
	#header, #hat, #headerBottom, #header-middle, #main, #container, #footer {
	width: 470px !important; background: none;
	}
	#container {
	background: #fff;
	}
	p,ul,ol,h1,h2,h3,h4,h5,h6 {
	margin: .5em 0 .5em 0;
	}
	body {
	  background: white;
	  font-size: 11pt;
	width: 720px;
	}
	.topleader {
	top: 0;
	margin: 0;
	overflow: hidden;
	padding-bottom: 0;
	}
	#header {
	border: 0;
	padding: 0;
	height: 50px;
	width: 470px;
	}
	#header #logo {
	top: 0;
	left: 0;
	}
	img { 
	  float:left; 
	  margin:10px 10px 10px 0;
	}
	a img {
	border: 0;
	}
	hr { 
	  background:#ccc; 
	  width:100%; 
	  height:2px; 
	  margin:20px 0; 
	  padding:0; 
	  border:none; 
	}
	blockquote { 
	  margin:15px 0; 
	  padding:10px; 
	  border:2px solid #ccc; 
	  font-style:italic; 
	  font-size:0.9em; 
	}
	
	.small, .small p  { font-size: 0.9em; }
	.large, .large p  { font-size: 1.1em; }
	.quiet, .quiet p  { color: #999; }
	.hide             { display:none; }
	
	a:link, a:visited {
		background: transparent;
		font-weight: bold;
		text-decoration: none;
	color: #000;
	}
	.post {
	border-top: 1px solid #eee; padding-top: .5em; margin-top: 0;
	}
	a:link:after, a:visited:after {
	   /*content: " (" attr(href) ") "; THIS SHOWS THE LINK. WE DON'T NEED THIS. */
	   font-size: 90%;
	}
	#footer {
	background: transparent; padding: 0; border-top: 1px solid #eee; padding-top: 10px;
	}
	#footer a {
	color: #000 !important;
	}
	#outerslice, #hat, #headerBottom, .searchform, .postmeta, #sidebar, #subcontent, 
	.page-nav, #bp3, #bp5, #bp9, .googlebanner, #grid, .chGuide, #dogear_promo  {
	display: none !important;
	}
	#logo img {
	display: block;
	margin-bottom: 30px;
	}
	#main {
	clear: both;
	}
	.post .postbody {
	text-align: justify;
	}
}