/* ====================================================

Title: Main Styles for mjcreid.anom.ca

Date created: May 14, 2010
Author: Ally Noormohamed (anom.ca)

==================================================== */

/* --------------------------------------------------*/
/* =import stylesheets
   --------------------------------------------------*/
   
@import url("reset.css");
@import url("jquery.lightbox-0.5.css");

/* --------------------------------------------------*/
/* =page structure and main styles
   --------------------------------------------------*/
   
body{
	background-image: url('../images/bg-body.gif');
	background-attachment: fixed;
}   
.main-wrapper{
	margin: 0 auto;
	max-width: 61.25em; /* 980px / 16px */
	border-top: 8px solid #3d5816;
	border-right: 2px solid #3d5816;
	border-bottom: 8px solid #3d5816;
	border-left: 2px solid #3d5816;
	background-color: #326a1d;
}
/*aside .social-network{
	text-align: right;
	display: block;
	width: 100%;
	background-color: #3d5816;
	padding-bottom: 10px;
}
aside .social-network li{
	display: inline;
		padding-right: 20px;
		
}*/
.hide{
	display: none;
}

/* =left column */

.left-col{
	float: left;
	width: 30.6122%; /* 300px / 980px */
}
.left-col header{
	width: 93.3333%; /* 280px / 300px */
	margin-left: 20px;
	margin-bottom: 60px;
	padding-top: 25px;
	padding-bottom: 75px;
	text-align: center;
	background: #3d5816 url('../images/bg-page-highlight.gif') no-repeat center bottom;
}
.home .left-col header{
	width: 76.6667%; /* 230px / 300px */
}
.left-col header p{
	margin-bottom: 15px;
}
.left-col header h1{
	padding-bottom: 60px;
}
.home .left-col header img{
	margin-top: 5px;
	max-width: 100%;
	/*width: 208px; 
	height: 254px; */
}
.home .left-col header img:hover{
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
}
.home .left-col header p{
	margin: 15px 15px;
}
nav{
	margin-bottom: 60px;
}
nav ul{
	margin-left: 35px;
}

/* =right column */
.right-col{
	float: left;
	width: 69.1837%; /* 678px / 980px */
}
.home .right-col header{
	margin-top: 60px;
	margin-left: 80px;
}
.home .right-col header h1{
	margin: 20px 40px 20px 0px;
}
.right-col header h2{
	margin: 40px 50px 40px 80px;
}
.right-col figure{
	width: 91.4454%; /* 620px / 678px */
	height: 290px;
	overflow: hidden;
}
.right-col figure,
.map{
	margin: 0 0 60px 40px;
}
.home .right-col figure img,
.about .right-col figure img,
.publications .right-col figure img,
.contact .right-col figure img,
.map{
	border: 10px solid #ffffff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 4px 4px 4px rgba(35,83,17,0.5);
	-webkit-box-shadow: 4px 4px 4px rgba(35,83,17,0.5);
	box-shadow: 4px 4px 4px rgba(35,83,17,0.5);
}
.home .right-col figure img,
.about .right-col figure img{
	/*width: 600px; 
	height: 270px;*/
	max-width: 100%;
}
.about .right-col figure img.large,
.about .right-col figure img.thumb,
.about .right-col figure img.thumb-last{
	float: left;
}
.right-col figure img.thumb{
	margin: 0 0 0 20px;
}
.right-col figure img.thumb-last{
	margin: 20px 0 0 20px;
}
.main-content{
	margin: 0 50px 50px 80px;
}
.home .main-content{
	overflow: auto;
	height: 100%;
}
.about .main-content{
	clear: both;
}
.main-content blockquote{
	background: url('../images/opening-pull-quotes.gif') no-repeat top left;
	margin-top: 20px;
	padding-left: 45px;
	margin-bottom: 20px;
}
.main-content blockquote p{
	padding-right: 45px;
	background: url('../images/closing-pull-quotes.gif') no-repeat bottom right;
}
.main-content h3{
	margin-top: 30px;
	margin-bottom: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	border-left: 6px solid #e8c10d;
}
.main-content p, 
.main-content ul, 
.main-content ol{
	margin-bottom: 15px;
}
.main-content ul{
	list-style-type: circle !important;
	padding-left: 28px;
}
.main-content ol{
	list-style-type: decimal !important;
	margin-left: 40px;
}
.publications .main-content ul{
	padding-left: 0;
	margin-top: 20px;
}
.publications .main-content ul{
	/*margin-left: 20px;*/
	list-style-type: none;
}
.publications .main-content ul li{
	margin-bottom: 45px;
	overflow: auto;
	height: 100%;
}
.publications .main-content ul li strong{
	float: left;
	width: 54.5723%; /* 370px / 678px */
	margin-right: 18px;
}
.publications .main-content ul li em{
	float: left;
	width: 22.1239%; /* 150px / 678px */
}
/*.travels .location-group{
	margin-bottom: 50px;
	
}*/
.travels figure img{
	padding: 0;
	margin: 0 0 20px 0;
	border-width: 10px 10px 28px 10px;
	border-style:solid;
	border-color: #ffffff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 4px 4px 4px rgba(35,83,17,0.5);
	-webkit-box-shadow: 4px 4px 4px rgba(35,83,17,0.5);
	box-shadow: 4px 4px 4px rgba(35,83,17,0.5);
	cursor: pointer;
}
.travels figure img:hover{
	/*border-color: rgba(35,83,17,0.9);
	border-color: #E1D043;*/
}
.travels .right-col figure.gallery{
	padding-top: 10px;
	padding-left: 8px;
}
.travels .right-col figure{
	height: 100%;
}
.contact .adr, .contact .tel{
	margin-top: 10px;	
}
/*.contact .email-adr{
	margin-bottom: 10px;	
}*/
.contact #twitter{
	padding-left: 20px;
	background: url('../images/icon-twitter.gif') no-repeat 0 50%;
}

