/* ------------------------------------------------------------------------------
  DESCRIPTION: Home page CSS file for SDCCD Newscenter web site.
               This goes on every page. This defines the different 
               CSS elements on every page..
  
  AUTHOR:      David Joynson
  
  HISTORY:     20150316 -  WO 3089113 DJ 
------------------------------------------------------------------------------ */
/*--- Elements ---*/
h3 a {
  color: #008996;
  text-decoration: none;
}
h3 a:hover {
  color: #FCB040;
}
p {
  line-height: 1;
  margin-bottom: 10px;
}
/*--- Classes ---*/
.announcementdate, .campusdate {
  float: left;
  color: #646464;
  margin-top: 5px;
}
.announcementitem {
  float: left;
  min-height: 40px;
  width: 346px;
  margin-bottom: 10px;
  margin-left: 5px;
}
/*.campusdate {
  float: left;
  color: #646464;
  margin-top: 3px;
}*/
.campusimg {
  float: left;
  width: 86px;
  height: 65px;
  margin-right: 5px;
  position: relative;
  overflow: hidden;
}
/*.campusimg img {
  float: left;
  width: 53px;
  height: 65px;
}*/
.campusitem {
  float: left;
  min-height: 50px;
  width: 346px;
  margin-bottom: 10px;
}
.campustext {
  float: left;
  min-height: 50px;
  width: 255px;
}
.campustextw {
  float: left;
  height: 50px;
  width: 346px;
}
.highdate{
  /*border: 1px solid #000000;*/
  border: 1px solid #dfdfdf;
  float: left;
  height: 49px;
  width: 38px;
}
.highdatebot{
  background-color: #ffffff;
  color: #000000;
  float: left;
  font-size: 16pt;
  height: 24px;
  padding-top: 3px;
  text-align: center;
  width: 38px;
}
.highdatetop{
  float: left;
  background-color: #008996;
  font-size: 10pt;
  color: #ffffff;
  width: 36px;
  padding-top: 2px;
  text-align: center;
  height: 18px;
  margin: 1px 1px 0px 1px;
  border-radius: 3px;
}
.highevent{
  /*border: 1px solid black;*/
  height: 51px;
  width: 339px;
  margin-bottom: 10px;
}
.higheventxt{
  /*border: 1px solid black;*/
  float: right;
  font-size: 12pt;
  padding-left: 5px;
  width: 293px;
}
.newsitem {
  width: 189px;
  height: 235px;
  float: left;
  margin-right: 2px;
  
/*  background-color: #dddddd;*/
}
.newsitemcaption{
  width: 185px;
  height: 78px;
  font-size: 11pt;
  float: left;
  margin-right: 2px;
  padding: 0px 2px 0px 2px;
}
.newsitemimage {
  width: 189px;
  height: 157px;
  float: left;
  margin-right: 2px;
  position: relative;
  overflow: hidden;
  
/*  background-color: #646464;*/
}
/*.newsitemimage img {
  width: 189px;
  height: 157px;
}*/
.newsleftbar {
  width: 585px;
  height: 7px;
  background-image: url(/about/departments-and-offices/communications-and-public-relations/newscenter/_resources/images/horzsplitter.png);
  background-repeat: no-repeat;
  float: left;
}
.twitter-timeline{
  height: 300px;
}
/*--- IDs ---*/
#adbox {
  width: 346px;
  height: 243px;
  margin: 0px 13px 15px 10px;
  
/*  background-color: #646464;*/
}
#adbox img {
  width: 346px;
  height: 242px;
}
#announcementbox {
  width: 346px; 
  height: 315px; 
  margin: 0px 13px 20px 10px;
  background-color: #ffffff;
}
#announcementtitle {
  width: 335px;
  height: 65px;
  background-image: url(/about/departments-and-offices/communications-and-public-relations/newscenter/_resources/images/orangtitle.png);
  background-repeat: no-repeat;
  color: #ffffff;
  padding-left: 11px;
  padding-top: 11px;
  font-size: 18pt;
}
#announcementfeed {
  width: 346;
  height: 240px;
