/*==============================================================================
    Document   : main.css
    Created on : 16-Mar-2009, 10:07:59
    Author     : John Phillips
    Description:
        Main website stylesheet
==============================================================================*/
@import url(wardmap.css);/*this is for the ward map styles*/
/*-------------------------------|LAYOUT|-------------------------------------*/
* {margin:0;padding:0;}
html { min-height: 100%; margin-bottom: 1px; }
body {
    font-family: Ariel, helvetica, sans-serif;
    font-size:62.5%; /*1em now equals 10px*/
    background: url(img/bkground.gif) repeat-x;
    background-color:#ccc;
}
#wrapper {
    position:relative;
    width:800px;
    left: 50%;
    margin-left:-400px;
    margin-top:10px;
}
.right{
    float:right;
}
.left{
    float:left;
}
/*---------------------------------|HEADER|-----------------------------------*/
#header{
    width:100%;
    position:relative;
    min-height:80px;
    background-color:red;
    background: url(img/header-bkground.gif) repeat-x;
    color:#fff;
}
#siteInfo{
    width:507px;
    float:left;
}
#siteInfo span{
    position:absolute;
    width:507px;
    height:80px;
    background:url(img/header-site-info.gif) repeat-x;
}
#siteInfo p{margin:0;}
#search{margin:30px 5px 0 0;}
/*-------------------------------|Navigation|---------------------------------*/
#nav *{
    margin:0;padding:0
}
#nav {
  float:left;
  width:100%;
  line-height:normal;
  }
#nav ul {
    margin:0;
    padding:10px 0 0 0;
    list-style:none;
    background:none;/*because of the default list styles*/
  }
#nav li,.showcase-item,#news,#rss {
  float:left;
  background:url("img/left.gif") no-repeat left top;
  padding:0;
  }
#nav a ,.showcase-item h2,#news h2, #rss h2{
  float:left;
  display:block;
  background:url("img/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  margin-left:8px;
  text-decoration:none;
  font-weight:bold;    font-size:1.2em;
  color:#fff;text-decoration:none; border-bottom:none;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
  color:#fff;
  }
#nav #current {
  background-image:url("img/left_on.gif");
  }
#nav #current a {
  background-image:url("img/right_on.gif");
  color:#fff;
  padding-bottom:7px;/*this makes the gap between the nav bar and the main div.*/
  }
/*-----------------------------------|MAIN|-----------------------------------*/
  #home #election
  {background-color:#f5f5f5;border:1px solid #ccc;clear:both;padding:5px;margin:10px;font-size:1.2em}
  #campaign_vids
  {background:#fff;margin:15px;padding:5px}
#main{
    clear: both;
    width:100%;
    border-top:1px solid red;
    padding-top:5px;
}
#home p{line-height:1.5;}
/*|#content|*/
#content{
    float:right;
    width:510px;
    background:#fff;
    border:1px solid #ccc;
    padding:10px;
}
#home #content, #search-results #content{
    background-color:#fff;
    width:760px;
    margin:10px;
    float:none;
}
#content img, #content.thumbnail-movie{
    float:left;
    padding:2px;
    border:1px solid #ccc;
}
#home #content img, #home #content.thumbnail-movie{margin-right:9px;width:260px}
#content h2{
    font-size:2em;
    color:#0d7c80;
}
#content p{
    font-size:1.2em;
}
#home #content p{margin-top:0; font-size:1.1em;}
#home #content  a  + p{font-size:1.4em;}
/*|#attachments|*/
#attachments{
    float:left;
    background-color:#fff;
    width:245px;
    border:1px solid #ccc;
    padding:5px;
}
#attachments h2{
    margin:5px;    
}
#attachments .caption{
    font-size:1em;
    padding:5px;
}
#home #attachments, #search-results #attachments{
    float:right;
    margin:0 10px 0 10px;
    clear:left;
    width:780px;
    border:none;
    background:none;
    padding:0;
}
/*|#more|*/
#buttons{
    clear:both;
    position:relative;
    min-height:120px;
    width:100%;
}
#home #buttons{
    position:relative;
    min-height:80px;
    clear:none;
}


