/*This is the custom css sheet for Mirage v1-7 DD*/
/* (1) copy this file to the theme contents folder (2) edit theme.plist - add <string>custom.css</string> to the <key>RWCopyFiles</key> array (3) edit index.html - add <link rel="stylesheet" href="%pathto(custom.css)%"
type="text/css" media="all" /> above style variations but after all other css */
/* with an upgrade, copy this file over to the updated theme and repeat steps 2 & 3 */
/*index file additional edits: title display: <title>%title% | Life Long Learning | %site_title% | %site_slogan% | Iowa City, IA</title>*/
/*additional customizations: scripts added and noted in index <script src="%pathto(scripts/dd/cufon-yui.js)%" type="text/javascript"></script>
<script src="%pathto(scripts/dd/Chantelli_Antiqua_400.font.js)%" type="text/javascript"></script>
<script src="%pathto(scripts/dd/Prociono_400.font.js)%" type="text/javascript"></script>*/

/*Cufon*/
.cufon-ready #logoTitleUpper h1 {font-size:40px;}
.cufon-ready #logoTitleUpper h2 {font-size:18px;}
.cufon-ready #myExtraContent2 {font-size:16px;}
.cufon-ready #myExtraContent4 h1 {text-align:center;font-size:36px;color:#336699;line-height:30px;}

/*firefox fix*/
#menuShadow, #midContainer {top: -5px;}#bottomContainer {position: relative;top: -5px;}#menuShadow {clear:both;}

/*Extra Content*/
#EC1Tab {padding:3px 5px;text-shadow: 0 2px 0px #000000;}
#extraContainer2 {width:18%;height:125px;margin: 10px 15px 10px 0px;padding:10px 10px 0px 10px;}
.ec1 {font-size:16px;}
.ec2 {text-align:center;}
.ec4_italic {font-style:italic;text-align:center;font-size:1.0em;}
#myExtraContent4 a {font-size:24px;padding:0 10px;}
#myExtraContent4 a:hover {font-size:36px;background-color:#ccccff;}

/*Headers*/
#logoTitleUpper {margin-top:4px;width:75%;}
h3 {text-align:center;border-bottom:1px solid;margin-bottom:4px;}

/*Footers*/
.footer {font-size: 14px;}
#breadcrumbcontainer {font-size: 0.9em;}

/*Images*/
.box_shadow {
     -moz-box-shadow: 5px 7px 8px #c8c8c8;  
     -webkit-box-shadow: 5px 7px 8px #c8c8c8;  
      box-shadow: 5px 7px 8px #c8c8c8;
}




