/*
Theme Name: WCCC THEME V1
Description: Simple theme with a lot of the wordpress blog fuction cut out. Hard coded main navigation. Stripped down stylesheet for IE6.
Author: Richard Rogers
Author URI: http://www.dogoodadvertising.com/

*/


/*////////// CSS RESET //////////*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*////////// GENERAL //////////*/
body,td,th {
	margin-top: 10px;
	background-color: white;
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#containerHome,  
#containerWhy,
#containerWhy2,  
#containerNews, 
#containerNews2,
#containerNews3,
#containerConference, 
#containerConference2,
#containerConference3,
#containerDownloads, 
#containerContact  {
	margin: 0px auto;
	padding: 0;
	width: 960px;
	background-repeat: no-repeat;
	background-position: left top;
    -moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */
}

#containerHome {
	background-color: #4DA852;
	background-image: url(images/home-top-illy.png);
	color: white;
}

#containerWhy {
	background-color: #2475BF;
	background-image: url(images/why-top-illy.png); 
}

#containerWhy2 {
	background-color: #2475BF;
	background-image: url(images/walk-bus-cycle-top-illy.png); 
}

#containerNews {
	background-color: #C83359;
	background-image: url(images/home-header-illy.png);
    background-position: left 20px;
}
#containerNews2 {
	background-color: #C83359;
	background-image: url(images/kids-traffic-top-illy.png);
}

#containerNews3 {
	background-color: #C83359;
	background-image: url(images/train-kids-taxi-walking.png);
}


#containerConference {
	background-color: #88509D;
	background-image: url(images/conference-top-illy.png);
}

#containerConference2 {
	background-color: #88509D;
	background-image: url(images/kids-illy-top.png);
}

#containerConference3 {
	background-color: #88509D;
	background-image: url(images/late-for-bus-top-illy.png);
}


#containerDownloads {
	background-color: #D88634;
	background-image: url(images/downloads-top-illy.png);
}

#containerContact {
	background-color: #877C72;
	background-image: url(images/contact-top-illy2012.png);
	background-position: left 140px;
	color: white;
}

#containerHome #nav a:hover,
#containerHome #nav .navSelected span, 
#containerHome #searchsubmit {
color: #4DA852;
}



#containerWhy2 #nav a:hover,
#containerWhy2 #nav .navSelected span, 
#containerWhy2 #searchsubmit,
#containerWhy2 h1, 
#containerWhy2 h2, 
#containerWhy2 h3,
#containerWhy #nav a:hover,
#containerWhy #nav .navSelected span, 
#containerWhy #searchsubmit,
#containerWhy h1, 
#containerWhy h2, 
#containerWhy h3 {
color: #2475BF;
}

#containerNews3 #nav a:hover,
#containerNews3 #nav .navSelected span, 
#containerNews3 #searchsubmit,
#containerNews3 h1, 
#containerNews3 h2, 
#containerNews3 h3,
#containerNews2 #nav a:hover,
#containerNews2 #nav .navSelected span, 
#containerNews2 #searchsubmit,
#containerNews2 h1, 
#containerNews2 h2, 
#containerNews2 h3,
#containerNews #nav a:hover,
#containerNews #nav .navSelected span, 
#containerNews #searchsubmit,
#containerNews h1, 
#containerNews h2, 
#containerNews h3 {
color: #C83359;
}

#containerConference3 #nav a:hover,
#containerConference3 #nav .navSelected span, 
#containerConference3 #searchsubmit,
#containerConference3 h1, 
#containerConference3 h2, 
#containerConference3 h3,
#containerConference2 #nav a:hover,
#containerConference2 #nav .navSelected span, 
#containerConference2 #searchsubmit,
#containerConference2 h1, 
#containerConference2 h2, 
#containerConference2 h3,
#containerConference #nav a:hover,
#containerConference #nav .navSelected span, 
#containerConference #searchsubmit,
#containerConference h1, 
#containerConference h2, 
#containerConference h3  {
color: #88509D;
}

#containerDownloads #nav a:hover,
#containerDownloads #nav .navSelected span, 
#containerDownloads #searchsubmit,
#containerDownloads h1, 
#containerDownloads h2, 
#containerDownloads h3 {
color: #D88634;
}

#containerContact #nav a:hover,
#containerContact #nav .navSelected span, 
#containerContact #searchsubmit  {
color: #877C72;
}

#container3 {
	width: 760px;
	float:left;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

a {
	color: #999999;
}

a:hover {
	color: #FF0000;
}

hr {
	display: none;
}

/*////////// TYPEOGRAPHY //////////*/

@font-face {
	font-family: 'OmnesBold';
	src: url('Omnes-Bold.eot');
	src: local('Omnes Bold'), local('Omnes-Bold'), url('Omnes-Bold.otf') format('opentype');
}
		
