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

/*tag styles*/

body{
  font-family:Arial, Helvetica, Verdana, sans-serif;
  color:#07457b;
  background: #FFFFFF url(../images/bg_main.jpg) top left no-repeat;
}

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*/
}