/*
	Theme Name: CYC
	Theme URL: http://www.colonyofants.co.uk
	Description: CYC theme created for Conwy Youth Council.
	Author: Lynne Jones
	Author URI: http://www.colonyofants.co.uk
	Version: 1.0

*/

body {
 background-color: #666; background-image: url(images/bg-body.jpg); color: #666; font-family: Verdana, Sans-Serif; font-size: 62.5%; margin: 0; padding: 0; text-align: center;
}

html,
body,
#page-wrap {
 height: 100%
}
body > #page-wrap {
 height: auto; min-height: 100%;
}

#slideshow {
width: 957px;
}

#tools {
 width: 950px; font-size: 1.1em; height: 30px; line-height: 35px; margin-left: auto; margin-right: auto; margin-top: 5px; text-align: center; height: 25px; width: 960px; clear: both;
}
#tools .cym {
 background: #00CC00; color: #fff; cursor: pointer; float: right; font-size: 1.2em; height: 20px; width: 80px; text-align: center; line-height: 20px; margin: 0; padding: 5px; text-transform: uppercase;
}
#tools .en {
 background: #FF9900; color: #fff; cursor: pointer; float: right; font-size: 1.2em; height: 20px; width: 80px; text-align: center; line-height: 20px; margin: 0 20px 0 0; padding: 5px; text-transform: uppercase;
}
#header {
 background-image: url(images/header.jpg); background-position: center top; background-repeat: no-repeat; height: 288px; margin-left: auto; margin-right: auto; width: 958px;
}
#header h1 {
 margin: 0; padding: 0;
}

div.glidetext {
 color: #666; margin-right: 20px; margin-top: 10px; width: 283px; float: right; text-align: left; color: #832025;
}
.glideme a {
 display: none
}
.glide img {
 border: solid 1px #000
}

#page-wrap {
background-image:none; background-color: #fff; margin-left: auto; margin-right: auto; margin-top: 0; padding-top: 10px; width: 958px;
}

#main {
 float: left; width: 700px; text-align: left; margin: 0 20px 0 0;
}


#main-inner {
 float: left; width: 600px; text-align: left; margin: 0 20px 0 30px;
}
#news {
 background-color: #fff; float: left; width: 99%; text-align: left; margin: 0 20px 0 20px;
}
#news h2, #main-inner h2 {
 font-size: 2.4em; color: #0083C9; margin: 0;
}
#news, #main-inner p {
 font-size: 1.2em; line-height: 1.7em;
}
#news li, #main-inner li {
 font-size: 1.2em; line-height: 1.4em; margin: 0 20px 0 0; padding: 2px 10px 2px 25px;
}
.article {
 float: left; padding: 10px 0 10px 0; border-bottom: dotted 8px #FF33FF;
}
.article h2 {
 padding: 0.5em 0 0.5em 0
}
.menu {
 float: left; width: 220px; text-align: left;
}
.menu ul {
 list-style-type: none; margin: 10px 0 0 0; padding: 0;
}
.menu ul li {
 margin: 0
}
.menu ul li a {
 background-image: url(images/dot-turq.png); background-position: left; background-repeat: no-repeat; color: #232323; border-bottom: 1px dotted #5675AC; display: block; font-size: 1.3em; font-weight: 400; padding: 8px 8px 8px 14px; text-decoration: none;
}
.menu a:hover {
 background-image: url(images/dot-green.png)
}
.menu ul ul {
 margin: 0
}
.menu ul ul a {
 background-image: url(images/dot-green.png); background-position: 25px; display: block; font-weight: 400; padding: 8px 8px 8px 40px; margin: 0;
}
.menu ul ul a:hover {
 background-image: url(images/dot-turq.png)
}
.menu ul ul ul a {
 background-image: url(images/dot-turq.png); background-position: 40px; display: block; padding: 8px 8px 8px 60px;
}
.menu ul ul ul a:hover {
 background-image: url(images/dot-green.png)
}
.menu h2 {
 font-size: 1.4em
}
.menu p {
 font-size: 1.1em
}
#column {
background-color: #fff; width: 220px; float: left; margin: 0; text-align: left;
}

#column-home {
background-color: #fff; width: 220px; float: left; margin: 350px 0 0 0; text-align: left;
}

.space {
 height: 20px; clear: both;
}
#column h2 {
 display: none
}

