@charset "UTF-8";
/*  
Theme Name: Over55new
Theme URI: http://www.wpdesigner.com
Description: This is the theme for Over 55 London.
Version: 1.0
Author: Kristan Kolano
Author URI: http://www.wpdesigner.com/

*/

/* ----------  first the reset.. this goes on a bit... grab some chow while you scroll -----------------*/

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.01%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: 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 */


/***  CSS RESET BASED on http://serenedestiny.com/blog/?p=28 *******/

table {
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote, q
{
	quotes: none;
}

/*
Safari doesn't support the quotes attribute, so we do this instead.
*/
blockquote:before, blockquote:after, q:before, q:after
{
	/*
	CSS 2; used to remove quotes in case "none" fails below.
	*/
	content: "";
	/*
	CSS 2.1; will remove quotes if supported, and override the above.
	User-agents that don't understand "none" should ignore it, and
	keep the above value. This is here for future compatibility,
	though I'm not 100% convinced that it's a good idea...
	*/
	content: none;
}

textarea { overflow: auto; }
input { border: 0px solid white; margin: 0;  padding: 0; }

/* ----------  PNG support for ie5.5/6  -----------------*/
/*img, div, a, input 
{ behavior: url(/images/iepngfix.htc) }*/


/* ----------  done with that ... now the exciting stuff  >>  BASIC FORMAT!  -----------------*/



body {
text-align:left;
vertical-align:top;
background:url(images/bodyFadeBar.gif) repeat-x;
background-color:#f9f8ef;
text-align:center;
font-size:62.5%; 
min-width:900px;
}


#wrapper {
width:900px;
margin:0 auto 0;
text-align:left;
background:url(images/shadow.png) repeat-y;
position:relative;
}


#header {
height:131px;
width:900px;
position:relative;
background:url(images/topbar.jpg) no-repeat top left;
}

#logo {
height:103px;
width:219px;
position:absolute;
left:78px;
top:31px;
background:url(images/over55logo.png) no-repeat;
text-indent:-5000px;
display:block;
}

#logo a {
height:103px;
width:219px;
display:block;
}


#wordpress {
height:24px;
font:1em/1em Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
background:url(images/wordpress.png) no-repeat center right;
padding:9px 26px 0 0;
position:absolute;
right:60px;
text-decoration:none;
text-transform:uppercase;
}

#wordpress:hover {
color:#dddddd;
}

#groupPhoto {
height:251px;
width:900px;
background:url(images/groupPhoto3.jpg) no-repeat top left;
position:relative;
}

#testiLink {
position:absolute;
bottom:20px;
left:120px;
font:1.2em/16px Verdana, Arial, Helvetica, sans-serif;
color:#336598;
text-decoration:none;
background:url(images/arrows2.png) top right no-repeat;
padding-right:16px;
}

a#testiLink:hover {
background:url(images/arrows2.png) bottom right no-repeat;
}

#needWorkSticker {
height:130px;
width:130px;
position:absolute;
right:50px;
top:0px;
text-indent:-5000px;
}

#needWorkSticker a {
height:130px;
width:130px;
display:block;
background-image:url(images/needWorkSticker.png);
/*background-position:bottom center;*/
}

#needWorkSticker a:hover {
background-position:top center;
}

#content {
width:800px;
margin-left:50px;
background:url(images/contentBacker.jpg) repeat-y top left;
position:relative;
}





/* ----------  heres navv   -----------------*/

ul#mainNav {
height:33px;
position:absolute;
bottom:0px;
left:295px;
}

ul#mainNav li {
height:33px;
width:90px;
display:inline;
float:left;
text-align:center;
margin-right:2px;
}

#mainNav a {
height:28px;
width:90px;
display:block;
font:12px/12px Verdana, "Times New Roman", Times, serif;
color:#dddddd;
text-decoration:none;
text-transform:uppercase;
background:url(images/tabBack.png) no-repeat top right;
padding-top:5px;
}

