/*
	BASE.CSS, PART OF YUI's CSS FOUNDATION
*/
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:0px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

a { color: #0099cc; text-decoration: none; }
a:visited { color: #0099cc; text-decoration: none; }
a:hover { text-decoration: underline; }

/*
    Utility declarations
*/
.floatleft { float: left; }
.floatright {float: right; }

/***** need this to change page background *****/
html {
margin: 0; padding: 0;
background:#666 none repeat scroll 0 0 !important;
}

.content-wrapper { width: 73.076em; margin: 0 auto; text-align: left; }

/*
    HEADER
*/
#hd { background-color: #000; height: 139px; width: 100%; color: #fff; }
#hd-logo { width: 20em; float: left; }
h1.logo { height:139px; background:url(images/logo2.jpg) 0 0 no-repeat; text-indent: -9999px; }
#hd-nav { width: 53em; float: right; }

/*
    NAV BAR
*/
ul#top-nav { margin: 4.5em 0 0 1em; }
ul#top-nav li { display: inline; }
ul#top-nav li a { display: block; float: left; color: #fff; text-decoration: none; margin: 0 0 0 2em; }
ul#top-nav li a:hover { text-decoration: underline; }


/*
    BODY
*/
#bd { background: #666 url(images/bd-bg.gif) repeat-x; width: 100%; }
#bd p { line-height: 2em; margin: 0 0 1em 0; }
#bd #homepage-image { margin: 4em 0 .5em 0; }

#rotator { position: relative; background: none; }
#rotator a { height: 361px; width: 480px; display: block; position: absolute; top: 0; left: 0; background: none; }

#pager { margin: 1em 0 1em 0; float: right; display: inline }
#pager a { color: #fff; padding: .2em .33em; text-decoration: none; background: #666666; margin: 0 .5em 0 0; }
#pager a:hover, #pager a.activeSlide  { background: #000; color: white; }

#bd-inside { background: #fff; width: 100%; border-bottom: solid 3px #000; margin: .3em 0 0 0; padding: 1.5em 0 1.5em 0; }
#bd-inside h2 { font-size: 182%; font-weight: bold; }
#bd-inside h3 {  margin: 2em 0 0 0; }
#bd-inside h3 a { font-size: 182%; font-weight: bold; }
#bd-inside p.dateline { font-size: 85%; margin: 0 0 1em 0; color: #999999; }
#bd-inside p.dateline-no-margin { font-size: 85%; margin: 0; color: #999999; }
#bd-inside p { line-height: 2em; margin: 0 0 1em 0; }
#bd-inside p em { font-style: italic; }
#bd-inside p strong { font-weight: bold; }
#bd-inside img { border: solid 2px #000; }
#bd-inside img.alignleft { float: left; margin: .5em 1em 1em 0; }
#bd-inside img.alignright { float: right; margin: .5em 0 1em 1em; }
#bd-inside p.postmeta { background-color: #F8F8F8; border-bottom: 1px solid #DDDDDD; border-top:1px solid #DDDDDD; clear:left; color:#777777; font-size: 85%; line-height: 1.3em; margin:0; padding: .8em; text-align: center; }

h3#comments { font-size: 182%; font-weight: bold; margin: 1em 0 1em 0; }
div.comment_meta { float: left; font-size: 93%; width: 40em; }
ul#commentlist { margin:0; padding:0; }
#comments { float:left; width:600px }

ul.commentlist li {
float:left;
width:580px;
clear:both;
background:none;
border-top:1px solid #ddd;
margin:0;
padding:1em 10px 1em 5px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

ul.commentlist li.author { background:#f1f1f1; }
div.comment-meta { color: #999; font-size: 85%; }
div.comment_entry { float:left; width:400px; padding-left:15px; font-size:12px }
div.comment_meta p { font-size:.9em;  line-height:1em; margin:0 0 .6em }
div.comment_author { font-weight:700; }
div.comment_time { color:#999; text-decoration:none; }
div.comment_entry p { font-size:12px; margin:0 0 1em; }
ul.commentlist li .avatar { float:right; border:1px solid #eee; background:#fff; padding:2px; }

#post-nav { border-top: 1px solid #DADADA; display: block; margin-bottom: 10px; margin-top: 30px; padding: 5px 0; text-align:center; }

ul#surf-journal-list { margin: 1em 0 0 0; }
ul#surf-journal-list li { margin: 0 0 1em 2em; }

/*** comments ***/
#respond { margin: 2em 0 2em 0; }
#respond input, #respond textarea { border:0px solid #CCCCCC; }
#bd-inside #respond h3 { font-size: 182%; font-weight: bold; }
#respond textarea { width: 40em; margin: 0 0 1em 0; }

/*** sidebar ***/
.sidebar-wrapper { padding: .5em; }
.sidebar-wrapper strong { font-weight: bold; }
.sidebar-wrapper ul {}
li.item-with-margin { margin: 1.5em 0 0 0; }
.sidebar-wrapper ul li { list-style-image: none; list-style-position: outside; list-style-type: none; }
ul.sidebar-items li { margin: 1.5em 0 0 0; }
ul.sidebar-items li ul li { margin: .5em 0 0 .2em; }

/*
    FOOTER
*/
#ft { width: 100%; background-color: #666; color:#fff; padding: 1em 0 0 0; }
#ft h1 { font-size: 2.5em; font-weight: bold; margin: 0; }
#ft h2 { font-size: 1.5em; font-weight: bold; margin: 0; }
#ft h3 { font-size: 2em; font-weight: bold; margin: 0; }
#ft a { color: #66ccff; text-decoration: none; }
#ft a:visited { color: #66ccff; text-decoration: none; }
#ft a:hover { text-decoration: underline; }

#ft p { line-height: 2em; }
#ft p strong { font-weight: bold; }

#ft ul.latest-diaries { margin: .5em 0 0 1.2em; }
#ft ul.latest-diaries li { margin: 0 0 .7em 0; }
#ft ul.latest-diaries li a {  color: #fff; text-decoration: none; }
#ft ul.latest-diaries li a:visited { color: #fff; text-decoration: none; }
#ft ul.latest-diaries li a:hover { text-decoration: underline; }

#tagline { border-top: 1px solid #999; margin: 1.5em 0 0 0; font-size: .8em; }
#tagline a { color: #fff; text-decoration: none; }
#tagline a:visited { color: #fff; text-decoration: none; }
#tagline a:hover { text-decoration: underline; }