/*
DC-publisher="Georgetown University"
DC-creator="Ignatius Hsu"
DC-title="Univeral Explore Screen Style Sheet, V.1.2.0"
DC-type="Cascading style sheet"
DC-date="2009-05"
DCTerm-modified="2009-05"
DC-description="This is the base Explore style sheet that most KeySite Enterprise sites and ALL Fatwire sites must use to compliment their Explore content. Alterations should only be made to this file with the Maintainer's knowledge. Any specific changes to the site specific Explore screen CSS should be made in the site specific site.css which will override rules set in this file."
DC-coverage="All Georgetown University websites using Explore and developed under the university framework."
<link rel="schema.DC" href="http://dublincore.org/documents/dces/" />
<link rel="schema.DC" href="http://dublincore.org/documents/dcmi-terms/" />
*/

/* TOC */
/* 1. Generic Views */
/* 2. Faculty Listing Views */
/* 3. Faculty Profile Views */
/* 4. Course Listing Views */
/* 5. Event Calendar Views and Tempaltes */

/* 1. Generic Views */
/* -------------------------------------------- */

#main .viewGroupHeader { margin-left: 10px; }

/* currently disabled */
/*#main .gu_view, #main .gu_document  { margin-left:-30px; }*/
/* gu_view is used in most explore views, compensates for default style set in #content ul {margin-left}
sets font-size to default p
gu_document is used in some University Headlines */


/* 2. Faculty Listing Views */
/* -------------------------------------------- */

/* div class explore_facultylist is set in the KSE Remote Web page channel */
/* This list is pulled into KSE through a channel */

/* Margin & Padding: Resets some styles */
/* -------------------------------------------- */
#main .explore_facultylist,
#main .Faculty_List
{ margin: 0; padding: 0; }
#main .explore_facultylist .ViewTitle { margin-bottom: 10px; }
#main .explore_facultylist ul { margin-left: 0; }
/* Many h2 entries are succeeded by an empty div class,
creating a space underneath h2. This style compensates
for the div tags by creating uniform margin top and bottom separation */
#main .Faculty_List h2 { padding-top: 10px; margin: 0 0 10px 0; }
#main .gu_person { margin: 0 0 10px 0; }
/* viewGroupHeader appears to be a place for notes, should it be visible? */
#main .Faculty_List .viewGroupHeader { margin: 0 0 0 20px; }

/* Base Font Styles: Resets some styles */
/* -------------------------------------------- */
#main .explore_facultylist,
#main .Faculty_List
{
font-size: 1em;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;	
}
#main .Faculty_List h2 { font-size: 1.2em; } /*1.2x1.2=1.4*/
#main .Faculty_Name
{ font-size: 1em; font-weight: bold; } /*1x1.2=1.2*/
#main .Faculty_Titles { font-size: 1em; } /*1x1.2=1.2*/
/* viewGroupHeader appears to be a place for notes, should it be visible? */
#main .Faculty_List .viewGroupHeader  { color: #999; font-style: italic; }

/* ---- Section Separators ---- */
#main .Faculty_List h2 { border-top: 1px dashed #bbb; }


/* 3. Faculty Profiles */
/* -------------------------------------------- */

/* Margin & Padding: Resets some styles */
/* -------------------------------------------- */
/* Sets margin and padding of empty div tags to 0 */
#main .gu_profile, #main .gu_profileitem,
#main ul.gu_profilenav,
#main .gu_profilenav li
{ margin: 0; padding: 0; }


/* Base Font Styles */
/* -------------------------------------------- */
#main .gu_profile h5, 
#main .gu_profile p,
#main .gu_profile li,
#main .gu_profileitemcontent h5
{ font-size: 1em; font-style: normal; font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; }
#main .gu_profilenav li { font-size: 1em;}
/* Web site font size reduced to accommodate long URLs */
#main .gu_profilebody .gu_profileitem_website a
{ font-size: 0.75em; }

/* Fac Profile Name, Title & Status */
/* -------------------------------------------- */
#main .gu_profileheader h3
{
font-size: 1.33em; /*1.33x1.2=1.6*/
font-weight: bold;
margin-bottom: 5px;
}

#main .gu_profileitem_title .gu_profileitemlabel,
#main .gu_profileitem_status .gu_profileitemlabel
{ display: none; }

#main .gu_profileitem_title .gu_profileitemcontent
{ font-size: 1.1em; /*1.1x1.2=1.3*/ }

