/* styles, sianjames.co.uk */

html{
font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-style:italic
}
body{
	background:transparent url(../img/background.png) center  top no-repeat;
color:#000;
}
/* =============================================================================  links */
a{
color:#000;
font-weight:bold;
text-decoration:none;
}
a:active, a:visited{
color:#000;
}
/* =============================================================================  page */

#tud{
width:960px;
margin:0 auto;
position:relative;
}

#frontcontent{
margin-left: 100px;
margin-right:0px;
}
img{
margin-top:24px;
}
#header{
margin-top:50px;
}
#logo{}
#langswitch{
float:right;
}

h1{
text-indent:-9999px;
background:transparent url(../img/logo.png) no-repeat;
height:246px;
padding-top:0px;
}

h2{font-size:58pt; margin-top:90px; color:#666560;}

h3{font-family:"Georgia", "Times New Roman", times, serif; font-weight:normal; color:#c90202; font-size:24pt; font-style:italic; margin-bottom:20px; }

h4{font-family:"Georgia", "Times New Roman", times, serif; font-weight:normal; font-size:20px; margin-bottom:10px}

.quote{font-family:"Georgia"; font-weight:normal;font-size:20px; font-style:italic; margin-bottom:15px}
strong{color:#000;}

.menuholder {margin-left:100px;}
.address{font-size:21pt;}
.phone{font-size:21pt;}
.email{font-size:17pt; line-height:50px;}
.text_align_right {text-align:right}

dl{margin:0 0 1.2em;

height:20px;
width:100%;
font-family:"Georgia"; font-weight:normal;}

dt {

float:left;
padding-right:3px;
padding-bottom:3px;
}
dt span.veggie{
background-color:#99e38f;
color:#fff;
float:left;
margin-left:-19px;
padding:2px 3px;
border-radius:8px;
text-align:center;
font-size:0.6em;
line-height:0.9em;
}
dd {

}
dd.price {

float:right;
padding-left:3px;
padding-bottom:3px;
}
/* =============================================================================  langswitch */
#langswitch a{
font-size:1.5em;
text-decoration:none;
font-weight:normal;
text-transform:lowercase;
line-height:1.2em;
}
#langswitch a:active, 
#langswitch a:visited{

}
#langswitch a:hover{

}

/* =============================================================================  cart */
#cart{
background:#c00;
position:absolute;
top:38px;
right:0;
width:192px;
height:77px;
background:transparent url(../img/cart.png) top right no-repeat;
text-align:right;
color:#000;
padding:5px;
font-size:0.9em;
}
#cart h3{
margin-bottom:4px;
}

#menuphoto1{
margin-left:100px;
margin-right:30px;
}

/* =============================================================================  menu */

#menucontainer{
margin-left:100px;
}

ul#menu{
height:45px;
}
ul#menu li{
float:left;
}
ul#menu li a{
font-weight:normal;
display:block;
color:#666560;
padding:16px 0 0;
text-align:center;
font-size:2em;
text-decoration:none;
text-shadow:#fff 0px 2px 2px;
}

/* =============================================================================  menu links */
ul#menu li#hafan a{
background-image: url(../img/point.gif);
background-repeat: no-repeat;
background-position: 100% 30px;
padding-right: 26px; 
}
ul#menu li#galeri a{
background-image: url(../img/point.gif);
background-repeat: no-repeat;
background-position: 100% 30px;
padding-right: 26px;
padding-left: 16px; 
}
ul#menu li#newyddion a{
background-image: url(../img/point.gif);
background-repeat: no-repeat;
background-position: 100% 30px;
padding-right: 26px;
padding-left: 16px; 
}
ul#menu li#menu a{
background-image: url(../img/point.gif);
background-repeat: no-repeat;
background-position: 100% 30px;
padding-right: 26px;
padding-left: 16px; 
}
ul#menu li#cysylltu a{
background-image: url(../img/point.gif);
background-repeat: no-repeat;
background-position: 100% 30px;
padding-right: 26px;
padding-left: 16px; 
}

