img, div { behavior: url(iepngfix.htc) }
*{
margin:0px;
padding:0px;
border:none;

}

html, body {
	margin:0;
	padding:0;
	color:white;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
min-width:1000px;
height:100%;


}
 .wrapper {
     min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -43px;
background-image:url(../images/BG_bottom.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-attachment: fixed;
overflow:auto;
position:relative;

}
 #Footer, .push {
     height: 2em;
 }
#Header {
	background-color:rgb(59,135,179);
	background-image:url(../images/myNavBarSeperator.jpg);
	background-repeat:repeat-x;
}
#Logo {
}
#Navigation {
	height:100px;
	width:800px;
	background-image:url(../images/header.jpg);
	background-position:bottom;
}
#Navigation ul {
	margin:0px;
	padding:0px;
	padding-top:60px;
}
#Navigation li {
	float:left;
	list-style:none;
}
#Navigation li a:link, #Navigation li a:visited {
	margin:0px;
	margin-left:15px;
	font-size:
14px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-right:15px;
	border-right:1px solid white;
	text-decoration:none;
}
#Navigation li a:hover{
color:orange;
}
#Navigation #Current{
color:yellow;
}

#Content {

	margin: 0 auto;
	margin-top:20px;
	width:1000px;
	height:auto;
	overflow:auto;
	padding-bottom:40px;
	position:relative;
}
#Content h1 {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:10px;
	margin-bottom:20px;
	/*
	padding:20px;
	border:2px solid rgb(100,100,20);
	padding-bottom:10px;
	background-color:rgb(100,200,100)*/
}
#Content h2, #Content h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:10px;
}
#Content h3{
	font-size:12px;
}
#Content p  {
	margin:10px;
}
#Content ul,#Content ol  {
margin-left:30px;
line-height:1.5em;
}
#Content img {
/*margin-left:10px;*/
}
#MainContent {
color:rgb(60,60,90); 
width:670px; 
float:left; 
margin-left:5px;
}
#MainContent a{
color:rgb(60,60,90); 
font-weight:bold;
text-decoration:none;
}
#MainContent a:hover{
color:blue; 

}
#MainContent .img {
border:2px solid green;
}
#MainContent .img:hover {
border:2px solid blue;
}
#SecondaryContent_content{
border:1px solid grey;
border-top:none; 
margin-top:-35px; 
padding-top:35px;
margin-left:5px; 
width:280px; 
background-color:rgb(121,171,76); 
color:white; 
}
#SecondaryContent {
width:290px; 
float:left; 
margin-left:25px;
position:relative;
}
#SecondaryContent a{
color:white;
text-decoration:none;
font-weight:bold;
}
#SecondaryContent a:hover{
color:rgb(15,100,15);
}
#SecondaryContent h1{
background-color:rgb(101,151,56); 
margin:0px;
padding: 5px 0;
}
#SecondaryContent .current{
color:rgb(15,100,15);
background-color:rgb(161,201,106); 
}
.h2_link{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:white;
	padding:10px 0;	
	text-align:center;
}
.h2_link:hover{
color:rgb(15,100,15);
background-color:rgb(141,191,96); 


}
.title{
float:left;
margin-left:10px;
}
.input{
float:right;
margin-right:10px;
color:white;
background-color:green;
padding:2px;
}
.button{
margin-top:10px;
 color:green;
  background-color:white;
   font-weight:bold;
   border:1px solid green;
}
.button:hover{
 color:rgb(10,110,10);
  background-color:rgb(160, 255, 160);
}


#Footer {
background-image:url(../images/BG_footer.jpg);
background-repeat:repeat-x;
	background-color:rgb(59,135,179);
	margin:0;
	width:100%;
	padding:10px 0;
	position:relative;
	bottom:0px;
	border-top:1px solid rgb(59,135,179);

}
#Footer a:link, #Footer a:visited {
	
	color:white;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:20px;
	font-weight:bold;
	font-size:14px;
}

.project_div{
margin-top:20px;
display:block;
float:left;
}
.code{
background-color:white;
color:black;
border:1px solid grey;
width:650px;
padding:5px;

line-height:2em;
height:200px;
}
.example{
margin-top:20px;
background-color:white;
color:black;
border:1px solid grey;
width:660px;


margin-right:auto;
line-height:2em;
height:200px;
border:none;

}
/* Content
----------------------------------------------- */
@media all {
  #content {
    width:660px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
  #main {
    width:410px;
    float:left;
    }
  #sidebar {
    width:220px;
    float:right;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }

/* Headings
----------------------------------------------- */
#main{
width:100%
}
h2 {
  margin:1.5em 0 .75em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#060;
  }
#main h3{
	font-size:16px;
    }

/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:1.5em 0 .5em;
    }
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#c60;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c60;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
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;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }