/* CSS Document FOR arolland.com/annetterolland.com  WORK ON NEW ABM  */
/* Liquid layouts the easy way - Three Column Liquuid Layout - http://www.maxdesign.com.au/articles/liquid/ */
/* USE FTP to put files */

body {
	background-color: #f7f7f7;
	font-family:"Times New Roman", Times, serif;
	font-size:medium;
	margin:0;}


#header
{
	height: 290px;	/* header is 285px h but made more to give room for div navigation li a 5px paddding */
}

#insideheader
{
	position:absolute;
	left:0;
	width:100%;
	/*padding-left:23%; Use this one when there is no mag thumbnail image to the right*/
	padding-left:13%;
	margin-left: 7px;
	margin-right: 7px;
	background-color:#f1f1f2;
	line-height:inherit	
}

#insideheader img
{
	padding-left:10%;	
}



#navigation
{
	float: left;
	width: 100%;
	background: #333;
	font-size:110%;
}


#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 30px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navigation li a:hover { background: #383; }


/* IF YOU WANT A WIDE LEFT COLUMN */	
/*#col1 
{
	float: left;
	width: 48%;
	margin-left: 3%;
	display: inline;
}
	
#col2
{
	float: left;
	width: 20%;
	margin-left: 3%;
}*/
	
	
#col1
{
	
	float: left;
	width: 15%;
	/*background-color: #bbb;*/
	margin-top:20px;
	margin-bottom: 10px;
	padding-left:5%;
	display: inline; /* FIXES INTERNET EXPLORER double float bug*/
}
	
#col2
{
	float: left;
	width: 48%;
	margin-top:7px;
	margin-left: 3%;
	/*background-color: #bbb;*/
	margin-bottom: 10px;
	font-size:110%;
}

#col3
{
	float: left;
	width: 20%;
	margin-top:20px;
	margin-left: 3%;
	/*background-color: #bbb;*/
	margin-bottom: 10px;
}
	
#footer
{
	clear: both;
	height: 35px;
	color: #fff;
	font-size:90%;
	padding: 5px;
	height: 1%; /* height is the vertical measurement of the container - use height to explicitly set the container size and line-height for typographic layout, where it might be relevant if the user resizes the text http://stackoverflow.com/questions/7616618/height-vs-line-height-styling */
	background: #333;
} 

/*apply padding to items within the containers - remember that Internet Explorer 5 and 5.5 for Windows incorrectly render the box model - to avoid this problem is apply padding to items within the containers rather than to the containers themselves */

h1, h2, h3, p
{
	margin-left: 7px;
	margin-right: 7px;
}

/*h3 {background-color:#999}*/





/*________________________________________________ END - PROJECT LINKS ________________________________________________*/
#hitcounter {
	
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 7px;
	background-color: #f7f7f7;
	font-size:80%;
	text-align:left;
}