#mainNav li.splash a, #mainNav li.resources a {
height:23px;
padding-top:10px;
}

#mainNav a:hover {
background:url(images/tabBack.png) no-repeat -90px top;
}

body#about li.about a, body#home li.splash a, body#job-seekers li.job-seekers a, body#for-employers li.for-employers a, body#resources li.resources a, body#whats-new li.whats-new a {
background:url(images/tabBack.png) no-repeat top left;
color:#fff;
}


/* ----------  heres the post formatting!  -----------------*/

#contentColumn {
float:right;
width:540px;
background:url(images/tanFade.jpg) repeat-y;	
}


#content #mainPost {
border-top:white 1px solid;
padding:10px;
text-align:center;
}

#content #mainPost p {
font:1.4em/1.2em Georgia, Arial, Helvetica, sans-serif;
color:#4F3C28;
padding:0px 30px 0px 30px;
}

#mainPost .firstLetter {
font-size:2.4em;
font-weight:bold;
float:left;
line-height:1em;
}

.georgia {
/*font:1.3em/1.2em Georgia, "Times New Roman", Times, serif;*/
font:1.1em/1.1em Georgia, "Times New Roman", Times, serif;

}

#content .quotePost {
background-color:#aba000;
border-left:10px #cdc666 solid;
border-top:1px solid white;
padding:10px;
}

#content .quotePost p {
font:1.6em/1.6em Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;

}

#content #mainPost .dots {
font:1.4em/1.2em Georgia, Arial, Helvetica, sans-serif;
color:#ffffff;
padding:10px;
}

.post {
overflow:auto;
}

#content .post {
background:url(images/postBackMid.jpg) repeat-y;
}




#whats-new #content .post h2, #general #content .post h2{
height:20px;
background:url(images/postLeft.png) top left no-repeat;
display:block;
padding:5px 0 5px 10px;
margin:0px 30px 0 30px;
}

#content .post h2 a{
color:#fff;
clear:both;
font:bold 2em/1em Georgia;
text-transform:uppercase;
display:block;

/*background-color:#4E9AE5;*/
}

#content .post h2 a {
text-decoration:none;
}

#content .post h2 a:link {
color:#fff;
/*color:#fdce9f;*/
}

#content .post h2 a:visited {
color:#fff;
}

#content .post h2 a:hover {
color:#eee;
}

#whats-new #content .post p {
/*padding:0 20px 0;*/
font:1.4em/1.3em Verdana;
color:#4f3c28;

}

#whats-new .post .entry, #general #wrapper #content .post .entry {
border-right:1px solid #4E9AE5;
margin:0 30px 0;
color:#4f3c28;
}



#content .post .postmetadata {
text-align:right;
display:none;
}

#content .post .clearDiv {
height:20px;
background:url(images/postBackBottom.jpg) left bottom no-repeat;
}



.entry p img {
float:right;
border:1px solid #336598;
margin:0px 0px 20px 20px;
}

.entry p img.smallPic {
float:left;
clear:both;
border:1px solid #336598;
margin:0px 130px 30px 35px;
padding:0;
}

.entry p div img  {
border:none;
margin:0px;
}



.entry p {
font:1.4em/1.2em Verdana, Arial, Helvetica, sans-serif;
padding:10px 30px 10px;
color:#4f3c28;
/*margin-top:20px;*/
}

#whats-new .entry p {
font:1.4em/1.2em Verdana, Arial, Helvetica, sans-serif;
padding:10px 30px 10px;
color:#4f3c28;
/*margin-top:20px;*/
}

 p.wp-caption-text {
font:1em/1em Verdana, Arial, Helvetica, sans-serif;
padding:5px;
}


#callUs {
font-size:1.5em;
color:#4E9AE5;
}


#contentColumn #homeBlackBox {
color:#fff;
font:1.4em/1.2em Georgia, "Times New Roman", Times, serif;
background:url(images/homeBlackBox.png) no-repeat top left;
height:170px;
width:250px;
text-align:center;
float:right;
margin:20px 20px 0 0;
}