.post{
background-color: #fff; float: left; }
#nav {
 background-image: url(images/nav.jpg); background-repeat: no-repeat; font-family: Trebuchet, Verdana, sans-serif; font-size: 22px; font-weight: bold; line-height: 65px; margin-top: 0; padding-left: 20px; height: 70px; width: 940px; margin-left: auto; margin-right: auto;
}
#nav ul {
 list-style-type: none; width: 900px; margin: 0;
}
#nav li {
 color: #fff; float: left; margin: 0; text-align: left; width: 180px;
}
#nav li a, #nav li a:link {
 color: #fff; text-decoration: none; width: 180px;
}
#nav a:visited {
 color: #fff; float: left; text-decoration: none; width: 180px;
}
#nav a:hover {
 color: #FFFF33; float: left; text-decoration: none; width: 180px;
}
a, a:link {
 border: 0; color: #00CC00; text-decoration: none;
}
a:visited {
 color: #0083C9; text-decoration: none;
}
a:hover {
 color: #FF9900; text-decoration: underline; background-image: none;
}
a:active {
 color: #00CC00; text-decoration: underline;
}
a:focus {
 color: #99CC00; text-decoration: underline;
}
#footer {
 background-image: url('images/footer.jpg'); background-repeat: no-repeat; clear: both; height: 640px; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0 7px 20px 15px; position: relative; text-align: left; width: 936px;
}
#footer a {
 color: #fff
}
#footer h2 {
 color: #FFFF33; font-size: 2em; margin: 0;
}
#top {
 color: #fff; float: right; padding-left: 20px; text-decoration: none;
}
#footer ul {
 float: left; height: 300px; list-style: none; margin-right: 2px; margin: 60px 0 0 0; overflow: hidden; padding: 10px; width: 160px;
}
#footer fieldset {
 border: none; text-align: left;
}
#footer ul.alt {
 list-style: none
}
#footer li {
 font-size: 1.1em; padding-bottom: 5px;
}
#footer li a {
 color: #000; font-size: 1.1em; text-decoration: none;
}
#footer li a:hover {
 text-decoration: underline
}
#ftr-contact {
 height: 90px; left: 20px; position: absolute; top: 510px; width: 275px;
}
#ftr-contact p {
 color: #ccc; text-align: left;
}
#ftr-credits {
 height: 100px; position: absolute; right: 10px; top: 500px; width: 640px;
}
#ftr-credits p {
 color: #ccc; text-align: right;
}
.separator {
 width: 100%
}
.wp-caption {
 border: 1px solid #ccc; background: #676767; text-align: center; padding-top: 10px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.wp-caption img {
 margin: 0; padding: 0; border: 0 none;
}
.wp-caption p.wp-caption-text {
 font-size: 1em; color: #fff; line-height: 17px; font-weight: bold; padding: 8px; margin: 0;
}
#ftrlinks a {
 font-size: 2.1em; font-weight: bold; line-height: 1em; text-indent: -9999px; position: absolute; height: 84px; width: 88px; top: 31px; text-decoration: none;
}
#ccypp {
 top: 360px; left: 320px; height: 125px; width: 242px;
}
a#cyc {
 top: 354px; left: 590px; height: 131px; width: 199px;
}
#ccbc {
 top: 374px; left: 799px; height: 105px; width: 152px;
}
#tags {
 width: 220px; float: left; margin-top: 30px;
}
#tags a:link {
 background-image: none
}
#log {
 border: 1px solid #ccc
}
#pwd {
 border: 1px solid #ccc
}
div#coldform * {
 padding: 0; margin: 0;
}
div#coldform {
 font-family: Verdana, sans-serif; background-color: #fff; font-size: 11px; margin: 30px 0 0 0; width: 600px; color: #333;
}
div#coldform fieldset {
 border: none; display: block; clear: both;
}
div#coldform legend.hide {
 display: none
}
div#coldform label.label {
 text-align: right; display: block; padding: 3px 0; margin: 3px 0; width: 125px; clear: left; float: left;
}
input#coldform_carbon {
 margin: 0 0 -7px 7px
}
div#coldform textarea#coldform_message, div#coldform input.input {
 background-color: #666666; font-family: Verdana, sans-serif; color: #fff; margin: 3px 11px; font-size: 11px; display: block; padding: 3px; width: 440px; float: left;
}
div#coldform input.submit {
 margin: 3px 0 13px 137px; display: block; width: 100px; float: left;
}
img {
 border: none
}
.read_more a {
 background: #FF00FF url(images/button.png) repeat-x bottom; border: none; color: #fff; cursor: pointer; display: inline; font-size: 10px; font-weight: 700; margin: 10px 0 0 10px; padding: 5px 5px; text-decoration: none;
}
.read_more a:hover {
 background: #99CC00 url(images/button.png) repeat-x bottom; color: #fff;
}
#main-inner table {
 width: 600px
}
ol.commentlist {
 margin: 0; padding: 0;
}
.commentlist li {
 margin-bottom: 8px; background: #fff url(http://www.yoursite.com/images/comment_arrows.gif) bottom no-repeat; border-bottom: dotted 8px #99CC00; color: #000; list-style: none; width: 600px;
}
.commentlist .commenttext {
 background: url(http://www.yoursite.com/images/bg_paint.gif) no-repeat; padding: 10px 10px 30px 10px;
}
.commentlist cite {
 display: block; color: #000; font-weight: bold; text-transform: uppercase; font-style: normal; background: url(http://www.yoursite.com/images/bg_cite_arrows.gif) bottom repeat-x; padding-bottom: 12px; font-size: 1.1em;
}
.commentlist a:link, .commentlist a:visited {
 color: #FF00FF
}
.commentlist a:hover, .commentlist a:active {
 color: #99CC00
}
.commentlist .date {
 background: #0083C9; padding: 3px;
}
li.alt {

}
li.alt .commenttext {

}
li.alt .date {
 background: #67421c; padding: 3px;
}
.details {
 margin-top: 20px
}
.avatar {
 float: left; margin: 10px 10px 0 0; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg);
}
.avatar:hover {
 float: left; margin: 10px 10px 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
}

.group:after {
 clear: both; content: "."; display: block; height: 0; visibility: hidden;
}
.group {
 display: block
}
* html .group {
 height: 1%
}

 .spacer {
clear: both !important;
}