/* CSS Document */

/*  
RISD Graphic Design
URL: http://gd.risd.edu
Version: 3.0
Author: Jessie Rauch-Dickson
Author URL: http://www.jessierauch.com/

All rights reserved. This CSS may not be duplicated for any purpose.
*/


/*
1. Universal Declarations
2. Structure
	2.1. Header
	2.2. Content
	2.4  Footer
3. Gallery
4. Forms
*/

/* Universal Selectors
----------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td  {
		margin: 0;
		padding: 0;
	}
		
ul {
		list-style-type: none;
	}
	
* a:link, * a:visited, * a:hover, * a:active {
		text-decoration: none;
	}
		
:link img {
		border: none;
	}
	
* img {
		border: none;
	}
	
a img {
		border: none;
	}
	
:link img, :active img {
		border: none;
	}
		
/* Structure
----------------------------------------------------------------------------- */
html { 
		margin-bottom: 0.1em;
		background: #fff;
		/*background-image:url(/images/site/tempbg.gif);*/
	}

body {
		font-size: 62.5%; /*  Sets 1em to 10px */
		font-family: Georgia, Times, "Times New Roman", serif; 
		text-align: center;
		line-height:18px;  /* Sets baseline grid to 18px */
	}
body#events div#mainNav li#eve a,
body#programs div#mainNav li#pro a,
body#gallery div#mainNav li#gal a,
body#facilities div#mainNav li#facil a,
body#faculty div#mainNav li#facul a,
body#students div#mainNav li#stu a,
body#alumni div#mainNav li#alu a,
body#contact div#mainNav li#con a
{
		color:#cc3300;	
}
#wrapper {
		width: 850px;
		margin: 0 auto;
		text-align: left;
}

.blackline {
		margin-bottom:17px;
		height:1px;
		background: url(/images/site/black.gif) repeat-x top left; /* /images/site/ */
		clear:both;
}

.greyline {
		margin-bottom:17px;
		height:1px;
		background: url(/images/site/grey.gif) repeat-x top left;
		clear:both;
}
.clr {
		clear:both;
}
.spacer {
		height:18px;
		clear:both;
}

.rightside {
		width:600px;
		float:right;
}

.leftside {
		width:250px;
		float:left;
}

.homeimage {
		margin-top:-17px;
		border-bottom:1px solid #CCC;
		margin-bottom:16px;
}
p {
		padding-top:18px;
		
}

/* Header
----------------------------------------------------------------------------- */
#logo {
		float:left;
}
#logo {
		width:207px;
		height:36px;
}
#logo a {
		background: url(/images/site/risdgd_black.png) no-repeat top left;
		display:block;
		width:210px;
		padding-left:10px;
		margin-left:-10px;
}
#logo a:hover {
		background-color:#efefef;
}


/* Navigation
----------------------------------------------------------------------------- */

#mainNav {
		font-family: DIN-Medium, "DIN Medium", DIN, DIN-Regular, "DIN Regular", Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		font-size:11px;
		text-transform:uppercase;
		letter-spacing:1px;
		/*font-weight:bold;*/
}
#mainNav li.current_page_item a{
		color:#cc3300;
}
#mainNav li.current_page_parent a{
		color:#cc3300;
}

#mainNav ul li {
		display: inline;
		color:#000;
		background-color:#FFF;
		
}

#mainNav li a {
		color:#000;
		/*display:block;*/
		width:85px;
		padding-left:7px;
		padding-right:7px;
		padding-top:17px;
		padding-bottom:18px;
}
#mainNav li a:hover {
		background-color:#efefef;
}
#mainNav ul, li.first {
		margin-left:-7px;
}
#subNav {
		
}
ul.sub {
		font-family: DIN-Medium, "DIN Medium", DIN, DIN-Regular, "DIN Regular", Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		font-size:13px;
		line-height:36px;
		text-transform:uppercase;
		letter-spacing:1px;
}
ul.subsub {
		font-size:12px;
		line-height:18px;
		padding-bottom:18px;
}

ul.sub a, ul.subsub a {
		color:#000;
		display:block;
		width:210px;
		padding-left:10px;
		margin-left:-10px;
}
.homebutton {
		width:270px;
}
.backtotop, .homebutton {
		font-family: DIN-Medium, "DIN Medium", DIN, DIN-Regular, "DIN Regular", Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		font-size:11px;
		line-height:18px;
		text-transform:uppercase;
		letter-spacing:1px;
}
.backtotop a, .homebutton a {
		color:#333 !important;
		padding:10px;
		margin-left:-10px;	
}

ul.sub a:hover, ul.subsub a:hover, .backtotop a:hover, .homebutton a:hover {
		background-color:#efefef;
}
#subNav li.current_page_item a {
		color:#000;
		color:#cc3300;
}


/* Content
----------------------------------------------------------------------------- */
.intro h3 { /* the big intro paragraph at the top of each page */
		padding-bottom:18px;
		font-size: 18px;
		font-weight: normal;
		line-height:36px;
		color:#000;
}

.pagetitle h2 {
		font-family: DIN-Medium, "DIN Medium", DIN, DIN-Regular, "DIN Regular", Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		font-weight:normal;
		font-size:13px;
		line-height:36px;
		text-transform:uppercase;
		letter-spacing:2px;
		color:#cc3300;
}
.pagetitle h2 a {
		color:#cc3300;
		display:block;
		width:210px;
		padding-left:10px;
		margin-left:-10px;
}
.pagetitle h2 a:hover {
		background-color:#efefef;
}

