/****************************************************************/
/* 

	CSS for carolinepopham.com

 */
/****************************************************************/



*{
	margin: 0;
	padding: 0;
}

body{
	color: #000;
	background-color: #FFF;
	font-family: Monaco, Verdana, "Courier New", monospaced; 
	font-size: 9px; 
	letter-spacing: 1px; 
	line-height: 14px; 
	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */




/****************************************************************/
/* BLOCKS */
/****************************************************************/

#holder{
	width: 880px;
	margin: 0 0;
	
	text-align: left;
	
}

#header{
	text-align: left;
}

#menu{
	
	width: 260px;
	float: left;

}

#content{
	width: 590px;
	float: right;
	margin-top: 17px; /* to align top with dotted line of h1 */

}

#textInfo{
	width: 200px;
	float: right;
	
}


#numbers{
	clear: both;
	padding: 5px 0 0 0;
	
}


/****************************************************************/
/* TEXT */
/****************************************************************/

p, h1, h2{
	font-family: Monaco, Verdana, "Courier New", monospaced; 
	font-size: 9px; 
	letter-spacing: 1px; 
	line-height: 14px; 
	font-weight: normal;
}
.copyright{
	padding: 15px 0;
	margin: 0px 0;
	background-image: url(images/line_dashed.gif);
	background-repeat: repeat-x;
	background-position: 0px 100%;
}

h1{
	
	padding: 0 0 15px 15px;
	margin: 0 0 15px 0;
	background-image: url(images/line_double.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

h2{
	margin: 35px 0 20px 0;
	
	
}

#menu p{
	
	padding-left: 15px;
}

#textInfo div{
	background-image: url(images/lines.gif);
}

#textInfo p{
	
	line-height: 16px;
	padding: 2px 0 14px 0;
	

}


/****************************************************************/
/* LINKS */
/****************************************************************/

a{
	color: #000;
	text-decoration: none;
}

a.on{
	color: #FF0099;
}

/****************************************************************/
/* LISTS */
/****************************************************************/
ul.years{
	padding: 0 0 15px 0;
	background-image: url(images/line_dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	list-style-type: none;
	
	
}
ul.projects {
	list-style-type: none;	
	margin: 0 0 20px 0;
}

ul.projects li{
	margin: 0 0 0 15px;
}

ul.nav{
	padding: 15px 0;
	list-style-type: none;
}

ul.nav li{
	margin: 0 0 0 15px;
}

ul.images{
	clear: both;
	
	list-style-type: none;
	padding: 1px 0 0 0;
}

ul.images li{
	display: block;
	margin: 10px 0 0 0;
	
}


/****************************************************************/
/* IMAGES */
/****************************************************************/
img{
	border: none;
}
#content img.main{
	float: left;
}



img.logo{
	margin: 40px 0 18px 22px;
}