/*
Theme Name: Runefest
Description: A purpose built theme for RuneFest.
Author: The Jagex Website Development Team
Author URI: http://www.jagex.com/
Version: 1.0
*/
.btnBuy {
	background: url("img/buy-now-btn.png") no-repeat scroll 0 0;
    width:275px;
	height:62px;
	margin:20px auto;
	text-indent:-99999px;
	display:block;
	cursor:pointer;
}
.btnBuy:hover {
	background-position:0 -61px;
}
.specialFont {
	font-family:'trajan-pro-3';
}
.container {
	width:920px;
	margin:0 auto;
	position:relative;
}
.clearer {
	clear:both;
	height:0;
	width:0;
	line-height:0;
}
.alignRight {
	text-align:right;
}
.relative {
	position:relative;
}	
.upArrow:after, .downArrow:after, .rightArrowYel:after {
	content:'';
	display:block;
	width:14px;
	height:10px;
	background:url('img/up-arrow.png');
	position: absolute;
    right: 10px;
    top: 14px;
    width: 14px;
} 
.downArrow:after{
	background:url('img/down-arrow.png');
}
.rightArrowYel:after{
	background:url('img/right-arrow-yellow.png');
	width:10px;
	height:14px;
	top: 12px;
}
.rightArrowYel:hover:after {
	background-position:0 -14px;
}
.rightArrow:after{
	content:'';
	display:block;
	width:16px;
	height:18px;
	background:url('img/right-arrow.png');
	position: absolute;
    left: 253px;
    top: 14px;
    width: 14px;
}
body {
	background:#000;
	font-size:11px;
	padding:0;margin:0;
	font-family:'MuseoSans500';
	line-height:1;
}
p, h1, h2, h3, h4, h5, h6 {
	margin-bottom:10px;
}
/************ GENERIC PAGE HEADER ******************/
.headerFull {
	height:75px;
	width:100%;
	background:#000 url('img/header-bg.jpg') no-repeat top center;
}
.headerFull h2 {
	background:transparent url('img/header-logo.png') no-repeat 0 0;
	width:357px;
	height:121px;
	text-indent:-999999px;
	position:absolute;
	left:0;
	top:0;
}
.headerFull h2 a {
	display:block;
	width:357px;
	height:121px;
}
.headerFull h3 {
	background:url('img/header-d4t3.png') no-repeat 0 0;
	width:294px;
	height:31px;
	text-indent:-999999px;
	float:right;
	margin-top:24px;
}
.navFull {
	height:47px;
	width:100%;
	background:url('img/nav-repeat.png') repeat-x 0 0;
}
.navFull .nav {
	float:right;
	border-left:1px solid #78592d;
	border-right:1px solid #f1ece2;
	height:45px;
	overflow:hidden;
	position:relative;
	top:2px;
}
.navFull .nav li {
	display:inline;
}
.navFull .nav li a {
	display:block;
	float:left;
	padding:0 20px;
	color:#051b2c ;
	font-family:'trajan-pro-3';
	text-decoration:none;
	font-size:1.4em;
	line-height:47px;
	border-left:1px solid #f1ece2;
	border-right:1px solid #78592d;
	text-shadow: 1px 1px #f1ece2;
}
.navFull .nav li a:hover, .navFull .nav li.current_page_item  a {
	color:#005393;
	background:rgba(256,256,256,0.3);
	-webkit-box-shadow: inset 0px -2px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px -2px 3px 3px rgba(0, 0, 0, 0.3);
	
}

/************ GENERIC PAGE BODY ******************/
.body {
	background:#244b67 url('img/body-repeat.jpg') repeat-y top center;
	padding-bottom:20px;
}
.body .ticket {
	background:url('img/ticket-bg.png') no-repeat top center;
	height:80px;
	padding-top:14px;
}
.body .ticket a {
	display:block;
	width:411px;
	height:46px;
	background:url('img/buy-btn.png') no-repeat 0 -46px;
	position:absolute;
	right:0;
	top:54px;
	text-decoration:none;
	z-index:9;
}
.body .ticket a span.text {
	font-family:'trajan-pro-3';
	color:#000;
	line-height:46px;
	padding-left:110px;
	font-size:1.8em;
	display:block;
	width:411px;
	height:46px;
}
.body .ticket a span.ticketImg {
	display:block;
	background:url('img/tickets.png') no-repeat 0 0;
	width:346px;
	height:108px;
	left: 210px;
    position: absolute;
    bottom:0;
}
.body .ticket a:hover {
	background-position: 0 0;
}
.body .container {
	margin-top:-35px;
}
.body h2.genericTitle {
	text-indent:-999999px;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #1f4a66;
	position:relative;
	background:url('img/titles/home-title.png') no-repeat 0 0;
	height:42px;
}
h2.genericTitle:after {
	content:'';
	background: #396a8c;
    bottom: -2px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 100%;
}

