/*
Theme Name: UBCU
Theme URI: 
Description: Custom WordPress theme developed for the University of Birmingham Christian Union
Version: 1.1
Author: Jonathan Bennett & Mark Leong
Author URI: http://www.markyleong.com
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/nav.css";

html { overflow: scroll; } 
body { background: #f9f9f9; }
#container { width: 960px; margin: 0 auto; }


/* TOP BAR */
#top-bar { 
  height: 34px; background: #fff; border-style: solid; border-color: #ccc;
  border-width: 0 3px; }
#top-bar-bottom-bg { 
  height: 23px;
  background: url('images/top-bar-bg.png') bottom center no-repeat; }
#top-bar ul { float: right; margin: 0 12.5px 0 0; }
#top-bar li { 
  float: left; padding: 0 5px 0 0; line-height: 34px; color: #ccc;
  font-weight: bold; }
#top-bar li a { color: #ccc; text-decoration: none; }
#top-bar li span { color: #ccc; cursor: pointer; }
#show-twitter:hover, #show-twitter.selected { color: #0066ff; }
#show-contact:hover, #show-contact.selected { color: #ff2a7f; }
#show-sitemap:hover, #show-sitemap.selected { color: #0066ff; }
#search-label:hover, #search-label.selected { color: #ff2a7f; }
#top-bar input { border: 1px solid #ccc; }
#top-bar input:focus { border-color: #ff2a7f; }
#small-logo {
  background: url('images/small-logo.png') center left no-repeat; 
  float: left; outline: none; display: block; width: 145px; height: 33.5px;
  margin: 0 0 0 12.5px; text-indent: -9000px; }
#top-bar-question:hover { color: #666; }
#question #top-bar-question { color: #666; }


/* SLIDING PANELS */
.slidingPanel {
  display: none; background: #fff; color: #666; font-size: 1.3em;
  border-style: solid; border-color: #ccc; border-width: 0 3px;
  padding: 20px 20px 10px 20px; width: 914px; /* 960 - padding - border */
}
.slidingPanel button.hide {
  background: url('images/up-arrow.png') center center no-repeat;
  text-indent: -9000px; margin: 0; padding: 0; border: none; width: 16px;
  height: 16px; cursor: pointer; position: absolute; bottom: 10px;
  right: 10px; }


/* TWITTER PANEL */
#twitter { }
#twitter dt { font-weight: bold; }
#twitter dd { margin: 0 0 0.5em 0; color: #ccc; }
#twitter dt a { 
  color: #ff2a7f; text-decoration: none; font-weight: bold;
  border-bottom: 1px dotted #ffd5e5; }
#twitter a:hover { border-color: #d40055; }
#twitter dd a { color: #ccc; border: none; }
#twitter .follow { color: #999; }
#twitter .follow a { 
  color: #ff2a7f; text-decoration: none; font-weight: bold;
  border-bottom: 1px dotted #ffd5e5; }
#twitter .follow a:hover { border-color: #d40055; }


/* CONTACT PANEL */
#contact {  }
#contact .contact-box { float: left; width: 33%; }
#contact p { margin: 0 2em 1em 0; }
#contact a { color: #666; }
#contact h3 { font-size: 1em; margin-top: 0; }
#contact form { border: 2px solid #ff2a7f; padding: 1em; }
#contact input { font-family: verdana; }
#contact select { padding: 1px; }
#contact option { padding-left: 3px; }


/* SITEMAP PANEL */
#sitemap { }
#sitemap a { color: #666; }
#sitemap ul a { text-decoration: none; font-weight: bold; }
#sitemap ul a:hover { color: #0066ff; }
#sitemap ul li {
  /* Sections */ margin: 0 0 1em 0; float: left; width: 152px; /* 914/6 */ }
#sitemap ul ul { /* Pages */ margin: 0; }
#sitemap ul ul li {
  margin: 0; float: none; width: 147px; padding: 0.75em 0 0 0; }
#sitemap ul ul li a { font-weight: normal; }


/* SEARCH */
#search-label { padding: 0 5px 0 0; }
#search-results dt a { font-size: 1.5em; font-weight: normal;  }
#search-results dd { margin: 0 0 0 0; }
#search-results dd p { font-size: 1em; margin: 0; }
#search-results dd.permalink { color: #999; margin-bottom: 1.5em; }
#search-results dd.excerpt { margin: 0.5em 0;  }


/* LOGO & BANNER */
#banner { height: 105px;}
h1 {
  background: url('images/logo.png') top left no-repeat;
  text-indent: -9000px; margin: 0 0 15px 0; float: left; }