h1, h2, h3 {
	font-family: OmnesBold, Trebuchet MS;
	text-transform: uppercase;
	padding-bottom: 14px;
}



h1 {
	font-size: 30px;
	padding-bottom: 20px;
	padding-top: 15px;
    line-height: 32px;
}

		
h2 {
	font-size: 19px;
	padding-top: 10px;
}

h3 {
	font-size: 16px;
	padding-top: 5px;
}

p {
	padding-bottom: 10px;
}

blockquote {
	background-color: #FFFFCC;
	display: block;
	padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
	color: #333333;
	margin-bottom: 14px;
	font-style: italic;
	-moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */
} 	 

em {
	font-style: italic;
}

strong {
	background-color: #FFFFCC;
	font-style: normal;
	font-weight: bold;
}


#content .post ul {
	color: #666666;
	list-style-type: square;
	list-style-position: inside;
}

#content .post ul {
	color: #666666;
	list-style-type: square;
	list-style-position: inside;
}

.noBullet ul {
	list-style-type: none;
}

#containerDownloads .noBullet ul {
	list-style-type: none;
}


/*////////// HEADER and NAV //////////*/

#skipLink {
	display: none;
}

#header{
	line-height: 12px;
	padding-top: 30px;
	height: 250px;
	width: 960px;
}

#headerLogo {
	margin-left: 20px;
	display: block;
	width: 171px;
	height: 88px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(images/walking-cycling-connecting-communities-logo.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#header p, #header h1, #header h2 { 
	display: none;
}

#nav ul {
	margin-left: 20px;
}

#nav li { 
	list-style-type:none; 
	float: left;
} 

#nav {
	height: 24px;
	padding-top: 30px;
}
#nav a, #nav a:visited {
	display: block;
	float: left;
	height: 24px;
	margin-right: 6px;
	background-image: url(images/nav-button-right.png);
	background-repeat: no-repeat;
	padding-right: 10px;
	background-attachment: scroll;
	text-decoration: none;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: right 0px;
}

#nav a:hover {
	background-position: right -24px;
}

#nav a span {
	float: left;
	display: block;
	background-image: url(images/nav-button-left.png);
	height: 14px;
	padding-left: 10px; 
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#nav a:hover span {
	background-position: 0px -24px;
}

#nav .navSelected a {
	background-position: right -24px;
}

#nav .navSelected span {
	background-position: 0px -24px;
}




/*////////// CONTENT //////////*/

#content {
	width: 470px;
	float:right;
}

#content a {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	text-decoration: none;
	color: #000000;
}

#content a:hover {
	color: #4DA852;
}

#content hr {
	display: block;
	border: 1px dashed #CCCCCC;
}

#content .post {
	background-image: url(images/post-bg-top.png);
	background-repeat: no-repeat;
	padding: 20px;
	margin-bottom: 30px;
}
table { 
	width: 430px;
	border: 1px solid #D88634;	
}

td.helpHed  { 
	border: 1px dashed #white;
	background-color: #D88634;
	color: #white; 
	padding: 4px;
	font-size: 10px;
	line-height: 12px;
}

td  {
	border: 1px dashed #D88634;
	padding: 4px;
	font-size: 10px;
	line-height: 12px;
}

td.highlight  {
	border: 1px dashed #D88634;
	padding: 4px;
	font-size: 10px;
	line-height: 12px;
	background-color: #FFFFCC;
}

			
  
/*////////// HOMEPAGE //////////*/

#homeSidebar, #emailnewsSidebar { 
	width: 270px;
	float: right;
	padding-left: 20px;
	background-image: url(images/subnav-bottom.png);
	background-repeat: no-repeat;
	background-position: 20px bottom;
	padding-bottom: 46px;
	color: #FFFFFF;
	margin-bottom: 60px;
}

#homeIntroPanel {  
	float:left;
	padding-left: 20px;
	color: #FFFFFF;
	width: 540px;
	margin-bottom: 350px;
}

#homeSidebar a, 
#homeIntroPanel a,
#container3Contact a,
#contentContact a,
#emailnewsSidebar a {
	color: #FFFFFF;
}

#homeSidebar a:hover, 
#homeIntroPanel a:hover,
#container3Contact a:hover,
#contentContact a:hover,
#emailnewsSidebar a:hover {
	color: #FFFF66;
}

.homepageImage {
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
}
	
#homeBottomLogos1 {
	margin: 0px auto;
	width: 960px;
	}
	
#homeBottomLogos {
	position: relative;
	bottom: 230px;
	width: 630px;
	left: 20px;
	color: #FFFFFF;
}

/*////////// CONTACT STYLES //////////*/


#container3Contact {
	width: 600px;
	float:left;
}

