/********************************************************************************                                                  
                          USING SF-BLUEPRINT-CSS

-Never make changes to the original Blueprint CSS files.  Overwrite them in this custom.css file.
-Not all of the css classes are listed in this file. Since Blueprint has great default classes, only overwrites and additions are listed.

For more information on BluePrint CSS, visit: http://code.google.com/p/blueprintcss/

Good luck!
********************************************************************************/


/********************************************************************************
	         Body
********************************************************************************/
html, body {
   padding: 0;
   margin: 0;
   background: #fff;
   color: #000; 
}


#main {
   padding-top: 10px;
}
#main .article_content {
float:left;
}

#content {
   margin-top: -10px;
   padding: 3px;
}

.bottomcontent {
  padding-top: 10px;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}
.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}
.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}
.alignnone,img.alignnone{
float:none;
margin:1em 1em 0 0;
}






/********************************************************************************
               Header
********************************************************************************/
#home {
   padding: 5px 0 0 5px;
   border-bottom: 0px solid #585A5C;
   height: 5px;
}


#headertop{
   clear: both;
   padding-top: 3px;
   background: #fff;
}

#headerbottom{
   clear: both;
   padding-top: 3px;
   background: #666769;
   border-top: 3px solid #585A5C;
   border-bottom: 3px solid #585A5C;
}


#headerbottom h2{
   font-size: .9em;
   font-weight: bold;
   margin-bottom: -10px;
   color: white;
   text-align: center;
}



#weather {
	z-index: 1;
	position: relative;
}

#weather img {
        width: 70px;
}



*html #weather{ /* hide in ie6 */
   	z-index: -1;
}


*html #temp{ /* hide in ie6 */
   	color: white;
}

.align-top{
  vertical-align:top;
}


/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/
   
body {
   font-size: 75%; 
   font-family:arial, verdana, Geneva, Verdana, "Lucida Grande", Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 { 
  color: #000080; 
}

.underline {
  border-bottom: 1px dotted #666769;
}





/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline{ font-size: .9em; line-height: 1.5em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.commentnum{ font-size: .8em; line-height: 1.2em;}

.incategory{ font-size: 1em; line-height: 1.2em;}

.heading {
   font-size:1.2em; 
   line-height:1.2em; 
   font-weight: bold; 
   color:#000080; 
   text-align:center;
}



/********************************************************************************
               Text Elements
********************************************************************************/

a { color: #000; text-decoration: none; }

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a,  .nolink, .tabbertab a, .icon, a img, div.sociable a{
   border: none !important;
   text-decoration:none;
}


/*a:focus, a:hover {text-decoration: underline;}*/


/* Removes unwanted hover decoration
***************************************/
/*a.nohover:hover  { background: none;}*/


.fancybullet li {
        list-style: none;
	background: url(images/bullet.gif) no-repeat top left;
	padding: 0px 0px 5px 18px;
        margin: 0px 0px 0px 0px;
}


.stbutton { /* sharethis */
   border: none !important;
   text-decoration:none !important;
}
  



/********************************************************************************                                            
                            SLIPFIRE CREATED CLASSES                                                   
********************************************************************************/


/********************************************************************************
                Borders
********************************************************************************/

.border-left{border-left: 1px solid #ddd;}

.border-right{border-right: 1px solid #ddd;}

.border-top{border-top: 1px solid #ddd;}

.border-bottom{border-bottom: 1px solid #ddd;}


/********************************************************************************
                Misc
********************************************************************************/

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: #eee; 
  border: 1px solid #ddd;   
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {margin-bottom:10px;}
.pushdown-2 {margin-bottom:20px;}
.pushdown-3 {margin-bottom:30px;}
.pushdown-4 {margin-bottom:40px;}
.pushdown-5 {margin-bottom:50px;}

.moveup-1 {margin-top:-10px;}
.moveup-2 {margin-top:-20px;}
.moveup-3 {margin-top:-30px;}

.pullup-1 {margin-bottom:-10px;}


.shrink-1 {margin-left:-1px}


/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

hr {background:#aaa;color:#aaa;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}

.thick {
  height: 2px;
  background: #666769;
  color: #666769;
  margin: 0 0 1.4em 0;
}

.thin{
  height: 1px;
  margin: 0 0 0 0;
}




/********************************************************************************                                                  
                          SLIPFIRE CREATED FOR WORDPRESS                                                   
********************************************************************************/


/********************************************************************************
                Navbar
********************************************************************************/


#current_page_item a {
   text-decoration: underline;
}


#header-info{
   margin-top:5px;
   margin-bottom:5px;
}



/********************************************************************************
                Sidebar
********************************************************************************/


.sidebar {
  border: 1px solid #666769;
  padding: 5px;
  margin-bottom:5px;
}

.sidebar h2{
   font-size: 100%; 
   font-weight: bold;
   margin-bottom: .2em;
   border-bottom: none;
}

.sidebar h3{
   font-size: 98%; 
   font-weight: bold;
   margin-bottom: .2em;
}

.sidebar a {
   border-bottom: none;
}


.sidebarhighlight {
  background: #EBEBEB;
}

#sidebar-home-right{
  margin-left: 5px;
}

.sidebar-heading {
  border: 1px solid #666769;
  border-bottom: none;
  background: #EBEBEB;
  padding: 3px;
}




/********************************************************************************
                Footer
********************************************************************************/


#footertop{
   clear: both;
   padding-top: 3px;
   background: #EBEBEB;
   border-top: 3px solid #EBEBEB;
   border-bottom: 3px solid #EBEBEB;
}


#footertop h2{
   font-size: 1em;
   font-weight: bold;
   color: #585A5C;
   text-align: left;
}


#footertop a {
   border-bottom: none;
}








/********************************************************************************
                search and archive
********************************************************************************/

#search-box {
  text-align: right;
}


#results {
  padding-bottom: 10px;
}

