/*
Theme Name: worldfootball
Theme URI: http://worldfootballacademy.com/
Description: Wordpress theme for worldfootballacademy.com made by Vincent van Driel.
Author: Vincent van Driel
Version: 2.0
*/

body {
	background: #3b3b3b url(images/bg_body.png) repeat-x 50% 50%;
	color: #fff;
	font: normal 90% 'Roboto', Helvetica, sans-serif;
	font-weight: 400;
	padding-bottom: 32px;
}

h1, h2, h3, h4, h5, h6, #main-navigation li a, div#sidebar li a, #rps .col p.post-title span {
	clear: both;
	font-family: 'Fjalla One', Helvetica, sans-serif;
	font-weight: normal; 
	margin-bottom: 8px;
	padding-bottom: 8px;
}

small {
	font-size: smaller;
}

h1 {
clear: both;
display: block;
padding-bottom: 6px;
}

h2.course-dates-button {
background-color: #000;
float: right;
padding: 3px 5px;
text-align: center;
}

h2.course-dates-button a:hover {
background-color: #000 !important;
}

.teaser h3 {
margin-bottom: 0;
padding-bottom: 12px;
}

h3.black {
background-color: #000;
color: #24c4f8;
padding: 4px;
}

ol, ul {
list-style: decimal;
}

a {
color: #24c4f8;
text-decoration: none;
}

a:hover {
color: #fff;
}

a img {
border: none;
}

a.linkbutton {
background-color: #000;
border-radius: 3px;
padding: 6px 4px;
}

hr.clear {
clear: both;
display: block;
margin: 0;
padding: 0;
visibility: hidden;
}

div#wrapper {
background-color: #4a4947;
border-top-width: 0;
padding: 0 0 10px 0;
}

p {
line-height: 1.3em;
}

/* navigation */

#header {
background: #4a4947 url(images/bg_header.png) repeat-x 0 0;
position: relative;
height: 195px;
}

#header img {
margin-left: 20px;
}

/* main navigation */

#main-navigation {
bottom: 10px;
display: block;
list-style: none;
float: right;
margin: 0 !important;
padding: 0;
position: absolute;
right: 10px;
}

#main-navigation li {
float: left;
margin-left: 0;
position: relative;
}

#main-navigation li a {
border-right: 1px solid #999;
color: #24c4f8;
display: block;
font-weight: normal;
margin: 0;
padding: 4px 16px;
}

#main-navigation li a:hover,
#main-navigation li.current_page_item a {
color: #fff;
}

#main-navigation li:hover {
}

#main-navigation li:hover > ul {
display: block;
}

/* page navigation */

#page-navigation li {
font-size: 15px;
}

/* masthead */

div#masthead {
background-color: #000;
clear: both;
color: #fff;
padding: 0 10px;
}

img#hometitle {
margin: 38px 0 20px 10px;
}

div#masthead .grid_3 {
width: 23%;
}

div#tile-container {
/* border-top: 1px dotted #999; */
/* padding: 32px 0; */
padding: 0;
}

div.tile {
text-align: center;
position: relative;
}

div.tile h2 {
	bottom: 12px;
	font-size: 23px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

div.tile h2 a {
color: #ccc;
display: block;
}

div.tile:hover h2 a,
div.tile h2 a:hover {
color: #24c4f8;
}

/* the Buy Now tile on the course pages */

#sidebar .buynow {
background-color: #000;
border-radius: 4px;
padding: 8px;
padding-bottom: 12px;
text-align: left;
}

#sidebar .buynow h2 {
border-bottom: 1px solid #24c4f8;
font-size: 18px;
padding-bottom: 4px;
}

#sidebar .price {
font-weight: bold;
}

#sidebar input[type=text],
#sidebar select {
margin-bottom: 10px;
margin-top: 4px;
padding: 4px;
width: 260px;
}

#sidebar select {
width: 270px;
}

#sidebar input[type=image] {
display: block;
margin: 0 auto;
}

#sidebar table {
margin-bottom: 10px;
}

/* intro par on the homepage */

div#introduction {
margin-top: 20px;
}

div#introduction h1 {
color: #24c4f8;
margin: 0 0 12px 0;
text-align: left;
}

div#introduction ul {
list-style-type: square;
}