/*because IE6 is retarded...*/
* html #home #buttons{height:80px;}
* html #buttons{height:120px;}
/*news*/
#news{width:250px; margin:10px;float:left;}
#news h2, #rss h2,.showcase-item h2{
    color:#fff;
    height:1.5em;
    line-height: 1.5;
    display:inline;
}
#news h3{width:100%;}
.showcase-item, #rss{
    float:right; 
    margin:10px;    
}
.showcase-item{
    margin-left:0;
}
#rss{width:780px;}#rss ul{width:100%;}
.source{
    display:block;
    background:#f5f5f5;
    border:1px solid #ccc;
    text-align:right;
    padding:3px;
    margin-top:0;/*override default*/
}
#content.source{border:1px solid red;}
#footer p{text-align:right;}
#footer a{border:none;}
/*---------------------------------|LISTS |----------------------------------*/
/* cancel out conflicting default list rules*/
.vert-float *, .hor-float *, .gallery-list *{background:none;margin:0;padding:0;list-style-position:outside;}/*style position is for IE */
.vert-float li, .hor-float li, .gallery-list li{margin:0;padding:0;}
/*thumbnails*/
.thumbnail-movie,img {padding:2px; border:1px solid #ccc;}
li img, li .thumbnail-movie{ margin-right:4px;}
.hor-float li img, .hor-float li .thumbnail-movie,.vert-float li img, .vert-float .thumbnail-movie{width:100px;float:left;}
.gallery-list li img,.gallery-list .thumbnail-movie{width:200px; margin-right:10px;float:left;}
.gallery-list li p{float:right;}
 #attachments .thumbnail-movie, #attachments img {width:239px;}
 .hor-float p, vert-float p{ max-width:230px;display:block;}
 /*PDFs*/
.pdf, .pdf-gallery{
    position:relative;    
    display:block;
    width:200px;height:60px;
}
.pdf-gallery{
    margin-right:10px;
}
.pdf{margin:auto;margin-top:10px;}
.pdf span, .pdf-gallery span{position:absolute;width:200px;height:60px;
background:url(img/pdf.gif) no-repeat;}
.pdf-gallery span{float:left;}
.pdf+p{margin:10px 10px 10px 40px;}
.pdf:hover, .pdf-gallery:hover{border-bottom:1px solid #fff;}
/*vert-float lists*/
.vert-float{width:100%;}
.vert-float li{    
    padding:10px 10px 10px 0 ;
    background:#fff;
}
#home .vert-float li{
    border:1px solid #ccc;
    padding-left:10px;
}
.vert-float h3 {color:red; width:388px;}
#search-results .vert-float li .no-wrap {float:none;}
#search-results .vert-float h3{float:right; width:85%;}

/*gallery list*/
.gallery-list li{   
    padding-bottom:10px;
    background:#fff;
}
/*hor-float lists*/
.hor-float{
    background:#fff;
    width:500px;
    border:1px solid #ccc;
    padding: 5px; 
}
.hor-float h3{
    float:right;padding:2px;
    width:115px;
    background: url(img/header-bkground.gif) repeat-x;
}
.hor-float h3 a:link,.hor-float h3 a:visited, .hor-float h3 a:hover, .hor-float h3 a:active{
    text-decoration:none;  border:none;
    color:white;    
    font-weight:bold;margin:2px;
    }
.hor-float li{
    float:left;
    background:#fff;    
    width:230px;
    min-height:100px;
    margin-right:10px;
    margin-bottom:5px;padding:5px;
}
.hor-float .no-wrap {max-width:none;width:230px;}
/*----------------------------------|FOOTER|----------------------------------*/
#footer{clear:both;font-size:0.8em;}
/*----------------------------------|GLOBAL|----------------------------------*/
p{font-size:1em;line-height:1.8; margin:10px 0 10px 0;}
h1,h2{color:#0D7C80}h2{font-size:2em;}
h3,h4{color:red;font-size:1.2em;}
/*links*/
h2 a:link, h3 a:link, h4 a:link, #buttons a {text-decoration:none;border-bottom:none;}
a:link, a:visited, a:hover, a:active{color:red; text-decoration:none;}
a:link, a:visited, a:active {border-bottom:1px solid #fff;}
a:hover{border-bottom:1px dotted red;}
/* default lists*/
ul, ol {margin: 10px 0 10px 10px; padding:5px; background:#f5f5f5;width:90%;list-style-position:inside;}
ol{list-style:decimal;}
ul{list-style:disc}
ul li, ol, li {margin:5px 10px 5px 10px;}
/* floated lists */
.vert-float, .hor-float, .gallery-list {/* zero the default list styles */
    list-style:none;
    margin:0;
    padding:0;
    clear:both;
}
/*blockquote/cite*/
blockquote, cite{
    min-height:32px;
    padding-left:15px;
    padding-right:15px;
    padding-top:20px;
    width:50%;
}
blockquote {
    background:#f5f5f5 url(img/bq_top.gif)no-repeat left top;
    color:#797979;
    text-indent:40px;    
    border-left:4px solid #ccc;
}
cite{
    color:#CE8A23;
    display:block;
    background:#f5f5f5 url(img/bq_bottom.gif)no-repeat right bottom;    
    margin:-10px 0 10px 0;/*the CMS wraps it in a p tag so it needs to compensate for the paragraph's margin'*/
    border-left:4px solid #ccc;
}
/*----------------------------------|MISC |-----------------------------------*/
#opinion legend{font-size:1.5em;}

.date{
    
    color:#666;
}
.caption{width:200px;margin-left:4px;color:#000000;}
/*--| Buttons for home page |--*/
#buttons a{
    font-size:0.2em;
}
#home #i-y-a-button{
    position:absolute;
    height:75px;
    width:242px;
    right:0;
    bottom:0;
}
#home #i-y-a-button span{
    position:absolute;
    height:75px;
    width:242px;
    right:0;
    top:0;
    background:url(img/in-your-area-button.gif) no-repeat;
}
#home #n-l-button{
    position:absolute;
    height:75px;
    width:242px;
    right:245px;
    top:20px;
}
#home #n-l-button span{
    position:absolute;
    height:75px;
    width:242px;
    right:0;
    top:0;
    background:url(img/newsletter-button.gif) no-repeat;
}
/*--Elsewhere--*/
#i-y-a-button{
    position:absolute;
    height:75px;
    width:242px;
    right:0;
    top:0;
}
#i-y-a-button span{
    position:absolute;
    height:75px;
    width:242px;
    right:0;
    top:0;
    background:url(img/in-your-area-button.gif) no-repeat;
}
#n-l-button{
    position:absolute;
    height:75px;
    width:242px;
    right:0;
    top:73px;
}
#n-l-button span{
    position:absolute;
    height:75px;
    width:242px;
    top:0;
    background:url(img/newsletter-button.gif) no-repeat;
}/*END buttons for home page*/
/*--| clear-float |--*/
.clear-float:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clear-float {
	display: inline-block;
	}
.clear-float p{
    margin:0;
}
/* Hides from IE-mac \*/
* html .info {
	height:1%;
	}
*+html .clear-float {
	height:1%;
	}

.clear-float {
	display:block;
	}