/*
 * crhickerson.css
 * Cascading Style Sheet for crhickerson.com
 *
 * Casey R Hickerson <crhickerson at crhickerson.com>
 */


/*
 * body styles
 */

html, body {
    height: 100%;
    margin: 0px; padding: 0px;
    font-family: "CartoGothic Std", "Frutiger LT Std", "Calibri", "Lucida Sans", Helvetica, Arial, sans-serif;
    font-size: 95%; /*13px; */ 
    line-height: 145%; /* 18px; */
}
h1 { font-size: 150%; font-weight: bold; margin: 0 0 8px 0; }
h2 { font-size: 110%; font-weight: bold; margin: 48px 0 8px 0; }
h3 { font-size: 105%; font-weight: bold; margin: 36px 0 6px 0; }
h4 { margin: 0; padding: 0; font-weight: bold; }
p { margin: 0px 0px 8px 0px; padding: 0px; }
ul { list-style-position: outside; margin-bottom: 8px; }
blockquote { margin: 0 25px 8px 25px; }
sup { font-size: 50%; }
a  { color: #369; text-decoration: none; }
a:hover, a:active, a:visited:hover { color: #933; text-decoration: underline; }
a:visited { color: #036; }

ul.inline { margin: 0; padding: 0; }
.indented { margin-left: 20px; }

.download_box { 
  text-align: left;
  border: 1px solid #999;
  background-color: #eee;
  color: #000;
  margin: 5px 0 0 0;
  padding: 5px 5px 3px 5px;
  z-index: 1000;
  
}
.notice { color: #933; }

/* text alignment */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.smallspace {
  font-size: 3px;
  line-height: 4px;
  height: 4px;
  overflow: hidden;
}

.icon_16 {
    position: relative;
    vertical-align: -3px !important;
    width: 16px; height: 16px;
    margin: 0 2px 0 0 !important;
}
.smallcaps {
    text-transform: uppercase;
    font-size: 90%;
    /* font-weight: bold; */
    /* font-variant: small-caps; */
}
.purple { background-color: #39275b; }



/*
 * layout
 */

#canvas {
    width: 900px;
    margin: 0 auto 0 auto; 
    /* padding-bottom: 36px; */
    min-height: 100% !important;
}

/* title block */

#canvas #header {
    position: relative; top: 0px; left: 0px;
    width: 900px; height: 60px;
    margin: 0 0 40px 0;
    text-align: left;
}

#header #image_block {
    position: absolute; top: 0;
    width: 100%;
    width: 240px;
    height: 20px;
    overflow: hidden;
    background-color: #69c;

}
#header #image_block #rotating_image {
    width: 900px; height: 20px;
    background: url(/theme/CRHickerson/images/transparent.png);
}

#header #title_block {
    position: absolute; left: 0px; bottom: 0px;
    /* width: 900px; height: 40px; */
    width: 240px; height: 40px;
    margin: 0px; padding: 0px;
    z-index: 1;
    overflow: hidden;
    background-color: #69c;
}
#header #title_block #title {
    position: absolute; left: 8px; bottom: 8px;
    margin: 0; border: 0;
    font-weight: bold;
    font-size: 24px; 
    line-height: 100%;
    color: #fff;
    z-index: 4;
}
#header .shadow {
    position: absolute; left: 0px; bottom: 0px;
    width: 900px; height: 0px;
    border-bottom: 1px solid #ddd;
    z-index: 2;
}
#header #title_block #title span.shadow {
	text-shadow: #69c 1px 1px;
}
#header #title_block #tagline {
    position: absolute; right: 3px; bottom: 3px;
    font-style: italic;
    color: #fff;
}


/* horizontal navigation block below title block */

#nav {
    position: relative; left: -4px;
    width: 900px; height: 40px;
    margin: 5px 10px 20px 10px;
    text-align: left;
    font-size: 105%;
    color: #69c;
    z-index: 50;
}
#nav ul { list-style: none; }
#nav ul li { float: left; }
#nav a {
    float: left;
    margin-right: 6px; padding: 2px 5px 1px 5px;
    text-decoration: none;
    color: #369;
}
#nav a:hover,
#nav a:active {
    padding: 1px 4px 0px 4px;
    border: 1px solid #933;
}
#nav li.current a,
#nav li.current a:hover,
#nav li.current a:active {
    color: #933;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

/* main block, including sidebar and content block */

#main {
    width: 900px;
    /* margin: 0px 10px 15px 10px; */
    z-index: 100;
}

#main.alternate #content { float: left; }
#main.alternate #sidebar { float: right; }

/* sidebar */

#sidebar {
    float: left;
    margin: 0 0 0 3px;
    font-size: 100%;
    z-index: 200;
}



/* navigation block in sidebar */

