@import url(/css/reset.css); 
@import url(/css/grid-700.css); 

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

img, object, embed, audio, video {
	max-width: 100%;
	}
		
::selection {background: #c80000;}
::-moz-selection {background: #c80000;}

img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

/*
=======================
Type
=======================
*/

html { -webkit-font-smoothing: antialiased; }

body {	
	font-size: 16px;
    font-family: "cronos-pro-1", "cronos-pro-2", "Lucida Grande", "Lucida Sans Unicode", Lucida, "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, sans-serif;  
    /* font-family: Arial, Helvetica, "Liberation Sans", "FreeSans"; */
    line-height: 1.5;
    background: url(/images/bg-tile.jpg); 
    color: #333;
	}
	
/*
=====
Define Default Link Styles
=====
*/
	
a { 
	color: #000; 
	text-decoration: none; 
	outline: none; 
	}
	
a:hover { 
	color: #980000; 
	text-decoration: underline; 
	outline: none;
	}
	
	
/*
=====
Define Headings
=====
*/
	
h1, h2, h3, h4, h5, h6 { 
	color: #3a435c; 
  	font-weight: normal;
	text-rendering: optimizeLegibility;
	}
	

	
h3 { 
	font-size: 1.5em; 
	line-height: 1; 
	margin-bottom: 1em; 
	}
	
h4 { 
	font-size: 1.2em; 
	line-height: 1.25; 
	margin-bottom: 1.25em;
	}
	
h5 {
	font-weight: bold; 
	}	
	
h5, h6 { 
	font-size: 1em; 
	margin-bottom: 1.5em; 
	}
	
/*
=====
Additional Text Elements
=====
*/

p { 
	margin: 0 0 1.5em 0; 
	}

ul { 
	margin: 0 0 1.5em 25px; 
	list-style: circle;
	}
	
ul.clean {
	list-style: none;
	margin: 0 0 1.5em 0;
	}	

ol { 
	margin: 0 0 1.5em 30px; 
	list-style: decimal;
	}
	
li ul, 
li ol       { margin: 0 1.5em; }
		
blockquote  { 
	color: #666; 
	font-style: italic; 
	margin-left: 25px;
	}
	
strong { font-weight: bold; }
em     { font-style: italic; }
sup    { font-size: 0.8em; vertical-align: super; }
sub    { font-size: 0.8em; vertical-align: sub; }

.strike     { text-decoration: line-through; }
.caps       { text-transform: uppercase; letter-spacing: 1px; }	
.smallcaps  { text-transform: uppercase; font-size: 75%; letter-spacing: 1px; }
.hide       { display: none; }
.hilite     { color: #980000; }

/* Nice Ampersands */
.amp { 
  font-size: 1.2;
  font-style: italic;
  font-family: "Palatino Linotype", "Baskerville", "Warnock Pro", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
  line-height: 1%;
}

/*
Communication Boxes
Error, Notice, Success
*/

.error, .notice, .success { 
	padding: 1.5em 15px; 
	margin-bottom: 1.5em; 
	border-style: solid;
	border-width: 2px;
	text-align: center; 
	}
	
.error      { background: #fbe3e4; color: #d12f19; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #817134; border-color: #ffd324; }
.success    { background: #e6efc2; color: #529214; border-color: #c6d880; }
.error a    { color: #d12f19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

hr {
  background: #d8d8d8; 
  color: #d8d8d8;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0 0 1.45em 0;
  border: none; 
}

/*
=======================
Universal Form Styles
=======================
*/

input {
	padding: 5px;
	border: 1px solid #333;
	}

#contact form input.button, #contact form input.zemSubmit {
	width: auto; 
	}	
	
#contact form input.button:hover, #contact form input.zemSubmit:hover,
label, input[type=button], input[type=submit], button {
	cursor: pointer;
	}	
button {  width: auto; overflow: visible; }


/*
=======================
Site Specific Styles
=======================
*/

#page {
	text-align: left;
	width: 740px;
	margin: 0 auto;
	padding-top: 50px;
	}

header#top {
	
	margin-bottom: 60px;
	
	}
	
h1 {
	width: 288px;
	height: 39px;
	float: left;
	}
	
h1 a {
	display: block;
	width: 288px;
	height: 39px;
	text-indent: -1000em;
	background: url(/images/logo.gif) center center no-repeat;
	}
nav {
	width: 300px;
	float: right;
	}
	
nav ul {
	list-style: none;
	margin: 0;
	padding-top: 5px;
text-align: right;
	}
	
nav ul li {
	display: inline;
	margin-right: 4px;
	padding-right: 14px;
	background: url(/images/nav-bullet.gif) right center no-repeat;
	}
	
nav ul li.last {
	margin-right: 0;
	padding-right: 0;
	background: none;
	}
	
nav ul li a:hover,
#home #n-home,
#about #n-about,
#publications #n-publications,
#contact #n-contact {
	color: #980000;
	text-decoration: none;
	border-bottom: 1px dotted #980000;
	}
	
#content {
	width: 700px;
	margin: 0 auto;
	}

h2 {
	font-size: 2em;
	line-height: 1;
	margin-bottom: 5px;
	}

h3 {
font-size: 24px;
line-height: 1.1;
margin-bottom: 10px;
}
	
#home h3 {
	font-size: 14px;
	font-style: italic;
	line-height: 1.1;
	margin-bottom: 24px;
	}