#contentColumn #homeBlackBox p {
padding:5px;
}

#contentColumn #homeBlackBox p#phone {
font-size:1.8em;
}

#contentColumn #logoBox {
float:left;
height:170px;
width:250px;
position:relative;
}

#bbb {
position:absolute;
top:20px;
left:20px;
}

#london {
position:absolute;
top:40px;
right:20px;
}

#ontario {
position:absolute;
bottom:0px;
right:10px;
}




#home .post h2 a, #about .post h2 a, #about .post h2 a, #job-seekers .post h2 a, #for-employers .post h2 a, #resources .post h2 a, #frequent-questions .post h2 a, #become-a-member .post h2 a, #volunteer .post h2 a, #donate .post h2 a, #privacy-policy .post h2 a, #testimonials .post h2 a, #subscribe .post h2 a, #contact .post h2 {
display:none;
}

#home img#contentTopper {
display:none;
}

.grid {
background:url(images/diag.png) repeat top left;
border:1px solid #603913;
padding:10px;
margin:20px 20px 0px 20px;
text-align:center;
font:2.2em/1em Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;

}

/*#newshide, #homehide {
display:none;
height:35px;
background-color:#336598;
color:#4589cc;
font:bold italic 2em/2em Georgia;
text-transform:uppercase;
padding-top:15px;
}

#whats-new #newshide, #home #homehide {
display:block;
}*/

/* ----------  heres the general  typog for the posts!   -----------------*/



h3 {
font:bold 3em/1em Georgia, "Times New Roman", Times, serif;
color:#827b00;
/*color:#336598;*/
/*color:#827568;*/
margin:10px 25px 10px 20px;
border-bottom:2px dotted #f8f4f1;
border-left:2px dotted #f8f4f1;
padding-bottom:5px;
padding-left:9px;
}

h4 {
font:2.5em/1em Georgia, "Times New Roman", Times, serif;
color:#827b00;
/*color:#827568;*/
margin:20px 25px 10px 20px;
border-bottom:2px dotted #f8f4f1;
border-left:2px dotted #f8f4f1;
padding-bottom:5px;
padding-left:9px;
}
/*.entry img {
margin:0 0 20px 20px;
float:right;
border:1px solid #826341; !important
}*/

#body #content img#photoBar {
width:540px;
height:140px;
margin:0;
padding:0px;
float:right;
display:inline;
border:none;
}

.q {
font:2.5em/1em Georgia;
color:#aba000;
}

.a {
color:#f7e700;
font:2.5em/1em Georgia;
}

.qa {
border-bottom:1px dotted black;
padding:20px 0 20px;
margin:0 20px 0;
}

.big {
color:#827b00;
font:2.2em/1em Georgia;
}

.entry li {
font:1.4em/1.2em Verdana, Arial, Helvetica, sans-serif;
color:#336598;
margin:0px 50px 20px 30px;
padding-left:20px;
background:url(images/arrowRight.png) no-repeat top left;
}


/* ----------  heres the typog for the posts!   -----------------*/

/*.entry div {
float:left;
}*/




/* ----------  heres sidebar   ---------------------------------------------------*/

#sidebar {
float:left;
display:inline;
width:260px;
height:100%;
background-image:url(images/sidebarStrip.gif);
background-repeat:repeat-y;
}


#columnTop {
height:47px;
width:260px;
background:url(images/columnTop.gif) no-repeat top left;
background-color:#336598;
padding-top:20px;
}


#checkButton  {
display:block;
width:175px;
height:40px;
margin-left:55px;
}

#sidebar #checkButton a {
display:block;
margin:0px;
width:175px;
height:40px;
background:url(images/checkButton.png) no-repeat top left;
}

#sidebar #checkButton a:hover {
background:url(images/checkButton.png) no-repeat bottom left;
}