#main .gu_profileitem_status .gu_profileitemcontent
{
font-size: 1.1em; /*1.1x1.2=1.3*/
font-style: italic;
}

/* Fac Profile Tabbed Headers */
/* -------------------------------------------- */
#main ul.gu_profilenav
{
float:left;
display: inline;
width: 97%;
border-bottom: 1px solid #305bad;
margin-bottom: 10px;
margin-top: 20px;
padding-left: 5px;
padding-bottom: 0px;
list-style-type: none;
}

#main ul.gu_profilenav li
{
/*font-size: 1em; /*do not change*/
float: left;
margin: 0 1px;
display: block;
}

#main .gu_profile li.gu_profilenavitemon
{
border-left: 1px solid #305bad;
border-top: 1px solid #305bad;
border-right: 1px solid #305bad;
background: #c2d2ed;
color: #1c3664;
padding: 4px 7px 4px 7px;
}

#main li.gu_profilenavitemoff
{
background-color: #fff;
padding: 4px 0 5px 0;
}

#main .gu_profile li.gu_profilenavitemoff a:link,
#main .gu_profile li.gu_profilenavitemoff a:visited
{
text-decoration:none;
font-weight:bold;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
background: #fff;
padding: 4px 7px 6px 7px;	
}
#main .gu_profile li.gu_profilenavitemoff a:hover
{
text-decoration: none;
font-weight:bold;
color: #666;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
background: #eee;
padding: 4px 7px 6px 7px;
}

#main li.guprofilenavitemoff
{ margin:0; padding: 0; }

/* Fac Profile Content */
/* -------------------------------------------- */
#main .gu_profilebody
{
/* Faux column */
background: url(bg-explore-facultyprofile.gif) repeat-y 0 50%;
float: left;
/* Important, overrides embedded stylesheet; */
margin-left: 0;
padding-top: 5px;
}

#main .gu_profilebody h4.gu_profileitemlabel
{
clear: both;
display: inline;
float: left;
text-align: right;
width: 100px;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
/*background: url(explore_facprofile_round.gif) top left no-repeat #eee;*/
background: url(explore_facprofile_clip.gif) top left no-repeat #eee;
font-size: 1.1em; 
font-weight: normal;
font-style: italic;
}

#main .gu_profileitemcontent ul { margin-left: 20px; }

#main .gu_profilebody .gu_profileitemcontent
{
/*position: relative;*/
display: inline;
float: left;
text-align: left;
width: 430px;
/*padding-right: 65px;*/
margin-bottom: 10px;
font-size: 1.1em;
}

/* ---- Width Calculations ---- */
/*
If a site's vert nav exceeds specified width, stylesheet will break!
Note: make site specific adjustments in site_specific_explore.css

MAX vert nav column width = 210px
= 780px-Profile Body Width
= 780px-570px

Profile Body Width = 570px
10px (default left margin)
+100px (profile item label)
+20px (profile item label right margin)
+430px (profile item content)
+10px (default right margin)
*/

/* Fac Profile Content: Portrait */
/* -------------------------------------------- */
/* displays portrait in profile, where available */
#main .gu_profileitem_portrait
{ display: inline; }

/* Must be a better way!
#main .gu_profileitem_portrait .gu_profileitemcontent { height: 10px; margin-top: -10px; }
*/

#main .gu_profileitem_portrait .gu_profileitemcontent img
{
float: left;
padding: 2px;
border: 1px solid #ccc;
display: inline;
/* ExploreGeorgetown portrait dimensions: 4:5 (Width:Height)
Standard thumbnails: 120px x 150px
Higher res photos: 200px x 250px */
width: 120px;
height: 150px;
}

#main .gu_profileitem_portrait h4.gu_profileitemlabel
{ display: inline; }


/* 4. Course Listing Views */
/* -------------------------------------------- */

/* Margin & Padding: Resets some styles */
/* -------------------------------------------- */
#main .Sections_List { padding: 0; margin: 0; }
#main .explore_courselist ul { margin-left: 0; }
/* div class explore_courselist is set in the KSE Remote Web page channel */
#main .explore_courselist .ViewTitle { margin-bottom: 10px; }

