/* Clwb Rygbi Caernarfon - 23/02/2009 */
/*    			Mei Gwilym			  */

/* Lliwiau
 *
 * Marwn: #73000e
 * Melyn: #cca800
 *
 * bg_glas.jpg
 * Glas Golau: #cde3f1
 * Glas Tywyll: #89a6d0
 */
body{
background:#0a0a0a url(img/page-bg.gif) top left repeat-x;
}
#tud{
width:960px;
padding:0px 10px;
margin:0px auto;
background:#fff url(img/side-rails-bg.jpg) top left repeat-x;
overflow: auto;
}
/*
 * ============================================================================= layout
 */
.container_12{
background:#0a0a0a url(img/tile-bg.jpg) top left repeat-y;
overflow: auto;
}
h1#sitetitle{
margin:0px;
margin-bottom:88px; /* this is to force down the rugby menu below the header graphic */
text-indent:-9999px;
clear:both;
}
div#content{
clear:left;
margin-top:10px;
}
div#tile{
background:transparent url(img/header-bg.jpg) top left no-repeat;
overflow:auto;
}
/*
 * ============================================================================= menu anchor tags
 */
li a{
color:#fff;
text-decoration:none;
}
li a:visited, li a:active{
color:#ddd;
}
li a:hover{
text-decoration:underline;
}
/*
 * ============================================================================= Homepage
 */
 .alt_lang{
font-style:italic;
}
.alt_lang h3{
font-size:1.5em;
font-style:normal;
}
#newyddion{
background-color:#73000e;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-top:10px;
color:#fff;
position:relative;
}

#newyddion h2{
color:#fff;
margin:0px 10px;
text-shadow:1px 1px #111;
}
#newyddion > p{
margin:0px 10px;
padding-left:4px;
font-size:1.1em;
background:rgb(255, 255, 255);
background:rgba(255, 255, 255, 0.2);
color:#000;
}
div#scrollable {
position:relative;
overflow:hidden;
height:200px;
width:370px;
}
#news_feed{
width:350px;
}
div#scrollable div.items { 
height:20000em;
position:absolute;
}

.next, .prev{
display:block;
margin-left:345px;
width:24px;
height:24px;
float:right;
}
.next{
background:transparent url(img/updown.png) 0px -27px no-repeat;
margin-top:6px;
}
.prev{
background:transparent url(img/updown.png) 0px 0px no-repeat;
}

a:hover.next, a:hover.prev{

}
#newyddion a:hover.next{
background:#73000E url(img/updown.png) -24px -27px no-repeat;
}
#newyddion a:hover.prev{
background:#73000E url(img/updown.png) -24px 0px no-repeat;
}
.disabled{
background:none;
}
#news_feed div.eitem{
margin:5px 10px 20px;
padding:2px 0px;
border-bottom:3px solid #4C0009;
}
#news_feed div.eitem h4{
font-size:1.1em;
margin:0px;
padding-left:22px;
}
#news_feed div.eitem h4.news{
background:transparent url(img/newspaper.png) 2px 4px no-repeat;
}
#news_feed div.eitem h4.result{
background:transparent url(img/medal_gold_1.png) 2px 4px no-repeat;
}
#news_feed div.eitem h4.postponed{
background:transparent url(img/exclamation.png) 2px 4px no-repeat;
color:#fff;
}
#news_feed div.eitem h4.report{
background:transparent url(img/report.png) 2px 4px no-repeat;
}
#news_feed div.eitem h4.galeri_feed{
background:transparent url(img/image.png) 2px 4px no-repeat;
}
#news_feed div.eitem h4.dyddiadur_feed{
background:transparent url(img/dyddiadur.png) 2px 4px no-repeat;
}
#news_feed a{
color:#fff;
}
#news_feed a:hover{
background-color:#000;
}
#news_feed div.eitem p.dyddiad{
margin:0px;
font-size:smaller;
padding-left:22px;
}
#gogs_ad{
border:4px solid #eee;
margin-top:10px;
padding:5px 10px;
background:#73000E url(img/maroon-bg.jpg) top left repeat-x;
color:#cca800;
}
#gogs_ad h2, #gogs_ad p{
margin:5px 0px;
}
#gogs_ad a{
color:#fff;
text-decoration: none;
}
#gogs_ad a:hover{
color:#73000E;
background:#fff;
}
/*
 * ============================================================================= clubmenu
 */
div#clubmenu{
padding-top:12px;
margin-right:10px;
float:right;
}
div#clubmenu ul li a{
background:transparent url(img/black-bg.png) top left;
}
div#clubmenu ul li a.selected{
color:#fff;
}
div#clubmenu ul li ul{
background:rgb(7, 7, 7); /* #070707 Here for IE's sake */
background:rgba(7, 7, 7, 0.9); /* #070707 */
}
div#clubmenu ul li ul a{
background:none;
}


