#project-group-link { float: right; width: 150px; font-size: 11px; }
#project-group-link span { display: block; font-size: 14px; font-family: Union; }

#project-logo {	width: 565px; text-align: center; }
#project-logo.has-img { text-align: center; }

#project-header {
    margin: -10px -22px 0;
    padding: 20px 22px;
}


#project-sidebar { 
    width: 150px; 
	clear: right;
    float: right; 
    font-weight: bold; 
    padding: 20px 0 20px 20px;
}

#project-sidebar ul {
    margin-bottom: 20px;
}

#project-sidebar h2 { 
    font-size: 12px;
	line-height: 20px;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif !important;
    text-transform: uppercase;
    background: #eff6f9;
    padding: 2px 5px 0;
    -moz-border-radius: 4px 4px 1px 1px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
    margin-bottom: 1px;
    font-weight: bold;
    color: #333;

}

#project-sidebar li { list-style: none; margin: 0; }


#project-sidebar li a { 
    display: block;    
    margin-bottom: 5px;
    padding: 2px 5px 2px 15px;
    text-indent: -10px;
    line-height: 15px;
}



#project-sidebar li:last-child a {
    -moz-border-radius: 1px 1px 2px 2px;
    -webkit-border-top-left-radius: 1px;
    -webkit-border-top-right-radius: 1px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

/*
#media-nav #videos-link a { background-image: url(http://will.atlas.uiuc.edu/iym/icons/16/film.png); }
#media-nav #photos-link a { background-image: url(http://will.atlas.uiuc.edu/iym/icons/16/camera.png); }
#media-nav #audio-link a { background-image: url(http://will.atlas.uiuc.edu/iym/icons/16/sound.png); }
#media-nav #collections-link a { background-image: url(http://will.atlas.uiuc.edu/iym/icons/16/images.png); }
#media-nav #blog-link a { background-image: url(http://will.atlas.uiuc.edu/iym/icons/16/page.png); }
*/

#project-sidebar input[type="text"] { width: 110px; }


#project-content {
    width: 565px;
    float: left;
    padding: 20px 20px 20px 0;
}







#comments { margin-bottom: 40px; clear: both; }


#comments li {
    list-style: none;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    margin: 0;
}

.comment {
    width: 410px;
    float: left;
    margin: 0 20px;
}

.comment-meta {
    float: right;
    width: 90px;
    margin-right: 20px;
}

.comment-meta img {
    width: 54px;
    height: 54px;
}

.comment-author {
    display: block;
    font-weight: bold;
    line-height: 15px;
}
.comment-date {
    color: #888;
    font-size: 11px;
}

#leave-comment li {
    list-style: none;
    margin-bottom: 20px;
}

#leave-comment label {
    font-weight: bold;
}
#leave-comment em {
    font-style: normal;
    margin-left: 20px;
    color: #888;
}

#leave-comment input[type="text"] {
    display: block;
    width: 240px;
}

#leave-comment textarea {
    display: block;
    width: 370px;
    height: 140px;
}

#leave-comment .captcha img { display: block; margin-bottom: 0.5em; }


#pagination { text-align: center; clear: both; padding: 20px 0; }
#pagination a {
position: static;
float: none;
display: inline-block;
	font-size: 12px; font-weight: bold;
width: 20px;
height: 20px;
margin: 0;
}

.prev-page {
    margin-right: 10px;
/*
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;	
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 4px;
*/
float: left;
}

.next-page {
    margin-left: 10px;
/*
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;
*/
float: right;

}

#pagination span {
    display: inline-block;
    width: 2em;
    margin-left: 10px;
    text-align: center;
}




.dropdown-nav {
    text-align: left;
    position: relative;
    width: 10em;
}

.dropdown-nav strong {
    cursor: default;
    display: block;
    padding: 0 21px 0 10px;
    border: 1px solid #eff6f9;
    background: #eff6f9 url('http://will.atlas.uiuc.edu/iym/icons/dropdown-tab.jpg') no-repeat right center;
    -moz-border-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    line-height: 18px;
}


.dropdown-nav:hover strong {
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;

    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.dropdown-nav ol {
    display: none;
    position: absolute;
    top: 100%;
    background: #fff;
    border-top: 1px solid #eff6f9;
    border-bottom: 5px solid #eff6f9;
    list-style: none;
    padding: 0;
    width: 100%;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;

    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    max-height: 300px;
    overflow: auto;
}

.dropdown-nav:hover ol {
    display: block;
}

.dropdown-nav li {

    margin: 0;
}

.dropdown-nav a {
    display: block;
    padding: 2px 5px 2px 10px;
    border: 1px solid #eff6f9;
    border-width: 0 1px 1px 5px;
}

.dropdown-nav a:hover {
    background: #fafafa;
}




.team-thumb-list li {
    list-style: none;
    width: 126px;
    margin: 20px 0 0 20px;
    float: left;
}
.team-thumb-list li.new-row { clear: left; margin-left: 0; }

.team-thumb-list h3 { line-height: 20px; text-align: center; }

.team-thumb-list a {
    display: block;
}

.team-thumb-list img {
    width: 120px;
    height: 120px;

}



#team-profile {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #aaa;
}


#photo-links {
    float: right;
    margin: 0 0 20px 20px;
}

#photo-links a { display: block; padding-left: 25px; }

a#blog-entries { background: url(http://will.atlas.uiuc.edu/iym/icons/16/page.png) no-repeat 3px center; margin: 5px 0; }


#actual-url {
	font-weight: bold;
	padding: 10px;
	border: 5px solid #eff6f9;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#project-intro { margin-bottom: 20px;}
#project-intro p { display: inline; }

#project-about {
    margin-top: 10px;
}


#featured-videos, #featured-photos, #featured-audio { width: 435px; }

#featured-videos ol {
	list-style: none;
    overflow: hidden;
    width: 100%;
}

#featured-videos li {
	float: left;
    width: 100%;
}

#featured-videos .summary {
    display: block;
    margin: 5px;
}

#featured-videos .summary strong {
	display: block;
}

#featured-photos .ssContainer, #featured-photos .container,  #featured-audio .ssContainer, #featured-audio .container {
	width: 100%;
	list-style: none;
}


.media-thumbnails li a .hover-tooltip {
	display: none;
	position: absolute;
	z-index: 400;
	top: 105%;
	left: -3px;
	background: #eff6f9;
	padding: 8px;
	-moz-border-radius: 0 4px 4px 4px;
	width: 205px;
	font-size: 11px;
	line-height: 14px;
	color: #3A6289;
	box-shadow: 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px rgba(0,0,0,0.2);
}

.media-thumbnails li.right a .hover-tooltip {
	right: -3px;
	left: auto;
}
.media-thumbnails li.bottom a .hover-tooltip {
	bottom: 105%;
	top: auto;
}


.media-thumbnails li a:hover .hover-tooltip {
	display: block;
}

/*
li:hover .hover-tooltip {
	display: block;
}
*/

ul#project-partners li {
	clear: both;
	margin: 10px 0 40px;
	list-style: none;
}

#project-partners img {
	float: right;
	width: 175px;
	margin: 10px 0 20px 10px;
}


#proof-list li {
	clear: both;
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
	list-style: none;
}
#proof-list h3 { margin-bottom: 5px; }

div.proof-media {
	width: 305px;
	float: left;
	margin: 0 20px 20px 0;
}

#proof-list .audio-player { margin: 0; }
img.audio-thumb { float: left;  clear: left; margin: 0 20px 20px 0;}