#sidebar ul.menu li {
    margin: 0 0 5px 0;
}
#sidebar ul.menu li > a {
    padding: 5px 8px 4px 8px;
    color: #69c;
    text-decoration: none;
}
#sidebar ul.menu li > a:hover {
    background-color: #69c;
    color: #fff;
}
#sidebar ul.menu > li.active > a, 
#sidebar ul.menu > li.active > a:hover {
    color: #933;
    background-color: #fff;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

#sidebar ul.menu > li > ul.submenu {
    display: none;
}
#sidebar ul.menu > li.parent > ul.submenu,
#sidebar ul.menu > li.active > ul.submenu {
    display: block;
}
#sidebar ul.menu ul.submenu > li {
    margin: 5px 0 0 20px;
}
#sidebar ul.menu ul.submenu > li.active > a,
#sidebar ul.menu ul.submenu > li.active > a:hover {
    background-color: #fff;
    color: #933;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

/* contact information in sidebar */
#sidebar ul.contact_info {
    width: auto;
    list-style: none;
    font-size: 90%;
    line-height: 140%;
    margin: 24px 34px 0 -34px;
    padding: 10px;
}
#sidebar ul.contact_info li {
    background-repeat: no-repeat;
    padding-left: 24px;
    padding-bottom: 6px;
}


/* content block */

#content {
    float: right;
    width: 640px;
    margin: 0 10px 0 0;
    z-index: 200;
}

/* title block */
#content #page_title {
    height: 48px;
    color: #933;
}
#content #page_title h2 {
    font-size: 140%;
    margin: 0;
    font-weight: bold;
}
#content #page_title.error {
    height: 120px;
}
#content #page_title.error h2 {
    font-size: 300%;
    line-height: 120%;
}

/* image block within content block */
#content .images {
    float: right;
    width: 330px;
    margin: 5px 0px 5px 15px;
    text-align: center;
}
#content .images img {
    margin: 0 5px 5px 0;
}

#content .project {
    margin: 0 0 48px 0;
}
#content .section {
    margin: 0 0 24px 0;
}

#content .subtitle {
    margin: 0 0 12px 0;
    font-size: 110%;
}
#content h3 {
    margin: 24px 0 6px 0;
}
#content .subtitle h3 {
    margin: 0; padding: 0;
}



/* footer */

#footer {
    width: 900px;
    height: 30px;
    margin: -30px auto 0 auto;
    padding: 0;
    clear: both;
    overflow: hidden;
}
#footer #logo_block {
    float: left;
    position: relative;
    width: 240px; height: 30px;
    // margin: 0 0 0 240px;
    color: #69c;
}
#footer #copyright_block {
    float: right;
    position: relative;
    width: 660px; height: 30px;
    // margin: 0 0 0 240px;
    background: #69c;
    color: #eee;
}
#footer .copyright {
    float: left;
    margin: 5px 0 0 10px;
    font-size: 90%;
}
#footer .revision {
    float: right;
    margin: 6px 10px 0 0;
    font-size: 80%;
}
#footer .gradient {
    position: absolute; left: 0px; top: 0px;
    width: 100%; height: 0px;
    border-top: 1px solid #ddd;
    z-index: 2;
}
/*
 * individual page styles 
 */

/* curriculum vitae */

.cv h3 {
    padding: 32px 0 6px 0;
    margin: 0;
    font-size: 18px;
}
.cv .entry {
    padding: 6px 0 6px 0;
}
.cv .organization {
    display: inline-block;
    width: 100%;
    padding-top: 8px;
}
.cv .name {
    font-weight: bold;
}
.cv .position {
    display: inline-block;
    width: 100%;
    padding-top: 6px;
}
.cv .category {
    font-weight: bold;
    padding-top: 6px;
}
.cv .details {
    display: inline-block;
    width: 100%;
    line-height: 150%;
}
.cv ul {
    margin: 0; padding: 0;
}

.cv .entry_begin {
    margin-bottom: 0px; padding-bottom: 0px;
}
.cv .entry_end {
    margin-top: 0px; padding-top: 0px;
}

.cv span.latex { font-family: "Georgia"; }
.cv span.latex span.a { position:relative; top:-0.5ex; left:-0.4em; font-size:85%; }
.cv span.latex span.tex { position:relative; left: -0.4em; }
.cv span.tex { letter-spacing: -0.125em; }
.cv span.tex span.e { display:inline-block; position:relative; top:0.5ex; left:-0.0417em; }

/* override for UW page */

.purple_bg {
    background-color: #574889 !important;
    color: #ffffff;
}
.purple_bg a {
    color: #e2d06b;
}
.purple_bg a:hover,
.purple_bg active,
.purple_bg a:visited {
    color: #d9a82e;
}


/* PNG fix for IE6 */

* html img {
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/library/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}