@charset "UTF-8";
/* CSS Document */

body{
	font-family:Georgia, "Times New Roman", Times, serif !important;
	background-image:url(../../images/llyn-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#000;
	overflow-x:hidden;
}

/* - -- - - - --  THE BOOK --------- */
#magazine{
	margin:auto; top:0px; width:780px;  height:580px; float:right;; margin-top:80px; margin-right:30px; display:none; position: absolute !important; top: 15px; left: 394px; font-family:Georgia, "Times New Roman", Times, serif !important;
}
#magazine .turn-page{
	background-size:;
	
}
#magazine p {color:#000; font-size:17px; font-family:mainFont;}

#magazine a {color:#CA2A1D; text-decoration:none;}
#magazine a:hover {color:#9F0507; text-decoration:underline;}

.leftPage{background-image:url(../book-images/leftpcantreGwaelod.png); background-size:390px 580px}
.rightPage{background-size:390px 580px; background-image:url(../book-images/rightpcantreGwaelod.png)}


h1{font-family:Georgia, "Times New Roman", Times, serif;color:#CA2A1D; font-size:40px;}
h3{font-family: Georgia, "Times New Roman", Times, serif;color:#333; font-size:30px;}
p{font-family: Georgia, "Times New Roman", Times, serif;color:#000; font-size:18px;}


/* ================ DOCK 1 ================ */
#dock { position: relative; top: 150px; }
.dock-container { position: relative; top: -8px; height: 50px; padding-left: 20px; }
a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; }
.dock-item span { display: none; padding-left: 20px; }
.dock-item img { border: 0; margin: 5px 10px 0px; width: 100%; }

/* ================ DOCK 2 ================ */
#dockContainer {
	position:absolute;
	top: 170px;
	left: -51px;
	width: 100px;
}
#jqDock {
	position: relative;
	bottom: 48px;
	width: 100px;
}
#jqDock li { list-style: none; }
.jqDockLabel { background: #FFF; color: #000; padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; font-family:Georgia, "Times New Roman", Times, serif !important}

#header-right-links{
	width:80px;
	height:auto;
	float: right;
	font-family:mainFont;
}
#question-tabs {
width: 340px;
margin: auto;
margin-top: 10px;
padding: 10px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding-top: 10px;
}
#header-container{
	width:970px;
	margin:auto;
	margin-top:10xp;
	padding:10px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	padding-bottom: 0px;
}
.hideme {margin-left:155px;}

.bookguide{float:right;width:310px; height:125px; background-image:url(../../../../images/paint-brush-bg.jpg); margin-right:50px; margin-top:200px; padding:18px; display:none;  position: absolute; top: 0px; left: 24px;}
.bookguide h1 {text-align:center; text-decoration:underline;}
.bookguide p {font-size:24px; line-height:35px; font-family:Georgia, "Times New Roman", Times, serif;}

.button-inverse {border-radius:5px;}
.questionDrop a {color:#333; text-decoration:none; padding:3px;width:380px !important }
.questionDrop a:hover{color:#930; text-decoration:none; background-color:#CCCCCC; border-radius:4px;width:380px !important }
.questionDrop h2 {text-align:center; text-decoration:underline;}
.questionDrop p {line-height:25px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;}
.questionDropInner {width:350px; margin-left:auto; margin-right:auto; margin-top:5px;}
.questionDrop button {cursor:pointer; border:none; background-color:#6CF; color:#000; border-radius:4px; padding:15px; text-align:center; font-size:18px; margin-left:38%}
.questionDrop button:hover {background-color:#0033CC; color:#FFF; cursor:pointer}
.questionDrop{width:375px; background-image:; 
float:right;
 display:none; 
 padding:10px; 
 margin-right:25px; 
 position: absolute; 
 left: 1px; top: 405px;
 background-color:#FFF;
 border-radius:5px;
 border:solid 3px #666;
 line-height:20px;
 }
.questionButton:hover {background-color:#C90;}
.questionButton{width: 320px;
position: absolute;
top: 360px;
left: 24px;
float: right;
cursor: pointer;
margin-right: 50px;
padding: 10px;
text-align: center;
font-size: 24px;
color: #FFF;
display:none;
border: solid 3px;
background-color:#996600;
border-radius:0px 0px 4px 4px;
}


#welsh_link{position:absolute; top:0px; right:5px; width:150px; height:auto; background-color: #666; font-size:20px; color:#FFF; border-bottom-left-radius:10px; border-bottom-right-radius:10px; text-align:center; padding:5px; border-bottom:solid; border-left:solid; border-right:solid }

#welsh_link a{color:#FFF !important;padding:5px; text-decoration:none;}

#welsh_link:hover{ font-size:20px; color:#FFF; background-color:#000;  padding:5px;}