/*
	Theme Name: AYC
	Theme URI: http://www.junomedia.co.uk
	Description: AYC global style sheet
	Version: 1.0
	Author: Juno Media
	Author URI: http://www.junomedia.co.uk
*/

/***** Global *****/
	/* Reset */
		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,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
	    line-height: 1.4;
	    font-size: 81.25%; /* 13px */
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	    color: #666;
	    background: white url('images/bg.png') repeat-x top;
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
	h1 {font-size: 1.6em; color: #016d69}
	h2 {font-size: 1.4em; color: #016d69}
	h3 {font-size: 1.3em}
	h4 {font-size: 1.2em}
	h5 {font-size: 1.1em}
	h6 {font-size: 1em}
	
	h1, h2, h3, h4, h5, h6 {margin-bottom: 7px}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #016d69; text-decoration: underline}
	a:hover, a:active {text-decoration: none}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.4;
	    text-align: left
	}
	
	strong, b {font-weight: bold; font-size: 110%; color: #016d69}
	em, i {font-style: italic}

/* Quotes */
blockquote {background: #f1f1f1; padding: 1em; margin: 1.5em}
blockquote p {margin-bottom: .5em}	
	
/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside disc
}
ul.sub-list {
  margin: .2em 0 .8em 1.5em;
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal
}

ol.numberless, ul.bulletless {
  margin-left: 0;
  list-style-type: none
}

/* Tables */
table {width: 98%; margin: .5em auto 1.5em auto; border: 1px solid #e6e6e6}

thead th {background: #eeeedc; color: #333; text-align: left; padding: .5em .4em; font-weight: bold}

tbody td {padding: .5em .4em}
tbody .alt td {background: #f1f1f1}

/***** Layout *****/
.wrap {width: 882px; margin: 0 auto; overflow: hidden}

/* Boxes */
.box {background:#118d89 url('images/footer-bg.png') repeat-x top left; color: #fff; padding: 15px; margin-bottom: 30px; -moz-border-radius: 8px; -webkit-border-radius: 8px}
.box strong, .box b {color:#fff}
.box table {border: 0; margin: 0 0 1.5em 0;}
.box table thead th {background: none;}
.box table tbody td {padding: 0 5px;}
.box a:link, .box a:visited {color: #013f42}

/* Header */

/* Tony edits */
#access_bar {
	width: 820px;
	margin: 2px auto 32px auto;
	padding: 3px 0 3px 32px;
}


#access_bar .css_select_list, #access_bar_full .css_select_list {

	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#access_bar .css_select_list li, #access_bar_full .css_select_list li {

	list-style-type: none;
	float: left;
	margin-left: 8px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Tony edits */

.rightfloatlinks {float: right;} /* Tony edits */

#header {width: 882px; margin: 0 auto; overflow: hidden}
#logo {float: left}
#ayc-logo {float: right; margin-bottom: 11px}

	/* Menu */
	#menu {
		width: 852px;
		height: 58px;
		clear: both;
		margin: 0;
		background: #0d7370 url('images/men-bg.png') no-repeat top left;
		overflow: hidden;
		line-height: 58px;
		list-style: none;
		padding: 0 15px;
		font-size: 1.1em
	}
	
	#menu li {float: left; height: 58px; line-height: 58px; padding: 0 1.5em}
	#menu li.active {background: url('images/men-active.png') no-repeat center center !important; background: none; text-decoration: none !important; text-decoration: underline}
	
	#menu a:link, #menu a:visited {color: #fff; text-decoration: none}
	#menu a:hover, #menu a:active {text-decoration: underline}
	#menu .active a:hover, #menu .active a:active {text-decoration: none}

/* Body */
html {background-color: #016d69}
#body {background: url('images/plants-bg.png') repeat-x bottom left}
#body.page {padding-bottom: 100px}
#img-head {display: block; margin: 20px 0; overflow: hidden; height: 1%;}

#img-head a img {display: block; float: left;}
#splash-img {display: block; width: 660px; height: 322px; float: left}

	/* Poll */
	#poll-wrapper {
		border: 1px solid #D3ECEB;
		background: #1D7D79;
		padding: 20px;
		width: 140px;
		float: right;
		color: #fff;
		font-size: 14px;
		margin: 27px 0 0 0;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px
	}
	
	#poll-wrapper strong {
		color: #fff;
	}
	
	#poll-wrapper p {margin: 0}
	
	#poll-wrapper ul, #poll-wrapper li {margin: 0; padding: 0}
	
	#poll-wrapper .question {font-weight: bold; font-size: 1.4em; line-height: 1.2; margin-bottom: 15px; color: #fff;}
	#poll-wrapper .switch {margin-top: 15px}
	#poll-wrapper a:link, #poll-wrapper a:visited {color: #fff;}
	
	#poll-wrapper .button {
		margin: 15px 0 0;
		border: 1px solid #E5E5D9;
		background: #F5F4E8;
		display: block;
		height: 35px;
		width: 100%;
		line-height: 35px;
		text-align: center;
		color: #1D7D79;
		font-size: 100;
		font-weight: bold;
	}

	/* Sidebar */
	#side-wrap {
		width: 229px;
		margin: 30px 30px 30px 0;
		float: left
	}
	#side-wrap.blog {float: right}
	
	#sidebar {
		padding: 10px 20px 20px 20px;
		margin: 0 0 30px 0;
		background: url('images/sidebar-bg.png') no-repeat top left;
	}
	
	#sidebar ul {list-style: none; margin: 0 0 2em 0; font-size: 1.1em}
	#sidebar li {font-size: .9em; padding: .3em 0 .5em 0; background: url('images/sidebar-sep.png') no-repeat bottom center}
	#sidebar li.sub-item {padding-left: 1em}
	#sidebar li.sub-item a:link, #sidebar li.sub-item a:visited {color: #aaa}
	
	#sidebar a:link, #sidebar a:visited {text-decoration: none}
	#sidebar a:hover, #sidebar a:active {text-decoration: underline}
	
	/* Tag Cloud */
	#tagcloud {
		border: 1px solid #eee;
		padding: 20px;
		background: #fff;
		color: #1B7B77;
	}
	
	#tagcloud a:link, #tagcloud a:visited {
		color: #1B7B77;
		text-decoration: none;
	}
	#tagcloud a:hover, #tagcloud a:active {
		text-decoration: underline;
	}
	
	#tagcloud ul {margin: 0; list-style: none; text-align: center;}
	#tagcloud ul li {margin: 0; display: inline;}
	
	/* Content */
	#content {
		width: 586px;
		float: left;
		margin: 30px 0 30px 0;
		background: #fff;
		border: 1px solid #eee;
		padding: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px
	}

	#content .header {border: 1px solid #eee; margin-bottom: 15px} 
	#content .inner {width: 560px; margin: 0 auto}