#content a {
color: #980000;
text-decoration: underline;
}

#content a:hover {
color: #000;
}

#contact form div {
width: 580px;
}

#contact form div.group {
padding-bottom: 23px;
margin-bottom: 24px;
border-bottom: 1px dotted #3a435c;
}

#contact form label {
display: block;
float: left;
text-align: right;
width: 160px;
}

#contact form input,
#contact form textarea {
float: right;
width: 390px;
padding: 4px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: url(/images/button-tile.jpg) repeat-x 0 50%;
border: 1px solid #3a435c;
font-family: "cronos-pro-1", "cronos-pro-2", "Lucida Grande", "Lucida Sans Unicode", Lucida, "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, sans-serif;
font-size: 16px;
}

#contact form textarea {
height: 250px;
background: #edf2ff url(/images/button-tile.jpg) left top repeat-x;
}

#contact form input:focus,
#contact form textarea:focus {
background: #edf2ff;
}
	
/*
Image & Button Handling 
*/

a.button, #home a.button {
	padding: 10px 20px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: url(/images/button-tile.jpg) repeat-x 0 50%;
	border: 1px solid #3a435c;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333;
	font-weight: bold;
	}
	
a.button:hover, #home a.button:hover {
	background: #980000;
	color: #f8f8f8;
	}

img { max-width: 100%; }

img.align-left, img.align-right, img.align-center,
a.img, div.img-container {
	display: block;
	padding: 4px;
	border: 1px solid #000;
	background: #edf2ff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* If using align-left, align-right, or align-center with an img-container div, you must specify the width of the image */
.align-left {
	float: left;
	margin: 4px 20px 2px 0;
}

.align-right {
	float: right;
	margin: 4px 0 2px 10px;
}

/* align-center requires deifning the width of the image in the markup */
.align-center {
	margin: 0 auto 1em auto;
}

a.img img,
div.img-container img,
div.img-container a.img {
	display: block;
	padding: 0;
	border: 0;
	background: none;
	margin: 0;
}

/* Assumes that by using div.img-container you want to have captions on the images */
div.img-container img {
margin-bottom: 10px;
}

div.img-container p {
font-size: 85%;
line-height: 1.4;
color: #666;
margin-bottom: 5px;
padding: 0 4px;
}

a.img:hover {
	background: transparent;
}


#bottom {
	width: 100%;
	height: 650px;
	background: url(/images/screen-bottom.jpg) center bottom no-repeat;
	background-color: transparent;
	}

/* Handheld Styles */

@media only screen and (max-device-width: 480px) {

	html {-webkit-text-size-adjust: none}
	a {-webkit-tap-highlight-color: rgba(200,0,0,0.4);}

}