/* $Id: local-sample.css,v 1.1 2009/08/19 04:28:52 sociotech Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */

h1,
h1.title {
 font-size: 200%;   /* 30px/12px */
}

h2 {
  font-size: 160%;   /* 24px/12px */
}

h3 {
  font-size: 140%;   /* 20px/12px */
}

h4 {
  font-size: 116.67%;   /* 14px/12px */
}

h5 {
  font-size: 100%;   /* 12px/12px */
}

h6 {
  font-size: 83.33%;  /* 10px/12px */
}




/* Links */
a:link, a:visited {
 /*  color: #444444;*/
  color: #4488AA;

}

a:hover,
a:focus,
a:active {
 /* color: #4488AA;*/
     color: #444444;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
/*   color: #535353; */
}



/* Links */
 a.heading:link, a.heading:visited {
  color: #444444;
}

a.heading:hover, a.heading:focus, a.heading:active {
 color: #4488AA;
 }


/* Front Page  Projects */
#featured.fp_projects { background-color:#FFFFFF; border:0 none; float:left; margin:0; padding:0; width:280px; }
.fp_projects ul { list-style: none; padding: 0; margin:0; }
.fp_projects ul li {display:inline; float:left; margin:2px 4px 4px 0; width:280px; }
.fp_projects ul li span { float:right; height:150px; margin:0 0 5px 0; width:60%; overflow:hidden; display: block;}
.fp_projects ul li .fp_projects_frame { width: 100px; height: 67px; overflow: hidden; display: block; margin: 7px 0; border: 3px solid #fff; float: left; }
.fp_projects ul li .fp_projects_frame img { padding: 0; border: 0; }
.fp_projects ul li .fp_projects_frame:hover, .fp_projects ul li a:hover .fp_projects_frame { border: 3px solid #4488AA;}
.fp_projects ul li a { border:1px solid #CCC; color:#666;float:left; font-size:13px; font-weight:900; height:110px; line-height:14px; overflow:hidden; padding:4px; text-decoration:none; width:290px; display: block; }
.fp_projects ul li a:hover { color: #4488AA; border:1px solid #999; background-color: #f7f7f7; }