@charset "UTF-8";
/* CSS Document */

/* BASICS */

* {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

html {
background:#004b96;
}

body {
background:#fff;
font-size:62.5%;
min-width:760px;
}

.clr_lft {
clear:left;
}
.clr_rgt {
clear:right;
}

.more {
float:right;
font-style:italic;
font-size:0.9em;
}

a:link{color:#556C12}
a:visited{color:#2A79A7}
a:hover{text-decoration:none;}
a:active{}

html>body a.external {
padding: 0.2em 20px 0.2em 0.2em;
background-image: url(http://www.cs.york.ac.uk/hci/styles/images/external.gif);
background-repeat: no-repeat;
background-position: center right;
}

html>body #primaryContent a.mail {
padding: 0.2em 20px 0.2em 0.2em;
background-image: url(http://www.cs.york.ac.uk/hci/styles/images/mail.gif);
background-repeat: no-repeat;
background-position: center right;
}


hr {display:none;}
#content hr {display:block;}

/* HEADER */

#header {
width:100%;
background:#0066cc url(images/header_bkg.gif) repeat-x bottom left;
border-bottom:4px solid #ccff33;
height:160px;
}

#uniyork a {
position:absolute;
top:12px;
left:20px;
background:url(images/uni_york_logo.gif) no-repeat;
width:291px;
height:44px;
text-indent:-5000px;
}

#compsci a {
position:absolute;
top:58px;
left:23px;
background:url(images/compsci_logo.gif) no-repeat;
width:289px;
height:15px;
text-indent:-5000px;
}

#yorkhci a {
position:absolute;
top:82px;
left:23px;
background:url(images/yorkhci_logo.gif) no-repeat;
width:289px;
height:59px;
text-indent:-5000px;
}

#header img {
float:right;
margin:20px 20px 0 20px;
}


/* GLOBAL NAVIGATION */

#global_navigation {
float:right;
list-style-type:none;
text-align:right;
padding:20px 0 0 0;
}

#global_navigation a{
font-size:1.6em;
line-height:150%;
text-decoration:none;
color:#fff;
}

#global_navigation a.current, #global_navigation a:hover{text-decoration:underline;}


/* LOCAL NAVIGATION */

#content #secondaryContent #local_navigation {
list-style-type:none;
border-top:1px solid #48A1D0;
}

#content #secondaryContent #local_navigation li a {
width:100%;
font-size:1.6em;
text-decoration:none;
display:block;
color:#064a8f;
border-bottom:1px solid #48A1D0;
padding:0.5em 0.8em;
line-height:150%;
}
#content #secondaryContent #local_navigation li > a {
width:auto;
}

#content #secondaryContent #local_navigation li.current a{
background-color:#ccff33;
}

#content #secondaryContent #local_navigation a:hover {
background-color:#D8FF85;
}


/* CONTENT */

#content{
float:left;
display:inline;
width:100%;
background:#fff url(images/content_bkg.gif) repeat-x top left;
clear:both;
min-height:400px;
padding:20px 0;
}

#content #breadcrumb { 
width:80%;
font-size:1.4em;
line-height:200%;
margin:0 0 1em 20px;
color:#064a8f
}

#homepage #breadcrumb {
visibility:hidden;
}

#content #news, #content .news {
float:right;
width:35%;
margin:0 0 10px 10px;
padding:10px!important;
background:#CCFF99;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;*/
}

#content #primaryContent {
float:left;
display:inline;
width:65%;
margin:0 0 0 20px;
line-height:150%;
font-size:1.4em;
}
#content #secondaryContent {
float:right;
display:inline;
width:25%;
margin:0 20px 0 0;
}

#content #secondaryContent .attention {
	font-size:1.4em;
	color:#fff;
	margin:30px 10px;
	padding:10px!important;
	background-color:#2A79A7;
	line-height:150%;
}

#content #secondaryContent .attention a:link{color:#fff;}
#content #secondaryContent .attention a:visited{color:#ECECEC;}
#content #secondaryContent .attention a:hover{text-decoration:none;}
#content #secondaryContent .attention a:active{}

#content #primaryContent #details img{
float:left;
margin:0 10px 15px 0;
padding:3px;
border:1px solid #ccc;
}

#content #primaryContent #details h2{
font-size:2.2em;
font-weight:normal;
line-height:120%;
color:#064a8f;
padding:0;
}

#content #primaryContent #details h3{
font-size:1.4em;
font-weight:normal;
line-height:150%;
color:#064a8f;
}


#content #primaryContent #details p{
font-size:1.0em;
line-height:150%;
color:#064a8f;
}