/* =footer */

footer{
	clear: both;
	overflow: auto;
	height: 100%;
	background: #ffffff url('../images/bg-footer.gif') repeat-x top left;
}
footer article{
	float: left;
	width: 30.6123%; /* 300px / 980px */
	margin-left: 20px;
}
footer h3{
	margin: 20px 0 30px 0;
}
footer ol,
footer ul{
	/*list-style: none;*/
	margin-left: 15px;
}
footer li{
	padding-bottom: 15px;
}
.service ul,
.awards-and-grants ol{
	padding-right: 10px;
}
.affiliations-list li{
	margin-bottom: 25px;
}
.affiliations-list span{
	float: left;
	width: 28.3333%; /* 85px / 300px */
}
.affiliations-list em{
	float: left;
	width: 56.6667%; /* 170px / 300px */
	margin-left: 10px;
}
.awards-list em{
	display: block;
}
   
/* --------------------------------------------------*/
/* =typography
   --------------------------------------------------*/

body{
	font-family: Lucida Grande, tahoma, sans-serif;
	font-size: 100%;
}
.amp{
	font-family: book antiqua, tahoma, sans-serif;
}
::-moz-selection{
	background-color: #235311;
	color: rgba(255,255,255,0.7);
}
/*.social-network{
	font-size: 0.8em;
	color: #ffffff;
}
.social-network img{
	margin-top: 4px;
	margin-left: 8px;
}*/
header{
	color: #ffffff;
}

/* =left column */

.left-col header p{
	font-size: 0.71875em; /* 11.5px / 16px */
}
.left-col header h1{ /* all non-home pages */
	text-indent: -9999px;
	background: url('../images/bg-title-sprite.gif') no-repeat -15px -805px;
}
.home .left-col header p{
	text-align: left;
	font-size: 0.9375em; /* 15pt / 16pt */
	line-height: 1.3em;
}
/*.home .lef-col header h1{
	text-align: center;
}*/

/* =right column*/

.home .right-col header h1{
	text-indent: -9999px;
	background: url('../images/bg-title-sprite.gif') no-repeat -25px -25px;
}
.home .right-col header h1 { /* only the home page */
   	font-size: 6.875em; /* 110px / 16px */
}
.right-col header p,
.left-col header p{
	color: #e8cdba;
}
.right-col header h2{
	text-indent: -9999px;
	padding-bottom: 110px;
}
.about .right-col header h2{
	background: url('../images/bg-title-sprite.gif') no-repeat -20px -150px;
}
.publications .right-col header h2{
	background: url('../images/bg-title-sprite.gif') no-repeat -25px -305px;
}
.travels .right-col header h2{
	background: url('../images/bg-title-sprite.gif') no-repeat -20px -460px;
}
.contact .right-col header h2{
	background: url('../images/bg-title-sprite.gif') no-repeat -25px -610px;
}
.main-content{
	font-size: 1em;
	color: rgba(255,255,255,0.9);
	line-height: 1.5em;
}
.main-content h3, 
figure h3{
	font-size: 1.3em;
	font-weight: normal;
	color: #e8cdba;
	text-transform: uppercase;
}
nav ul li{
	font-size: 1.5em;
	text-transform: uppercase;
	line-height: 2em;
}
.publications .main-content ul{
	font-size: 1.0em;
}
.publications .main-content ul li strong{
	font-weight: normal;	
}
.publications .main-content ul li em{
	font-style: normal;
	font-size: 0.8em;
}

/* =footer */
footer h3{
   	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
   	color: #245d69;
	letter-spacing: -0.02em;
}
footer section p, 
footer section ul,
footer section ol{
	font-size: 0.85em;
	line-height: 1.5em;
	color: #235311;
}
.affiliations-list span{
	font-size: 1.25em;
}
.affiliations-list em, 
.awards-list em{
	font-style: normal;
}
   
/* --------------------------------------------------*/
/* =links
   --------------------------------------------------*/   

a{
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

/* =right-col */

.main-content a,
.main-content a:link{
	color: #e1d043;
	border-bottom: 1px solid #e1d043;
}
.main-content a:hover{
	border-bottom: 2px solid #e1d043;
}
.main-content a:visited{
	color: #dae06a;
}

/* =left-col */

nav a,
nav a:link,
nav a:visited
nav a:focus
a.more,
a:link.more,
a:visited.more,
a:focus.more{
	padding: 5px 15px;
	color: #ffffff;
	border-bottom: 0;
}
nav a:hover,
a:hover.more{
	background-color: #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px #235311;
	-webkit-box-shadow: 1px 1px 1px #235311;
	box-shadow: 1px 1px 1px #235311;
	-webkit-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	color: #235311;
}
nav .active a,
a.more{
	background-color: rgba(35,83,17,0.5);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px #235311;
	-webkit-box-shadow: 1px 1px 1px #235311;
	box-shadow: 1px 1px 1px #235311;
	color: #ffffff;
}
a.more{
	font-size: 0.8em;
	float: right;
	clear: both;
}
.publications a.more{
	float: left;
	position: relative;
	left: -81px;
	top: 10px;
}

/* =footer */

footer a{
	color: rgba(35,83,17,0.5); 
}
footer a:link,
footer a:visited,
footer a:hover{
	color: #235311; 
}
   
/* --------------------------------------------------*/
/* =fix it
   --------------------------------------------------*/   
   
.group:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }