/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote
,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* end reset */

body, div, p, td, th, span, li, a {

  font-family: Helvetica,Arial,sans-serif;
  font-size: 1em;
  /*line-height: 1.1em;*/
  color: #000;
  
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  padding-bottom: .125em;
}

h1 a {
  font-size: 2em;
}

h1 {
  font-size: 1.15em;
}

h2 {
  font-size: 1.25em;
}

h3 {
  font-size: 1em;
}

h4 {
  font-size: .9em;
}

div#header h1 { 
  padding-bottom: 0;
}

hr.headerLine {
  height: 1px;
  border: 0;
  background-color: #bbb;
  width: 870px;
  text-align: left;
  margin-bottom: .15em;
  margin-top: .15em;
}

#header a {
  text-decoration: none;
}

a {
  color: #336688;
}

a:hover {
  text-decoration: underline;
}

p {
  padding-bottom: 1em;
}

.clear {
  clear: both;
}

div#page {
  padding-top: 10px;
  padding-left: 20px;
  display:block;
  float: left;
}

div#content {
  display: block;
  float: left;
  width: 700px;
}
div#sidebar {
  display:block;
  float: left;
  width: 160px;
  padding-left: 10px;
}

div#sidebar {
  font-size: 0.75em;
}

div#footer {
  display:none;
  float: left;
  clear: both;
}

div.post h2 {
  margin-top: .5em;
}

div.post h3 {
  margin-top: .75em;
}

div.post p {
  padding-bottom: .5em;
}

div.post li {
  list-style-image: none; 
  list-style-position:  outside;
  list-style-type: disc;
  margin-left: 1.15em;
}

#s {
  font-size: .75em;
  width: 10em;
}

#searchsubmit {
  font-size: .75em;
}

p.editLink {
  font-size: .5em;
}

/* sidebar nav */

#sidebar .page_item {
  padding-top: 2px;
  padding-bottom: 2px;
}

#sidebar .page_item  > .children {
  padding-left: .75em;
  padding-top: 2px;
  padding-bottom: 2px;
}


#sidebar .elsewhereBlock {
  padding-top: 4px;
}

#sidebar .blogroll > li {
  padding-top: 2px;
  padding-bottom: 2px;
}

.projectGallery {
  clear: both;
  position: relative;
}

.projectGallery .project {
  display: block;
  width: 200px;
  float: left;
  padding: 10px;
  border: 1px solid #cccccc;
  background-color: #dedede;
  margin-right: 10px;  
  margin-bottom: 10px;  
  overflow: hidden;
  position: relative;
}

.projectGallery .project h3 {
  margin: 0;
  padding: 0;
  height: 2em;
}

.projectGallery .project .thumbnails {
  padding: 10px;
}

.projectGallery .project .thumbnails a.image {
  display:block;
  position: relative;
}

.projectGallery .project .thumbnails a.image img {
  position: absolute;
  bottom: 0;
  right: 0;
}


.projectGallery .project .thumbnails img {
  /* margin-left: 10px; */
}

.projectGallery .project .description {
  overflow: hidden;
  position: relative;
}

.projectGallery .project .description .descriptionContent {
  position: relative;
}

/*
.projectGallery .project .description.fade {
  background-image: url("../images/10pxFade.png");
  background-image: url("../images/redPx.png");
  background-repeat: repeat-x;
  background-position: bottom; 
}
*/



.projectGallery .project .description,
.projectGallery .project .technology {
  font-size: .85em;
}

.projectGallery .project .technology {
  height: 100px;
}

.projectGallery .project .technology .siteLink {
  font-weight: bold;
}
.projectGallery .project .technology p {
  margin-top: .5em;
  margin-bottom: .5em;
  padding: 0;
}

.projectGallery .project .unavailable {
  font-weight: bold;
}

.projectGallery .shadow {
	-moz-box-shadow:     2px 2px 10px #666;
	-webkit-box-shadow:  2px 2px 10px #666;
	box-shadow:          2px 2px 10px #666;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=45, Color='#666')"; */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=45, Color='#666'); */
	/* as it turns out, IE can suck it */
}

.projectGallery .visibilitySentinel {
  display: inline;
  width: 1px;
  height: 1px;
  border: 1px solid #dedede;
}