/* CSS Document */

img.topLeft{
	margin:0 20px 10px 0;
	display:block;
	float:left;
}
img.topRight{
	margin:0 0 10px 20px;
	display:block;
	float:right;
}
a.video:link, a.video:hover, a.video:visited,
a.standOut:link, a.standOut:hover, a.standOut:visited{
	color:#CC0000;
	font-size:110%;
}
a.book:link, a.book:hover, a.book:visited{
	background-image:url(/img/icon_book.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}



/*
-----------------------------------------------
Blogger Template Style
Name:     Harbor
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     24 Feb 2004
----------------------------------------------- */


body {
  background:#fff url("/img/rocks.jpg") no-repeat right bottom;
  background-attachment:fixed;
  margin:0;
  padding:0;
  font:x-small Georgia,Serif;
  color:#333;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
  body {background-attachment:scroll;}
  /* End IE5-Mac hack */
a:link {
  color:#36a;
  text-decoration:underline;
  font-weight:bold;
  }
a:visited {
  color:#36a;
  /*color:#764;*/
  text-decoration:underline;
  font-weight:bold;
  }
a:hover {
  color:#933;
  text-decoration:underline;
  font-weight:bold;
  }
a img {
  border-width:0;
  }
p{
  color:#666666;
  }

/* Page Structure
----------------------------------------------- */
#wrap {
  background:url("/img/sky.jpg") repeat-x right top;
  min-width:740px;
  margin:0;
  padding:0;
  text-align:left;
  }
#wrap2 {
  background:url("/img/lighthouse.jpg") no-repeat right top;
  }
#wrap3 {
  /*
  background:url("/img/cloud.jpg") no-repeat 100% 75px;
  */
  background:url("/img/cloud.jpg") no-repeat;
  background-position:0 75px;
  
  }
#wrap4 {
  background:url("/img/center_cloud.jpg") no-repeat 50% 0;
  padding:15px;
  width:100%;
  width/* */:/**/auto;
  width: /**/auto;
  }
@media all {
  #content {
    padding:0 30px 50px;
    width:100%;
    width/* */:/**/auto;
    width: /**/auto;
    }
  #main {
    width:64%;
    float:left;
    }
  #main2 {
    margin:0;
    padding:0;
    }
  #sidebar {
    width:32%;
    float:right;
    }
  #sidebar2 {
    margin:0;
    padding:49px 0 20px;
	/*padding:103px 0 20px;*/
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }

/* Header
----------------------------------------------- */
@media all {
  #header {
  	text-align:right;
    padding:15px 110px 10px 0px;
    }
  }
@media handheld {
  #header {
    width:100%;
    padding:15px 0 10px 0;
    }
  }
#blog-title {
  margin:0 0 .25em;
  font-size:210%;
  font-weight:normal;
  color:#678;
  text-transform:uppercase;
  cursor:pointer;
  cursor:hand;
  }
#blog-title a {
  color:#678;
  text-decoration:none;
  }
#description {
  margin:0;
  font-size:75%;
  line-height:1.8em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#789;
  }


/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:80%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#933;
  }
h2.sidebar-title a:link, h2.sidebar-title a:hover, h2.sidebar-title a:visited{
  text-decoration:none;
  color:#933;
  letter-spacing:.15em;
}
h2.sidebar-title a:hover{
  text-decoration:underline;
}

/* Posts
----------------------------------------------- */
.date-header {
  margin:5em 0 .5em;
  }
.post {
  margin:.5em 0 50px;
  line-height:1.6em;
  }
.post-title {
  background:url("/img/icon_lighthouse.gif") no-repeat 0 .15em;
  margin:.25em 0 0;
  padding:0 0 4px 20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:130%;
  font-weight:bold;
  line-height:1.4em;
  }
.post-title a, .post-title strong {
  background:url("/img/icon_lighthouse.gif") no-repeat 0 .15em;
  display:block;
  padding-left:20px;
  text-decoration:none;
  color:#368;
  font-weight:normal;
  }
.post-title strong {
  background-image:url("/img/icon_lighthouse2.gif");
  color:#000;
  }
.post-title a:hover {
  color:#933;
  }
.post-body {
  background:url("/img/divider.gif") no-repeat center top;
  padding-top:12px;
  color:#333333;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  color:#999;
  }
.post-footer em, .comment-link {
  font:78%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#666;
  margin-right:.4em;
  }
.comment-link strong {
  font-size:130%;
  }
.comment-link {
  margin-left:.4em;
  }
.post img {
  padding:4px;
  border:1px solid #cde;
  }


/* Comments
----------------------------------------------- */
#comments {
  background:url("/img/divider.gif") no-repeat center top;
  padding:15px 0 0;
  }
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#933;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.4em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 20px 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 20px 1.5em;
  font:78%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  background:url("/img/divider.gif") no-repeat center bottom;
  margin:0 0 15px 5px;
  padding:0 0 15px 5px;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#666;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  background:url("/img/divider.gif") no-repeat center bottom;
  margin:0 0 2em;
  padding:0 0 15px;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #cde;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  font:78%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:15px 30px 0 50px;
  }
#footer hr {
  display:none;
  }
#footer p {
  background:url("/img/divider.gif") no-repeat center top;
  margin:0;
  padding-top:15px;
  font:78%/1.6em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.divide{
	background:url("/img/divider.gif") no-repeat center top;
	height:5px;
}
blockquote {
  margin: 0 0 0 30px;
  padding: 0px 0 0 20px;
  font-size: 95%;
  /* line-height: 1.5em; */
  background: url(/img/quotes2.gif) no-repeat top left;
	border-left:1px solid #DFDFDF;
}
.articleTitle{
	font-size:120%;
	font-weight:bold;
}
div.smScroller{
	height:300px;
	overflow:auto;
	padding:10px;
}
.source{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:85%;
	line-height:85%;
}
.simpleList a:link, .simpleList a:hover, .simpleList a:visited{ font-weight:normal; }

div.storySource{
	margin:10px 0 10px 0;
	text-align:right;
	font-size:90%;
	line-height:100%;
}
div.storySource a:link, div.storySource a:hover, div.storySource a:visited{
	display:block;
}
.storyTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
	font-weight:bold;
	margin:0 0 15px 0;
}
.storySubTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	font-style:italic;
	font-weight:normal;
}
div.storyClipper{
	height:300px;
	overflow:hidden;
}
div.storyClipper blockquote{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	cursor:pointer;
}
a.storyClipper:link, a.storyClipper:hover, a.storyClipper:visited{
	display:block;
	text-align:center;
	margin-left:30px;
	margin-top:1px;
	background-color:#CCC;
	color:#000;
	font-size:11px;
	font:Arial, Helvetica, sans-serif;
}
a.storyClipper:hover{ color:#C00; }

div#adsMessage{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#B2B2B2;
	position:absolute;
	top:0;
	right:25px;
}







div#tabnav{	height:30px; overflow:hidden; position:absolute; top:100px; left:40px; width:100%; }
div#tabnav span{ display:block; float:left; height:25px; width:20px; border-bottom:2px solid #006699; }
div#tabnav span.lg{ width:40px; }

div#tabnav a:link,
div#tabnav a:hover,
div#tabnav a:visited{ display:block; float:left; border-bottom:2px solid #006699; padding:0px 15px 0 15px; line-height:23px; height:25px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; }

div#tabnav a.on:link,
div#tabnav a.on:hover,
div#tabnav a.on:visited{ border:2px solid #006699; border-bottom:none; }