/*
Theme Name: CycleCardiff
Theme URI: http://www.cyclecardiff.org.uk/
Description: Theme for the Cycle Cardiff site
Version: 1
Author: Nick Canham
*/

/* --------- BASIC ELEMENTS ----------*/

* {
margin: 0;
padding: 0;
}

a {
color: #0D6DA5;
text-decoration: underline;
}

a:visited {
color: #0D6DA5;
text-decoration: underline;
}

a:hover {
color: #CA0403;
text-decoration: underline;
}

acronym, abbr, span.caps {
}

acronym, abbr {
}

blockquote {
width: 275px;
margin: 0.3em 0 0.4em 75px;
padding: 0 10px 0 20px;
border-left: 3px solid #CA0403;
background: #eee url(images/quotes.gif) 5px 5px no-repeat;
}

blockquote p {
padding: 0;
}

body {
text-align: center;
font: 12px  Georgia, "Times New Roman", serif;
color: #444444;
background: #ddd;
line-height: 1.6em;
}

/* --------- TYPOGRAPHY ----------*/

h1, h2, h3, h4 {
font-weight: normal;
}

h1 {
font-size: 164%;
margin: 10px 0 0 0;
padding: 0 0 0.2em 0;
color: #CA0403;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited{
color: #CA0403;
text-decoration: none;
}

h2 {
font-size: 145%;
margin: 10px 0 0 0;
padding: 0 0 0.25em 0;
color: #CA0403;
}

h3 {
font-size: 118%;
text-transform: uppercase;
border-bottom: dotted 1px;
color: #369;
}

h3 a, h3 a:hover, h3 a:visited {
color: #369;
text-decoration: none;
}

input {
font-family: Georgia, "Times New Roman", serif;
font-size: 12px;
}

span {
color: #CA0403;
}

/* --------- LISTS ----------*/

p {
padding: 0.2em  0 0.5em;
}

ul {
list-style-type: square;
padding-left: 15px;
}

li {
padding-left: 15px;
}

ol {
padding-left: 22px;
}

ol li {
padding-left: 8px;
}

div#sidebar li {
list-style-type: square;
margin-top: 0.2em;
padding-bottom: 0.2em;
padding-left: 5px;
}

div#sidebar ul.link, div#sidebar ul.download,
div#sidebar ul.contact, div#sidebar ul.print,
div#sidebar ul.tool {
padding: 0 0 0.5em 0;
}

div#sidebar ul.link li, div#sidebar ul.download li,
div#sidebar ul.contact li, div#sidebar ul.print li,
div#sidebar ul.tool li {
list-style-type: none;
padding-left: 20px;
}

ul.link li {
background: url(images/link.gif) no-repeat top left;
}

ul.download li {
background: url(images/download.gif) no-repeat top left;
}

ul.contact li {
background: url(images/contact.gif) no-repeat top left;
}

ul.print li {
background: url(images/print.gif) no-repeat top left;
}

/* --------- WRAPPER ----------*/

#wrapper {
width: 750px;
margin: 0 auto;
text-align: left;
background: #fff;
}


/* --------- HEADER ----------*/

div#top {
width: 750px;
height: 175px;
background: url(images/top.jpg);
}

div#top h1 {
margin: 0;
padding: 0;
display: none;
}

div#top h2 {
font-family: "Franklin Gothic", Arial, sans-serif;
font-weight: bold;
font-style: italic;
font-size: 24px;
margin: 0 0 0 10px;
padding: 140px 0 20px;
color: #791D2C;
}

/* --------- NAVIGATION ----------*/

div#navigation ul {
margin: 0;
padding: 0 0 5px 10px;
list-style-type: none;
border-top: solid 5px #791D2C;
}

div#navigation li {
display: inline;
padding-left: 0;
padding-right: 55px;
text-transform: uppercase;
}

div#navigation li a {
text-decoration: none;
}

div#navigation li a:active, div#navigation a#current {
border-bottom: 1px dotted;
color: #CA0403;
}

/* --------- SIDEBAR ----------*/

div#sidebar {
width: 230px;
float: right;
margin: 15px 0 0 0;
padding: 0 10px 0 10px;
}

div#sidebar img {
max-width: 220px;
border: 5px solid #dddddd;
}

div#sidebar img.logo{
float: right;
width: auto;
margin: 10px 10px 10px auto;
border: none;
}

div#sidebar img.logoleft{
float: left;
width: auto;
margin: 10px auto 10px 10px;
border: none;
}

.flickr_www {
font: 11px Arial, Helvetica, Sans serif;
color:#3993ff;}

/* --------- MAIN TEXT AREA ----------*/

div#maintext {
width: 470px;
margin: 10px 0 0 0;
padding: 1px 20px 0 10px;
min-height: 300px;
}

div#maintext h3 {
padding-top: 5px;
}

div.post {
border-bottom: 1px dotted #0D6DA5;
padding-bottom: 5px;
margin-bottom: 15px;
}

div#maintext img {
float: right;
width: 220px;
border: 5px solid #dddddd;
margin: 10px 0 10px 10px;
}

div#maintext img.wide {
float: left;
width: 450px;
border: 5px solid #dddddd;
margin: 10px 0 10px 0;
}

div#maintext img.noborder {
float: left;
width: auto;
border: none;
margin: 10px 0;
}

div#maintext img.banner {
float: left;
width: 460px;
border: none;
margin: 10px 0;
}

div#maintext img.logo{
width: auto;
float: right;
margin: 10px 0 10px 0;
border: none;
}

p.details {
color: #336699;
margin: 0 0 20px 0;
font-variant: small-caps;
letter-spacing: 0.2em;
border-top: dotted 1px;
}

p.posted, div.comment cite {
color: #aaa;
font-family: Verdana, Arial, Sans-serif;
text-transform: uppercase;
font-size: 87%;
font-weight: 700;
font-style: normal;
}

/* --------- COMMENTS ----------*/

div.comment {
border-bottom: 1px dotted #0D6DA5;
padding-bottom: 10px;
margin-bottom: 10px;
}


/* --------- FOOTER ----------*/
div#footer {
font-size: 88%;
width: 730px;
margin: 50px 0 0;
padding: 0 10px;
clear: both;
}

div#footer a:link, div#footer a:visited, div#footer a:hover {
text-decoration: underline;
}