/*
Theme Name: Con-Quest
Theme URI: http://www.con-quest.co.uk/
Author: Dave McAlister
Author URI: http://www.mcalister.org.uk/
Description: Theme for Con-Quest
Version: 2.0
*/

@import url(http://fonts.googleapis.com/css?family=Kreon);

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline;}
body {line-height: 1;}
h1, h2, h3, h4, h5, h6 {clear: both; font-weight: normal;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: ''; content: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
a img {border: none;}

html {height: 101%;}
body {margin: 0; padding: 10px; background-color: #D9BF76; font-family: 'Kreon', serif;}
a {text-decoration: none; color: #666;}
a:hover {text-decoration: underline;}
#page {width: 940px; padding: 20px; margin: 0 auto; background-color: #FFF; box-shadow: 0 0 10px #000;}
#logo {float: left; width: 400px; height: 120px;}
#derby-live {float: right; width: 530px; height: 100px; background: url('images/derby-live.png') top left no-repeat; border-radius: 0.5em; color: #FFF; text-align: center;}
#derby-live a {display: block; height: 100px; color: #FFF; text-decoration: none;}
#derby-live p {padding: 5px 0; font-size: 2em; text-shadow: 0px 1px 2px #bbb;}
#menu {clear: left; text-align: center; height: 150px; text-transform: uppercase; text-shadow: 0px 1px 2px #bbb;}
.menu-images {float: left; border-radius: 0.5em; margin: 0 20px 0 0; width: 140px; height: 140px;}
.menu-images a {display: block; height: 140px; color: #FFF; text-decoration: none;}
.menu-images p {padding: 5px 0;}
.last {margin: 0;}
#menu-games {background: url('images/games.png') top left no-repeat;}
#menu-traders {background: url('images/traders.png') top left no-repeat;}
#menu-venue {background: url('images/venue.png') top left no-repeat;}
#menu-accommodation {background: url('images/accommodation.png') top left no-repeat;}
#menu-contact {background: url('images/contact.png') top left no-repeat;}
#menu-forums {background: url('images/forums.png') top left no-repeat;}
.transparency {background-color:rgba(64,64,64,0.5); height: 30px; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em;}
#main-content p {padding: 5px 0;}
#left-content {float: left; width: 570px;}
#left-content h2 {position: relative; width: 550px; font-size: 2em; font-weight: bold; padding: 6px 30px; margin: 10px -30px; color: #FFF; background-color: #C70203; text-shadow: 0px 1px 2px #bbb; box-shadow: 0px 2px 4px #888; text-transform: uppercase;}
#left-content h2:before, #left-content h2:after {content: ' '; position: absolute; width: 0; height: 0;}
#left-content h2:before {right: -2px; top: 0px; border-color: transparent #FFF transparent transparent;}
#left-content h2:after {left: 0px; top: 100%; border-width: 5px 5px; border-style: solid; border-color: #666 #666 transparent transparent;}
#games-left, #games-right {width: 49%; border: 1px solid #C70203; border-radius: 0.5em;}
#games-left {float: left;}
#games-right {float: right;}
#left-content input[type="text"], #left-content textarea {display: inline-block; width: 250px; height: 22px; border: 1px solid #C70203; color: #000; background-color: #FFF; border-radius: 0.5em; font-size: 1em; padding: 0px 10px; font-family: 'Kreon', serif;}
#left-content textarea {height: 150px;}
#left-content input[type="submit"], #left-content input[type="button"] {padding: 5px; border: 1px solid #C70203; color: #000; background-color: #FFF; border-radius: 0.5em; font-size: 1em; text-transform: uppercase; font-family: 'Kreon', serif;}
.post {clear: right;}
.post-items {display: inline;}
.post-items  a {color: #000; text-decoration: none;}
.edit-link {font-size: 0.7em; display: inline;}
#post-details {float: right; width: 60px; padding: 5px 0 5px 5px;}
#date {}
#month {background-color: #C70203; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; color: #FFF; height: 20px; text-align: center;}
#day {background-color: #D9BF76; border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em; color: #FFF; font-size: 2em; text-align: center;}
.more, .post-edit-link {text-decoration: none; color: #666;}
#right-content {float: right; width: 280px;}
#right-content h2 {position: relative; width: 280px; font-size: 2em; font-weight: bold; padding: 6px 30px; margin: 10px -30px; color: #FFF; background-color: #C70203; text-shadow: 0px 1px 2px #bbb; box-shadow: 0px 2px 4px #888; text-transform: uppercase; text-align: right;}
#right-content h2:before, #right-content h2:after {content: ' '; position: absolute; width: 0; height: 0;}
#right-content h2:after {left: -2px; top: 0px; border-color: transparent #FFF transparent transparent;}
#right-content h2:before {right: 0px; top: 100%; border-width: 5px 5px; border-style: solid; border-color: #666 transparent transparent #666;}
.social-links a {color: #000; text-decoration: none;}
.social-url {font-size: 0.7em; color: #666;}
li a {color: #000; text-decoration: none;}
#footer {clear: both; text-align: center; font-size: 0.7em; padding: 10px 0 0 0;}
#footer a {text-decoration: none; color: #000;}