/*
 * ============================================================================= rugbymenus
 */
div#rugbymenu{

}
ul#toplevel, ul#bottomlevel {
list-style-type:none;
margin:0px;
}
ul#bottomlevel li, ul#toplevel li{
float:left;
}
ul#toplevel{

}
ul#toplevel li{
margin:0px 10px 1px;
}
ul#toplevel li a{
font-size:25px;
padding:4px 8px;
margin:0px 0px;
font-family:"Trebuchet MS", verdana, arial, sans;
background:transparent url(img/rugby-menu-bg.png) top left;
}
ul#toplevel li a.selected, ul#toplevel li a:hover {
background:transparent url(img/black-bg.png) top left;
text-decoration:none;
color:#ffe052;
}
ul#toplevel li a.selected{
color:#cca800;
}
ul#bottomlevel{
clear:left;
width:940px;
margin:0px 10px;
overflow:auto;
background:transparent url(img/black-bg.png) top left;
min-height:15px;
}
ul#bottomlevel li{
margin:0px;
margin:10px 0px;
}
ul#bottomlevel li a{
padding:10px;
}
ul#bottomlevel li a:hover{
background:transparent;
}
/*
 * ============================================================================= maincontent & sidebar
 */
a{
color:#810f27;
font-weight:bold;
text-decoration:underline;
}
a:active, a:visited{
color:#555;
}
a:hover{
background:#999;
text-decoration:none;
}
#main-content, #sidebar, .front-box, .content, .content-glas {
background:#fff url(img/content-bg.jpg) top left repeat-x;
padding-top:10px;
}
.front-box, .content, .content-glas {
margin-top:10px;
min-height:200px;
}
.content-glas{
background:rgb(205, 227, 241) url(img/bg_glas.jpg) top left repeat-x;
}
.clearbox{
overflow:auto;
}
#main-content p, #sidebar p, .front-box p, .content p{
margin-right:10px;
margin-left:10px;
}
#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6,
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6,
.front-box h2, .front-box h3
, .content h2, .content h3,
.content-glas h2{
padding-left:10px;
margin-right:10px;
color:#fff;
font-family:"Trebuchet MS", verdana, arial, sans;

}
#main-content h2, #sidebar h2, .front-box h2, .content h2, .content-glas h2{
background:#73000e url(img/maroon-bg.gif) top left repeat-x;
line-height:1em;
padding:4px 0px 4px 10px;
text-shadow:1px 1px #111;
margin-bottom:10px;
}
.content h3{
font-size:1.3em;
line-height:1em;
}
#main-content h3, #main-content h4, #main-content h5, #main-content h6, #sidebar h3, .front-box h3, .content h3{
color:#000;
margin-bottom:10px;
}
#main-content img{
float:left;
margin:0px 10px 5px;
}
#main-content a img{
float:none;
margin:0px;
}
#main-content img.cancelled{
float:none;
margin:0px;
}
#main-content ul li a{
color:#810F27;
text-decoration:underline;
}
#main-content ul li a:visited, #main-content ul li a:active{
color:#666;
}
#main-content ul li a:hover{
text-decoration:none;
}
p.strap{
margin:0px 10px;
}
.postponed{
background:#c00;
font-weight:bold;
color:#000;
}
small{
font-size:smaller;
}
/*
 * ============================================================================= [old] homepage styles
 */
div.resultbox{
margin:0px 10px 10px;
border-bottom:3px solid #810f27;
background:#cca800 url(img/melyn-bg.gif) top left repeat-x;
padding:4px 8px;
min-height:35px;
}
div.resultbox div.teams{
border-left:3px solid #810f27;
margin:2px 0px 0px;
margin-left:60px;
font-size:1.4em;
padding:2px 4px;
}
div.resultbox div.teams span {
font-weight:bold;
}

/*
 * ============================================================================= dates
 */
div.fix_dateyear{
float:left;
}
div.fix_dateyear span.fix_date{
display:block;
font-size:1.5em;
font-style:italic;
text-align:center;
}
div.fix_dateyear span.fix_year{
display:block;
text-align:center;
letter-spacing:0.4em;
font-weight:bold;
margin-top:-5px;
font-size:0.84em;		
}

div.frontpage_fix{

}
/*
 * ============================================================================= match report
 */
.match_score{
position:relative;
background:transparent url(img/score.png) top left no-repeat;
text-align:center;
margin:0 10px 20px;
height:100px;
}
.match_score p.match_date{
color:#fff;
font-size:small;
padding-top:2px;
margin:0px;
}
.home_team, .away_team{
font-size:2em;
font-weight:bold;
position:absolute;
top:35px;
}
.home_team{
right:370px;
}
.away_team{
left:370px;
}
.score{
position:absolute;
width:110px;
bottom:10px;
left:245px;
text-align:center;
font-size:2.8em;
font-weight:bold;
line-height:30px;
}
/*
 * ============================================================================= sidebar news headlines
 */