/*.archive img {
  display: none;
}*/

#listing-archive img{
  width: 300px;
}




/********************************************************************************
                Forms
********************************************************************************/


input.sendbutton { 
	width:80px;  
	padding:2px; 
	margin: 5px 0px 0;
        margin-top:0px;
	font-size:0.8em;
	background:url(/wp-content/plugins/cforms/images/button-bg.gif);
        background-repeat: repeat-x;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}


p.buttonalign {
	padding: 0!important;
	margin: 0;
	text-align:right;
}

input {
  border: 1px solid #888888;
}

.single {
  font-size:0.8em;
}

textarea{
  font-size:0.8em;
}

 #contactform{  
    padding: 2px;
    margin-top:15px;
}

* html #contactform{  /* ie6 only */
    text-align: right;
}

*+html #contactform{  /* ie7 only */
    text-align: right;
}

.emailicon  {
float:left;
}
.askjim {
text-align:center;
color:white;
font-size:16px;
font-weight:bold;
}



/********************************************************************************
                Listings
********************************************************************************/
#listings {
   padding-top:0px;
}

#listings img {
    width:177px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:0px;
    margin-bottom:4px;
    text-align:center;
    padding:0px;
}


* html #listings img {  /* ie6 only */
    margin-bottom:-5px;
}

*+html #listings img {  /* ie7 only */
    margin-bottom:-5px;
}



#listings h3{
    padding:0px;
    margin:0px;
    padding-top:3px;
}

#listing-content img{
  width: 300px;
}

.openhouse {
   color:red;
   font-weight: bold;
}


/********************************************************************************
                Tabber
********************************************************************************/



/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}





/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 1px 0;
 border-bottom: 1px solid #666769;
 font: bold 12px; /* Verdana, sans-serif*/
}


*html ul.tabbernav{  /* ie6 only */
 padding: 2px 0;
}

*+html ul.tabbernav{  /* ie7 only */
 padding: 2px 0;
}





ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #666769;
 border-bottom: none;
 background: #fff;
 text-decoration: none;
 color: #004276;
 font-weight: bold;

}

/*ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }*/

/*ul.tabbernav li a:hover{
 color: #000;
 background: #AAE;
 border-color: #666769;
 text-decoration: underline;
}*/

ul.tabbernav li.tabberactive a
{
 background-color: #EBEBEB;
 border: 1px solid #666769;
 border-bottom: 1px solid #EBEBEB;
}

/*ul.tabbernav li.tabberactive a:hover{
 text-decoration: underline;
}*/

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #666769;
 border-top:0;
 background: #EBEBEB;


 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}



/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tablist {
 font-size:.8em;
}



/************************************
         MENU BAR
************************************/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#vdividermenu ul{
margin-left: 18px;
padding: 0;
float: left;
width: 575px;
border: 1px solid #fff;
background-color: #fff;
}


* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
/*width: 95%;*/
}

#rss {
padding: 0;
float: right;
width: 40px;
}


* html #rss{ /*IE only rule, reduce menu width*/
/*width: 5%;*/
}





#vdividermenu ul li{
display: inline;
}

#vdividermenu ul, ol{
margin:0px;
}

#vdividermenu ul li a{
float: left;
font-size: 12px;
color: #000080;
padding: 0px 12px;
font-weight: bold;
border-right: 1px solid #666769;
/*background: transparent url(/stoop2/images/vertical.gif) center right no-repeat;*/
}


#vdividermenu ul li a:visited{

}

#vdividermenu ul li a:hover{
text-decoration: underline; 
color: blue;
}



a.nolink, a:visited.nolink  {
	border-style: none none none none;
}

 a:hover.nolink {
	border-style: none none none none;
}



#vdividermenu #current a {
text-decoration: underline; 
color: blue;
}





/****************************************
              LINK STYLES
****************************************/


a:link    {color:#191970;}
a:visited {color:#191970;}
a:active  {color:#191970;}
a:hover   {text-decoration: underline; color: blue;}
.article_content a {
text-decoration:underline;
}
 

/****************************************
              JW HACK FOR POSTS
****************************************/
a.post:link    {text-decoration: underline; color: midnightblue;}
a.post:visited {text-decoration: underline; color: midnightblue;}
a.post:hover   {text-decoration: underline; color: mediumblue;}
a.post:active  {text-decoration: underline; color: midnightblue;}