/*  background-color: #dddddd;*/
}
#campusnewsbox {
  width: 346px;
  height: 550px;
  margin: 0px 13px 20px 10px;
  background-color: #ffffff;
}
#campusnewstitle {
  width: 335px;
  height: 65px;
  background-image: url(/about/departments-and-offices/communications-and-public-relations/newscenter/_resources/images/orangtitle.png);
  background-repeat: no-repeat;
  color: #ffffff;
  padding-left: 11px;
  padding-top: 11px;
  font-size: 18pt;
}
#campusnewsfeed {
  width: 346;
  height: 456px;
/*  background-color: #dddddd;*/
}
#campusnewslink {
  background-color: #ffffff;
  padding-left: 10px;
}
#distprofilebox {
  width: 571px;
  height: 238px;
  float: left;
  
  /*background-color: #ff1493;*/
}
#distprofiletitle {
  background-image: url(/about/departments-and-offices/communications-and-public-relations/newscenter/_resources/images/featnewstitle2.png);
  background-repeat: no-repeat;
  width: 221px;
  height: 29px;
  color: #ffffff;
  font-size: 13pt;
  padding-top: 11px;
  padding-left: 11px;
}
#distprofilefeed {
  width: 571px;
  height: 186px;
  margin-top: 11px;
  
  /*background-color: #add8e6;*/
}
#distprofileimg {
  float: left;
  width: 133px;
  height: 100px;
  margin-left: 10px;
  position: relative;
  overflow: hidden;
/*  background-color: #646464;*/
}
/*#distprofileimg img {
  width: 88px;
  height: 134px;
}*/
#distprofiletext{
  float: left;
  width: 323px;
  height: 154px;
  margin-left: 10px;
  font-size: 10pt; 
  
/*  background-color: #dddddd;*/
}
#distprofiletext h3{
  color: #008996;
  margin-bottom: 5px;
  font-weight: bold;
}
#distprofilereadmore {
  height: 19px;
  float: left;
  width: 220px;
  margin-left: 146px;
}
#featurednewsbox {
  width: 585px;
  height: 411px;
  background-color: #ffffff;
}
#featurednewstitle, #wemagtitle {
  background-image: url(/about/departments-and-offices/communications-and-public-relations/newscenter/_resources/images/featnewstitle.png);
  background-repeat: no-repeat;
  position: relative;
  top: 0px;
  width: 152px;
  height: 29px;
  color: #ffffff;
  font-size: 13pt;
  padding-top: 11px;
  padding-left: 11px;
  z-index: 3;
}
#featurednewsimg {
  position: relative;
  top: -39px;
  width: 571px;
  height: 317px;
  
/*  background-color: #646464;*/
}
/*#featurednewsimg img {
  width: 571px;
  height: 317px;
}*/
#featurednewscaption {
  color: #ffffff;
  background-image: url(/about/departments-and-offices/communications-and-public-relations/newscenter/_resources/images/featnewscaption.png);
  background-repeat: no-repeat;
  position: relative;
  top: -39px;
  width: 558px;
  height: 88px;
  padding-top: 12px;
  padding-left: 14px;
  font-size: 22pt;
  line-height: 1.1;
}
#featurednewscaption a {
  color: #ffffff;
}
#featurednewscaption a:hover {
  color: #FCB040;
}
#featuredvideobox {
  width: 291px;
  height: 322px;
  float: left;
}
#featuredvideotitle, #photogallerytitle {
  background-image: url(/about/departments-and-offices/communications-and-public-relations/newscenter/_resources/images/featnewstitle.png);
  background-repeat: no-repeat;
  width: 141px;
  height: 29px;
  color: #ffffff;
  font-size: 13pt;
  padding-top: 11px;
  padding-left: 11px;
}
#featuredvideoimg {
  width: 291px;
  height: 193px;
  position: relative;
  overflow: hidden;
/*  background-color: #646464;*/
}
/*#featuredvideoimg img {
  width: 291px;
  height: 193px;
}*/
#featuredvideocaption, #photogallerycaption {
  color: #008996;
  height: 63px;
  font-size: 15pt;
  line-height: 1.1;
}
#featuredvideocaption {
  width: 287px;
  padding: 5px 2px 0px 5px;
  