ul#menu li#lang a{
padding-left: 16px; 
}


/* ============================================================================= #cynnwys */
#cynnwys{
margin-top:20px;
margin-left:0px;
margin-right:0px;
padding:0px;
width:960px;
/*overflow:auto;  ie7 won't show bg-img without this */
}
#scrollable{
width:535px;
height:372px;
}
#cynnwys h1{
font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-size:2em;
color:#adadad;
font-weight:normal;
margin-bottom:19px;
}
#cynnwys h2{
font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-size:1.5em;
color:#adadad;
font-weight:normal;
margin-bottom:10px;
}
hr{

height:1px;
border:1px dashed #c90202;
margin-bottom:10px;

}
#cynnwys p{
margin-bottom:23px;
color:#000;
line-height:1.3em;
}
#cynnwys > p:first-child{
font-weight:bold;
color:#111;
}
blockquote{
font-style:italic;
}
.reviewer{
text-align:right;
font-style:italic;
}
/* slider */
.jScrollPaneDrag{
cursor:s-resize;
}
/* ============================================================================= newyddion */
div.newsitem{
margin-bottom:30px;
}
div.newsitem h2{
font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-size:1.5em;

}
div.newsitem h2 a{
color:#adadad;
}
div.newsitem h2 a:hover{
background-color:transparent;
color:#ccc;
}
#cynnwys div.newsitem p.newsdate{
font-size:0.84em;
color:#eee;
font-style:italic;
margin-bottom:10px;
}
h1#news{
margin-bottom:5px;
}
p#newsdate{
font-size:0.9em;
font-style:italic;
}
#pag strong{
border:1px solid #fff;
color:#31775b;
background-color:#fff;
padding:2px 4px;
font-weight:normal;
}
#pag a{
border:1px solid #fff;
padding:2px 4px;
}
#pag a:hover{
color:#31775b;
background-color:#fff;
text-decoration:none;
}

/* ============================================================================= albums */
div.albuminfo{

}
div.albuminfo img{
float:left;
margin-right:5px;
}
div.album{
margin-bottom:20px;
}
div.album h1{
margin-bottom:6px !important;
}
div.album img{
float:right;
}
h3.album_info{
font-weight:normal;
font-style:italic;
font-size:smaller;
margin-bottom:12px;
}
div.albuminfo{
float:left;
margin-left:16px;
margin-bottom:16px;
}
table#tracklist{
margin-bottom:20px;
}
table#tracklist tr{
border-bottom:1px solid #566f65;
}
table#tracklist td{
padding:2px 0px;
padding-left:4px;
}
ul#allalbums{
overflow:auto;
padding-bottom:30px;
}
ul#allalbums li{
float:left;
margin:2px 6px;
}
ul#allalbums li a:hover{
background:none;
}
tr.odd td{
/*background:transparent url(../img/bg_gwyn_15.png) top left;*/
}
/* ============================================================================= contact form */
.form-element{
margin:10px 0px 10px 90px;
}
.form-element input{
width:300px;
border:1px solid #002014;
margin-top:5px;
font-size:1.2em;
}
.form-element input[type=submit]{
width:80px;
background-color:#fff;
color:#002014;
font-size:1.1em;
}
.form-element label{
display:block;

padding-right:10px;
}
.form-element textarea{
width:300px;
height:100px;
border:1px solid #002014;
margin-top:5px;
font-size:1.2em;
font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}
label.error{
font-size:0.9em;
color:#c00;
}
/* ============================================================================= footer */
#footer{
padding:10px 0px;
text-align:right;
margin-right:10px;
}
.clear{
clear:both;
}
/* ============================================================================= View Cart */
a#view{
margin-top:10px;
}
table#view_cart tr{
border-top:1px solid #ccc;
}
table#view_cart td{
padding:2px 4px;
}
table#view_cart th{
padding:2px 4px;
}
tr#cart_total{
border-top:1px solid #fff;
}
td.qty{

}
a.more, a.less{
margin:0px 2px;
}
a.more{

}
a.less{

}