/* 
	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
		
*/

/* colours

#00CC00 green news
#FF9900 orange cyc biz
#0083C9 blue
#FF3300 deep orange
#D00BA2 pink fun
#FFFF33 bright yellow
*/

 
 
/************************************************ * Reset * ************************************************/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, dl, dt, dd, a, fieldset, th, td {
	border: 0;
	margin: 0;
	outline: none;
	padding: 0; }
 
body {
	background-color: #666;
	background-image: url(images/bg-body.jpg);
	color: #666;
	font-family: Trebuchet, Verdana, Sans-Serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	text-align: center; }
 
#header {
        background-image: url(images/header.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	height: 361px;
	margin-left:auto;
	margin-right:auto;

	width:958px; }

#header h1{
margin:0;
padding:0;
}
 
#wrapper {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
        position: relative;
	width: 958px; }
 
#page-wrap {
	background-color: #fff;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
        margin-top: 0;
	overflow: hidden;
	padding-top: 10px;
	width: 958px; }
 


p { margin-bottom: 1em; }
 

.post {

	float: left;
	margin-bottom: 15px;
	text-align: left;
	width: 420px; 
        border-bottom: 1px solid #DADADA }
 
#ie6 .post { width: 410px; color:#000;}
 
.post h2 {
	color: #FF9900;
	font-family: Arial, Verdana, sans-serif;
	font-size: 2em;
	font-weight: bold;
	padding: 0 0 5px 0; }
 
.post h3 {
	color: #FF9900;
	font-size: 1.6em; }

.post h4 {
	color: #FF9900;
	font-size: 1.3em; }
 
.post p {
	font-size: 1.3em;
	line-height: 1.5em; }
 
.post ul { }
 
.post li {
	font-size: 1.3em;
	line-height: 1.7em;
	list-style-type: square; }
 
/************************************************ * Home * ************************************************/
.post-home {
	float: left;
	margin: 0 20px 0 15px;
	text-align: left;
	width: 450px; }
 
#ie6 .post-home { 
       width: 430px;
       margin: 0 15px 0 15px; }
 
.post-home h2 {
	color: #fff;
	display: none;
	font-size: 2em;
	font-weight: normal;
	margin-left: 12px;
	padding: 5px; }
 
.post-home h3 {
	color: #4C9AC5;
	font-size: 1.7em;
	font-weight: normal;
	margin-left: 12px; }
 
.post-home h4 {
	color: #4C9AC5;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	margin-left: 15px; }
 
.post-home h5 { color: #4C9AC5; }
 
.post-home p {
	font-size: 1.5em;
	line-height: 1.7em; }
 
.post-home ul { }
 
.post-home li {
	font-size: 1.5em;
	line-height: 1.7em;
	list-style-type: square; }
 
#subpages {
	border-bottom: solid 15px #fff;
	float: left;
	margin: 15px 10px 0 10px;
	text-align: left;
	width: 49%; }
 
/************************************************ * cycbiz * ************************************************/
.post-cycbiz {
	float: left;
	margin: 20px 20px 0 10px;
	text-align: left;
	width: 660px; }
 
#ie6 .post-cycbiz {
	float: left;
	margin: 0 10px 0 10px;
	text-align: left;
	width: 660px; }
 
.post-cycbiz h2 {
	color: #FF9900;
	font-family: Arial,Verdana,sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	margin-left: 12px;
	padding: 0 0 5px 0; }
 
.post-cycbiz h3 {
	color: #FF9900;
	font-size: 1.7em;
	font-weight: normal;
	margin-left: 12px;
	padding: 0 0 5px 0; }
 
.post-cycbiz h4 {
	color: #FF9900;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	margin-left: 12px;
	padding: 0 0 5px 0; }
 
.post-cycbiz h5 {
	color: #FF9900;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	margin-left: 12px;
	padding: 0 0 5px 0; }
 
.post-cycbiz p {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-left: 15px; }
 
.post-cycbiz ul { }
 
.post-cycbiz li {
	font-size: 1.5em;
	line-height: 1.7em;
	list-style-type: square; }
 