/* Footer */
#footer {
	background: #005f5b url('images/foot-bg.png') repeat-x center top;
	color: #fff;
	padding: 40px 0 2px 0
}

#footer a:link, #footer a:visited {color: #fff; text-decoration: none}
#footer a:hover, #footer a:active {text-decoration: underline}

	/* Footer News */
	#foot-news {background: url('images/foot-news-bg.png') no-repeat top center; padding: 40px 0 0 0; overflow: hidden; width: 100%}
		
		/* Latest News */
		#foot-latest-new {width: 332px; float: left; overflow: hidden}
		#foot-latest-new img {border: 10px solid #007c77; display: block; margin-bottom: 15px}
		
		/* News List */
		#foot-news-list {margin: 0 0 0 40px; padding: 0; list-style: none; float: left; width: 500px}
		#foot-news-list li {overflow: hidden; width: 100%; margin-bottom: 20px}
		#foot-news-list img {border: 3px solid #007c77; float: left; margin-right: 25px}
		#foot-news-list p {margin-bottom: .3em}
		
	/* Footer Copyright */
	#foot-copy {
		background: url('images/copy-foot.gif') no-repeat bottom center;
		padding: 20px 100px 45px 100px;
		overflow: hidden;
		text-align: center;
		width: 682px;
		clear: both;
	}
	
	#uka-logo {margin-top: 20px; float: left; margin-left: -100px;}
	#foot-links {margin: 0; list-style: none; float: right; margin-top: 20px; margin-right: -100px;}
	#foot-links li {margin-bottom: 5px}
	
	#foot-men {margin: 0 0 1em 0; list-style: none; padding: 0}
	#foot-men li {display: inline; padding: 0 .5em 0 .3em; border-right: 1px solid #fff; line-height: 1}
	#foot-men li:last-child {border: 0}
	
	#footer address {font-size: .9em; font-style: normal}
	
