/*
Theme Name: smallwonders_2010_11_17 Templates
Theme URI: http://smallwonders.com
Description: Wordpress 3.0 webdesign by DmuirDesigns.com
Template: smallwonders_2010_11_17 
Version: 1.6
Author: DMuirDesigns
Author URI: http://www.dmuirdesigns.com
Tags: fixed width, right sidebar, two columns, valid XHTML, widgets
*/

@import url('../smallwonders_2010_11_17/style.css'); 

/* --- DMuirDesigns -------forcing a constant scrollbar to stop shift when not needed --- */ 

/* --- DMuirDesigns -----removed {overflow: auto;} and added {overflow-y: scroll; } ---- */
html 
{overflow-y: scroll; }

/* --- DMuirDesigns -------removed h1 to h6 a:visited ---- */ 

 
/* --- DMuirDesigns -------added h3 a:visited & text-decoration: underline; ------------------- */ 
a:visited, a.visited, h3 a:visited,
.art-post li a:visited, .art-post li a.visited
{
	color: #AA4B20;
	text-decoration: underline;
  }
 
 /* --- DMuirDesigns ------added the z-index: -1 so Social Icons would be on top and act as links --- */ 
#art-page-background-glare
{
  position: absolute;
  width: 100%;
  height: 600px;
  left: 0;
  top: 0;
  z-index: -1;
}

/* --- DMuirDesigns -------Changed the height from 143px to 118px due to trimming off top background edge --- */ 
div.art-header
{
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 800px;
  height: 118px;
  overflow: hidden;
}

/* --- DMuirDesigns -------Changed the height from 143px to 118px due to trimming off top background edge --- */ 
div.art-header-jpeg
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 800px;
  height: 118px;
  background-image: url('images/header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
} 


/* --- DMuirDesigns -------change line-height:1.0em to 1.3em to remove scrollbar --- */
.art-post li {
  line-height:1.3em;
  padding-bottom:0;
  padding-left:16px;
  padding-right:0;
  padding-top:0;
}
	
/* --- DMuirDesigns -------change height:26 to 25 & added font-size: 12px;--- */
.art-nav
{
  position: relative;
  height: 25px;
  z-index: 100;    font-size: 12px;	
}


/* --- DMuirDesigns --------change nav.png to navbar.jpg & height:26 to 25--- */
.art-nav .l, .art-nav .r
{
  position: absolute;
  z-index: -1;
  top: 0;
  height: 25px;
  background-image: url('images/navbar.jpg');
}


/* begin MenuItem */
/* ------ DMuirDesigns --------change height:26 to 23 --------------- */
.art-menu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 23px;
  cursor: pointer;
  text-decoration: none;
}


/* begin MenuSeparator */
/* ------- DMuirDesigns --------change height:26 to 25 ------------------- */
.art-menu .art-menu-li-separator
{
  display: block;
  width: 1px;
  height: 25px;
}


/* --- DMuirDesigns --------change height:26 to 25 --- */
.art-nav .art-menu-separator
{
  display: block;
  margin:0 auto;
  width: 1px;
  height: 25px;
  background-image: url('images/menuseparator.png');
}



/* begin Layout */
/* --- DMuirDesigns ---added background-image: url('images/fillerstrip.jpg'); & background-repeat: repeat-y; --- */
.art-content-layout
{
  display: table;
  padding: 0;
  border: none;
  width: 800px;    
  background-image: url('images/fillerstrip.jpg');  
  background-repeat: repeat-y;
}


/* begin Footer */
/* --- DMuirDesigns ------------added height: 163px; --- */
.art-footer
{
  position: relative;
  overflow: hidden;
  width: 100%;        
  height: 163px;  }


/* --- DMuirDesigns ---added  background-image: url('images/footer.jpg');--- */
.art-footer-t
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 178px;
  background-color: #E9D7B6;    
  background-image: url('images/footer.jpg');}

  /* --- DMuirDesigns ---margin: 1em changed to 0em--- */
  .art-page-footer
{
  margin: 0em;
  text-align: center;
  text-decoration: none;
  color: #6D705C;
}

  
/* --- DMuirDesigns --- change bottom:20px to bottom:-100px & left: 10px to 0px --- added display: none; to delete the bottom RSS --- */
 .art-footer-body .art-rss-tag-icon
{
  position: absolute;
  left:   0px;
  bottom: -100px;
  z-index:1;
  display: none;
}


/* --- DMuirDesigns --- Removes Home Page (post-4) Title --- */
#post-4 h2, #post-394 h2
{
display: none;
} 


/* --- DMuirDesigns ---  for Social icons -------------- --- */ 

#social_icons 
{
	text-align: left;
	width: 780px;
	height: 32px;
	margin-right: auto;
	margin-left: auto;
}

#social_icons li
{
	position: relative;
	list-style : none;
	display:inline;
	float: right;
}

#vsocial-bar {
float:right;
height:auto;
position:fixed;
right:15px;
top:220px;
width:28px;
}