/************ GENERIC PAGE FOOTER ******************/
.footer {
	background:#000;
	margin-bottom:30px;
}
.footer .container {
	margin:20px auto;
}
.footer p {
	color:#676767;
	font-family:Arial;
	width:45%;
	line-height:1.7em;
	font-size:90%;
	padding-top:10px;
}
.footer a {
	color:#676767;
}
.footer a:hover {	
	color:#fff2c5;
}
.footer a.rs, .footer a.jx {
	float:right;
}

/************ HOME PAGE SLIDER ******************/
.slider {
	height:427px;
	background:#000;
	position:relative;
}
.slides li {	
	display:none;	
	overflow:hidden;
}
.slides  img{	
	display:block;	
	position:relative;	
	left:50%;	
	margin-left:-960px;	
	width:1920px;
}
.slider .flex-viewport {
	height:427px;
	overflow:hidden;
}
.flex-direction-nav a {
	background:url('img/left-scroll.png') no-repeat 0 0;
	width:69px;
	height:79px;
	text-indent:-99999px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-40px;
}
.flex-direction-nav a.flex-next {
	background:url('img/right-scroll.png') no-repeat 0 0;
	left:auto;
	right:0;
	width:74px;
}
.flex-direction-nav a.flex-prev:hover {
	background-position:-69px 0;
}
.flex-direction-nav a.flex-next:hover {
	background-position:-74px 0;
}
.flex-control-nav {
	width:920px;	margin:10px auto 0;
}
.flex-control-nav li {
	display:inline;
}
.flex-control-nav a {
	display:block;
	float:left;
	background:url('img/flext-dot.png') no-repeat 0 0;
	width:8px;
	height:7px;
	margin-right:10px;
	text-indent:-9999px;
	cursor:pointer;
} 
.flex-control-nav a.flex-active,.flex-control-nav a:hover {
	background-position:0 -7px;
}

/************ HOME PAGE PREVIEW ******************/
.body .preview {
	background:#244b67;
	padding:10px;
	width:96%;
	margin:20px 0;
}
.preview .leftPreview {
	width:500px;
	float:left;
	display:inline;
}
.preview .slot1, .preview .slot2 {
	width:100%;
	background:url('img/Insider-Sessions-Image.jpg');
	height:199px;
	margin-bottom:13px;
	position:relative;
}
.preview .slot1 .rightArrowYel:after,.preview .slot5 .rightArrowYel:after{display:none;}
.preview .slot2 {
	background:url('img/News-Image.jpg');
	margin-bottom:0;
}
.preview .slot3, .preview .slot4, .preview .slot5 {
	width:100%;
	background:url('img/FAQ-Image.jpg');
	height:131px;
	margin-bottom:9px;
	margin-left:15px;
	position:relative;
}
.preview .slot4 {
	background:url('img/Venue-Image.jpg');
}
.preview .slot5 {
	background:url('img/Golden-Gnomes-Image.jpg');
	margin-bottom:0;
}
.preview .overlay {
	background:rgb(0,0,0);
	background:rgba(0,0,0,0.8);
	position:absolute;
}
.preview .overlay h4 {
	font-family:'trajan-pro-3';
	color:#fff;
	font-size:1.8em;
	margin:10px 0 10px 10px;
}
.preview .overlay h4 a {
	display:block;
	color:#fff;
	text-decoration:none;
}
.preview .overlay h4 a:hover {
	color:#fff2c5;
}
.preview .overlay p {
	color:#FFFDF5;
	margin:0 10px 10px 12px;
	line-height:1.3em;
	font-size:1.1em;
}
.preview .overlay a.link {
	color:#E1BB34;
	text-decoration:none;
}
.preview .overlay a.link:hover {
	color:#FFF2C5;
}
.slot1 .overlay, .slot2 .overlay {
	width:60%;
	height:20%;
	right:0;
	bottom:0;
}
.slot3 .overlay {
	width:28%;
	height:30%;
	left:0;
	bottom:0;
}
.slot4 .overlay, .slot5 .overlay  {
	width:35%;
	height:30%;
	left:0;
	bottom:0;
}
.slot5 .overlay {
	width:65%;
}
.preview .rightPreview {
	width:365px;
	float:left;
	display:inline;
}