div#panoramic {
background-color: #000;
}

/* some stuff on the homepage */

div#homepage-tile {
background: #000 url(images/bg_homepage_tile.png) no-repeat 100% 0;
font-size: 12px !important;
padding: 8px;
}

div#homepage-tile h3 {
color: #fff;
font-size: 14px !important;
text-align: left;
margin-top: 4px;
}

table.homepage-course {
margin-bottom: 12px;
}

table.homepage-course td {
color: #ccc;
padding: 4px 4px 4px 0;
}


div#panoramic img {
border: 7px solid #3b3b3b;
margin: auto;
}

div#panoramiclinks {
background-color:black;
width:280px;
height:60px;
border-left:7px solid #3b3b3b;
border-right:7px solid #3b3b3b;
border-bottom:7px solid #3b3b3b;
}

div#panoramic .moreinfo {
float:left;
width:140px;
height:30px;
background-image:url(images/moreinfobutton.jpg);
}

/* teasers */

div.teaser {
position: relative;
margin-bottom: 10px;
padding-bottom: 10px;
}

div.teaser h2 {
color: #409540;
border-bottom: 1px dotted #ccc;
margin-bottom: 10px;
padding-bottom: 8px;
}

div.teaser img {
float: right;
margin-left: 6px;
}


/* posts */

div.page h2 {
font-size: 20px;
margin-bottom: 8px;
}

.alignleft {
float: left;
margin-right: 12px;
}

.alignright {
float: right;
margin-left: 12px;
}

div#content {
padding-top: 16px;
}

#content ul {
list-style-type: square;
}

div.course-details {
color: #fff;
}

div.course-details strong {
color: #24c4f8;
}

/* content */

div.dateholder {
text-align: center;
display: compact;
float: right;
background-color: black;
border: 7px solid #3B3B3B;
}


h2.backbutton {
float:right;
}

ul.keytopics {
font-size:150%;
}

ul.keytopics li {
margin-bottom:0.5em;
}

.with-children div#post-wrapper {
border-top: 1px dotted #24C4F8;
padding-top: 16px;
}

div.post {
position: relative;
}

div.post a:hover {
background-color: #24c4f8;
color: #fff;
}

div.post h2 {
color: #24c4f8;
font-size: 20px;
margin-bottom: 0;
}

div.post a.register-button {
position: absolute;
text-align: center;
top: 0;
right: 0;
}

div.post li {
margin-bottom: 2px;
}

.with-children .grid_8 {
padding-top: 4px;
}

.no-children h2 {
color: #fff;
}

.no-children div#post-wrapper {
border-top: 1px dotted #24c4f8;
padding-top: 16px;
}

/*  */

p.speaker strong {
color: #24c4f8;
}

/* #page-title image */

#page-title {
margin: 28px 0;
}

/* sidebar */

div#sidebar {
margin-top:10px;
}

div#sidebar ul {

}

div#sidebar li {
list-style-type: none;
margin-left: 0;
}

div#sidebar li a {
background-color: #000;
border-radius: 2px;
display: block;
font-weight: normal;
padding: 8px;
margin-bottom: 10px;
}

div#sidebar li a:hover {
color: #fff;
}

div#sidebar li.current_page_item {
/*background: url(images/bg_current_page.png) no-repeat 100% 50%;*/
}

div#sidebar li.current_page_item a {
color: #fff;
}

/* form styles */

#s {
width: 100px;
}

label {
display: block;
}

label.error {
color: #fff !important;
}

input[type=text], select {
border-radius: 4px;
border: 1px solid #ccc;
background-color: #fff;
color: #666;
padding: 3px;
width: auto;
}

textarea {
border: 1px solid #ccc;
border-radius: 4px;
color: #666;
font: inherit;
height: 6em;
width: 320px;
}

input[type=submit] {
border-radius: 4px;
background-color: #000;
border-width: 0;
color: #fff;
cursor: pointer;
font-weight: bold;
padding: 4px 16px;
}

input[type=submit]:hover {
background-color: #24c4f8;
}

/* wpcf7-form */

form.wpcf7-form label {
color: #666;
font-weight: bold;
}

form.wpcf7-form p {
background-color: #3b3b3b;
border-radius: 4px;
color: #24c4f8;
margin-bottom: 4px;
padding: 4px 8px 8px 8px;
}