/************************************************ * Fun * ************************************************/
.post-fun {
	display: inline;
	float: left;
	text-align: left;
	width: 420px; }
 
	.post-fun h2 {
		color: #D00BA2;
		font-family: Arial, Verdana, sans-serif;
		font-size: 2em;
		font-weight: bold; }
 
	.post-fun h3 {
		color: #D00BA2;
		font-family: Trebuchet,Verdana,sans-serif;
		font-size: 1.7em;
		font-weight: normal; }
 
	.post-fun p {
		font-size: 1.3em;
		line-height: 1.5em; }
 
	.post-fun ul { list-style-type:none; }
 
	.post-fun li {
		font-size: 1.5em;
		line-height: 1.7em;
		padding-left:25px; }
 
/************************************************ * Contact * ************************************************/
.post-contact {
	float: left;
	margin: 0 10px 0 10px;
	text-align: left;
	width: 670px; }
 
#ie6 .post-contact {
	float: left;
	margin: 0 10px 0 10px;
	text-align: left;
	width: 660px; }
 
.post-contact h2 {
	color: #0083C9;
	font-family: Arial, Verdana, sans-serif;
	font-size: 2em;
        font-weight: bold;
	padding: 5px; }
 
.post-contact h3 {
	color: #0083C9;
	font-size: 1.7em;
	font-weight: normal; }

.post-contact h4 {
	color: #0083C9;
	font-size: 1.5em;
	font-weight: normal; }
 
.post-contact p {
	font-size: 1.3em;
	line-height: 1.7em; }
 
.post-contact ul { }
 
.post-contact li {
	font-size: 1.3em;
	line-height: 1.7em;
	list-style-type: square; }
 
/************************************************ * Blog * ************************************************/
.post-blog {
	border-bottom: dashed 1px #00CC00;
	float: left;
	margin-bottom: 10px;
	text-align: left;
	width: 440px; }
 
#ie6 .post-blog {
	border-bottom: dashed 1px #00CC00;
	float: left;
	margin-bottom: 10px;
	text-align: left;
	width: 430px; }
 
.post-blog h2 {
	color: #00CC00;
	font-family: Arial, Verdana, sans-serif;
	font-size: 2em;
	font-weight: bold;
	font-weight: normal;
	padding: 5px; }
 
.post-blog h3 {
	color: #00CC00;
	font-size: 1.7em;
	font-weight: normal; }
 
.post-blog h4 {
	color: #00CC00;
	font-size: 1.5em;
	font-weight: normal; }
 
.post-blog p {
	font-size: 1.3em;
	line-height: 1.7em; }
 
.post-blog ul { }
 
.post-blog li {
	font-size: 1.3em;
	line-height: 1.7em;
	list-style-type: square; }
 
.post-blog a, .post-blog a:link {
	border: 0;
	color: #00CC00;
	text-decoration: none; }
 
.post-blog a:visited {
	color: #00CC00;
	text-decoration: none; }
 
.post-blog a:hover {
	color: #FF9900;
	text-decoration: underline; }
 
.post-blog a:active {
	color: #00CC00;
	text-decoration: underline; }
 
.post-blog a:focus {
	color: #99CC00;
	text-decoration: underline; }

/**************************************** * Representatives * **************************************/
.post-rep {
	border-bottom: dashed 1px #00CC00;
	float: left;
	margin-bottom: 10px;
	text-align: left;
	width: 300px; }
 
#ie6 .post-rep {
	border-bottom: dashed 1px #00CC00;
	float: left;
	margin-bottom: 10px;
	text-align: left;
	width: 430px; }
 
.post-rep h2 {
	color: #00CC00;
	font-family: Trebuchet,Verdana,sans-serif;
	font-size: 2em;
	font-weight: bold;
	font-weight: normal;
	padding: 5px; }
 
.post-rep h3 {
	color: #00CC00;
	font-size: 1.7em;
	font-weight: normal; }
 
.post-rep h4 {
	color: #00CC00;
	font-size: 1.5em;
	font-weight: normal; }
 
.post-rep p {
	font-size: 1.3em;
	line-height: 1.7em; }
 