#contentContact {
	width: 550px;
	float:right;
	color: #FFFFFF;		
    margin-top: 30px;
}

#emailnewsSidebar { 
	margin-top: 0px;
}


span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 







/*////////// SIDEBARS //////////*/

#sidebarRT {
	width: 190px;
	float: right;
}

#sidebarLT {
	width:250px;
	float:left;
	padding-left: 20px;
	background-image: url(images/subnav-bottom.png);
	background-repeat: no-repeat;
	background-position: 20px bottom;
	padding-bottom: 46px;
	color: #FFFFFF;
}


#subnavBox, #homeSidebarBox, #subnavBoxContact, #emailnewsSidebarBox {
	background-image: url(images/subnav-top.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#subnavBox a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	display: block;
	padding: 5px;
}

#subnavBox a:hover {
	color: #FFFF66;
}
		
#subnavBox ul {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FFFFFF;
}
.selectedSubLink {
	color: #FFFF66;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	display: block;
	padding: 5px;
	background-color: #5DB363;
}


#containerWhy #subnavBox a:hover,
#containerWhy .current_page_item,
#containerWhy2 #subnavBox a:hover,
#containerWhy2 .current_page_item  {
	background-color: #5395D0;
}

#containerNews3 #subnavBox a:hover,
#containerNews3 .current_page_item,
#containerNews2 #subnavBox a:hover,
#containerNews2 .current_page_item,
#containerNews #subnavBox a:hover,
#containerNews .current_page_item  {
	background-color: #d15575;
}

#containerConference #subnavBox a:hover,
#containerConference .current_page_item,
#containerConference2 #subnavBox a:hover,
#containerConference2 .current_page_item,
#containerConference3 #subnavBox a:hover,
#containerConference3 .current_page_item  {
	background-color: #9A5AB3;
}

#containerDownloads #subnavBox a:hover,
#containerDownloads .current_page_item  {
	background-color: #E68D35;
}
.sidebarQuote {
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: block;
}




/*////////// LABELS //////////*/

#label3 {
	display:block;
	height:125px;
	width:190px;
	text-indent:-9999px;
	overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#label3 {
	background-image:url(images/label-conference2010-190px.png);
}

#bottomLabel {
	position: relative;
	width: 190px;
	height: 125px;
	bottom: 510px;
	float: right;
	right: 0px;
}

#bottomLabelhome {
	position: relative;
	width: 190px;
	height: 125px;
	bottom: 230px;
	float: right;
	right: 0px;
}


/*////////// BLOG ELEMENTS //////////*/

		
/*////////// FORMS //////////*/

#searchform {
	display: block;
	float: right;
	height: 24px;
	width: 265px;
}

#searchform #s {
	display: block;
	float: left;
	width: 165px;
	height: 14px;
	background-color: transparent;
	border: 1px dashed #FFFFFF;
	padding: 4px;
    -moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */
}

#searchform #s:focus {
	background-color: #ffffff;
}

#searchsubmit {
	display: block;
	float: right;
	width: 59px;
	height: 24px;
	cursor: pointer;
	border: none;
	outline: none;
	margin-right: 20px;
	background-image: url(images/search-button.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}




/*////////// FOOTER //////////*/

#footer {
	background-image: url(images/footer-dotted-diveder.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	margin-top: 30px;
}
#footer p{
	color: white;
	width: 600px;
	padding: 0px;
}

#footerLogo {
	display: block;
	float:right;
	width: 171px;
	height: 88px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(images/wccc-logo-footer.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#csLogo, #pfaLogo, #susLogo, #sptLogo, #lsLogo {
	display: block;
	float:left;
	height: 53px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 20px;
}

#csLogo {
	width: 127px;
	background-image: url(images/cycling-scotland-logo.png);
}

#pfaLogo {
	width: 63px;
	background-image: url(images/paths-for-all-logo.png);
}

#susLogo {
	width: 103px;
	background-image: url(images/sustrans-logo.png);
}

#sptLogo {
	width: 92px;
	background-image: url(images/spt-logo.png);
}

#lsLogo {
	width: 127px;
	background-image: url(images/living-streets-logo.png);
}

#smallprint {
	margin: 0px auto;
	width: 960px;
}

#smallprint p{
	padding: 20px;
	color: #999999;
}

		
/*////////// IMAGES //////////*/	


/*////////// Downloads classes //////////*/	

.smallDescription {
	display: block;
	font-size: 10px;
	line-height: 12px;
	padding-top: 10px;
}

.dowloadsImage{
	float: left;
	padding-right: 10px;
	padding-top: 10px;
}

/*////// FUN CLASSES ///////////*/
/*any little extra flares and fun design 
elements you want to add can go here*/
#homeIntroPanel h1, 
#homeIntroPanel h2, 
#homeIntroPanel h3 {
color: #white;
}