/* 
 * FellowAwards. common.css, 2.0 2009-June-15
 *
 * (c) 2007 Computer History Museum		http://www.computerhistory.org
 *
 * Edit according to styleguide
 *
 */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border: 0; }
body { margin: 0; padding: 0; font-family: verdana,arial,helvetica,sans-serif; font-size: 76%; line-height: 1.4em; background-color: #ffffff; text-align: center; }
a {  text-decoration: none; outline: none !important; }
a:link, a:visited { color: #069; text-decoration: none; }
a:hover {color: #c00; text-decoration: underline; }
p.warning { padding: 10px 20px 10px 40px; background:#fff9d0 url(/_common/img/misc/hint.jpg) no-repeat 5px 5px; margin: 0 0 20px; color: #000000; }
p.warning span { display: block; } 

/* MAIN LAYERS AND ELEMENTS 
-------------------------------------------------------------- */

#page { width: 962px; margin: auto; text-align: left; } 
#header { width: 960px; height: 110px; background-color: #ffffff; display: block; position: relative;  border: 1px solid #ccc; border-bottom: none; }
#header #logo { position: absolute; top: 15px; left: 0px; }
#header #tagline { position: absolute; top: 20px; left: 250px; }
#headerimg { position: absolute; top: 0px; left: 0px; z-index: 1000; }
#chm { display: block; height: 40px; width: 130px; position: absolute; z-index: 1001; top: 20px; left: 20px; }
#chm:hover { text-decoration: none; } 

#maincontainer { width: 960px; border: 1px solid #cccccc; }
#content { float: right; width: 700px; font-size: 1.08em; line-height: 1.4em; color: #333333; padding: 30px 15px 50px 15px;  border-left: 1px solid #ccc; }


/* SEARCH BOX
-------------------------------------------------------------- */
#searchboxwrap { position: absolute; top: 20px; left: 770px; width: 175px; height: 20px; z-index: 1000; }
#searchboxwrap a { text-decoration: none; }
#advancedsearch { position: absolute; top: 40px; left: 770px; }
input#searchinput {	float: left; padding: 0 5px; color: #781351; background: #faeec7; width: 140px; border: 1px solid #aaaaaa; height: 15px; text-align: left; font-size: 1.0em; }
input[type="text"]:focus#searchinput { border: 1px solid #13465F; background-color:#fff; color:#13465F; }




/* LOCAL NAV
-------------------------------------------------------------- */

#localnav { float: left; width: 200px; display: block; padding: 20px 0 50px 20px; font-size: 1em; line-height: 1.3em; color: #999999; overflow:hidden; }
#localnav img { margin-left: 10px; margin-top: 15px; }

#localnav ul { padding: 10px 5px 1em; margin-left: -5px; }
#localnav ul ul, #localnav p { padding: 5px 5px 1em; margin-left: -5px; }
#localnav ul { margin-bottom: 1em; }
#localnav ul ul { margin-bottom: 0; border-bottom: 0px solid #ddd; }
#localnav ul ul ul { border-bottom: none; margin-bottom: 0; } 
#localnav ul li ul li { background: url('/fellowawards/_common/img/icon-arrow-small.gif') no-repeat 0 4px; padding-left: 10px; margin-left: 9px; }

/* color & Style for level 2 active folder
-----------------------------------------------*/
#localnav li { color: #333333; }
#localnav a { color: #333333; font-weight: normal; text-decoration: none; }
#localnav a.active { color: #990000; font-weight: bold; text-decoration: none; }
#localnav a:hover { color: #333399; text-decoration: underline; }



/* FOOTER
-------------------------------------------------------------- */
#footer { width: 962px; height: 30px; font-size: .9em; line-height: 1.4em; color: #6e6e6e; display: block; padding: 10px 0 0; }
#footer #navigation a { color: #6e6e6e; text-decoration: none; }
#footer #navigation a:hover { color: #4366a9; text-decoration: underline;}
#footer #copyright {float: left; }
#footer #navigation {float: right; }
#footer #navigation a:active { color: #6e6e6e; }
#footer #navigation a:link, #footer #navigation a:visited { color: #4366a9; text-decoration: none; }



/* HEADINGS
-------------------------------------------------------------- */
h1 { font-weight: normal; font-size: 1.6em;  color: #111111; letter-spacing: -1px; margin: 2px 0 30px; padding: 2px 0 2px 0px; line-height: 1.1em; } 
h2 { clear: both; padding: 0; color: #111111; font-size: 1.3em; font-weight: bold; margin: 1.5em 0 10px; }
h3 { font-size: 0.75em; line-height: 1.125em; margin: 0; font-weight: bold; } 
h4 { font-size: 0.75em; line-height: 1.125em;  margin: 0; font-weight: normal;	color: #666; } 
h5, h6 { font-size: 0.75em; line-height: 1.125em; margin: 0; font-weight: normal; }



/* FELLOWS PREVIEWS and BIOS
-------------------------------------------------------------- */
div.fellowpreview { display: block; height: 130px; overflow: hidden; }
div.fellowpreview div.img { display: block; width: 160px; height: 130px; float: left; }
div.fellowpreview div.info { display: block; width: 540px; height: 130px; float: right; }
div.fellowpreview div.info p.title { font-weight: bold;  }
div.fellowpreview div.info p.awardyear { font-style: italic; padding-bottom: 15px; font-size: 0.8em; }
div.fellowpreview div.info p.achievements { font-style: italic; font-size: 0.9em; }


/* FELLOWS NOMINATIONS
-------------------------------------------------------------- */
ol.nomination, ol.benefits { list-style: outside; list-style-type:decimal; }
ol.nomination li, ol.benefits li { padding-bottom: 10px; }
ul.nomination, ul.benefits { list-style: outside; list-style-type: circle; }




/* IMAGES	
-------------------------------------------------------------- */
.image { border: 1px solid #c0c0c0; padding: 1px 1px;}
.imagecaption { font-size: .8em; font-style: normal; color: #333333; line-height: 1.4em; }
.imagecredit { font-size: .7em; font-style: italic; color: #999999; line-height: 1.1em; }

.imageleft { float: left; margin-right: 20px; }
.imageright { float: right; margin-left: 20px; }


/* html 5 compatability
---------------------------------------------------------- */
.display-block { display: block !important; }
.display-inline-block { display: inline-block !important; }

/*	Lists
-------------------------------------------------------------- */
.list { list-style: none; margin: 0; padding: 0; }
.list li { display: inline; margin: 0 6px 0 0; }
	

/* clearfix hack
---------------------------------------------------------- */
.clearfix:after, .page:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix, .page { display: inline-block; }
html[xmlns] .clearfix, html[xmlns] .zp-wrapper { display: block; }
* html .clearfix, * html .zp-wrapper { height: 1%; }


/* TYPOGRAPHY 
---------------------------------------------------------- */
.t-orange { color: #ff6633 !important; }
.t-lightorange { color: #FF9900 !important; }
.t-blue { color: #36377c !important; }
.t-darkblue { color: #475e80 !important; }
.t-gray { color: #777777 !important; }
.t-green { color: #006600 !important; }
.t-red { color: #900 !important; }
.t-light { color: #ffffff !important; }
.f-normal { font-weight: normal !important; }
.f-bold { font-weight: bold !important; }
.f-italic { font-style: italic !important; }
.captures { text-align: right; font-style: italic; color: #333333; font-size: 0.8em; }
.text-central { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.bcgr-red { background-color: #900 !important; }
.bcgr-grey { background-color: #dddddd !important; }




/* ICONS
---------------------------------------------------------- */
.iconphone { background: url(/_common/img/icon-phone.gif) 0 center no-repeat; padding-left: 20px; }
.iconemail { background: url(/_common/img/icon-email.gif) 0 center no-repeat; padding-left: 20px; }
.icondownload { background: url(/_common/img/icon-download.png) 0 center no-repeat; padding-left: 20px; }
.iconweb { background: url(/_common/img/icon-web.gif) 0 center no-repeat; padding-left: 20px; }
.iconpdf { background: url(/_common/img/misc/pdf-mini.gif) right 0 no-repeat; padding-right: 20px; }