/* 
* CSS Document
* homepage.css
* 
* Author    :   Greg Merriman
* Created   :   Thu 02 Aug 2007
* Modified  :   Sun 10 Feb 2008
*/

/* homepage-specific styles for bryncricketclub.co.uk */


/*----------[main Content]----------*/

#column1
{
  float: left;
  width: 65%;
  background: transparent;
}

#column1 #welcome
{
  padding: 0 120px 1.8em 1.0em;
  background: #f1eee7 url("../images/main/homepageBkg2.jpg") bottom right no-repeat;
}

#column1 #welcome h2
{
  color: #c60;
  font-family: "georgia";
}

#column1 #welcome h3
{
  color: #a60;
  font-family: "georgia";
  margin-bottom: 0.4em;
}

#column1 #welcome p
{
  margin-bottom: 1.0em;
}


/*----------[latest report styles (main content)]----------*/

#column1 #latestReport
{
  margin-top: 2.0em;
}

#column1 #latestReport h4
{
  color: #484;
  font-size: 1.3em;
  font-family: "georgia";
  font-variant: small-caps;
  border-bottom: solid 1px #bbb;
}

#column1 #latestReport h5
{
  color: #224;
  line-height: 2.2em;
}

#column1 #latestReport p
{
  color: #668;
}

#column1 #latestReport p.first
{
  padding: 0.4em 0 0.4em 0;
}

#column1 #latestReport p em
{
  color: #666;
  font-size: 1.0em;
}

#column1 #latestReport p a
{
  color: #66a;
  text-decoration: none;
  font-weight: bold;
}

#column1 #latestReport p a:hover, #column1 #latestReport p a:active
{
  color: #444;
}


/*----------[latest gallery Item (main content)]----------*/

#column1 #latestGalleryItem
{
  margin: 2.0em 0 2.0em 0;
}

#column1 #latestGalleryItem h4
{
  color: #484;
  font-size: 1.3em;
  font-family: "georgia";
  font-variant: small-caps;
  border-bottom: solid 1px #bbb;
}

#column1 #latestGalleryItem h5
{
  color: #224;
  line-height: 2.2em;
  margin-top: 1.0em;
}

#column1 #latestGalleryItem img
{
  float: left;
  width: 150px;
  background: #fff;
  padding: 0.5em;
  border: solid 0.5em #ddd;
  margin-top: 1.2em;
  margin-right: 1.0em;
}

#column1 #latestGalleryItem p
{
  color: #668;
  padding: 0.4em 0 0.4em 0;
}

#column1 #latestGalleryItem p em
{
  color: #666;
  font-size: 1.0em;
}

#column1 #latestGalleryItem p a
{
  color: #66a;
  text-decoration: none;
  font-weight: bold;
}

#column1 #latestGalleryItem p a:hover, #column1 #latestGalleryItem p a:active
{
  color: #444;
}


/*----------[mugshots (main content)]----------*/

#column1 #randomMugshot
{
  clear: both;
  margin: 2.0em 0 2.0em 0;
}

#column1 #randomMugshot h4
{
  color: #484;
  font-size: 1.3em;
  font-family: "georgia";
  font-variant: small-caps;
  border-bottom: solid 1px #bbb;
}

#column1 #randomMugshot h5
{
  color: #224;
  line-height: 2.2em;
  margin-top: 1.0em;
}

#column1 #randomMugshot img
{
  float: left;
  background: #fff;
  padding: 0.5em;
  border: solid 0.5em #ddd;
  margin-top: 1.2em;
  margin-right: 1.0em;
}

#column1 #randomMugshot p
{
  color: #668;
  padding: 0.4em 0 0.4em 0;
}

#column1 #randomMugshot p a
{
  color: #66a;
  text-decoration: none;
  font-weight: bold;
}

#column1 #randomMugshot p a:hover, #column1 #randomMugshot p a:active
{
  color: #444;
}


/*----------[right Content]----------*/

#column2
{
  float: right;
  width: 28%;
  background: transparent;
  margin: 2.6em 0 2.0em 0;
  padding-left: 2.0em;
  border-left: solid 1px #bbb;
}

#column2 p a.moreLink
{
  clear: both;
  color: #66a;
  padding: 0.2em 0.3em 0.2em 20px;
  border: solid 1px #bbb;
  background: #e6e3d7 url("../images/icons/link.png") center left no-repeat;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9em;
}

