@import "hnav.css";
/*  
Theme Name: Blue Sky
Theme URI: 
Description: Minimalist theme based on an open source design by Joe[y] located at http://oswd.org/and the Yadda theme by John Hesch (http://johnhesch.com). Blue Sky theme modifications by Noel Springer (http://www.webbizprofit.com)
Version: 1.0
Author: Noel Springer (http://www.webbizprofit.com).
Author URI: http://www.webbizprofit.com

	Blue Sky v1.0
	http://www.webbizprofit.com

	This design was ported to a WordPress 1.5 theme by John Hesch as the Yadda theme
	and modified to the Rose theme by Noel Springer http://www.webbizprofit.com
  
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	
	The "Text of the GNU Free Documentation License" can be found in this theme directory
	as gfdl.txt
	
	
 single.php, searchform.php, comments.php, comments-popup.php were taken from the WordPress default theme.
 category.php was modified from the default theme archive.php.
	
	*** REGARDING IMAGES & PLUGINS ***
	This theme uses two plugins, a Blockquotes JavaScript file and an image which are all included in the 
	distribution.
	
	To use the Blockquotes JavaScript hack 
 <blockquote cite="URL, or text, or empty">
	
 1. If the cite element contains a URL, print ‘— Quote source’ below the quote as a clickable link.
 2. If the cite element contains only plain text, print ‘— [the text]’ below the quote.
 3. If the cite element is empty or absent then print nothing below the quote.
 
	Be sure to change the URL of the image in this file on line 296. Also, change the URL
	on line 13 of the header.php file to where you place the JavaScript file. 
	
	To install the plugins add both files to your wp-content/plugins/ folder and activate in 
	the plugins tab of the admin screen.

	Contact Noel Springer (http://www.gothisway.net/support/) if you have questions.
*/


body {
  background:#eee;
  width:740px;
  margin:10px auto 20px auto;
  font-family: trebuchet MS, georgia, times new roman, serif;
  /*color:#333;*/
  font-size:90%;
  }
  
/* Links
----------------------------------------------- */

a, a:link {
  color: #006699;text-decoration:none;
  }
  
a:visited {
  color: #67b;
  text-decoration:none;
  }
  
a:active {
  color: #05b;
  text-decoration:none;
  }
  
a:hover, a:focus {
  color: #fff;
  background: #05b;
  text-decoration:none;
  }
  
/*a:link {
	color: #009966;
	text-decoration: none;
}

a:visited {
	color: #009966;
	text-decoration: none;
}

a:hover {
	color: #528AAD;
	text-decoration: none;
}  */

a img {
  border-width:0;
  }

.title a {
	color: #000099;
	text-decoration: none;
}

.title a:link {
	color: #000099;
	text-decoration: none;
}

.title a:visited {
	color: #000099;
	text-decoration: none;
}

.title a:visited {
	color: #000099;
	text-decoration: none;
}

.title a:hover {
	color: #fff;
	background:#000099;
	text-decoration: none;
	border-bottom: 0px dashed #FF138A;
}

/*******************************************************************************
*  hnav.css : 2005-08-31 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  responsible for the horizontal navigation elements, one of which is usually
*  placed below the masthead but on top of the columns.
*
*  this seems awfully complex for something seemingly so simple, no? the big
*  issue here is we need to make the menu items inline elements. we could make
*  them block elements and float them left or right, but that creates a lot of
*  problems with compatibility and how elements are ordered on-screen versus
*  source. just trust me on this, inline is the way to go here.
*
*  the main reason people would float these elements rather than go inline is
*  because padding and margin values have an effect on surrounding elements.
*  meaning if an element is 20 pixels tall, and has 5 pixels of padding on
*  top and bottom, a browser is going to treat that element as 30 pixels tall 
*  when rendering the page. but for an inline element (versus a block element)
*  the browser treats it as 20 pixels tall. That padding will still be applied
*  and if you've got a background color on this element, you'll see that color
*  extend 5 pixels into the elements immediately above and below this inline
*  element with padding. 
*
*  in short: vertical padding on inline elements can make things look really
*            bad. 

*  so we need to work around it. thus all of the hacks you see in this 
*  stylesheet.
*******************************************************************************/