h1 a { display: block; height: 85px; width: 570px; outline: none; }
#banner p {
  float: right; width: 315px; height: 75px; margin: 5px 25px 0 0;
  text-indent: -9000px; 
  background: url('images/banner.png') top left no-repeat; }


/* MAIN */
#main {
  width: 766px; min-height: 400px; padding: 0 20px 10px 20px; float: right;
  background: #fff; border-color: #000; border-style: solid;
  border-width: 0 2px 2px 2px; }
#main a { 
  color: #ff2a7f; text-decoration: none; font-weight: bold;
  border-bottom: 1px dotted #ffd5e5; }
#main a:hover { border-color: #d40055; }
#main .post img { margin: 1em; }
#main .post table img { margin: 0; }
#main ul li { list-style: square; }
#main .no-title { margin: -20px 0 0 0; }
#main h3 { clear: both; }
#main .facebook-link { 
  background: url('images/facebook.png') center left no-repeat;
  padding-left: 25px; }


/* FOOTER */
#footer { 
  clear: both; width: 810px; margin: 0 0 0 150px; padding: 1em 0; color: #999;
  text-align: right; }
#footer p { margin: 0; }
#footer a { text-decoration: underline; color: #999; }


/* CONTACT FORM 7 */
#main .post .ajax-loader { margin: 0;}
.wpcfa7 input { font-family: Verdana; font-size: 1.3em; }

.c7-form { border: 1px solid #fc0; background: #fea; }
#main .c7-form p { margin: 0; }
.c7-form div { clear: both; margin: 1em 1em 1em 1em; padding: 0.5em 1em 0 1em; }
.c7-form input {
  border-color: #b7b7b7 #e8e8e8 #e8e8e8 #b7b7b7; border-style: solid;
  border-width: 1px; padding: 5px; font-size: 16px; color: #333; }
.c7-form input[type="text"] { width: 50%; }
.c7-form input[type="text"]:focus, .c7-form input textarea:focus {
  border-color: #666; }
.c7-form input[type="submit"] {
  clear: both; display: block; cursor: pointer; font-weight: bold; }
.c7-form  label {
  font-weight: bold;
  font-size: 1.2em; display: block; float: none; width: auto; margin-bottom: 5px; }



/* PAGE - WHAT'S ON */
#whats-on .button { 
  background: #04a; color: #fff; padding: 0.75em; font-size: 1.2em;
  border: 0px solid #acf; margin: 1em;
  -moz-border-radius: 0.75em; -webkit-border-radius: 0.75em; }
#whats-on .button:hover { border: 0px solid #06f; background: #06f; }


/* PAGINATION USING PAGENAVI */
#main .wp-pagenavi { padding-top: 20px; border-top: 1px solid #ccc; }
#main .wp-pagenavi a { border: 1px solid #bfbfbf; margin: 2px; color: #333; }
#main .wp-pagenavi a:hover { color: #ff2a7f; }
#main .wp-pagenavi span { font-size: 1.2em; }


/*
Blue: #06f
  Light blue: #acf
  Dark blue: #04a
Pink: #ff2a7f
  Light pink: #ffd5e5
  Dark pink: #d40055
Yellow: #fc0;
  Light yellow: #fea
  Dark yellow: #d4aa00
Grey: #999
  Ligther gray: #f9f9f9
  Light grey: #ccc
  Dark grey: #666
*/

/* TABLE STYLES */
table { border-collapse:collapse; width: 100%; margin-bottom: 2em; }
td, th { padding: 5px; text-align: left; border: 1px solid gray; }
th.header { cursor: pointer; padding-right: 20px; margin-right: -1px; }
th {
  color: #666; background: #ccc; background-repeat: no-repeat;
  background-position: right center; font-weight: bold; }

table.centered th, table.centered td { text-align: center; }
table.no-border, table.no-border tr, table.no-border td { border: none; }

table.centered th, table.centered td { text-align: center; }
table.no-border, table.no-border tr, table.no-border td { border: none; }

.table-get-involved { 
  width:100%; text-align: center; border-collapse: collapse; }
.table-get-involved td, .table-get-involved th {
  width: 33%; padding: 5px; border: 1px solid gray; vertical-align: top; 
  text-align: center; }
.table-get-involved .even td { background: #fff; }
.table-get-involved .odd td {
  background: #f9f9f9; color: #666; font-weight: bold; }
.table-get-involved .odd td a { font-size: 1em; }

.table-downloads { text-align: center; border-collapse: collapse; }
.table-downloads td { padding: 10px; }
#main .table-downloads a:hover { border: none; }


/* HOME */
#home #home-link a {
  border: none; outline: none; height: 326px; width: 300px;
  text-indent: -9000px; display: block;
  background: url('http://www.ubcu.org.uk/wp-content/uploads/what-is-truth-home.png') no-repeat top center; }