/*/*  background-color: #dddddd;*/*/
}
#featuredvideocaption a, #photogallerycaption a {
  color: #008996;
}
#featuredvideocaption a:hover, #photogallerycaption a:hover {
  color: #FCB040;
}
#featuredvideobtn, #photogallerybtn {
  margin-top: 15px;
  width: 100%;
  height: 18px;
}
#featuredvideoplaybtnwrap {
  width: 52px;
  height: 52px;
  position: relative;
  top: -180px;
  left: 200px;
  margin-bottom: -52px;
  overflow: hidden;
}
#featuredvideoplaybtn {
  width: 52px;
  height: 52px;
  background: transparent url(/about/departments-and-offices/communications-and-public-relations/newscenter/_resources/images/btn_featvideo.png) no-repeat 0px 0px;
}
#featuredvideoplaybtn:hover {
  background: transparent url(/about/departments-and-offices/communications-and-public-relations/newscenter/_resources/images/btn_featvideo.png) no-repeat 0px -52px;
}
#featuredvideoplaybtn img {
  width: 52px;
  height: 52px;
}
#highlightbox {
  width: 346px; 
  height: 300px; 
  margin: 0px 13px 20px 10px;
  background-color: #ffffff;
}
#highlighttitle {
  width: 335px;
  height: 65px;
  background-image: url(/about/departments-and-offices/communications-and-public-relations/newscenter/_resources/images/orangtitle.png);
  background-repeat: no-repeat;
  color: #ffffff;
  padding-left: 11px;
  padding-top: 11px;
  font-size: 18pt;
}
#highlightfeed {
  width: 346;
  height: 225px;
  padding-left: 7px;
/*  background-color: #dddddd;*/
}
#miscnewsbox {
  width: 585px;
  height: 606px;
  float: left;
  /*background-color: #800080;*/
  padding-top: 33px;
}
#morenewsbtnbox {
  width: 578px;
  height: 72px;
  padding-left: 7px;
  /*background-color: #808080;*/
  float: left;
}
#multimediabox {
  width: 585px;
  height: 351px;
  background-color: #ffffff;
  padding-top: 53px;
  float: left;
}
#newssecleft, #newssecright, #vertcenterbar  {
  height: 1810px;
}
#newssecleft {
  background-color: #ffffff;
  width: 585px;
  float: left;
  margin-bottom: 10px;
}
#newssecright {
  background-color: #ffffff;
  width: 369px;
  float: left;
  margin-bottom: 10px;
}
#photogallerybox {
  width: 291px;
  height: 322px;
  float: left;
  /*background-color: #ff1493;*/
}
#photogalleryimg {
  max-width: 291px;
  height: 193px;
  position: relative;
  overflow: hidden;
/*  background-color: #646464;*/
}
/*#photogalleryimg img {
  width: 291px;
  height: 193px;
}*/
#photogallerycaption {
  width: 291px;
  padding: 5px 2px 0px 0px;
  
/*  background-color: #dddddd;*/
}
/*#photogallerycaption a {
  color: #008996;
}*/
/*#photogallerycaption a:hover {
  color: #FCB040;
}*/
#sdccdnewsbox {
  width: 300px;
  height: 368px;
  float: left;
}
#sdccdnewstitle {
  background-image: url(/about/departments-and-offices/communications-and-public-relations/newscenter/_resources/images/featnewstitle2.png);
  background-repeat: no-repeat;
  width: 221px;
  height: 29px;
  color: #ffffff;
  font-size: 13pt;
  padding-top: 11px;
  padding-left: 11px;
}
#sdccdnewsfeed {
  width: 300px;
  height: 317px;
  margin-top: 11px;
  
/*  background-color: #dddddd;*/
}
#smallnewsbox {
  width: 584px;
  height: 235px;
  padding-left: 1px;
  
  background-color: #ffffff;
}
#twitterbox {
  width: 340px;
  height: 333px;
  margin: 0px 19px 15px 10px;
}
#twittercont {
  width: 340px;
  height: 333px;
  position: relative;
  top: 1px;
/*  background-color: #dddddd;*/
}
#vertcenterbar {
  width: 6px;
  background-image: url(/about/departments-and-offices/communications-and-public-relations/newscenter/_resources/images/centervertbar.png);
  background-repeat: no-repeat;
  float: left;
}
#wemagbox {
  width: 269px;
  height: 368px;
  float: left;
  /*background-color: #ff1493;*/
}
#wemagimg {
  width: 216px;
  height: 280px;
  margin-top: 11px;
  margin-left: 11px;
  margin-bottom: 15px;
  position: relative;
/*  background-color: #646464;*/
}
/*#wemagimg img {
  width: 216px;
  height: 280px;
}*/
#wemagbtn {
  margin-left: 10px;
}