/*
Theme Name: ProjektsMCR
Theme URI: http://bobop.co.uk
Description: New Projekts Theme designed by Grassroots Creative and Rogue Creative
Version: 1.0
Author: Bobop
Author URI: http://bobop.co.uk
Tags: awesome, skateboards, colourful, weather
*/

body {
	font-size: 80%; /* Resets 1em to 10px */
	margin:0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
}
:active, :focus { outline-style: none; -moz-outline-style:none; }
h3, h2, h1, h3 a, h2 a, h1 a{
	margin-top:20px;
	margin-bottom:0px;
	color:#627F08;
}
#page {
	width: 1020px;
	height:900px;
	margin:0 auto;
	position:relative;
}
#header{
	height:135px;
	position:relative;
}

#h_news {
	position:absolute;
	top:70px;
	left:-3px;
}
#nav_n {
	display: block;
	width: 89px;
	height: 56px;
}
#nav_n span {
	display:none;
}

#h_events {
	position:absolute;
	top:70px;
	left:78px;
}
#nav_e {
	display: block;
	width: 102px;
	height: 54px;
}
#nav_e span {
	display:none;
}

#h_skateboard_lessons {
	position:absolute;
	top:65px;
	left:170px;
}
#nav_s_l {
	display: block;
	width: 229px;
	height: 62px;
}
#nav_s_l span {
	display:none;
}

#h_skate_gallery {
	position:absolute;
	top:58px;
	left:670px;
}
#nav_s_g {
	display: block;
	width: 174px;
	height: 65px;
}
#nav_s_g span {
	display:none;
}

#h_park_info {
	position:absolute;
	top:45px;
	left:830px;
}
#nav_p_i {
	display: block;
	width: 185px;
	height: 90px;
}
#nav_p_i span {
	display:none;
}

#h_logo {
	position:absolute;
	top:15px;
	left:382px;
}
#nav_logo {
	display: block;
	width: 307px;
	height: 111px;
}
#nav_logo span {
	display:none;
}

#h_info {
	padding:0 30px;
	color:#676A32;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#h_info a, #h_info a:visited {
	color:#676A32;
	font-weight:bold;
}

.holder {
	float:left;
	width:600px;
}
#content, #tec-content {
	float: left;
	font-size: 1em;
	height: 570px;
	padding: 0 30px;
}
#tec-content {
	margin-top:20px;
}
.post {
	margin-bottom:60px;
}
.post p {
	line-height:18px;
}
#content #video {
	width:599px;
	height:452px;
	padding-left:15px;
	padding-top:20px;
	margin-top:20px;
	background:url(/images/vid_bg.png) no-repeat 0 0;
	color:#e9e9e9;
}
#content #video a {
	color:#e9e9e9;
}
#content .stay_updated {
	float:left;
	width:270px;
}
#content .supported {
	float:left;
}
#content #map {
	width:533px;
	height:381px;
	padding-top:8px;
	padding-left:10px;
	margin:20px 0 0 20px;
	background:url(/images/map_bg.png) no-repeat 0 0;
	color:#e9e9e9;
}
#content #map a {
	color:#e9e9e9;
}

.narrowcolumn {
	width:620px;
}

.widecolumn {
	width:950px;
}
#coaching_bubbles {
	width:579px;
	height:372px;
	background:transparent url('/images/coaching_bubbles.png') no-repeat 0 0;
	position:relative;
	margin-top:20px;
}
#coaching_bubbles h1 {
	color:#fff;
	font-size:14px;
	margin:0;
}
#coaching_bubbles p {
	margin:0;
	line-height:20px;
}
#coaching_bubbles #bubb_1 {
	position:absolute;
	top:10px;
	left:85px;
	width:250px;
}
#coaching_bubbles #bubb_2 {
	position:absolute;
	top:95px;
	left:280px;
	width:260px;
}
#coaching_bubbles #bubb_3 {
	position:absolute;
	top:145px;
	left:25px;
	width:220px;
}
#coaching_bubbles #bubb_4 {
	position:absolute;
	top:220px;
	left:230px;
	width:270px;
}
#coaching_bubbles #bubb_5 {
	position:absolute;
	top:280px;
	left:40px;
	width:220px;
}