#largePic {
		padding-bottom:18px;
}
#faqlist {
		font-size:12px;
}
.faqheader {
		color:#000;
		padding-bottom:36px;
		border-bottom: 1px dashed #ccc;
		margin-bottom:36px;
		width:450px;	
}
.faqheader h3 {
		font-family: DIN-Regular, "DIN Regular", DIN, Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		font-size:15px;
		font-weight:normal;
		line-height:36px;
		text-transform:uppercase;
		letter-spacing:1px;
		color:#000;
}
.faq {
		color:#000;
		padding-bottom:36px;
		border-bottom: 1px solid #ccc;
		margin-bottom:36px;
		width:450px;	
}
#faqlist h2 {
		font-size:18px;
		font-weight:normal;
		line-height:36px;
		color:#000;
}
.faq h4 {
		font-family: DIN-Regular, "DIN Regular", DIN, Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		font-size:15px;
		font-weight:normal;
		line-height:36px;
		color:#000;
}
.faq h5 {
		font-size:12px;
		font-weight:normal;
		font-style:italic;
		color:#666;
}
.faq ul {
		list-style-type:disc;
}

p.fineprint {
		padding-top:0 !important;
		font-size:11px;
		color:#666;
}
p.fineprint a {
		color:#333 !important;
}
p.fineprint a:hover {
		color:#cc3300 !important;
}
#facultylist {
		font-size:14px;
}
#facultylist h5 {/* bold "small caps" */
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:11px;
		line-height:18px;
		font-weight:bold;
		display:inline;
		color:#000;
}
.gradbio h3 {
		font-family: DIN-Regular, "DIN Regular", DIN, Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		font-size:15px;
		font-weight:normal;
		line-height:36px;
		color:#000;
}
.gradbio {
		width:600px;
}
.facultyshortbio h4, .gradbio h4 {
		font-family: DIN-Regular, "DIN Regular", DIN, Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		font-size:15px;
		font-weight:normal;
		line-height:18px;
		color:#000;
}
.facultyshortbio {
		padding-bottom:36px;
		border-bottom: 1px solid #ccc;
		margin-bottom:36px;
		width:450px;
}
.facultyshortbio img {
		float:left;
		padding-right:18px;
}

#twocolumns {
		font-size:12px;
		color:#000;
		
}
#twocolumns h3 { /*faculty names*/
		font-family: DIN-Regular, "DIN Regular", DIN, Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		font-size:15px;
		line-height:36px;
		font-weight:normal;
		color:#000;
}
#twocolumns h4 {
		font-size:12px;
		font-weight:normal;
		font-style:italic;
		color:#BBB;
}
.facultylongbio {
		margin-top:-9px;
}
#twocolumns h5 {/* bold "small caps" at top line of content columns */
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:11px;
		line-height:18px;
		font-weight:bold;
		display:inline;
		color:#000;
}
.intro a, 
#twocolumns a,
#faqlist a,
#facultylist a {
		color:#006699;
}
.intro a:hover,
#twocolumns a:hover,
#faqlist a:hover,
#facultylist a:hover {
		color:#cc3300;
}
.leftcol {
		width: 282px;
		float: left;
}

.rightcol {
		width: 282px;
		float: right;
}
.leftcol img,
.rightcol img {
		float:left;
		padding-right:18px;
                padding-top:6px;
		padding-bottom:12px;
}


/* Footer
----------------------------------------------------------------------------- */
#footer {
		clear:both;
		color:#999;
		font-size:11px;
		padding-bottom:36px;
}

#footer a {
		color: #666;
		font-weight: bold;
}

#footer a:hover {
		text-decoration:underline;
}
.footerline {
		margin-bottom:15px;
		height:3px;
		background: url(/images/site/black.gif) repeat top left;
		clear:both;
}

/* Gallery
----------------------------------------------------------------------------- */

td, th { 
		padding-right:9px;
		padding-bottom:9px;
		text-align: center;
}
.galleryblock {
		font-size:14px;
		float:left;
        padding-right:18px;
	    padding-bottom:18px;
}
.galleryblock a:hover img,
td a:hover img {
		border-bottom:3px solid #cc3300;
		margin-bottom:-3px;
}
.gallery h3 {
		font-family: DIN-Regular, "DIN Regular", DIN, Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		font-size:15px;
		line-height:36px;
		font-weight:normal;
		color:#000;
}

.galleryblock p.fineprint {
		width:100px;
}


/* Forms
----------------------------------------------------------------------------- */
#search {
		font-family: Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		color:#999;
		font-size:11px;
		float:right;
		vertical-align:middle;
}
#search img {
		vertical-align:middle;
}
.searchbox {
		border:1px solid #CCC;
		margin-left:1px;
		padding:3px;
		color:#666;
}
.searchbox:focus { 
		padding-left:2px;
		padding-top:2px;
		border-top: 2px solid #AAA; 
		border-left: 2px solid #AAA; 
		border-right: 1px solid #BBB; 
		border-bottom: 1px solid #BBB; 
}
.searchbutton {
		border:1px solid #CCC;
		vertical-align:middle; 
		margin-left: 3px;
		margin-bottom:4px;
		padding:4px;
		padding-top:5px;
		background-color:#EFEFEF;
		font-family: Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		color:#999;
		font-size:11px;
}
.searchbutton:hover {
		background-color:#FFF;
}
.searchbutton:focus {
		background-color:#999;
		padding-top:4px;
		padding-left:3px;
		border-top: 2px solid #777; 
		border-left: 2px solid #777; 
		border-right: 1px solid #666; 
		border-bottom: 1px solid #666; 
		color: #666;
}
div.displaybutton {
		float:left;
		margin-left:78px;
}


div#semester,
div#kind,
div#order {
		position:relative;
		float:left;
		margin-right:3px;
}

select#semester-select,
select#kind-select,
select#order-select
select#subject,
text#from,
textarea#message
 {
		width:300px;
}

label.overlabel {
		margin-top:6px;
		float:left;
		width:80px;
		font-family: Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		color:#000;
}