/*Cascading Style Sheet for Megan Bednarz portfolio site*/



/*tag styles*/



body{

  font-family:Arial, Helvetica, Verdana, sans-serif;

  color:#07457b;

  background: #FFFFFF url(../images/bkg.png) top left repeat-x;

}



h1{font-size:22px;}

h2{font-size:20px;}

h3{font-size:18px;}

h4{font-size:16px;}

h5{font-size:14px;}



a, a:link{color:#8e9fac;}

a:visited{color:#07457b;}

a:hover{color:#80c2ed;}



/*DIV IDs for layout*/

#container{

  border:2px solid #CCCCCC;

  /*margin:0px auto; */ /*centers the container*/

}





/**** HEADER ****/

  

#header{

  width:98%;

  padding:0 0 0 25px;

  //background:#07457b;

  height: 80px;

  //border-bottom: 1px #bed2df solid;

}



#header h1, #header h1 a{

  font:bold 22px arial, helvetica, verdana, sans-serif;

  text-decoration:none;

  color:#07457b;

}



/**** TOP NAV *****/

#topnav{

  margin:-10px 0 0 50px;

  padding: 5px;

  padding-bottom:10px;

  border-bottom: 1px #bed2df solid;

}

#topnav a{

  padding: 0 5px;

  text-decoration:none;

  font-weight:bold;

  color:#557799;

}



/**** LEFT COLUMN *****/



#leftnav{

  width:15%;

  margin:0;

  padding:5px 0 20px 8px;

  //background:#557799;

  float:left; /*this makes it floated... will have to clear at the bottom*/

}



/*** CONTENT PANE ****/



#content{

  width:65%;

  margin:0;

  padding:0 0 20px 8px;

  //background:#7799AA;

  float:left; /*this aligns it left, next to the left bar*/

  /*overflow:scroll;*/

}



#content p{padding:0 10px; text-align:justify; background:none;}


/**** FEATURE ****/
.feature{
	/*border: 1px solid #666666;*/
	margin: 0 10px;
	padding-top: 5px;
	clear:both;
}

.feature h3, .feature h5{margin:5px 0;}
.feature h4{margin:3px;}
.feature p{text-align:justify; background:none; margin:0 0 10px 0;}

.feature img{float:left; margin:0 10px 10px 0; }


/**** FOOTER ****/



#footer{  

  font-size:75%;

  border:1px solid #666666;

  background:#c8d9e4;

  text-align:center;

  color:#337799;

  height:45px;

  position:relative;

  top:5px;

  margin:5px 5px 0;

  clear:both; /*this sets it below all the floated panels for content*/

}
