/* This css is for any screen under 739px wide */
/* When the main content is grid_12, fixed 700px plus 
margins, this works well to accommodate a liquid layout */

/* --------------------- */
/* General Layout Styles */
/* --------------------- */


.grid_12 { width: 100% !important;}
.grid_9, .grid_8, .grid_7, .grid_6, .grid_5, .grid_4  { float: none !important; width: auto !important;}

.alpha { margin-left: 0 !important; }
.omega { margin-right: 0 !important;} 

#masthead { display: block; width: auto !important; text-align: center;}
	#dlLogo { display: block; float: none !important; margin: 0 auto;  width: auto !important;}
		#dlLogo img { margin: 8px;}
	#bannerRight { display: none;}
	#askUsButton {display: none;}


	#mastheadLinkBar { display: none; }

	/*
	#breadcrumb {
		float: left;
		text-align: center;
	    background-image: url("http://library.duke.edu/imgs/blue-note/masthead-link-background.gif");
	    background-repeat: repeat-x;
	    font-size: 13px;
	    padding: 4px 0 8px 0;
	    width: 100%;
	}
	*/


#searchBox label { clear: both; }
#advancedSearchOptions { clear: both;}




/* --------------------- */
/*      Splash Page      */
/* --------------------- */

h1.spashTitle { margin-bottom: 3px;}
div.newSiteMessage { margin-top: 0;}
div.relatedResources { clear: both; display: block; margin-top: 10px; margin-left: 0;  padding-top: 10px;}
div.findingAidPhotos { margin-top: 10px; }
	div.findingAidPhotos img { display: block; clear: both; margin: 0;}

div.browseLetters { font-size: 18px; }	
	div.browseLetters a { padding: 10px; }
	
/* --------------------- */
/*  Finding Aid Display  */
/* --------------------- */

div.banner-alert { width: auto;}
div.containerList { width: auto !important;}

div.row, div.title {  width: 100%; }

div.component_info { width: calc(100% - 120px);}
div.faid_containers {  width: 120px;}



div.c01, div.c01_title_row {}
div.c02_row, div.c02_title_row {  background: url(../images/findingaids/line-c02b.png) repeat-y top left; padding-left: 4%; width: 96%; }
div.c03_row, div.c03_title_row {  background: url(../images/findingaids/line-c03b.png) repeat-y top left; padding-left: 8%; width: 92%; }
div.c04_row, div.c04_title_row { background: url(../images/findingaids/line-c04b.png) repeat-y top left; padding-left: 12%; width: 88%;}
div.c05_row, div.c05_title_row { background: url(../images/findingaids/line-c05b.png) repeat-y top left; padding-left: 16%; width: 84%;}
div.c06_row, div.c06_title_row { background: url(../images/findingaids/line-c06b.png) repeat-y top left; padding-left: 20%; width: 80%; }
div.c07_row, div.c07_title_row { background: url(../images/findingaids/line-c07b.png) repeat-y top left; padding-left: 24%; width: 76%; }
div.c08_row, div.c08_title_row { background: url(../images/findingaids/line-c08b.png) repeat-y top left; padding-left: 28%; width: 72%; }

div.c09_row, div.c09_title_row { background: url(../images/findingaids/line-c08b.png) repeat-y top left; padding-left: 32%; width: 68%; }
div.c09_row, div.c09_title_row { background: url(../images/findingaids/line-c08b.png) repeat-y top left; padding-left: 36%; width: 64%; }
div.c10_row, div.c10_title_row { background: url(../images/findingaids/line-c08b.png) repeat-y top left; padding-left: 40%; width: 60%; }
div.c11_row, div.c11_title_row { background: url(../images/findingaids/line-c08b.png) repeat-y top left; padding-left: 44%; width: 56%; }
div.c12_row, div.c12_title_row { background: url(../images/findingaids/line-c08b.png) repeat-y top left; padding-left: 48%; width: 52%; }

div.odd {  background-color: #f6f6f6; }

/* --------------------- */
/*         Footer        */
/* --------------------- */
/* Most styles borrowed from library homepage responsive css */



#googleSearchBox input {
    width: 145px;
}
#googleSearchBox #btnG {
    width: 22px;
}
#googleSearchBox_footer {
    background: none repeat scroll 0 0 #283F8C;
    border-radius: 5px 5px 5px 5px;
    display: block;
    margin: 0 10px;
    padding: 10px 20px;
    text-align: left;
    width: auto;
}
#googleSearchBox_footer p {
    color: #FFFFFF;
    float: left;
    font-size: 12pt;
    font-weight: bold;
    margin: 5px 15px 0 0;
    padding: 0 0 5px;
}
#googleSearchBox_footer .styledSearchBox {
    float: left;
    font-size: 110%;
    margin-right: 3px;
    padding: 3px;
    width: 220px;
}
#googleSearchBox_footer .footer-submit {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #666666;
    color: #666666;
    font-size: 10pt;
    font-weight: bold;
    padding: 5px;
}


#blueDevil {
    display: block;
    margin: 0 0 10px;
    text-align: center;
    width: 100%;
}


.footerLink {
    text-align: center; clear: both;
}
#shareThis1 {
    float: left;
    margin: 10px 0 10px 20px;
    text-align: left;
    width: 100px;
}

#ccCopyright, #altCopyright {
    float: left;
    margin: 0 0 0 5px;
    text-align: left;
    width: auto;
}