/*
 *		main.css
 *
 *		Copyright (C) 2007 Gwent Chess Association
 *
 *
 *		$Id: main.css 89 2009-05-16 11:09:16Z simon $
 *
 */

/*	elements	*/
body	{
	color: #000;
	background-color: #fff;
	width: 48em;
	font-family: arial, helvetica, lucida-sans, sans-serif;
	font-size: 1em;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
}


abbr, acronym	{
	cursor: help;
}

a:link  {
        color: #0000ff;
        background-color: inherit;
        text-decoration: none;

}

a:visited       {
        color: #b03060;
        background-color: inherit;
        text-decoration: none;
}

a:active        {
        background-color: inherit;
        color: #f00;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}

/*   External Link graphic: experimental 
 *    ie7 doesn't handle this properly when the link is wrapped
 *    Opera 9, FF2 & FF3 have no problems
 */
/*#content a[href^="http:"] {
  background: url('../images/icons/external_link.png') no-repeat right top;
  padding-right: 13px;
}

#content a[href^="mailto:"] {
  background: url('../images/icons/email_link.png') no-repeat right top;
  padding-right: 17px;
}

#navigation a[href^="http:"] {
  background: url('../images/icons/external_link.png') no-repeat right top;
  padding-right: 13px;
}
*/


h1,h2,h3,h4	{
	margin-bottom: 0.1ex;
}

ul	{
	list-style-type: disc;
}

dt	{
	font-weight: bolder;
	font-size: larger;
}

/*h1+h2 {
  margin-top: 0.5ex;
}*/

h2+h3 {
  margin-top: 0.5ex;
}

h3+h4 {
  margin-top: 0.2ex;
}

h2+p,h3+p,h4+p,p.dateheader+p	{
	margin-top: 0.1ex;
}

h2+ul,h3+ul,h4+ul	{
	margin-top: 0.1ex;
}

table,th,td	{
	font-size: smaller;
}

table  {
    border-collapse: collapse;
    margin-bottom: 0.5em;
}

th,td   {
    text-align:left;
    padding: 0.2em 0.5em 0.2em 0.5em;
}

th   {
      border: thin solid #e0e0e0;
      font-weight: bold;
}

td   {
    border: thin solid #e0e0e0;
}

th  {
    text-align: left;
}

tr:hover {
    background-color: #f0f0f0;
}

thead tr:hover {
    background-color: transparent;
    /* inherit works with opera and firefox, transparent is required for ie7 */
}

/*p.firstpara	{
	margin-top: 0.1em;
}

ul.firstpara	{
	margin-top: 0.1ex;
}
*/

/*	ID	*/

#branding       {
        padding-top: 0em;
        padding-bottom: 1em;
		font-size: small;
}

#logo   {
        float: left;
        border: none;
        /*padding: 1em 0.5em 1em 0.5em;*/
		padding-bottom: 1em
}

#breadcrumbnav {
        float: left;
        padding-left: 3em;
        color: gray;
}

#clear	{
	clear: both;
}

#rightnav       {
        float: right;
}

#content	{
	float: left;
	width: 34em;
	padding-top: 0em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	
}

#content h1 {
    margin-top: 0.2ex;
}

#navigation		{
	width: 8em;
	background-color: #fafafa;
	border-width: thin;
	float: left;
	text-align: right;
	padding: 0.5em 1em 0.5em 1em;
}

#navigation hr	{
	border-color: #fafafa;		/*	narrows the ruled line	*/
	width: 80%;
	
}

#footer		{
	clear: both;
	color: #999999;
	font-size: x-small;
	text-align: center;
}

#w3buttons	{
	float: right;
}

#w3buttons a img {
    opacity: 0.5;
    border: none;
}

#w3buttons a:hover img {
    opacity: 1;
}


/*	classes	*/

.ad  {
    border: solid 1px #000;
    float: right;
    background-color: #eee;
    font-size: smaller;
    width: 16em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    margin-left: 0.5em;
}

.ad h3 {
    margin-top: 0.3ex;
}

.hidden	{
	display: none;
}

.indent	{
	margin-left: 4em;
	margin-right: 4em;
}

.clear	{
	clear: both;
}

.dateheader {
    color: #999;
    font-size: x-small;
    margin-bottom: 0.1ex;
}

.smaller	{
	font-size: smaller;
}

.toplink	{
	text-align: right;
	font-size: smaller;
}