#scroll_buttons_bottom {
	position:relative;
	width:25px;
	top:540px;
	left:645px;
	height:0px;
	z-index: 999;
}
#scroll_buttons_bottom_wide {
	position:relative;
	width:25px;
	top:540px;
	left:980px;
	height:0px;
	z-index: 999;
}
.jScrollPaneContainer {
	min-width:350px;
	margin-top:20px;
}

#sidebar {
	float:left;
	text-align:left;
	padding-left:84px;
	position:relative;
}
.sidebar {
	width:300px;
}
.sidebar_scroll {
	height:570px;
}
.sidebar_events {
	width:380px;
}	
#sidebar a {
	text-decoration:none;
}
#sidebar a:hover {
	text-decoration:underline;
}
#sidebar h2 {
	font-size:18px;
	font-weight:normal;
	padding-bottom:5px;
}
#sidebar h3 {
	margin-top:7px;
	font-weight:normal;
}
#sidebar h3 strong {
	color:#000;
}
#sidebar p {
	margin-top:2px;
}
#sidebar .when {
	float:left;
}
#sidebar .event {
	margin:0px 0px 10px 15px;
	float:left;
	width:300px;
}
#sidebar #l_g {
	display: block;
	width: 200px;
	height: 52px;
	background: url("/images/lessons_gallery.png") no-repeat 0 0;
}
#sidebar #l_g span {
	display:none;
}
#sidebar #l_g:hover {
	background-position: 0 -52px;
}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	line-height:18px;
}
#sidebar ul.partners {
	position:absolute;
	top:500px;
}
#sidebar ul.partners img{
	vertical-align:middle;
}
#sidebar ul.parkinfo_sidebar h3 {
	margin-top:20px;
}
#sidebar ul.event_sidebar {
	margin-top:30px;
}
#sidebar ul.event_sidebar h3 {
	margin-top:20px;
}
#sidebar ul.event_sidebar h4 {
	font-size:12px;
	margin:2px 0;
}
#sidebar ul.coaching_sidebar {
	margin-top:40px;
}

#footer {
	position:absolute;
	top:745px;
	left:0px;
	clear: both;
	text-align:left;
	width:1018px;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}	

#footer .credits {
	color:#5B5B49;
}
#footer .credits a {
	color:#627F08;
}

#footer p {
	margin-left:30px;
}

a {
	color:#333;
}

h3, h2, h1{
	margin-top:20px;
	margin-bottom:0px;
}
h3 a, h2 a, h1 a {
	text-decoration:none;
}
h3 a:hover, h2 a:hover, h1 a:hover {
	text-decoration:underline;
}

h2.social {
	margin:0;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 540px;
	padding: 2px;
}
#commentform input#submit {
	background-color:#627F08;
	color:white;
	border:0px;
	padding:10px;
}
	
.narrowcolumn .postmetadata {
	font-size:small;
	margin-top:0px;
	margin-bottom:5px;
}

.more-link {
text-align:left;
}

.navigation {
	margin-top: 10px;
	padding-bottom: 20px;
	}
	
#header p{
	margin:0px;
	padding:0px;
	}

	/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
a img {
	border: none;
	}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
/* End Images */

.flickr img, .flickr-mini-gallery img {
margin:0 5px 5px 0;
}

/* CALENDAR */

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

.ics-calendar-holder {
	width:100%;
}
.ics-calendar-header {
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	margin:0; padding:0;
}
.ics-calendar-header small {
	font-weight:bold;
	font-size:14px;
	margin-right:40px;
}
.ics-calendar-header div, .ics-calendar-header p {
	display:inline;
	margin-left:40px;
	font-size:20px;
	color:#627F08;
}
.ics-calendar-header a {
	text-decoration:none;
}
.ics-calendar-header a:hover {
	text-decoration:underline;
}
.ics-calendar-table {
	width:100%;
	table-layout: fixed;
}

.ics-calendar-table td {
	background:transparent url('/images/cal_bg.png') no-repeat 0 0;
	color:#d1c9c9;
	width:14%;
	height:76px;
	padding:2px;
	vertical-align:top;
	display:table-cell;
	overflow:hidden;
	/*font-size:10px;
	white-space:nowrap;*/
}

.ics-calendar-cell {
	position:relative;
}

.ics-calendar-days td {
	background:transparent;
	width:14%;
	height:26px;
	font-size:16px;
	color:#5D5D65;
	vertical-align:middle;
	text-align:center;
}