/***** Sections *****/
/* Homepage */
	/* Video Box */
	#video-box {
		height: 237px;
		width: 828px;
		padding: 25px;
		background: #fff url('images/video-box-bg.png');
		overflow: hidden
	}
	
	#video-box {margin-top: 20px}
	
		/* Video Container */
		#video {width: 383px; height: 232px; border: 1px solid #f8f8f8; float: left; background: #fff}
	
		/* Social */
		#social {
			margin: 0;
			padding: 12px 12px 12px 11px;
			list-style: none;
			float: left;
			width: 22px;
			height: 215px;
			overflow: hidden;
			background: #f3f3f3 url('images/social-bg.png') no-repeat
		}
		
		#social li {width: 16px; height: 16px; padding: 3px 3px 2px 3px; background: url('images/social-icon-bg.gif') no-repeat center center; margin-bottom: 10px}
		
		/* Video Description */
		#vid-description {float: left; width: 366px; margin: 0 0 0 30px; padding: 0}
		
/* Blog Index */
#post-list {margin: 0; padding: 0; list-style: none}

.post {overflow: hidden; height: 1%; margin-bottom: 1em; }

.post h2 {margin-bottom: 5px}
.post .meta {display: block; margin-bottom: 2em; padding: 5px 10px 7px 10px; font-size: .8em; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;  background: #F0F0DF; overflow: hidden; height: 1%}
.post .meta .comments {float: right}
.post .meta .date, .post .meta .author {float: left; margin: 0 .5em 0 0}

.post h2 a:link, .post h2 a:visited {text-decoration: none}

/* Comments */
#comments ul {margin: 0 0 2em 0; list-style: none}
#comments li {padding: 0; background: none; margin-bottom: 1.5em;  background: #F0F0DF; padding-bottom: 1em}

#comments h3 {margin-bottom: 20px}

#comments blockquote {background: none; padding: 10px 10px 0 70px; margin: 0; font-size: .9em}
#comments cite {position: relative; padding: .3em 0 .3em 70px; background: #177875; color: #fff; display: block; font-style: normal}
#comments cite img {position: absolute; border: 1px solid #ccc; left: 5px !important; left: -65px; top: -5px}

#comments cite a:link, #comments cite a:visited {color: #fff}

/* Comments Form */
#comment-form {width: 520px; border-top: 3px solid #eaeaea; padding: 20px;background: #F5F5E8; margin-bottom: 10px}
#comment-form .form-box {overflow: hidden; height: 1%}
#comment-form .text, #comment-form textarea {
	border: 1px solid #ddd;
	width: 420px;
	padding: .3em;
	margin-bottom: .5em;
	float: left
}

#comment-form textarea {clear: both; width: 500px; margin-bottom: 2em}

#comment-form label {width: 80px; display: block; float: left; clear: left; margin-top: 0; line-height: 1.4}
#comment-form .button, #contact-form .button {
	float: right;
	background: #006C68;
	color: #fff;
	cursor: pointer;
	padding: .3em 0;
	width: 100px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	margin-right: 35px;
	border: 0
}

/* Contact */
#contact-form {width: 537px}
#contact-form .text, #contact-form textarea {
	border: 1px solid #ddd;
	width: 480px;
	padding: .3em;
	margin-bottom: .5em
}
#contact-form textarea {margin-bottom: 20px}
#contact-form .button {float: right; margin-right: 50px}

/* Links */
ul.links {margin: 0 0 2em 0; list-style: none}
ul.links li {float: left; width: 45% !important; width: 40%; margin: 0 4% 0 0; display: inline}