.post-rep ul { }
 
.post-rep li {
	font-size: 1.3em;
	line-height: 1.7em;
	list-style-type: square; }
 
.post-rep a, .post-blog a:link {
	border: 0;
	color: #00CC00;
	text-decoration: none; }
 
.post-rep a:visited {
	color: #00CC00;
	text-decoration: none; }
 
.post-rep a:hover {
	color: #FF9900;
	text-decoration: underline; }
 
.post-rep a:active {
	color: #00CC00;
	text-decoration: underline; }
 
.post-rep a:focus {
	color: #99CC00;
	text-decoration: underline; }
 
/****************************************** * Second Column * ************************************************/
#second-col {
	float: left;
	text-align: left;
	width: 460px; }
 
#second-col-single {
	float: left;
	text-align: left;
	width: 220px; }
 
.mini-col1 {
	float: left;
	text-align: left;
	width: 210px; }
 
.mini-col2 {
	float: right;
	margin-right: 10px;
	text-align: left;
	width: 210px; }
 
.mini-col1 h2, .mini-col2 h2 {
	color: #333;
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 1.2em; }
 
/************************************************ * Images * ************************************************/
.alignright, .aligncenter, .alignleft { padding: 5px; }
 
.alignrightnb, .aligncenternb, .alignleftnb {
	border: none;
	margin: 0;
	padding: 0; }
 
.alignright {
	float:right;
	margin-left:10px; }
 
.alignleft, .alignnone {
	float:left;
	margin-right:10px; }
 
#post-home .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto; }
 
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto; }
 
.hidden { display: none; }
 
/************************************************ * Search * ************************************************/
#searchform {
	float: left;
	height: 30px; }
 
#s {
	background:#fff;
	border-bottom:1px solid #F5F5F5;
	border-left:1px solid #999;
	border-right:1px solid #F5F5F5;
	border-top:1px solid #999;
	color: #666;
	font-family: Trebuchet, Verdana, sans-serif;
	font-size:11px;
	margin:0 0 0 0;
	padding:4px;
        width: 200px;
        position: absolute;

        top: 270px;
 }
 
#ie7 #s { top: 320px; }
 
#ie6 #s { top: 280px; }
 
/**************************************** * Top Navigation * ************************************************/
#nav {
	background-image: url(images/nav.jpg);
	background-repeat:no-repeat;
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
        line-height:65px;
        margin-top:0;
	padding-left: 20px;
        height: 70px;
	width: 940px;
      }
 
	#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; }

 
/************************************************ * Links * ************************************************/
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; }
 
/************************************************ * Sidebar Menu * ************************************************/
.menu {	
text-align: left;
width: 100%; }

.menu ul {margin: 0;
padding: 0;
list-style-type: none;
}

.menu ul li { margin: 0; padding: 0;}

.menu ul li a {
font-size:1.2em;
display: block;
padding: 8px 5px 8px 35px;
color: #666;
text-decoration: none;
background: url(images/star-o.gif) no-repeat 5px 5px;
}

.menu a:hover {
color: #666;
text-decoration: none;
background: url(images/star-g.gif) no-repeat 5px 5px;

}

.menu ul ul li { 
      margin: 0; 
      padding: 0 0 0 20px; 

}

.menu ul ul a {
font-size:1.2em;
font-weight:normal;
display: block;
padding: 8px 5px 8px 40px;
width: 162px;
color: #666;
text-decoration: none;
background: url(images/arw-g.gif) no-repeat 5px 5px;
}

.menu ul ul a:hover {
color: #666;
text-decoration: none;
background: url(images/arw-g.gif) no-repeat 5px 5px;
}
 

 

 
 
#lang {
	color: #00CC00;
	font-weight: bold;
	height: 30px;
	text-align: center;
	width: 210px;
        margin: 0; 
}
 
.cym {
	background: #0083C9;
	border: solid 1px #0083C9;
	float: left;
	margin-bottom: 15px;
	padding: 3px;
	width: 90px; }
 
.en {
	background: #0083C9;
	border: solid 1px #0083C9;
	float: right;
	margin-bottom: 15px;
	padding: 3px;
	width: 90px; }
 
