/*************************************
Theme Name: Labour
Theme URI: http://www.orpingtonlabour.org.uk
Description: A theme for Labour Party blogs
Version: 1.1
Author: John Waterworth
Author URI: http://www.orpingtonlabour.org.uk/
*************************************/

body, div, h1, h2, h3, h4, h5, h6, blockquote, p, ol, ul, li, form
    { margin: 0; padding: 0 }

/** Layout **************************/
#header { margin: 0; padding: 25px 350px 25px 50px }
#content { margin: 0 300px 0 0; padding: 25px 50px 25px 50px }
#sidebar { position: absolute; top: 4.2em; right: 50px; width: 250px; margin: 75px 0 0 0 }
#footer { clear: both; margin: 0 350px 0 50px; padding: 25px 0 25px 0 }

#topstories { clear: both; overflow: auto; margin: 0 0 25px 0; padding: 0 0 25px 0 }
#morestories { clear: left; overflow: auto; margin: 0 0 25px 0 }
#morecontent { clear: right; float: right; overflow: auto; width: 250px; margin: 0 0 25px 50px }

#header p { margin: 0; padding: 0.7em 0 0 0 }
#header ul { position: absolute; width: 150px; top: 25px; right: 150px }
#header ul li { margin: 0 0 0.5em 0 }
#header img { position: absolute; top: 25px; right: 25px }

div.headline { clear: both; margin: 0 0 25px 0; overflow: auto }
div.headline div { overflow: auto }
div.headline:last-child { margin: 0 }

#post, #page { margin: 0 0 25px 0 }
#introduction { clear: left; overflow: auto }
#share { float: right; margin: 0; padding: 0 }
#body { clear: both; overflow: auto; margin: 25px 0 0 0; padding: 25px 0 0 0 }
#comments { clear: both; margin: 25px 0 25px 0 }

#share ul { margin: 0 0 1em 2em; padding: 0 }
#share ul li { margin: 0 0 0.5em 0 }

p { margin: 0 0 0.7em 0 }
p:last-child { margin: 0 }
h2 { margin: 0 0 0.4em 0 }
h3 { margin: 1.2em 0 0.6em 0 }
h3:first-child { margin: 0 0 0.6em 0 }
h4 { margin: 0.5em 0 0.5em 0 }
ol, ul { margin: 0 0 0.7em 2em }
ol:last-child, ul:last-child { margin: 0 0 0 2em }
li { margin: 0 0 0.3em 0 }
blockquote { margin: 0 0 0.7em 2em }

img.intro { float: left; clear: left; margin: 0.2em 1em 0.7em 0; max-width: 90% }
img.inline, p.inline { float: right; clear: right; margin: 0.2em 0 0.7em 1em; max-width: 90% }
img.block { clear: both; margin: 0 0 0.7em 0; max-width: 90% }
object { float: right; clear: right; margin: 0 0 0.7em 1em; max-width: 90% }
div.headline img.intro { max-width: 30% }

div.headline h3, #morecontent h3:first-child { margin: 0 0 0.6em 0 }