.hnav
{
  font-family:arial,helvetica,sans-serif;
  font-size:1.0em;
  text-align: center;
  letter-spacing:0.1em;
  background-color:whitesmoke;
  background-image:url('images/navbg.gif');
  background-repeat:repeat-x;
  border-top:1px solid #c0c0c0;
  border-bottom:1px solid #ccc;
}
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 6px;
	padding-bottom: 7px;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border-left: solid 0px whitesmoke;
	border-right: solid 0px whitesmoke;
	white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
}
.hnav ul li span.divider
{
	display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

/****** Colors *********/

.hnav, .hnav ul li a
{
	/*background-color: whitesmoke;*/
	color: #336;
}
.hnav ul li a:hover
{
	background-color: #000089;
	color: #fff;
}

/******************************************************************************/ 

/* Shadow Border
-----------------------------------------------

.s1 { border: solid 2px #FDFDFE;
       border-top:none;
	   border-bottom:none;
	   }
.s2 {  border: solid 1px #F4F6F9;
       border-top:none;
	   border-bottom:none;
	   }
.s3 {  border: solid 2px #F0F3F7;
       border-top:none;
	   border-bottom:none;
	   }
.s4 {  border: solid 1px #EBEFF4;
       border-top:none;
	   border-bottom:none;
	   }
.s5 {  border: solid 2px #E5EBF0;
       border-top:none;
	   border-bottom:none;
	   }
.s6 {  border: solid 1px #E0E7ED;
       border-top:none;
	   border-bottom:none;
	   }
.s7 {  border: solid 2px #DCE4EB;
       border-top:none;
	   border-bottom:none;
	   }
.s8 {  border: solid 1px #D5DEE7;
       border-top:none;
	   border-bottom: solid 1px #ccc;
	   }
**********************************************/


/* Solid Border
-----------------------------------------------*/

.s1 { border: solid 0px #FDFDFE;
    /*   border-top:none;
	   border-bottom:none;*/
	   background:#fff;
	   }
.s2 {  border: solid 0px #F4F6F9;
       border-top:none;
	   border-bottom:none;
	   }
.s3 {  border: solid 0px #F0F3F7;
       border-top:none;
	   border-bottom:none;
	   }
.s4 {  border: solid 0px #EBEFF4;
       border-top:none;
	   border-bottom:none;
	   }
.s5 {  border: solid 0px #E5EBF0;
       border-top:none;
	   border-bottom:none;
	   }
.s6 {  border: solid 0px #E0E7ED;
       border-top:none;
	   border-bottom:none;
	   }
.s7 {  border: solid 0px #DCE4EB;
       border-top:none;
	   border-bottom:none;
	   }
.s8 {  border: solid 2px #D5DEE7;
       background:#fff;
     /*  border-top:none;
	   border-bottom: solid 0px #ccc;*/
	   }

 
/********************************************* 
  
 Header
 
**********************************************/

#header {
  width:100%;
  height:135px;
 /* margin:0 auto 10px;*/
  background:#99ccff;
  background-image:url("images/banner.jpg");
  background-repeat:norepeat;
  border-top:1px solid #ccc;
  }
  
.title {
  font-family:Trebuchet MS,Georgia,Times New Roman,serif;
  font-size:2.0em;
  font-weight:bold;
  color:#000099;
  text-align:left;
  letter-spacing:2px;
  line-height:1.2em;
  margin:35px 0px 0 50px;  
  border:0px none;
  }

#description {
  margin:15px 0px 0px 55px;
  padding:0px 0px 0px 0px;
  border:0px solid #eee;
  border-width:0 0px 0px;
  max-width:700px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#3366FF;
  }
  
#google-search {
  float:right;
  margin: 20px 15px 0 0;
  }