#lang a:link {
	color: #FFFF33;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none; }
 
#lang a:visited {
	color: #FFFF33;
	font-size: 1.3em;
	text-decoration: none; }
 
#lang a:hover {
	color: #FF9900;
	font-size: 1.3em;
	text-decoration: none; }
 
#lang a:active {
	color: #00CC00;
	font-size: 1.3em; }
 
#lang a:focus {
	color: #FF9900;
	font-size: 1.3em; }
 
#hang_tab {
	height: 108px;
	left: 0px;
	position: absolute;
	top: 7px;
	width: 142px; 
        z-index: 10}
 
.flashmovie {
	float: left;
	margin-right: 10px;
	margin-top: 15px;
	width: 400px; }
 
/************************************************ * Blog * ************************************************/
#blog-content {
	float: left;
	margin-left: 15px;
	margin-right: 20px;
	text-align: left;
	width: 440px; }
 
#ie6 #blog-content {
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	text-align: left;
	width: 420px; }
  
#blog-content-wide {
	float: left;
	margin-right: 15px;
	text-align: left;
	width: 690px; }
 
#ie6 #blog-content-wide {
	float: left;
	margin-right: 10px;
	text-align: left;
	width: 670px; }
 
.commentIcon {
	float: left;
	padding-left: 23px;
	width: 100px; }
 
.comments a {
	background: url(images/comment.gif) no-repeat;
	float: right;
	height: 70px;
	text-indent: -9999px;
	width: 106px; }
 
.comments a, .comments a:link {
	color: #fff;
	float: right;
	font-weight: bold; }
 
.comments p { margin-top: 10px; }
 
.bigNum {
	font-size: 16px;
	font-weight: bold; }
 
.authorName { font-size: 11px; }
 
ol.commentlist {
	margin:0;
	padding:0; }
 
.commentlist li {
	list-style:none;
	margin-bottom:14px; }
 
.commentlist cite {
	background: #ccc;
	background:url(http://www.yoursite.com/images/bg_comments2_cite.gif);
	border-bottom:1px solid #0083C9;
	border-top:1px solid #d6e4c1;
	color:#596e3b;
	font-style:normal;
	height: 50px;
	width: 95%; }
 
.commentlist a:link, .commentlist a:visited { color:#596e3b; }
 
.commentlist a:hover, .commentlist a:active { color:#8ec343; }
 
.commentlist .author {
	font: small-caps bold 1.2em;
	text-decoration:underline;
	width: 410px; }
 
.commentlist .time {
	background: url(http://www.yoursite.com/images/bg_clock.gif) no-repeat 1px;
	padding-left:13px; }
 
.commenttext {
	border: 1px dashed #00CC00;
	color:#000;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 10px;
	width: 410px; }
 
.entry {
	margin-bottom: 15px;
	overflow: hidden;
	width: 100%; }
 
#commentbox { width: 440px; }

#ie6 #commentbox { width: 400px; }
 
#respond {
	display: block;
	width: 400px; }
 
.details {
	height: 60px;
	width: 440px; }
 
.author img { clear: right; }
 
#author, #email, #url, #commentbox {
	background: #FFFF33;
	padding: 3px; }
 
#submit {
	background: #00CC00;
	color: #fff;
	padding: 3px; }
 
/***************************************** * Bits 'n Bobs * ************************************************/
.breadcrumb {
	color: #fff;
	float: left;
	font-size: 1.1em;
	margin: 30px 0 0 10px;
	position: relative; }
 
.video {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px; }
 
#slideshow {
	float: left;
	height: 235px;
	margin-bottom: 10px;
	width: 430px; }
 