#sidebar ul{
list-style-image:url(img/news-bullet.png);
}
#sidebar ul a{
color:#000;
}
/*
 * ============================================================================= extras (facebook etc)
 */
div#extras{
margin-top:10px;
}
div#extras ul, ul#side_news, ul#side_reports{
margin:10px 0px 20px 20px;
list-style-type:none;
}
ul#frontpage_news{
margin:0px;
list-style:none;
}
ul#frontpage_news li{
border-bottom:1px solid #aaa;
margin:0 10px 10px;
}
div#extras ul a, ul#side_news a, ul#side_reports a, ul#frontpage_news a{
color:#000;
}
ul#side_news li small, ul#side_reports li small, ul#frontpage_news li small{
font-weight:normal;
font-size:smaller;
font-style:italic;
margin-left:8px;
}
div#extras ul li{
margin:0px;
padding-left:22px;
height:20px;
}
div#extras ul li#facebook{
background:transparent url(img/facebook.gif) center left no-repeat;
}
div#extras ul li#gogs{
background:transparent url(img/gogs.gif) center left no-repeat;
}
div#extras ul li#bebo{
background:transparent url(img/bebo.gif) center left no-repeat;
}
div#extras ul li#wikipedia{
background:transparent url(img/wikipedia.gif) center left no-repeat;
}
div#extras ul li#twitter{
background:transparent url(img/twitter.png) center left no-repeat;
}
/*
 * ============================================================================= news
 */
div.news_many h3{
margin-bottom:5px;
}
div.news_many p.summary{
padding-bottom:10px;
border-bottom:4px solid #666;
}
p.news_date{
font-size:smaller;
font-style:italic;
border-top:1px dotted #000;
border-bottom:1px dotted #000;
padding:1px 0px;
color:#333;
}
/*
 * ============================================================================= fixtures table
 */
table#fixtures{
width:600px;
margin:0px 10px 20px;
}
table#fixtures tr{
border-bottom:1px solid #fff;
}
table#fixtures tr.odd td{
background-color:#999;
color:#fff;
}
table#fixtures tr.odd  td span.fix_result{
color:#000;
}
/* International */
table#fixtures tr.int td{
background-color:#b10a0a;
}
table#fixtures tr.int:hover td{
background-color:#df1e1e;
}
int_fixture table#fixtures tr.int td.int_fixture{
text-align:center;
color:#fff;
font-weight:bold;
}
table#fixtures th {
text-align:center;
color:#fff;
font-weight:bold;
padding:4px;
background:#000;
width:86px;
}
table#fixtures td{
padding:3px;
}
table#fixtures td.center{
text-align:center;
}
table#fixtures td.heading{
background:#000;
}
table#fixtures td span.fix_result{
font-weight:bold;
}
table#fixtures .fix_dateyear{
font-size:smaller;
float:none;
}
/* snazzy */
table#fixtures tr:hover td{
background:#ccc;
color:#000;
}
#gemau_nesaf{
width:90%;
}
#gemau_nesaf th{
display:none;
}
/********************************************************* Plain Tables
*/
table{
margin:0px 10px 10px;
}
table tr{
border-bottom:1px solid #fff;
}
table tr.odd td{
background-color:#999;
color:#fff;
}
table tr:hover td, table tr:hover.odd td{
background:#ccc;
color:#000;
}
table th{
text-align:center;
color:#fff;
font-weight:bold;
padding:4px;
background:#000;
}
table td{
padding:3px;
}
table.juniors{
width:350px;
margin:0px auto 20px;
}
/* ============================================================================= Newsletter Signup
*/
form#mc-embedded-subscribe-form{
margin:10px;
}
form#mc-embedded-subscribe-form fieldset{
border:1px solid #e7e7e7;
}
/* ============================================================================= Galeri
*/
.galeri{
width:183px;
min-height:193px;
float:left;
margin-left:10px;
margin-bottom:20px;
padding:5px;
background:#e7e7e7;
border:1px solid #eee;
-webkit-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);
-moz-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);
box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);
}
.galeri a p{
text-decoration:none;
}
.galeri a:hover{
background:none;
}
.galeri a:hover p{
background:#d7d7d7;
}
.galeri img{
border:1px solid #222;
}
.galeri p{
font-size:1.1em;
margin:0 5px !important;
}
.galeri p.dyddiad{
font-size:smaller;

}
/*
 * ============================================================================= footer
 */
#footer{
margin-top:10px;
background:#fff url(img/content-bg.jpg) bottom left repeat-x;
color:#333;
border-top:8px solid #73000e;
}
#footer h3{
padding-top:10px;
color:#000;
font-size:1.2em;
}
#footer p{
margin:5px;
}
#footer a{
color:#000;
}