/* footer */

#footer-container {
background: #000 url(images/bg_footer_container-1920.jpg) no-repeat 0 0;
background-position: top;
box-shadow: 0 14px 5px -2px rgba(0, 0, 0, 0.5);
color: #fff;
padding: 40px 0 0 0;
position: relative;
}

#footer {
margin-bottom: 16px;
}

#footer h4 {
color: #24c4f8;
}

#footer a {
color: #fff;
}

#footer a:hover {
color: #24c4f8;
}

div.padding {
padding: 0 10px;
}

#footer ul {
margin: 0;
padding: 0;
list-style: none;
}

#footer ul ul {
margin-left: 12px;
}

#footer li {
border-bottom: 1px dotted #999;
margin: 0;
padding: 4px 0 6px 0;
}

#footer li a {
display: block;
}

#footer li a:hover {
color: #24c4f8;
}

#footer input[type=text] {
width: 180px;
}

/* Copyright line the footer */
.footer_small {
position: relative;
margin-left: 10px;
font-size: 70%;
color: #24c4f8;
padding: 0 0 10px 0;
}

/* SS logo in the footer */

#ss-tag {
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
position: absolute;
top: 12px;
right: -44px;
}

/* tables */

table.styled {
border-collapse: collapse;
width: 100%;
}

table.styled th {
color: #24c4f8;
text-align: left;
}

table.styled td {
border-bottom: 1px solid #666;
vertical-align: top;
padding: 4px;
}

td.location {
text-align: right;
}

table.styled td strong {
color: #24c4f8;
}

table.styled td:first-child {
font-weight: bold;
width: 15%;
}

table.styled tr.spacer td {
height: 32px;
}

table tr.greybottom {
border-bottom:1px solid grey;
border-top:1px solid grey;
}

table.programme td{
width:20%;
}

table.programme td {
padding:5px;
}

table.programme {
font-size:80%;
}

table.programme span, div.eventtext span {
color:#24C4F8;
}

div.eventtext {
font-size:80%;
}

body.single h2 {
margin-bottom:15px !important;
}

/* custom styles that also appear in css/editor-style.css */

.introduction {
color: #24c4f8;
font-weight: bold;
font-size: 120%;
}

.highlight {
color: #24c4f8;
}

/* EVENT MANAGER PLUGIN CSS CHANGES */
/* Booking Form */
	.em-booking { margin:15px 0px 10px 0px; position:relative; }
	.em-booking-form  { position:relative; clear:left; }
	.em-booking-form-details  { padding:10px; width:100%; float:left; }  
	.em-booking-form-details input.input { width:100px; }
	.em-booking-form-details textarea { width:350px; }
	.em-booking-form-details p { clear:left; }
	.em-booking-form-details label { display:block; float:left; }
	.em-booking-form-details span.input-group input { margin-left:-20px; }
	.em-booking-form-details span.input-group { display:block; margin-left:120px; }
	.em-booking-form-details .em-booking-submit { width:auto; }	
	.em-booking-form label  { display:inline-block; width:300px; }	
	/* Tickets */
		.em-tickets { margin-bottom:20px; }
	/* Message Errors */
		div.em-booking-message { margin:10px 0px; padding:10px; color:#333; border-radius:3px; }
		div.em-booking-message p { margin:10px 0px !important; padding:0px; color:#333; }
		div.em-booking-message-success { background-color:#f1fff0; border:1px solid #a8d144; }	
		div.em-booking-message-error { background-color:#FFEBE8; border:1px solid #C00; }
	/* Optional Login Form */
		div.em-booking-login { padding: 10px 10px 10px 20px; margin: 0px 0px 0px 50px;	border-left: 1px solid black; }
		div.em-booking-login label { display:inline-block; width:110px; }
		div.em-booking-login p{ margin:10px 0px !important; padding:0px !important;	}	
		div.em-booking-login input { margin:0px; }

.ticket-desc {
	font-style:italic;
	font-size:smaller;
}
tr.em-ticket {
	width:90%;
}

table.em-tickets {
	width: 100%;
}

table.em-tickets th {
	background-color:#000;
	color: #24c4f8;
	padding: 4px;
	text-align: left;
}