/* Questions */
.question {font-size: 3em; line-height: 1; color: #ccc}

/* Map */
#location-map {
	border-top: 3px solid #eaeaea;
	background: #F5F5E8;
	padding: 2px 20px 20px;
	margin: 1.5em 0 0 0;	
}

#location-map fieldset {margin-bottom: 20px}
#location-map fieldset div {padding: 0; overflow: hidden; height: 1%; display: block; float: left}
#location-map label {margin: 0 .5em 1em .25em; width: auto; float: none; line-height: 1.6em}

#location-map .button {
	float: right;
	background: #006C68;
	color: #fff;
	cursor: pointer;
	padding: .3em 0;
	width: 100px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	border: 0
}

#location-map input.text, #location-map textarea {
	color: black;
	border: 1px #dddcd4 solid;
	background-color: #fff;
	padding: .3em .25em;
	display: inline;
	float: none
}

#map_canvas {border: 1px solid #eaeaea}

#detailed-text img.hidden {display: none}
#detailed-text {overflow: hidden; height: 1%; color: #fff; font-size: 111.11%; font-weight: normal; background: #006C68; padding: 5px}
#detailed-text span {float: left; margin-left: 4px}
#detailed-text img{float: right; cursor: pointer; margin: 7px 3px 0 0}

#directions {background: #fff}

/* Address List */
ul.addresses {list-style: none; margin: 0; padding: 0}
ul.addresses li {width: 270px; float: left; clear: left; margin-bottom: 1em}
ul.addresses li.right {float: right; clear: right}

/* Gallery */
.gallery {
	width: 579px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 20px 0;
}

.gallery li {
	float: left;
	margin: 0 19px 20px 0;
	display: inline;
	border: 0;
}

.gallery a:link, a:visited {
	border: 0;
}
.gallery img.attachment-thumbnail {display: block; margin-bottom: .2em; border: 0;}

#gall-full-img {
	margin-top: 9px;
	overflow: hidden;
}

#gallery-desc {
	margin-top: 12px;
	text-align: center;
}

#gallery-desc .buttons {margin: 0 auto; width: 603px; list-style: none}
#gallery-desc .buttons li a:link, #gallery-desc .buttons li a:visited {
	float: left;
	background: #006C68;
	color: #fff;
	cursor: pointer;
	padding: .3em 1em;
	text-align: center;
	font-size: 1.1em;
	margin-right: 15px;
	margin-bottom: 10px;
	text-decoration: none;
	border: 0
}
#gallery-desc .buttons .inactive {
	float: left;
	background: #ccc;
	color: #fff;
	cursor: pointer;
	padding: .3em 1em;
	text-align: center;
	font-size: 1.1em;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 0;
	cursor: default
}

.speech li{float:left; background: url('images/speech-top.gif') top no-repeat;width:261px; height:auto; color:#000}
.speech li.left {margin-right:35px}
.speech li div{background: url('images/speech-bottom.gif') bottom no-repeat;padding:25px 25px 92px 25px;}
.speech li h3 {color:#1c7c78;font-size:1.1em;font-weight:bold}
.speech li p {margin-bottom:7px}
.speech li a:link {color:#1c7c78;text-decoration:none;padding:0}
.speech li a:hover, .speech li a:active {text-decoration:underline}

.speech-full-wrap {background: url('images/speech-top-large.gif') top no-repeat;width:100%; height:auto;}
.speech-full {background: url('images/speech-bottom-large.gif') bottom no-repeat;padding:25px 25px 130px 25px;}
.speech-full-wrap .button {
	background: #006C68;
	color: #fff;
	cursor: pointer;
	padding: .3em 1em;
	width: 100px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	border: 0
}

/* Titbits */
.boxed-addresses {overflow: hidden; background:#118d89 url('images/footer-bg.png') repeat-x top left; color: #fff; padding: 15px; margin: 0 0 30px; -moz-border-radius: 8px; -webkit-border-radius: 8px}
.boxed-addresses li {display: block; width: 160px; float: left; clear: none}
.boxed-addresses strong, .boxed-addresses b {color:#fff; font-size: 1.1em}
