/* stylesheet for jasonbuck.net /*

So I figure that the people that are really interested 
in what I can do would best reached here.  As you might have 
noticed below, I have a little problem with being organized.  Every 
site that I make complies with the W3C's Web Content Accessibility 
Guidelines. All pages are hand coded in XHTML strict and use CSS 
for visual layout. Each page uses well-structured semantic 
markup. For instance, header tags like <h1>, <h2>, <h3>, etc. 
are used to logically structure the content. I feel that I have a
very good understanding of my trade. What do you think? jasontbuck@gmaildotcom.

Thanks for looking!

/* 
  ===Colors=== 
Blue			  #0085bd
Pink			  #c42b75
Red 			  #ff3738
Moss Dk		  #67695c
Moss 			  #336633
Moss Lt		  #d6d5c5
Moss XLt	  #ebebdf
.live Green   #336633
.share Blue   #4e7dbe
.work Orange  #ff9933 or cc6600
*/

body {
  width:744px;
  margin:0px auto;
	font-size:13px;
	font-family: Myriad, "Myriad Web", "Myriad Pro", Helvetica, Verdana, sans-serif;
	}

a:link, a:visited, a:active { color: #4e7dbe; text-decoration: underline; border:solid 1px #ffffff; padding:1px 3px; }
a:hover { color: #4e7dbe; text-decoration:none; border:solid 1px #4e7dbe; padding:1px 3px; }

#foot a:link, #foot a:visited { color: #ffffff; text-decoration: none; border:solid 1px #ffffff; padding:1px 3px; }
#foot a:hover { color: #ffffff; text-decoration: underline; border:solid 1px #4e7dbe; padding:1px 3px; }

h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3 {font-size: 13px;}
h4 {font-size: 12px;}
img {border: 0;}
.closer{clear:both;}
.center{text-align:center;}
.hidden{display:none;}

ul {
	list-style: inside;
	margin:0;
	padding:0 8px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#5f5f5f;
	}
	
.christmasHeader{text-align:center; font-size:25px; font-weight:bold; color:#4e7dbe;}

.christmasList .christmasItem{
  margin:10px 0px 0px 0px;
  padding:0px 0px 0px 50px;
  border-bottom:solid 1px #666666;
  font-size:20px;
  background-image:url(media/gift.jpg);
  background-repeat:no-repeat;
  line-height:50px;
}	

.item{font-weight:bold;}
.image{display:block; text-align:right; margin-left:500px; position:absolute;}
.description{font-size:13px; display:block;}
.price{color:Red; font-weight:bold; display:block;}
	
#head {
  margin-top:15px;
  padding:0;
  text-align:right;
}

.index-nav {
  padding-left: 20px; 
}

#index-content {
  padding:0;
  margin: 15px 0px;
  text-align:center;
}
#index-content img{text-align:center;}
#index-content a{border:none;}

#foot {
  background-color:#4e7dbe;
  width: 100%;
  height: 15px;
  padding:5px 0px;
  line-height:15px;
  color:#ffffff;
  text-align:center;
}