/*Theme Name: JLMTheme URI: http://www.jlm.org.ukDescription: Theme developed for the Jewish Labour MovementVersion: 1.0Author: John PhillipsAuthor URI: http://www.soapboxcommunications.co.ukNote: the following is general styling for layout and HTML. See 'forms.css' for form styles and for styling of comments section*//*--------------------------------| GLOBAL |----------------------------------*//*--Layout--*/* {	margin:0;	padding:0;	}body {    font-family: Ariel, helvetica, sans-serif;    font-size:62.5%; /*1em now equals 10px*/}#wrapper {    position:relative;    width:80em;/*800px wide*/    left: 50%;    margin-left:-40em;}.left,.alignleft{    float:left;}.right,.alignright{    float:right;}.alignleft,.alignright{    padding:2px;    border:1px solid #ccc;}.alignleft{    margin-right:5px;}.alignright{    margin-left:5px;}/*--HTML--*/h1,h2,h3, a{   color:#bc352d;}h4, h5{ margin-top:5px;}h4{font-size: 1.2em; color:#535353}h5{font-size: 1.1em;color:#6f6f6f;}h1,h2{    font-family: Georgia, serif;    font-style: normal;    font-weight: normal;    letter-spacing: 1px;    line-height: 2.5;}h2{    text-transform: uppercase;    font-size:1em;    margin-top:5px;    padding:0;}    #latest-articles h2, #educate-yourself h2, #join-us h2{            font-size:1.2em;    }    #latest-articles h2{        margin-top:0;    }    #educate-yourself h3, #sidebar h2{    color:#000; text-transform:none;font-family: Ariel, helvetica, sans-serif;letter-spacing:normal; font-weight:bold; margin-top:5px;    }h1{    margin:0;    padding:0;    font-size:1em;/*otherwise IE 7 drops the image over tha nav-bar like a retard*/}h3{    margin-top:10px;    font-size: 1.3em;}    .article h3{        margin-top:0;    }p { font-size:1.2em;    margin:0.5em 0;    line-height:150%;	}a:link, a:visited {	color: #bc352d;	text-decoration:none	}a:hover, a:active {	color: #bc352d;	text-decoration:underline;	}a img {	border:0;	}code {	font: 1.0em 'Courier New', Courier, Fixed;	background:#ececec;	}acronym, abbr, span.caps {	font-size: 0.9em;	letter-spacing: .07em;	cursor: help;	}acronym, abbr {	border-bottom: 1px dashed #999;	}blockquote {	padding: 10px 10px 0 10px;	border-top: 1px solid #ddd;	border-bottom: 1px solid #ddd;	background: #eee;	font:1.0em Arial;	line-height:1.5em;	margin:10px 0px;	}select {	width: 130px;	}address{font-style:normal;}/*--------------------------------| #head |------------------------------------*/#head {	height:65px; /*This must be a fixed value for IE layout bug*/    width: 100%;	position:relative;	margin-top:15px;	padding:0px;	font-size:0.8em;    border-bottom:1em solid #ffffff;	}    #head span{	background: url(images/title.gif) no-repeat;	position:absolute;	width: 570px;	height: 65px;    }    /* default lists*/ul, ol {margin: 10px 0 10px 10px; padding:5px; font-size:1.2em;width:90%;list-style-position:inside;color:#666;}ol{list-style:decimal;}ul{list-style:disc}ul li, ol, li {margin:5px 10px 5px 10px;}#navbar{clear:both;margin-top:5px;border-top: 0.1em solid #cccccc;border-bottom: 0.1em solid #cccccc;}    #navbar *{    padding:0;    margin:0;    }    #navbar ul {    margin: 0;    padding:0;    list-style:none;    background:url(images/nav-grad.gif) top right repeat-x;    background-color:#bbbaba;    border:0.3em solid #ffffff;    height:2.8em;    font-size:1em;    width:auto;    }    #navbar li {    float:left;    background:url(images/nav-grad.gif) top right repeat-x;    background-color:#bbbaba;    border-right:0.3em solid #ffffff;    font-weight: bold;    font-size:1.2em;    height: 100%;    }    #navbar a:link{    display:block;    padding: 0 1em 0 3em;    height:100%;    line-height:2.3;    text-decoration: none;    color:#ffffff;    float:left;    }    #navbar a:visited {    display:block;    padding: 0 1em 0 3em;    height:100%;    line-height:2.3;    text-decoration: none;    color:#ffffff;    float:left;    }    #navbar a:hover, #navbar li.current_page_item, #navbar li.current_page_item a {	 background:#c24638 url(images/nav-grad-active.gif) top right repeat-x;	color: #fff;}    #navbar li.current_page_item a:hover {	text-decoration: none;    background-color: #c24638;    cursor: default;}/*--------------------------------| #page |------------------------------------*/#home #content, #educate-yourself{    margin-top:15px;    width:43.75%;/*#content on the home page needs to less wide in order to make room for the #latest-articles div*/}#latest-articles, #join-us{    margin-top:15px;    width:53%;}#content,#latest-articles{    position:relative; /*this is for the positioning of the sprites, below*/}#content{    float:left;    width:62%;}    #content .breadcrumbs, #content .breadcrumbs a {	font-weight:bold;	color:#333;	}#educate-yourself, #join-us{border-top:1px solid #ccc;}#educate-yourself{    clear:left;}#educate-yourself ul{    list-style-type:none;    margin:5px 0 0 0;    padding:0;    }    #educate-yourself li{    background:url(images/square.gif) no-repeat 0 50%;;    padding-left:20px;    }#join-us{    clear:right;}/*------------------------------| #sidebar |-----------------------------------*/#sidebar, #donate{  width:25%;}    #sidebar ul{    margin: 0;    padding: 0;    list-style-type: none;    }    #sidebar li{    background: url(images/arrows.gif) no-repeat 0 50%;    padding-left: 30px;    }    #sidebar img{        margin-top:10px;        padding:3px;        border:1px solid #ccc;        width:95%;    }/*-------------------------------| #footer |-----------------------------------*/#footer{  border-top: 1px solid #ccc;  clear:both;  text-align:right;  color:#bbb;  padding:10px;}/**//**//*--------------------------------| misc |-------------------------------------*/.post{    border-bottom:1px solid #ccc;    margin:10px 20px 20px 20px ;    padding:0;}.thumb{width:80px;float: left;padding:1px;margin:0 5px 5px 0 ;border: 1px solid #ccc;}div.title {	font-weight:bold;	font:1.5em Georgia;	display:block;	padding:5px 0;	} div.meta {	display:block;	margin-top:5px;	padding-bottom:2px;    color:#000;    font-weight:bold;	}.article{    border-top: 1px solid #ccc;    padding-top:5px;clear:both;}.main-content p{    padding-top:5px;}.stats{    clear:both;    margin: 1em 0;    font-weight: bold;}.view-more{    margin-left:20px;}/* rounded corner box================================== */.box {width: 20em;background: url(images/bottom-left.gif) no-repeat left bottom;}.box-outer {background: url(images/bottom-right.gif) no-repeat right bottom;padding-bottom: 30px;}.box-inner {background: url(images/top-left.gif) no-repeat left top;}.box h2 {background: url(images/top-right.gif) no-repeat right top;padding: 20px 30px 0 20px;}/*Image replacement for the title sprites========================================================*/#join,#educate, #about, #links, #features, #discussion{position:absolute;background:url(images/title-sprites.gif);width:200px;height:20px;}#join{ background-position:0px 0px;}#features{background-position:0px -20px}#links{background-position:0px -42px;}#about{background-position:0px -63px;}#discussion{background-position:0px -85px;}#educate{background-position:0px 22px;}/* Float Properties*/.clearfloat:after {	content:".";	display:block;	height:0;	clear:both;	visibility:hidden;	}.clearfloat {	display: inline-block;	}/* Hides from IE-mac \*/* html .clearfloat {	height:1%;	}*+html .clearfloat {	height:1%;	}.clearfloat {	display:block;	}