#contactButton  {
display:block;
width:175px;
height:40px;
margin-left:55px;
}
#sidebar #contactButton a {
display:block;
margin:0px;
width:175px;
height:40px;
background:url(images/contactButton.png) no-repeat top left;
}


#sidebar #contactButton a:hover {
background:url(images/contactButton.png) no-repeat bottom left;
}

#sidebar ul {
width:230px;
margin:10px 0 0 30px;
}


#sidebar #helpNav li {
height:25px;
margin:0 30px 0 25px;
border-bottom:1px dotted #7da7d9;
padding-bottom:5px;
}


/* ----------  heres sideNav   -----------------*/

#sidebar #helpNav li a {
font:1.2em/1.2em Verdana, Arial, Helvetica, sans-serif;
height:20px;
display:block;
padding:5px 0 0 30px;
}

#sidebar #helpNav #faq a {
background:url(images/faq_btn.gif) no-repeat top left;
}

#sidebar #helpNav #faq a:hover {
background:url(images/faq_btn.gif) no-repeat left -25px;
color:#fff;
}

#sidebar #helpNav #member a {
background:url(images/member_btn.gif) no-repeat top left;
}

#sidebar #helpNav #member a:hover {
background:url(images/member_btn.gif) no-repeat left -25px;
color:#fff;
}

#sidebar #helpNav #volunteer a {
background:url(images/volunteer_btn.gif) no-repeat top left;
}

#sidebar #helpNav #volunteer a:hover {
background:url(images/volunteer_btn.gif) no-repeat left -25px;
color:#fff;
}

#sidebar #helpNav #donate a {
background:url(images/donate_btn.gif) no-repeat top left;
}

#sidebar #helpNav #donate a:hover {
background:url(images/donate_btn.gif) no-repeat left -25px;
color:#fff;
}

#sidebar #helpNav #privacy a {
background:url(images/privacy_btn.gif) no-repeat top left;
}

#sidebar #helpNav #privacy a:hover {
background:url(images/privacy_btn.gif) no-repeat left -25px;
color:#fff;
}

#sidebar #helpNav #newsletter a {
background:url(images/download-newsletter-btn.gif) no-repeat top left;
}

#sidebar #helpNav #newsletter a:hover {
background:url(images/download-newsletter-btn.gif) no-repeat left -25px;
color:#fff;
}

#sidebar #helpNav #subscribe a {
background:url(images/subscribe-btn.gif) no-repeat top left;
}

#sidebar #helpNav #subscribe a:hover {
background:url(images/subscribe-btn.gif) no-repeat left -25px;
color:#fff;
}


#wrapper #content #sidebar h2 {
font:bold 1.6em/1.25em Georgia, Arial, Helvetica, sans-serif;
color:#fff;
/*color:#827b00;*/
/*color:#cdc666;*/
background:url(images/sideHeaderBack.gif) no-repeat top left;
background-color:#4e9ae5;
padding:0 0px 0 40px;;
text-transform:uppercase;
text-decoration:none;
margin-top:30px;

}

#wrapper #content #sidebar .linkcat {
list-style-type:none;
}

#sidebar a {
font:1.2em/16px Verdana, Arial, Helvetica, sans-serif;
color:#dddddd;
margin:7px 0px 0 0px;
text-decoration:none;
display:block;
}

/*#sidebar #latest a, #sidebar #partners a {
margin-left:22px;
}*/

#sidebar #latest a {
display:inline;
padding:0 16px 0 0px;
background:url(images/arrows2.png) top right no-repeat;
margin:10px 0 0 0px;
font-weight:bold;
}

#sidebar #latest a:hover {
display:inline;
padding-right:16px;
background:url(images/arrows2.png) bottom right no-repeat;
}

#sidebar #latest ul li {
margin-left:22px;
}

#sidebar #latest ul p {
margin-bottom:5px;
}

#sidebar #partners li ul li {
border-bottom:1px dotted #7da7d9;
margin:0 30px 0 55px;
}