.ics-calendar-table td .date-holder, .ics-calendar-table td .old-date-holder, .ics-calendar-table td .date-holder p {
	width:100%;
	height:74px;
	text-align:center;
	font-size:50px;
	margin:0;
}
.ics-calendar-table td .old-date-holder {
	background:#231f20;
	color:#666;
	font-size:20px;
}
.ics-calendar-table td .date-holder strong {
	background:transparent url('/images/cal_bg_event.png') no-repeat 0 0;
	display:block;
	margin:-2px -2px 54px -2px;
	padding-bottom:56px;
	color:#f0f2ef;
	font-weight:normal;
}
.ics-calendar-table td .ics-calendar-today {
	background:transparent;
	color:#999;
	width:100%;
}
.ics-calendar-event {
	cursor:pointer;
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	font-size:12px;
	color:#231f20;
	text-align:center;
	display:none;
}

.ics-calendar-event-box {
	position:absolute;
	background:#FFFFFF;
	padding:12px;
	-moz-border-radius: 8px;
	display:none;
	width:350px;
	white-space:normal;
	border:1px solid #CCCCCC;
	color:#231f20;
}

.ics-more-button { float:left; font-size:10px; display:none; }

.ics-calendar-more-box {
	-moz-border-radius: 4px;
	text-align:left;
	display:none;
	padding:6px;
	position:absolute;
	background:#FFFFFF;
	border:1px solid #c3d9ff;
}

.ics-calendar-permalink { font-size:10px; float:right; padding-left:4px; }

/* EVENT CALENDAR CSS */

/* @override 
	http://wp.local/content/plugins/the-events-calendar/resources/events.css?ver=2.9.2
*/