#newsblog {
	background-image: url(images/bg-news.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border: solid 1px #ccc;
	display: none;
	float: left;
	font-size: 1.2em;
	margin-bottom: 10px;
	padding: 10px;
	text-align: left;
	width: 400px; }
 
	#newsblog h2 {
		clear: left;
		color: #4C9AC5;
		font-size: 1.6em;
		font-weight: normal;
		margin-top: 10px; }
 
	#newsblog ul {
		color:#666;
		list-style: none;
		margin: 0;
		padding: 0; }
 
	#newsblog li {
		background-image: url(images/bg-news.jpg);
		background-position: top;
		background-repeat: repeat-x;
		border: 1px solid #ccc;
		color:#666;
		line-height: 1.4em;
		list-style: none;
		margin:10px 10px 10px 15px;
		padding: 15px; }
 
	#newsblog p {
		color:#666;
		font-size: 1.2em;
		line-height: 1.4em; }
 
.logo_y {
	float: right;
	margin-right:10px;
	margin-top: 95px; }
 
.ccypp {
	float: right;
	margin-right:10px;
	margin-top: 135px; }
 
:focus { -moz-outline-style: none; }
 
#reps {
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	width: 940px; }
 
.linklove { display: none; }
 
#tags {
	margin-top: 15px;
	width: 210px; }
 
/************************************************ * Forms * ************************************************/
.post textarea {
	border: 1px solid #333;
	height: 200px;
	width: 400px; }
 
.post input {
	background-color: #ffffff;
	border: 1px solid #333;
	float: left;
	width: 230px; }
 
.post comment { width: 410px; }
 
.post #submit, {
	background-color: #00CC00;
	border: 1px solid #333;
	color: #ffffff;
	float: left;
	width: 100px; }
 
.breadcrumb {
	color: #000;
	float: left;
	font-size: 1.1em;
	margin: 0 0 10px 10px;
	position: relative; }
 
.green-text { color:#00CC00; }
 
ul class: delicious {
	margin: 0;
	width: 100%; }
 
/************************************************ * Footer * ************************************************/
#footer {
	background-image: url('images/footer.jpg');
	background-repeat: no-repeat;
	clear: both;
	height: 579px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0 7px 0 15px;
	position: relative;
	text-align: left;
	width: 936px; }
 
	#footer a { color: #fff; }
 
	#footer h2 { 
                 color: #FFFF33; 
                 font-size: 1.4em; }
 
#top {
	color: #fff;
	float: right;
	padding-left: 20px;
	text-decoration:none; }
 
#footer ul {
	float: left;
	height: 200px;
	list-style: none;
	margin-right: 2px;
	margin: 90px 0 0 0;
	overflow: hidden;
	padding: 10px;
	width: 160px; }
 
#ie6 #footer ul {
	float: left;
	height: 210px;
	list-style: none;
	margin-right: 2px;
	margin-top: 90px;
	overflow: hidden;
	padding: 7px;
	width: 170px; }
 

 
#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: 520px;
	width: 275px; }
 
	#ftr-contact p {
		color: #ccc;
		text-align: left; }
 
#ftr-credits {
	height: 100px;
	position: absolute;
	right: 10px;
	top: 510px;
	width: 640px; }
 
	#ftr-credits p {
		color: #ccc;
		text-align: right; }
 
.separator { width: 100%; }

#dec-r {
	position: absolute;
	left: 958px;
	top: 400px;
	width: 42px;
        height: 402px;
 }

#ie6 #dec-r {
	display: none;
 }

.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 a:link {background-image: none;}


#log{
border: 1px solid #ccc;
}

#pwd{
border: 1px solid #ccc;
}

/* 
Coldskin #1 for Contact Coldform WordPress Plugin
@ http://perishablepress.com/press/2008/01/08/contact-coldform/ 
@ http://perishablepress.com/press/2008/01/15/contact-coldskins/
*/

div#coldform * {
	padding: 0;
	margin: 0; 
}
div#coldform {
	font-family: Verdana, sans-serif;
	background-color: #fff;
	font-size: 11px;
	margin: 11px 0;
	width: 650px;
	color: #333;
}
div#coldform fieldset {
	border: 0 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:#FFCC33;
	border:1px solid #FF9900;
	font-family: Verdana, sans-serif;
	margin: 3px 11px;
	font-size: 11px;
	display: block;
	padding: 3px;
	width: 450px;
	float: left;
}
div#coldform input.submit {
	margin: 3px 0 13px 137px;
	display: block;
	width: 100px;
	float: left;
}