#sidebar #partners ul {
margin-left:0px;
width:100%;
}

#sidebar #partners a {
background:url(images/yellowBullet.gif) left center no-repeat;
padding:0 0 0 11px;
}

#latest p {
font-size:1.2em;
color:#ffffff;
margin:5px 30px 0 0px;
border-bottom:1px dotted #7da7d9;
padding-bottom:5px;
}

#partners {
margin-top:20px;
}

#partners a{

padding-bottom:5px;
}

#resources #contentColumn a {
background:url(images/yellowBullet.gif) left center no-repeat;
padding:0 0 0 11px;
margin:10px 0 10px;
font-weight:bold;
text-decoration:none;
}


#home #archives, #about #archives, #job-seekers #archives, #for-employers #archives, #resources #archives, #frequent-questions #archives, #become-a-member #archives, #donate #archives, #privacy-policy #archives {
display:none;
}

#archives a {
padding:0 0 0 25px;
}

#sidebar a:hover {
color:#eeeeee;
}




#subFooter {
font:1em/1.2em Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
margin:0px 70px 0 330px;
padding-top:5px;
border-top:1px dotted #7da7d9;
}

#footer li {
margin:0px 70px 0 330px;
list-style-type:none;
}

#footer li h2 {
display:none;
}

#footer li ul li {
margin:0px 70px 0 0px;
color:#fff;
}

#footer li ul li a {
color:#FFFFFF;
}

#siteDesign {
font:1em/1em Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
float:right;
margin:30px 70px 0 0;
}

#footer {
height:72px;
width:900px;
background:url(images/footer.jpg) no-repeat top left;
clear:both;
margin-left:-50px;
padding-top:25px;
}


/* ----------  just searchfield stuff   -----------------------------------------*/

fieldset.search {
	border: none;
	width: 190px;
	margin: 7px 0 20px 50px;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #fff;
	font-size: 1.2em;
	line-height:1.2em;
	width: 145px;
	height: 17px;
	padding: 8px 5px 0px;
	background: #616161 url(images/search_bg.gif) no-repeat;
	margin-right: 5px;
}
.search input.box:focus {
	background: #616161 url(images/search_bg.gif) no-repeat left -25px;
	outline: none;
}
.search button.btn {
	width: 25px;
	height: 25px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fbc900 url(images/search_bg.gif) no-repeat top right;
}
.search button.btn:hover {
	background: #fbc900 url(images/search_bg.gif) no-repeat bottom right;
}



.logos {
float:right;
margin:30px 30px 0 0;
}

.clearDiv {
clear:both;
}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   /*border: 1px solid #ddd;*/
   text-align: center;
   /*background-color: #f3f3f3;*/
  /* padding-top: 4px;*/
  /* margin: 10px;*/
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

#content #contentColumn .wp-caption p.wp-caption-text {
   color:#336598;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size: 14px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   font-style:italic
}

.navigation {
margin:0px 30px 0px;
background-color:#4e9ae5;
color:#ffffff;
height:20px;
padding:0 5px 0;
}

.navigation a {
font:bold 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#ffffff;
}

.navigation a:hover {
color:#eeeeee;
}
.forwardPost {
float:right;
}

.backPost {
float:left;
}

/*input[type="button"]:hover {
cursor:pointer;
}
*/

#subscribeForm input {
height:30px;
font:1.4em/1 Verdana, Arial, Helvetica, sans-serif;
margin:10px 0 0 0;
padding:0 10px 0;
border:1px #336598 solid;
}

#subscribeForm p {
font:Georgia, "Times New Roman", Times, serif;
color:#827b00;
}

.categories {...}
.cat-item {...}
.current-cat {...}
.current-cat-parent {...}
.pagenav {...}
.page_item {...}
.current_page_item {...}
.current_page_parent {...}
.widget {...}
.widget_text {...}
.blogroll {...}
.linkcat{...}