#content #primaryContent h2{
font-size:2.2em;
font-weight:normal;
line-height:120%;
padding:0 0 0.5em 0;
color:#064a8f;
}

#content #primaryContent h3{
font-size:1.2em;
line-height:150%;
padding:1em 0 0 0;
color:#064a8f;
}

#content #primaryContent h4{
font-size:1.1em;
line-height:150%;
padding:1em 0 0 0;
color:#064a8f;
}
#content #primaryContent h5{
font-size:0.9em;
line-height:150%;
padding:1em 0 0 0;
color:#064a8f;
}

#content #primaryContent p{
padding:0.5em 0 0.8em 0;
color:#002B55
}

#content #primaryContent ul{
margin:0.5em 0 0.5em 2em;
}

#content #primaryContent li{
padding:0 0 1em 0;
color:#002B55
}

#content #primaryContent li ul{
padding:0.5em 0 0 0;
color:#064a8f
}
#content #primaryContent li ul li{
padding:0 0 0.0em 0;
}
#content #primaryContent li ul li ul{
padding:0.5em 0 0 0;
}
#content #primaryContent li ul li ul li{
padding:0 0 0.5em 0;
}

#body {
	background-color: #DCFFA0;
}

#name {
width: 20em;
background-color: #DCFFA0;
font-size:1.0em;
}

#email {
width: 20em;
background-color: #DCFFA0;
font-size:1.0em;
}

#phone {
width: 20em;
background-color: #DCFFA0;
font-size:1.0em;
}


#updates {
margin: 0 1em 0 0;
}

#submit {
width: 8em;
padding: 0.5em;
}

/* PUBLICATIONS */

.publications #toc {
	width:85%;
	border:1px dashed #000;
	padding:0 0.8em;
	margin-left:2em;
}

.publications .citation {
	width:85%;
	border:1px dashed #000;
	padding:1em!important;
	margin-left:2em;
	font-weight:bold;
}
.publications #content #primaryContent h3{
font-size:1.5em;
}

ul li ul {margin-top:0!important; padding-top:0!important;}

ul.files {
	list-style-type:none;
}
ul.files li{
	float:left;
	margin-right:2em;
}

ul.files li.icon_htm a {
display:block;
line-height:64px;
padding-left: 69px!important;
padding-bottom:15px;
background:url(images/icon_htm.gif) no-repeat top left;
}

ul.files li.icon_pdf a {
display:block;
line-height:64px;
padding-left: 69px!important;
padding-bottom:15px;
background:url(images/icon_pdf.gif) no-repeat top left;
}

.img_lt {
	float:left;
	border:1px solid #48A1D0;
	padding:3px;
	margin: 0 10px 10px 0;
}

.img_rt {
	float:right;
	border:1px solid #48A1D0;
	padding:3px;
	margin: 0 0 10px 10px;
}

/* THE COOL WALL */

#content #primaryContent .img_rgt{
float:right;
margin:0 0 15px 10px;
padding:3px;
border:1px solid #ccc;
}

#coolwall {
	width:100%;
	border-width: 3px;
	border-spacing: 2px;
	border-style: solid;
	border-color: #8C8C8C;
	border-collapse: collapse;
	background-color: white;
}
#coolwall th {
	border-width: 3px;
	padding: 0.15em 0;
	border-style: solid;
	border-color: #8C8C8C;
	background-color: white;
	border-top:0px;
	border-bottom:0px;
	background-color:#8C8C8C;	
}
#coolwall td {
	border-width: 3px;
	padding: 1em;
	border-style: solid;
	border-color: #8C8C8C;
	background-color: white;
	border-top:0px;
	border-bottom:0px;	
}
#coolwall td.item {
	background-color:#FF6;
	margin-top:1em;
	border-bottom:3px solid #8C8C8C;
}
#coolwall col {width:25%;}

#coolwall #suncool {font-family:Tahoma, Geneva, sans-serif; color:#000;font-size:2em;  line-height:140%;}
#coolwall #uncool span {font-family:Arial, Helvetica, sans-serif; font-size:2.5em!important; background:#FF0; padding:0em 0.3em; border:3px solid #000;  line-height:110%; white-space: nowrap;}
#coolwall #cool {font-family:Arial Black, Verdana, Geneva, sans-serif; color:#C00; font-size:3em;  line-height:110%;}
#coolwall #subzero {font-family:Impact, Tahoma, Geneva, sans-serif; color:#FF9; font-size: 3em; line-height:110%;}

/* FOOTER */

#footer{
clear:both;
background:url(images/footer_bkg.gif) repeat-x top left;
height:44px;
padding:35px 20px 0 20px;
}
#footer p {
color:#fff;
font-size:1.2em;
text-align:right;
letter-spacing:0.1em;
}