/*	fonts, yo
	----------------------------------------------------------------------*/



	/*--------------------------------------------------------------------*/



	a {
		color:		   #d12026;
		text-decoration: underline;
	}

		a:hover {
			text-decoration: none;
		}

	abbr {
		border-bottom: 1px dashed;
		cursor:		help;
	}

	blockquote {
		font-size:   1.3em;
		line-height: 1.5em;
		margin:	     0 1em 1.5em 1em;
		padding:	 1em 1.5em 0 1.5em;
	}

		blockquote p {
			font-size: 1em;
		}

	body {
		color:	   #111;
		font-family: Arial, sans-serif;
		font-size:   62.5%;
		line-height: 1.5em;
	}

	cite {
		text-style: italic;
	}

	del {
		text-decoration: line-through;
	}

	dl {
		font-size:   1.3em;
		line-height: 1.5em;
		margin-top:  1.5em;
	}

		dt {
			font-weight:   bold;
			margin-bottom: .5em;
		}

		dd {
			margin-bottom: 1.5em;
		}

			dl dd * {
				font-size: 1em;
			}

	em {
		font-style: italic;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family:	'AvantGarde', Arial, sans-serif;
		margin:		 0 0 1em;
		text-transform: uppercase;
	}

	h1 {
		font-size: 2.4em;
	}

	h2 {
		font-size: 1.8em;
	}

		h2.news_title {
			margin: 0 0 .2em;
		}

        #content h2 {
			background:    #3ed4e6 url('../img/gradient_overlay.png') left center repeat-x;
			-moz-border-radius:    3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			color:         #fff;
			display:       inline-block;
			font-size:     1.8em;
			line-height:   1;
            margin:        0 0 .75em;
			padding:       4px 10px;
		}

            body.about #content h2 { background-color: #6cf43c; }
            body.news         #content h2 { background-color: #7334ac; }
            body.info-index   #content h2 { background-color: #f9fb00; }
            body.organisations   #content h2 { background-color: #ec2712; }
            body.botb         #content h2 { background-color: #f8be00; }
            body.events       #content h2 { background-color: #f9009b; }

            #content #comments h2 {
                background: none;
                color:      #7334ac;
                display:    block;
                padding:    0;
            }

            #content #comment_form h2 {
                background: none;
                color:      #77CEF6;
                display:    block;
                padding:    0;
            }

	h3 {
		font-size: 1.6em;
	}

	h4, h5, h6 {
		font-size:   1.6em;
		font-weight: normal;
	}

	hr {
		background: #e3e3e3;
		border:	 0;
		color:	  #e3e3e3;
		height:	 1px;
		margin:	 20px 0;
	}

	img {}

	ins {
		border-bottom: 1px dotted;
	}

	ol {
		margin-bottom: 1.5em;
	}

		ol li {
			font-size:   1.3em;
			line-height: 1.5;
			list-style:  decimal;
			margin-left: 2em;
		}

		ol.roman li {
			list-style: lower-roman;
		}

			ol li * {
				font-size: 1em;
			}

			ol li ol {
				margin-bottom: 0;
			}

	p {
		font-size:	   1.3em;
		line-height:   1.5;
		margin-bottom: 1em;
	}

		p.breadcrumb {
			font-size: 1.2em;
			margin:	0 10px 10px;
		}

			.breadcrumb a {
                color:	         #d12026;
				text-decoration: none;
			}

				.breadcrumb a.here {
					font-weight: bold;
				}

                .breadcrumb a:hover {
                    text-decoration: underline;
                }

		p.currently {
			margin-bottom: 1em;
		}

		p.flyer_link {
			background:  #3b3637;
			border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			font-size:   2em;
			font-weight: bold;
			margin-top:  1em;
			line-height: 2em;
			text-align:  center;
		}

			.flyer_link a {
				color:		   #f0219c;
				display:		 block;
				text-decoration: none;
			}

				.flyer_link a:hover {
					text-decoration: underline;
				}

		p.intro {
			font-size: 1.4em;
			margin:	0 0 .5em;
		}

        p.meta {
			font-size:	 1.1em;
			margin-bottom: 2em;
		}

			.meta a {
				font-weight:	 bold;
				text-decoration: none;
			}

                body.news   .meta a { color: #7334ac; }
                body.events .meta a { color: #f9009b; }
                
            
				.meta a:hover {
					text-decoration: underline;
				}

		p.more_blue,
		p.more_green,
		p.more_magenta,
		p.more_purple {
			font-size:  1.3em;
			text-align: right;
		}

			.more_blue	a,
			.more_green   a,
			.more_magenta a,
			.more_purple  a {
				color:		   #fff;
				font-weight:	 bold;
				padding:		 3px 5px;
				text-decoration: none;
			}

				.more_blue	  a { background: #77cef6; }
				.more_green   a { background: #d8fc86; }
				.more_magenta a { background: #f0219c; }
				.more_purple  a { background: #8e32d6; }

				.more_blue	a:hover,
				.more_green   a:hover,
				.more_magenta a:hover,
				.more_purple  a:hover {
					text-decoration: underline;
				}

		p.paging {}

			.paging a {
				font-weight:	 bold;
				padding:		 2px 6px;
				text-decoration: none;
			}

				.paging a:hover,
				.paging a.current {
					background:      #d12026;
					color:	         #fff;
                    text-decoration: none;
				}

		p.view_all {
			font-size:	    1.4em;
			margin:		    0;
			text-align:	    right;
			text-transform: uppercase;
		}

			.view_all a {
				background:      url('../img/more.png') right -200px no-repeat;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				color:           #fff;
				font-weight:     bold;
				padding:         4px 21px 4px 7px;
				text-decoration: none;
			}


	small {
		font-size: .75em;
	}

	span {}

		span.yeg a {
			background:   url('../img/icons/megaphone.png') left center no-repeat;
			font-size:	0.6em;
			line-height:  0;
			margin-left:  5px;
			padding-left: 20px;
		}

			span.yeg a:hover,
			span.yeg a.active {
				color: #fff;
			}


		span.tape {
			display: none;
		}

	strong {
		font-weight: bold;
	}

	sub {
		font-size:	  .85em;
		vertical-align: sub;
	}

	sup {
		font-size:	  .85em;
		vertical-align: super;
	}

	table {}

	ul {
		margin-bottom: 1.5em;
	}

		ul li {
			font-size:   1.3em;
			line-height: 1.5;
			list-style:  disc;
			margin-left: 2em;
		}

			ul li * {
				font-size: 1em;
			}

			ul li ul {
				margin-bottom: 0;
			}