/* Base Font Styles: Resets some styles */
/* -------------------------------------------- */
#main .Sections_List,
#main .Sections_List h1,
#main .Sections_List h2,
#main .Sections_List h3,
#main .Sections_List h4,
#main .Sections_List h5,
#main .Sections_List h6
{
font-size: 1em;
font-weight: normal;
font-style: normal;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;	
}

#main .Sections_List h1 { font-size: 1.33em; }
#main .Sections_List h2 { font-size: 1.2em; }
#main .Sections_List h3,
#main .Sections_List h4,
#main .Sections_List h5
{ font-size: 1.1em; }
/* style sheet equivalents: h1=h3, h2=h4, h3=h5 and h4=h6, h5=h6*/
#main .Sections_List h6 { font-size: 1em; }
/* style sheet equivalents: h6=regular paragraph bold */

#main .Sections_List h1,
#main .Sections_List h2,
#main .Sections_List h3
{ font-weight: bold; }
#main .Sections_List h3,
#main .Sections_List h4,
#main .Sections_List h5
{ font-style: italic; }
#main .Sections_List h6 { font-weight: bold; }

#main .Sections_List h5
{
border-bottom: 1px solid #999;
margin-top: 15px;
padding-bottom: 3px
}
#main .Sections_List h6 { margin-top: 15px; }

#main .Sections_List .Sections_ListItem { margin-bottom: 7px; }
#main .Sections_List .Sections_Section tt
{
font-size: 1.2em;
margin-right: 5px;
/* last two lines are experimental */
border: 1px solid #ccc;
border-left: 5px solid #ccc;
padding: 1px 4px;
background: #eee;
}



/* 4. Course Listing Views for Course_List, STILL TESTING */
/* -------------------------------------------- */

/* Margin & Padding: Resets some styles */
/* -------------------------------------------- */
#main .Courses_List { padding: 0; margin: 0; }
#main .explore_courselist ul { margin-left: 0; }
/* div class explore_courselist is set in the KSE Remote Web page channel */
#main .explore_courselist .ViewTitle { margin-bottom: 10px; }

/* Base Font Styles: Resets some styles */
/* -------------------------------------------- */
#main .Courses_List,
#main .Courses_List h1,
#main .Courses_List h2,
#main .Courses_List h3,
#main .Courses_List h4,
#main .Courses_List h5,
#main .Courses_List h6
{
font-size: 1em;
font-weight: normal;
font-style: normal;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;	
}

#main .Courses_List h1 { font-size: 1.33em; }
#main .Courses_List h2 { font-size: 1.2em; }
#main .Courses_List h3,
#main .Courses_List h4,
#main .Sections_List h5
{ font-size: 1.1em; }
/* style sheet equivalents: h1=h3, h2=h4, h3=h5 and h4=h6, h5=h6*/
#main .Sections_List h6 { font-size: 1em; }
/* style sheet equivalents: h6=regular paragraph bold */

#main .Courses_List h1,
#main .Courses_List h2,
#main .Courses_List h3
{ font-weight: bold; }
#main .Courses_List h3,
#main .Courses_List h4,
#main .Courses_List h5
{ font-style: italic; }
#main .Courses_List h6 { font-weight: bold; }

#main .Courses_List h5
{
border-bottom: 1px solid #999;
margin-top: 15px;
padding-bottom: 3px
}
#main .Courses_List h6 { margin-top: 15px; }

#main .Courses_List .Courses_ListItem { margin-bottom: 10px; }
#main .Courses_List .Courses_Title { margin-left: 20px; }
#main .Courses_List .Courses_Title tt
{
font-size: 1.2em;
margin-left: -20px;
/* This 20px adjustment sets the course number to the left,
creating an appearance that the course number is the list item bullet */
margin-right: 5px;
/* last two lines are experimental */
border: 1px solid #ccc;
border-left: 5px solid #ccc;
padding: 1px 4px;
background: #eee;
}
#main .Courses_List .Courses_Faculty { margin-left: 20px; }


/* 5. Event Views for Calendar, STILL TESTING */
/* -------------------------------------------- */

#main .PageTitle {font-size:24px;padding:12px 0 8px 0;}
#main td.ViewRight, #main  td.ViewLeft, #main td.ViewHeading, body.explore #main .Breadcrumbs
{font-size:14px;}
#main .eventitem a{text-decoration:none;}
#main .eventitem{padding:2px 0 7px 0;border-bottom:1px solid #ccc;}
#main .eventitem h4{font-size:16px;padding:0;font-style:normal;}