/* 
Title:  Printer styles for GeoConenctions.org 
Author: jay.west for Mediabox Communications
Contact: creative@jaywest.com
*/


/* hide all the divs we dont want to print */
#browserWarning,
#navUtility,
#navSection ul,
#navBreadcrumb,
#column1,
#column3,
.featurePhoto,
#footer {
	display:none;
}


/* optimize the page content for print legibility */

body {
	background: white;
	font-family:"Times New Roman", Times, serif;
	font-size:10pt;
	color: black;
	text-decoration:none;
	}

#pageFrame,
#content {
	width:100%;
	margin: 0;
	padding: 0;
	float:none;
}
p {margin: 0 0 1em 0;}

p.excerpt{ 
border: 2px solid #0066FF;
background-color:#FFCC33;
}


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

a {
	color:black; 
	font-weight:bold; 
	text-decoration:underline;
}
#content a:after {   /* write out urls after their links - Moz only */
   content: " [" attr(href) "] ";
   font-size: 90%;
   font-weight:normal;
}
#content a[href^="/"]:after {
  content: " [http://www.geoconnections.org" attr(href) "] ";
}



/* HEADINGS ****************************/

#header {
	border-bottom: 2px solid black;
	width:100%;
	margin-bottom: 20px;
}

#header h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	font-size: 140%;
	display:inline;
	margin-right: 0.3em;
}
#header h1:after {content: " : ";} /* moz only */
#header h1 a {text-decoration:none;}

#navSection {display:inline;}

#header h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 140%;
	display:inline;
}
#header h2 a {text-decoration:none;font-weight:normal;}

#content h3 {font-size: 130%; margin-top: 1em;}

h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: .8em;
}





/* CONTENT PHOTOS **************************/

.photoLeft {float:left; margin:10px 25px 15px 0;}
.photoCenter {margin: 15px auto;}
.photoRight {float: right; margin: 10px 5px 15px 15px;}




/* PORTAL PAGES ***********************/

.feature {
	margin: 8px 0;
	padding: 0 0 2px 0;
	overflow: hidden; /* make sure div contains it's floats */
	height: 1%; /* holly hack for above */
}
.feature img {float: left; margin-top: 20px;}
.feature h3 {margin: 0 0 3px 80px;}
.feature p {margin: 0 0 5px 80px;}
.feature a.linkFeed {display:none;}