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

body { padding:0; margin:0; background:#fff; font-family:Arial, Helvetica, sans-serif; }

.clear-fix:after, .ClearFix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; color:#000; }
h2 { font-size:38px; margin:0 0 10px 0; }
h2 a { color:#000; }
p { font-size:22px; margin:0 0 30px 0; }
p:last-child { margin:0 0 0 0; }

    @media screen and (max-width:780px){
		h2 { font-size:28px; }
		p { font-size:20px; }
    }
    @media screen and (max-width:600px){
		h2 { font-size:20px; }
		p { font-size:14px; line-height:18px; margin:0 0 15px 0; }
    }
	
a { text-decoration:none; }

ul, li { list-style:none; margin:0; padding:0; }


.wrapper { max-width:1200px; margin:0 auto; }

    @media screen and (max-width:1300px){
        .wrapper { width:auto; padding: 0 40px; }
    }
    @media screen and (max-width:1000px){
        .wrapper { width:auto; padding: 0 30px; }
    }
    @media screen and (max-width:600px){
        .wrapper { padding: 0 15px; }
    }

.padding-tb-lr { padding:40px; }
.padding-tb { padding:40px 0; }
.margin-b { margin:0 0 40px 0; }

    @media screen and (max-width:600px){
		.padding-tb-lr { padding:15px; }
		.padding-tb { padding:15px 0; }
		.margin-b { margin:0 0 15px 0; }
    }

/* header */
	
.heading { text-align:center; }

#panel-header { background:url(gallifreyan-red.gif) center ; text-align:center; }
#panel-header p { display:block; margin:0; font-size:22px; color:#fff; }
#panel-header h1 { font-size:50px; color:#fff; }

    @media screen and (max-width:780px){
		#panel-header p { display:block; font-size:20px; }
        #panel-header h1 { font-size:40px; color:#fff; }
    }
    @media screen and (max-width:600px){
		#panel-header p { display:block; font-size:16px; }
        #panel-header h1 { font-size:22px; }
    }
	
/* panel heading*/
	
.panel-heading { background:url(gallifreyan-dark.gif) center ; text-align:center; min-height:20px; }
.panel-grid-wrapper .panel-heading { background:none; border-bottom:2px solid rgba(255,255,255,0.2); }
.panel-heading * { color:#fff; }
a.ghost-button { font-size:16px; display:inline-block; padding:10px 50px; border:2px solid #fff; font-weight:bold; }
a.ghost-button:hover { background:#fff; color:#000; }
a.light-ghost-button { border:2px solid #000; color:#000; }
a.light-ghost-button:hover { background:#000; color:#fff; }

    @media screen and (max-width:600px){
		.panel-heading { min-height:10px; }
		a.ghost-button { font-size:14px; padding:10px 30px; }
    }
	
/* panel grid */

.panel-grid { width:1180px; height:700px; margin:0 auto; position:relative; }
.box-small, .box-wide, .box-long { position:absolute; }

.box-1 { width:460px; height:460px; top:0; left:0; }
.box-2 { width:220px; height:220px; top:0; left:480px; }
.box-3 { width:220px; height:220px; top:0; left:720px; }
.box-4 { width:220px; height:220px; top:0; left:960px; }
.box-5 { width:460px; height:220px; top:240px; left:480px; }
.box-6 { width:220px; height:220px; top:480px; left:480px; }
.box-7 { width:220px; height:220px; top:240px; left:960px; }
.box-8 { width:220px; height:220px; top:480px; left:720px; }
.box-9 { width:220px; height:220px; top:480px; left:960px; }
.box-10 { width:460px; height:220px; top:480px; left:0; }

    @media screen and (max-width:1260px){
        .panel-grid { width:940px; height:940px; }
        .box-4 { top:480px; left:720px; }
        .box-7 { top:720px; left:720px; }
        .box-8 { top:720px; left:0; width:460px; }
        .box-9 { top:720px; left:480px; }
    }
    @media screen and (max-width:1020px){
        .panel-grid { width:700px; height:1180px; }
        .box-3 { top:240px; left:480px; }
        .box-4 { top:480px; left:480px; }
        .box-5 { top:720px; left:0; }
        .box-6 { top:960px; left:0px; }
        .box-7 { top:720px; left:480px; }
        .box-8 { top:960px; left:240px; width:220px; }
        .box-9 { top:960px; left:480px; }
    }
    @media screen and (max-width:780px){
        .panel-grid { position:static; width:600px; padding:0; height:auto; }
        .box-small, .box-wide, .box-long { position:relative; float:left; margin-bottom:4%; top:auto !important; left:auto !important; }
        .box-small { width:48% !important; height:auto !important; padding-bottom:48%; }
        .box-wide { width:100% !important; height:auto !important; padding-bottom:48%; }
        .box-long { width:48% !important; height:auto !important; padding-bottom:100%; }
        .box-1, .box-3, .box-6, .box-8 { margin-right:4%; }
		.box-10 { margin-bottom:0; }
    }
    @media screen and (max-width:680px){
        .panel-grid { width:auto; }
    }

/* custom */

#panel-history { background:url(gallifreyan-dark.gif)  center; }

.panel-grid a, .panel-grid div div { z-index:9999; font-weight:bold; display:block; position:absolute; top:0; right:0; bottom:0; left:0; color:#fff; text-decoration:none; }

.box-default { overflow:hidden; text-align:center; }
.box-default img { position:absolute; top:0; left:0; width:100%; } .box-8 img { width:auto; height:120%; }
.box-default a { background:rgba(0,0,0,0); transition:0.4s; }
.box-default a:hover { background:rgba(0,0,0,0.4); }
.box-default .box-group { position:absolute; bottom:20px; left:10px; right:10px; display:block; }
.box-default .box-group strong { font-size:20px; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #fff; display:inline-block; }
.box-default .box-group small { display:block; font-size:14px; font-weight:lighter; }

    @media screen and (max-width:600px){
		.box-default .box-group { bottom:10px; }
		.box-default .box-group strong { font-size:14px; padding:0 0 3px 0; margin:0 0 3px 0; }
		.box-default .box-group small { font-size:10px; }
    }
	
.box-more a { display:block; padding:55px 0 0 0; text-align:center; font-size:32px; line-height:36px; color:#333; background:#fff; }

    @media screen and (max-width:780px){
		.box-more a { line-height:32px; font-size:30px;  }
		.box-more a span { display:block; height:94px; top:50%; position:absolute; margin-top:-45px; width:100%; }
    }
	
.box-time { text-align:center; background:#000; }
.box-time div { padding:20px 0 0 0; }
.box-time span { font-size:14px; line-height:18px; display:block; }
.box-time strong { font-size:80px; display:block; margin:10px 0; }
.box-time strong small { font-size:20px; display:block; margin:-10px 0 10px 0; }
.box-time strong em { display:none; }

    @media screen and (max-width:500px){
		.box-time span { font-size:12px; line-height:16px; position:absolute; top:15px; width:100%; }
		.box-time span.date { display:none; }
		.box-time strong { font-size:40px; margin:0; position:absolute; bottom:25px; width:100%; }
		.box-time strong small { font-size:18px; margin:-10px 0 10px 0; }
    }
	
.box-quote blockquote { color:#fff; background:url(quote.png) no-repeat 20px 20px rgba(0,0,0,0.2); padding:20px 20px 0 140px; margin:0; font-size:18px; line-height:28px; position:absolute; top:0; bottom:0; left:0; right:0;}
.box-quote blockquote em { font-size:18px; border-top:1px solid #fff; padding:10px 0 0 0; margin:10px 0 0 0; display:inline-block; }
.box-quote blockquote.quote-large { font-size:26px; line-height:36px;  }

    @media screen and (max-width:780px){
		.box-quote { padding-bottom:0; }
		.box-quote blockquote { position:relative; font-size:16px; line-height:22px; }
		.box-quote blockquote em { font-size:14px; }
		.box-quote blockquote.quote-large { font-size:16px; line-height:22px; }
    }

/* news panels */
	
.panel-news { background:url(gallifreyan-red.gif)  center; margin-left:auto; margin-right:auto; width:1180px; }
.panel-news li { width:33.3%; float:left; text-align:center; margin-left:-1px; }
.panel-news li:nth-child(2) { border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3); }
.panel-news li div { display:block; padding:0 40px; }
.panel-news li * { color:#fff; }
.panel-news li img { display:block; margin:0 auto 20px auto; width: 200px; max-width:100%; }
.panel-news li h4 { font-size:20px; line-height:26px; min-height:78px; }
.panel-news li p { font-size:16px; line-height:22px; padding:20px 0 0 0; margin:20px 0 0 0; border-top:1px solid #fff; }
.panel-news li small { font-size:12px; display:block; margin:10px 0 0 0; font-style:italic;  }
	
    @media screen and (max-width:1260px){
        .panel-news { width:940px; }
        .panel-news li p { display:none; }
    }
    @media screen and (max-width:1020px){
        .panel-news { width:700px; }
    }
    @media screen and (max-width:780px){
        .panel-news { width:600px; padding:20px 0; }
		.panel-news li div { padding:0 20px; }
		.panel-news li h4 { font-size:16px; line-height:22px; }
    }
    @media screen and (max-width:680px){
        .panel-news { width:100%; padding:15px 0 1px 0; }
		.panel-news li { width:auto; float:none; text-align:left; margin-left:0; clear:both; min-height:140px; position:relative; }
		.panel-news li:nth-child(2) { border-left:none; border-right:none; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); padding:15px 0; margin:15px 0; }
		.panel-news li div { padding:0 15px; }
		.panel-news li img { float:left; height:140px; padding:0 15px 0 0; width: auto; }
		.panel-news li h4 { font-size:20px; line-height:26px; min-height:0; margin:0 0 0 0; }
    }
    @media screen and (max-width:600px){
		.panel-news li { min-height:100px; }
		.panel-news li img { float:left; height:100px; padding:0 15px 0 0; }
		.panel-news li h4 { font-size:16px; line-height:22px; }
    }
	
/* social media */

#home-social { background:url(gallifreyan-red.gif) center; width:1180px; margin:0 auto; }
#home-social #home-facebook { width:48%; float:left; overflow:hidden; }
#home-social #home-twitter { width:48%; float:right; overflow:hidden; }
#home-social iframe { width:100% !important; overflow:hidden !important; }

    @media screen and (max-width:1260px){
        #home-social { width:940px; }
    }
    @media screen and (max-width:1020px){
        #home-social { width:700px; }
    }
    @media screen and (max-width:780px){
        #home-social { width:600px; }
    }
    @media screen and (max-width:680px){
        #home-social { width:100%; }
		#home-social #home-facebook { width:100%; float:none; margin:0 0 20px 0; }
		#home-social #home-twitter { width:100%; float:none; }
    }