/********* GENERIC OTHER PAGE ************/
.nonSlider .inner{
	height:230px;
	width:911px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
/*.nonSlider h1 {
	text-indent:-99999px;
	background:url('img/titles/default-header-text.png') no-repeat 0 0;
	width:370px;
	height:57px;
	position:absolute;
	left:17px;
	top:80px;
}*/
.nonSlider h1 {display:none;}
.nonSlider p {
	bottom: 36px;
    color: #FFFDF5;
    font-size: 110%;
    left: 17px;
    line-height: 1.5em;
    position: absolute;
    width: 26%;
}
.leftSection {
	width:548px;
	float:left;
	display:inline;
	margin:20px 0;
}
.rightSection {
	float:right;
	width:350px;
	display:inline;
	margin:20px 0;
}
.sideAdvert {
	background:#244b67;
	padding:20px;
}
.sideGeneric {
	border-right:20px solid #244b67;
	border-bottom:20px solid #244b67;
	position:relative;
}
.sideGenericInner {
	border-right:1px solid #396a8c;
	border-top:1px solid #396a8c;
	padding:20px 0 0 0;
}
.sidePadding {
	padding:0 20px 20px 20px;
}
.sideNews h3 {
	width:183px;
	height:30px;
	background:url('img/side-news-title.png') no-repeat 0 0;
	text-indent:-9999px;
}
.sideNewsWrap {
	border-top:1px solid #1f4a66;
	border-bottom:1px solid #396a8c;
}
.sideNewsWrap li {
	display:block;
	border-top:1px solid #396a8c;
	border-bottom:1px solid #1f4a66;
	padding:10px 0;
}
.sideNewsWrap li a {
	color:#E1BB34;
	text-decoration:none;
	font-size:130%;
}
.sideNewsWrap li a:hover {
	color:#FFF2C5;
}
.sideFB, .sideTwit {
	background:url('img/side-detail.png') no-repeat top right;
}
.sideFB .sideGenericInner, .sideTwit .sideGenericInner {
	border-right:none;
}
.sideFB h3 , .sideTwit h3 {
	font-family:'trajan-pro-3';
	color:#E1BB34;
	margin:0;
	font-size:210%;
	text-decoration:none;
	margin:0;
}
.socialIcon {
	width:45px;
	height:46px;
	background:url('img/social-icons.png') no-repeat 0 0;
	float:right;
	margin-top:-10px;
}
.socialFB {
	background-position:-45px 0;
}
.blockLink {
	display:block;
	border:0;
	outline:0;
	text-decoration:none;
}
.blockLink:hover h3 {
	color:#FFF2C5;
}
.blockLink:hover .socialFB {
	background-position:-45px -45px;
}
.blockLink:hover .socialTw{
	background-position:0 -45px;
}

/******** PAGE SPECIFIC STYLES ***********/
.nonSlider.newsPage{
	background-image: url('img/News-Header.jpg');
}
.nonSlider.faqPage{
	background-image: url('img/FAQ-Header.jpg');
}
.nonSlider.travelPage{
	background-image: url('img/Travel-Header.jpg');
}
/*.nonSlider.newsPage h1 {
	background:url('img/titles/news-header-text.png') no-repeat 0 0;
	width:183px;
	height:52px;
}
.nonSlider.travelPage h1 {
	background:url('img/titles/travel-header-text.png') no-repeat 0 0;
	width:234px;
	height:52px;
}
.nonSlider.faqPage h1 {
	background:url('img/titles/faq-header-text.png') no-repeat 0 0;
	width:234px;
	height:52px;
}
.nonSlider.whatsOnPage h1 {
	background:url('img/titles/whatson-header-text.png') no-repeat 0 0;
	width:369px;
	height:56px;
}
.nonSlider.goldenPage h1 {
	background:url('img/titles/golden-header-text.png') no-repeat 0 0;
	width:572px;
	height:52px;
}
.nonSlider.cosPage h1 {
	background:url('img/titles/cosplay-header-text.png') no-repeat 0 0;
	width:299px;
	height:52px;
}
.nonSlider.whatisPage h1 {
	background:url('img/titles/whatis-header-text.png') no-repeat 0 0;
	width:642px;
	height:52px;
}
.nonSlider.devtalksPage h1 {
	background:url('img/titles/devtalks-header-text.png') no-repeat 0 0;
	width:332px;
	height:52px;
}
.nonSlider.ticketsPage h1 {
	background:url('img/titles/tickets-header-text.png') no-repeat 0 0;
	width:256px;
	height:52px;
}*/
.body h2.homeTitle {
	background:url('img/titles/home-title.png') no-repeat 0 0;
	height:42px;
}
.body h2.newsTitle {
	background:url('img/titles/news-title.png') no-repeat 0 0;
	height:42px;
}
.body h2.whatsOnTitle {
	background:url('img/titles/whatson-title.png') no-repeat 0 0;
	height:42px;
}
.body h2.travelTitle {
	background:url('img/titles/travel-title.png') no-repeat 0 0;
	height:42px;
}
.body h2.faqTitle {
	background:url('img/titles/faq-title.png') no-repeat 0 0;
	height:42px;
}
.body h2.popTitle {
	background:url('img/titles/viewer-map-title.png') no-repeat 0 0;
	height:42px;
}
.body h2.watchTitle {
	background:url('img/titles/watch-live-title.png') no-repeat 0 0;
	height:42px;
}
.nonSlider {
	background:url('img/pages/default-bg.jpg?2') no-repeat top center;
}
.nonSlider.playerOwnedPartiesPage,
.nonSlider.streamPage {
	background: none;
}

.nonSlider.streamPage.withBg {
	height: 427px;
	background:url('img/pages/watch-live-bg.jpg') no-repeat top center;
}
/******** POST ITEMS *************/
.postImage {
	background:#244b67;
	padding:10px;
	position:relative;
}
.postImageOverlay {
	background:rgb(0,0,0);
	background:rgba(0,0,0,0.8);
	width:93%;
	height:36px;
	position:absolute;
	bottom:10px;
	left:10px;
	color:#fffdf5;
	line-height:36px;
	font-size:110%;
	padding:0 10px;
}
.postImageOverlay  span a {
	color:#fffdf5;
	font-size:110%;
	text-decoration:none;
}
.postImageOverlay .posted {
	float:left;
	display:inline;
	width:140px;
	overflow:hidden;
	height:30px;
}
.postImageOverlay .author {
	float:left;
	display:inline;
	width:105px;
	overflow:hidden;
	height:30px;
}
.postImageOverlay .cat {
	float:left;
	display:inline;
	width:140px;
	overflow:hidden;
	height:30px;
}
.postImageOverlay .share {
	float:left;
	display:inline;
	width:120px;
	overflow:hidden;
	height:30px;
}
.postImageOverlay .label {
	color:#E1BB34;
	font-family:'trajan-pro-3';
}
.shareSmall {
	display:inline-block;
	width:19px;
	height:19px;
	text-indent:-9999px;
	background:url('img/social-icons-small.png') no-repeat 0 -1px;
	position:relative;
	top:7px;
	margin-left:1px;
}
.shareSmall:hover {
	background-position:0 -20px;
}
.shareSmallTw {
	background-position:-19px 0; 
}
.shareSmallTw:hover {
	background-position:-19px -19px; 
}
.shareSmallGoog {
	background-position:-38px 0; 
}
.shareSmallGoog:hover {
	background-position:-38px -19px; 
}
.shareSmallRed {
	background-position:-57px 0; 
	width:22px;
}
.shareSmallRed:hover {
	background-position:-57px -19px; 
	width:22px;
}
.postContent {
	margin:20px 0;
}
.postContent h2, .postContent h2 a {
	color:#E1BB34;
	font-family:'trajan-pro-3';
	text-decoration:none;
}
.postContent h2 {
	font-size:220%;
}
.postContent h2 a {
	font-size:100%;
}
.postContent h2 a:hover {
	color:#FFF2C5;
}
.postText {
	color:#FFFDF5;
	font-size:120%;
}
.postText a {
	color:#E1BB34;
	text-decoration:none;
}
.postText a:hover {
	color:#FFF2C5;
}
.postText p {
	line-height:1.7em;
	margin-bottom:20px;
}
.postText h2, .postText h3, .postText h4, .postText h5, .postText h6 {
	color:#E1BB34;
	font-family:'trajan-pro-3';
	font-size:140%;
	margin-bottom:20px;
}
.postText h2 {
	font-size:170%;
	margin:30px 0;
}
.postText ol{
	list-style: decimal outside none;
    margin-left: 18px;
    margin-top: 0;
	margin-bottom:10px;
}
.postText ul{
	list-style: disc outside none;
    margin-left: 18px;
    margin-top: 0;
	margin-bottom:10px;
}
.postText li {
    line-height:1.9em;
}
.postText strong,.postText b{
	font-weight:bold;
	color:#E1BB34;
}
.postText em{
	font-style: italic;
}
.postItem {
	border-bottom:1px solid #1f4a66;
	padding-top:20px;
	border-top:1px solid #396a8c;
}
.postItem.firstPost {
	border-top:none;
	padding-top:0;
}
.postContainer {
	border-bottom:1px solid #396a8c;
}
/*********** WORDPRESS CORE ************/
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.small {
	font-size:85%;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.clearl {
	clear:left;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/****** Register Interest Form ********/
#bullseye{overflow:hidden;}
#bullseye p,#bullseye input{float:left;}
#bullseye input[type="text"],#bullseye input[type="email"]{background-color:#0d090b;border:solid 1px #994c4c;border-radius:4px;-moz-border-radius:4px;padding:8px 9px;color:#fff;}
#bullseye input[type="submit"]{background:transparent url(img/btn-register.png) no-repeat 0 0;width:170px;height:32px;border:none;text-indent:-9999px;cursor:pointer;margin-top:3px;}
#bullseye input[type="submit"]:hover{background-position:0 -34px;}

/****** Player Owner Parties ********/
.map {
	width: 100%;
	height: 450px;
}

.map:before,
.map:after {
	content: ' ';
	position: absolute;
	top: -10px;
	width: 100%;
	height: 10px;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.65);
	z-index: 10;
}

.map:after {
	display: none;
	top: auto;
	bottom: -10px;
}

.infowindow {}

.infowindow h5 {
	font-weight: bold;
	font-size: 1.6em;
}

.infowindow strong {
	font-weight: bold;
}

.infowindow li {
	margin-bottom: 5px;
}

.add-party {
	display: block;
	width: 181px;
	height: 44px;
	margin: 20px auto;
	background: transparent url(img/add-party-btn.png);
	text-indent: -9999px;
}

.add-party:hover {
	background-position:0 -44px;
}

#parties {}

#parties li {
	list-style-type: none;
	margin: 0 0 10px;
}

#parties li label {
	float: left;
	width: 160px;
	margin-right: 15px;
	line-height: 35px;
	text-align: right;
}