#column2 p a.moreLink:hover, #column2 p a.moreLink:active
{
  color: #c60;
  text-decoration: underline;
}


/*----------[latest news]----------*/

#latestNews
{
  clear: both;
  margin-bottom: 2.0em;
}

#latestNews h3
{
  color: #002;
  margin-bottom: 0.4em;
  border-bottom: solid 1px #bbb;
}

#latestNews img
{
  float: left;
  background: #fff;
  padding: 0.2em;
  border: solid 0.2em #ccc;
  margin-top: 1.2em;
  margin-right: 0.6em;
}

#latestNews ul
{
  margin-top: 1.6em;
  padding-left: 48px;
}

#latestNews ul li
{
  color: #446;
  font-size: 1.2em;
  line-height: 1.4em;
  padding-bottom: 0.8em;
}


/*----------[next sarurday fixture]----------*/

#nextSaturday
{
  clear: both;
  margin-bottom: 2.0em;
}

#nextSaturday h3
{
  color: #002;
  margin-bottom: 0.4em;
  border-bottom: solid 1px #bbb;
}

#nextSaturday img
{
  float: left;
  background: #fff;
  padding: 0.2em;
  border: solid 0.2em #ccc;
  margin-top: 1.2em;
  margin-right: 0.6em;
}

#nextSaturday ul
{
  margin-top: 1.6em;
  padding-left: 48px;
}

#nextSaturday ul li
{
  color: #446;
  font-size: 1.2em;
  line-height: 1.4em;
  padding-bottom: 0.4em;
}


/*----------[next midweek fixture]----------*/

#nextMidweek
{
  clear: both;
  margin-bottom: 3.0em;
}

#nextMidweek h3
{
  color: #224;
  margin-bottom: 0.4em;
  border-bottom: solid 1px #bbb;
}

#nextMidweek img
{
  float: left;
  background: #fff;
  padding: 0.2em;
  border: solid 0.2em #ccc;
  margin-top: 1.2em;
  margin-right: 0.6em;
}

#nextMidweek ul
{
  margin-top: 1.6em;
  padding-left: 48px;
}

#nextMidweek ul li
{
  color: #668;
  font-size: 1.2em;
  line-height: 1.4em;
  padding-bottom: 0.4em;
}


/*----------[current top three table]----------*/

#topThree
{
  clear: both;
  margin-top: 2.8em;
  margin-bottom: 1.2em;
}

#topThree h4
{
  color: #484;
  font-size: 1.3em;
  font-family: "georgia";
  font-variant: small-caps;
  border-bottom: solid 1px #bbb;
}

#topThree table
{
  font-size: 1.1em;
  margin: 1.0em 0 1.2em 0;
  border: solid 1px #999;
  border-collapse: collapse;
  width: 100%;
}

#topThree th
{
  padding: 0.6em 0.6em 0.6em 0.6em;
  background-color: #ddd;
}

#topThree th, td
{
  border-right: solid 1px #999;
  border-bottom: solid 1px #999;
}

#topThree td
{
  padding: 0.4em 0.6em 0.4em 0.6em;
  text-align: center;
}

#topThree tr:hover
{
  color: #000;
  background-color: #ccc;
}

#topThree tr.bryn
{
  background-color: #dfdfdf;
  text-transform: uppercase;
}

#topThree tr.bryn:hover
{
  color: #000;
  background-color: #aaa;
}

#topThree tr td.team
{
  text-align: left;
}


/*----------[latest honour (RHS content)]----------*/

#latestHonour
{
  margin-top: 2.8em;
  margin-bottom: 2.0em;
}

#latestHonour h4
{
  color: #484;
  font-size: 1.3em;
  font-family: "georgia";
  font-variant: small-caps;
  border-bottom: solid 1px #bbb;
}

#latestHonour p
{
  color: #446;
}

#latestHonour p span.player
{
  font-size: 1.1em;
}

#latestHonour p span.honour
{
  font-weight: bold;
  font-style: italic;
}

#latestHonour p em
{
  color: #666;
  font-size: 1.0em;
}


/*----------[random animal facts (RHS content)]----------*/

#randomFact
{
  margin-top: 2.8em;
  margin-bottom: 2.0em;
}

#randomFact h4
{
  color: #484;
  font-size: 1.3em;
  font-family: "georgia";
  font-variant: small-caps;
  border-bottom: solid 1px #bbb;
}

#randomFact p
{
  color: #668;
}

#randomFact p em
{
  color: #666;
  font-size: 1.0em;
}