.navbar {
  height:25px;
  background-image: url("images/navbg.gif");
  background-repeat:repeat-x;
  padding:7px 0 0 5px;
  border-top:1px solid #c0c0c0;
  border-bottom:3px solid #ccc;
  }

.date {
 text-align:left;
}

/* Layout
----------------------------------------------- */
#content {
  width:695px;
  margin:0 auto;
  padding:0;
  text-align:left;
 /* border-bottom:1px dashed #c0c0c0; Doesn't work in Firefox */
  }
  
#main {
  width:480px;
  padding-right: 10px;
  float:left;
 /* border-right:1px dashed #c0c0c0; */
  }

#sidebar {
  width:185px;
  float:right;
  padding:10px 0 0 10px;
  border-left:1px dashed #c0c0c0;  
  }
  
#adsense {
  float:right;
  margin:10px 0px 0px 7px;
  }

/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }

h2.sitemap-title {
  margin:1.5em 0 .75em;
  font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-size:1.0em;
  font-weight:bold;
  text-transform:none;
  letter-spacing:.2em;
  color:#999; 
  }

h2.section-title  {
  margin:1.5em 0 .75em;
  font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-size:1.1em;
  text-transform:none;
  letter-spacing:.2em;
  color:#999; 
  }

.resource-box {font-weight:normal;}
/* Posts (from blogger.com layout)
----------------------------------------------- */

div {font-weight:normal;} 

.date-header {
  margin:1.5em 0 .5em;
  }
  
.post {
  margin-top:10px;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
  
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#006699;
  }
  
.post-title a, .post-title a:visited {
  display:block;
  text-decoration:none;
  color:#006699;
  font-weight:normal;
  }
  
.post-title a:hover {
	  color: #fff;
	  background: #05b;
	  text-decoration:none;
  }

.post-body {
  font-size:1.1em;
  font-weight:normal;
  }

.post-body div a {
  font-size:1.0em;
  font-weight:normal;
  }
  
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/* Sidebar
----------------------------------------------- */
#sidebar ul {
  margin:0 0 .5em;
  padding:0 0 .5em;
  list-style:none;
  }
  
#sidebar li {
  margin:0;
  padding:0 0 .25em 7px;
/*  text-indent:-15px; */
  line-height:120%
  }
  
#sidebar p {
  color:#666;
  line-height:120%;
  }

.sidenews {
  font-family:arial,helvetica,verdana,sans-serif;
}

/* Footer
----------------------------------------------- */
.legal-links {
  text-align:center;
  margin:0 0 15px 0;
  padding:5px 0 5px 0;
  border-bottom:1px dashed #c0c0c0;
  }

#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  text-align:center;
  }
  
#footer hr {
  display:none;
  }
  
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
 
.footer {
  font-size:0.8em
  color:#333;
  text-align:center;
  margin-top:20px;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
.float-right {
	float: right;
	}
	
.float-left {
	float: left
	}
	
.resource-box {
  font-weight:normal;
  margin-top:10px;
  border-top:1px dashed #c0c0c0;
  border-bottom:0px none #c0c0c0;
  padding: 5px 0px 5px 0px;
  }

/* Misc
-----------------------------------------------------*/
.center {
	text-align: center;
	}
.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}cite {
	padding-top: 10px;
	}
	
blockquote {  
background: url(http://your.url/wp-images/quote.gif) no-repeat 0 3px; 
color: #666; 
padding-left: 20px;
font-style: italic;
margin-bottom: 1px;
display:block; 
padding-top:5px;
}

blockquote div.source {
	font-style: normal;
 text-align: left;
}

.adsense-title a:link, 
.adsense-title a:visited, 
.adsense-title a:active {
  font-weight:bold;
  color:#58a;
  text-decoration:underline;
}

.adsense-title a:hover {
  color:#0000ff;
}

.adsense-description {
  font-size:0.9em;
  margin-bottom:10px;
}

.feed-domain {
  font-size:0.8em;	
  color:#999999;
}

.promo1 {
  margin:0px auto 5px auto;
  width:180px;
}

.promo2 {
  margin:0px auto 5px auto;
  width:180px;
}