/* typography styles */
@import url("typography.css");

/* navigation */
@import url("navigation.css");

/* page title and navigation */
@import url("pageTitleNav.css");


/* page areas ------------------------------------ */

html, body {
	height: 100%;
	}

body {
	margin: 0;
	padding: 0;
	background-color: #ffe;
	}

#container {
	position: absolute;
	margin: 0 0 0 0;
	width: 900px;
	}

#head {
	background-color: #bba;	
	position: absolute;
	top: 0px;
	left: 0px;
	height: 260px;
	width: 100%;
	border-bottom: 1px solid #999;
	}

/* head with background image */
div#head.hasbg {
	background-image: url(http://davidramos.org/thesis/images/wires-260h-cropped.gif);
	background-repeat: no-repeat;
	}

#sitetitle {
	position: absolute;
	top: 195px;
	left: 175px;
	}
#sitetitle a:hover {
	background-color: #bba;
	}




/* navigation, titles positions ------------------------------------ */

#navbar {
	position: absolute;
	top: 245px;
	left: 90px;
	height: 290px;
	width: 285px;
	}

#stripes {
	position: absolute;
	top: 0;
	left: 0px;
	}

#sections {
	position: absolute;
	width: 105px;
	top: 18px;
	left: 0px;
	}

#articles {
	position: absolute;
	width: 130px;
	top: 18px;
	left: 105px;
	}
	

/* content area ------------------------------------ */

#content {
	position: absolute;
	left: 395px;
	min-height: 100%;
	width: 610px;
	padding-left: 5px;
	}

#fixInternetExplorer {
	clear: both;
	width: 610px;
	height: 1px;
	}

#pageTitleNav {
	position: relative;
	float: left;
	top: 5px;
	width: 440px;
	}

/* the footer details are also defined in pageTitleNav.css */	
#pageFoot {
	width: 440px;
	}

/* empty divs used to move articles down the page */
.topspacer {
	height: 270px;
	width: 440px;
	}


/* image treatment ------------------------------------ */
	
img {
	border: none;
	}

/* selects the any image that is the first in the content area 
 	Because for some bizarro-world reason CSS doesn't have an 
	element-contains selector, we would turn off the link borders 
	here - if we still had to do that */
#content>a:first-child img, #content>img:first-child {
	position: relative;
	left: 0;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	}

/* an image that I have specified as having a holding line */
img.holdingline {
	border: 1px solid #ccc;
	}