#sidebar ul, #sidebar ol { margin: 0 }
#sidebar li.widget { margin: 0 0 1em 0 }
#sidebar li.widget li { margin: 0.2em 0 0 0 }
@media screen { #sidebar label.screen-reader-text { display: none } }

#commentlist ol li { margin: 0.5em 0 1.5em 0; padding: 0.3em 0 0 0 }
#commentform textarea { width: 99%; padding: 0.4% }

img#wpstats { display: none }


/** Typography **********************/
body, input, textarea { font-family: Helvetica, Arial, sans-serif; font-size: 1em; font-weight: normal }
strong { font-weight: bolder }
em { font-style: italic }

h1, h2, h3, h4 { font-weight: bold }
h1 { font-size: 200% }
h2 { font-size: 180% }
h3 { font-size: 120% }
h4 { font-size: 100% }

p { font-size: 100%; line-height: 1.4em }
blockquote { font-style: italic }
#introduction p { font-weight: bolder }
#introduction p.byline { font-weight: normal }

a:link, a:visited { text-decoration: none }
a:hover, a:focus, a:active { text-decoration: underline }

#header ul { text-align: left; list-style-type: none }

#commentlist ol { list-style-type: none }
#commentform textarea { font-size: 1em }

#sidebar ul { list-style-type: none }
#sidebar ul ul { list-style-type: none; margin: 0; padding: 0 }
#sidebar ul ul li { margin: 0; padding: 0 }
#sidebar h2, #sidebar li { font-size: 100%; line-height: 1.2em }
#sidebar form#searchform input#s { width: 243px }

#footer p { font-size: 80% }

a.email, span.email, a.site, span.site, span.phone { white-space: nowrap }


/** Colors, Backgrounds and Borders */
body { color: #222; background: #fff }
a:link { color: #1e2bbb }
a:visited { color: #d52b1e }
a:hover, a:focus, a:active { color: #1e2bbb }
a img { border: none }

#header { color: #fff; background-color: #d52b1e; border-bottom: 2px solid #d52b1e }
#header a:link, #header a:visited, #header a:hover, #header a:focus, #header a:active { color: #fff }

h2, h3, h4 { color: #d52b1e }
h2 a:link, h2 a:visited { color: #d52b1e }
h2 a:hover, h2 a:focus, h2 a:active { color: #1e2bbb }
h3 a:link, h3 a:visited { color: #d52b1e }
h3 a:hover, h3 a:focus, h3 a:active { color: #1e2bbb }
h4 a:link, h4 a:visited { color: #d52b1e }
h4 a:hover, h4 a:focus, h4 a:active { color: #1e2bbb }

#sidebar a:link, #sidebar a:visited { color: #222 }
#sidebar h2 a:link, #sidebar h2 a:visited { color: #d52b1e }
#sidebar a:hover, #sidebar a:focus, #sidebar a:active { color: #1e2bbb }
#sidebar li#recent-posts-3 a:link { color: #1e2bbb }

#introduction img, #body img, div.headline img { border: solid 1px #222 }
blockquote { padding: 0 0 0 0.5em; border-left: 1px solid #d52b1e }

#share li { height: 32px; width: 32px }
#share li a { display: block; overflow: hidden; height: 0; width: 32px; padding: 32px 0 0 0 }
#share li.facebook a { background: url("images/facebook-32.png") no-repeat top left }
#share li.twitter a { background: url("images/twitter-32.png") no-repeat top left }

#comments { border-top: 1px solid #d52b1e }
#commentlist li { border-top: 1px dotted #1e2bbb }
#commentform textarea { border: 1px solid #222 }

#topstories { border-bottom: 1px solid #d52b1e }
#body { border-top: 1px solid #d52b1e }
#footer { border-top: 2px solid #d52b1e }

h3#involved { padding-left: 24px; background: url("images/labour-20.png") no-repeat 0 2px }
h3#twitter { padding-left: 24px; background: url("images/twitter-20.png") no-repeat 0 2px }
h3#facebook { padding-left: 24px; background: url("images/facebook-20.png") no-repeat 0 2px }
h3#rss { padding-left: 24px; background: url("images/rss-20.png") no-repeat 0 2px }

p.button { background-color: #d52b1e; border: solid 1px #222; border-radius: 5px }
p.button a { display: block; width: 200px; padding: 20px; text-align: center; color: white; font-size: 120% }


/** Printing rules ******************/
@media print {
body { margin: 0; padding: 25px }

#header { margin: 0 0 25px 0; padding: 0 0 25px 0 }
#header ul, #header p, #header img { display: none }
#sidebar { display: none }
#content { margin: 0; padding: 0 }
#share { display: none }
#commententry { display: none }
#footer { display: none }
span.edit { display: none }
p.button { display: none }

#topstories { }
#morestories { }
#morecontent { display: none }

h1 { font-size: 150% }
h2 { font-size: 120% }
h3 { font-size: 100% }

body { color: #000; background: #fff }

#header { border-bottom: 2px solid #d52b1e }
blockquote { border-left: 1px solid #222 }

img { border: solid 1px #222 }
img.inline, img.intro { max-width: 8cm }

a:link, a:visited { color: #000 }
a:hover, a:focus, a:active { color: #000 }

#header { color: #d52b1e; background: #fff }
#header a:link, #header a:visited { color: #d52b1e }
#header a:hover, #header a:focus, #header a:active { color: #d52b1e }

h2, h3, h4 { color: #000 }
h2 a:link, h2 a:visited { color: #000 }
h2 a:hover, h2 a:focus, h2 a:active { color: #000 }
h3 a:link, h3 a:visited { color: #000 }
h3 a:hover, h3 a:focus, h3 a:active { color: #000 }
h4 a:link, h4 a:visited { color: #000 }
h4 a:hover, h4 a:focus, h4 a:active { color: #000 }
}

/************************************/