.category-events #tec-content {
	background:#fff;
	width:670px;
	padding:1px 35px;
	margin-left:10px;
}
#tec-events-calendar-header {
	position:relative;
	margin-bottom:18px;
	height:20px;
}
.tec-calendar-buttons {
	position:absolute;
	right:20px;
	top:6px;
}
h2.tec-cal-title {
	float:left;
	padding-right:15px;
	margin-bottom: 33px;
}
#tec-content .ical {
	color:#fff;
	font-size:11px;
	background:#3D6294;
	padding:1px 3px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.tec-calendar-buttons a {
	background:transparent;
	border-radius:0px;
	color:#627F08;
	display:block;
	float:left;
	font-size:16px;
	font-weight:bold;
	height:27px;
	line-height:27px;
	margin:0;
	padding: 0;
	text-align:center;
	text-shadow:0px 0px 0;
	text-transform:none;
	width:auto;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
.tec-month-nav {
	position: absolute;
	left: 0px;
	top:0px;
	width:450px;
	text-align:center;
	font-size:24px;
	color:#627F08;
	height:40px;
}
.tec-month-nav a {
	text-decoration:none;
}
.tec-prev-month {
	float:left;
}
.tec-next-month {
	float:right;
}
.upcoming a.tec-button-on, .grid a.tec-button-on {background:#0F81BB;}
.upcoming a.tec-button-off, .grid a.tec-button-off {background:#999999;}
#tec-nav-above {margin:5px 0 0;}
.category-events #tec-nav-below {margin:21px 0;}
select.tec-events-dropdown {
	width:auto;
	font-size:11px;
	margin:33px 9px 0 0;
}
.category-events .post {
	padding:0 0 12px 10px;
	overflow:hidden;
	margin-bottom:0;
}
.category-events .upcoming .entry-title {
	font-size:15px;
	margin:15px 0 6px;
}
.category-events .entry-title a, .tec-event-meta-desc, .tec-event-day {color:#555;}
.category-events .post .alt {
	background:#f9f9f9;
	border-width:0;
}
table.tec-calendar {
	margin:18px 0 12px;
	clear:both;
	font-size:12px;
	border-collapse:collapse;
	border:0px solid #aaa;
	width:450px;
}
.tec-calendar .daynum {
	background-color: transparent;
	color:#D1C9C9;
	font-size:34px;
	padding:3px 9px;
	text-align:center;
	height:53px;
	width:53px;
	display:block;
}
.tec-calendar td.tec-present .daynum {
	background:transparent;
	color: #D1C9C9;
}
.tec-calendar td.tec-future .daynum {
	background:transparent;
	color: #D1C9C9;
}
.tec-calendar td.tec-past .daynum {color: #D1C9C9;}
.tec-calendar th {
	width: 60px;
	height: 10px;
	color: #627F08;
	font-size:24px;
	padding:4px 0;
	text-align:center;
	text-shadow:none;
}
.tec-calendar td {
	height: 0px;
	width:14.28%;
	color: #D1C9C9;
	vertical-align: top;
	border:0px solid #aaa;
	padding:0;
	background:transparent url('/images/cal_bg.png') no-repeat center 0;
}

.tec-calendar td .tec-event {
	padding:4px 5px;
	line-height:1.2;
}
.tec-calendar td a {font-size:91.7%; display:block; text-decoration:none;}
.tec-calendar hr {
	border:0 none !important;
	display:block;
	height:1px;
	background-color:#D4DBCC;
	margin:0 9px;
}
.tec-calendar .tec-event {position:relative;}
.tec-calendar .tec-tooltip {
	position:absolute;
	z-index:1001;
	top:5px;
	left:50px;
	width:320px;
	background-color:#fff;
	color:#333;
	line-height:1.4;
	display:none;
}
.tec-tooltip .tec-arrow {
	width:19px;
	height:11px;
	display:block;
	background:url(images/tooltip-arrow.png) no-repeat 0 bottom;
	position:absolute;
	bottom:-11px;
	left:20px;
}
.tec-calendar .tec-right .tec-tooltip {
	left:auto;
	right:50px;
}
.tec-right .tec-tooltip .tec-arrow {
	left:auto;
	right:30px;
}
.tec-tooltip .tec-event-title {
	background-color: #627F08;
	margin:0;
	color:#fff;
	font-size:12px;
	padding:0 6px;
	height:24px;
	line-height:24px;
}
.tec-tooltip .tec-event-body {
	font-size:11px;
	padding:3px 6px 6px;
	background-color:#fff;
}
.tec-tooltip .tec-event-date {
	font-style:italic;
	margin:3px 0;
}
#tec-content {font-size: 1.2em;}
.tec-event .post {position:relative;}
#tec-event-meta {
	border-width:1px 0;
	border-style:solid;
	border-color:#aaa;
	margin: 18px 0 12px;
	padding: 12px 0 2px;
	overflow:hidden;
	clear:both;
	font-size: 12px;
}
#tec-event-meta .column {
	float:left;
	width:45%;
	padding:0 4% 0 0;
	text-align:left;
	margin:0;
}
#tec-event-meta dt {
	float:left;
	clear:left;
	font-weight:bold;
	width:70px;
}
#tec-event-meta dd {
	padding:0;
	margin-left:70px;
	margin-bottom: 10px;
}
#tec-event-meta .gmap, .tec-event-meta-desc .gmap {
	color:#fff;
	font-size:9px;
	background:#3D6294;
	padding:1px 3px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
span.back {margin:12px 0 0;}
#tec-events-loop {
	font-size:13px;
	clear:both;
	margin: 10px 0 0;
}
.tec-events .tec-event-entry {
	width:60%;
	float:left;
	padding:0 5% 0 0;
}
.tec-events .tec-event-list-meta {
	float:right;
	border-left:1px solid #ccc;
	padding:0 0 0 4%;
	width:30%;
	font-size:12px;
	margin-bottom:20px;
}
.tec-event-list-meta table {border-collapse:collapse;}
.tec-event-list-meta td {
	vertical-align:top;
	padding-bottom:4px;
	text-align:left;
}
.tec-event-meta-desc {
	font-weight:bold;
	padding-right:12px;
	width:64px;
}
h4.tec-event-day {
	font-weight:bold;
	font-size:18px;
	margin:12px 0 -3px;
	clear:both;
}
h4.tec-event-day + .post .entry-title {margin-top:6px;}
#eventbrite-embed {
	width:100%;
	min-height:225px;
	margin:24px 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {zoom:1; /* For IE */}
.tec-events-error {display:none;}
.tec_hide {display:none;}
.tec-multi-event-day {color: #D1C9C9; display:block; width:53px; height:53px; margin-top:-4px; margin-left:1px; padding-top:4px; background:transparent url('/images/cal_bg_event.png') no-repeat center 0;}