#parties li input[type="text"],
#parties li input[type="email"],
#parties li input[type="password"],
#parties li input[type="url"],
#parties li input[type="number"],
#parties li select {
	width: 250px;
	background-color: #0d090b;
	border: solid 1px #994c4c;
	border-radius :4px;
	-moz-border-radius: 4px;
	padding: 8px 9px;
	color: #fff;}
}

#parties li input.short,
#parties li select.short {
	width: 150px;
}

#parties li input.very-short,
#parties li select.very-short {
	width: 75px;
}

#parties li input[type="submit"] {
	display: block;
	width: 174px;
	height: 44px;
	margin: 20px auto;
	background: transparent url(img/submit-location-btn.png);
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}

#parties li input[type="submit"]:hover {
	background-position: 0 -44px;
}

.success,
.errors {
	display: block;
	margin-bottom: 10px;
	padding: 5px 12px;
	border-top: 1px solid;
}

.success {
	border-color: #0c5200;
	background: #96b391;
	color: #083300;
}

.errors {
	border-color: #c7a900;
	background: #e3d376;
	color: #5c4e00;
}

.errors p,
.errors ul {
	margin-bottom: 0;
}

.errors li {
	
}

/****** Live Stream ********/

#live_embed_player_flash {
	display: block;
	margin: 0 auto;
}

p.streamError {
	position: static;
	width: 100%;
	margin: 30px 0;
	text-align: center;
}

p.streamError a {
	color: red;
}