/*   
Theme Name: Southwark Carers Theme
Description: Updated theme (2011) for Southwark Carers Site
Author: John Wyles
Author URI: http://www.johnwyles.co.uk
Version: 2
*/

@import url('reset.css');
@import url('typography.css');
@import url('grid.css');
@import url('forms.css');

body {background: #fbfbfb url(images/page_bg.png) repeat-x; }

/* header */
#header {height: 110px;}

h1#logo a{display: block; height: 90px; width:222px; background: url(images/sc_logo.png) no-repeat; text-indent: -9999px; margin-top: 9px;}

#soc_search{height:40px;}

.topbar_soc_med {display:block; height:40px; width:40px; float:right; margin:10px 10px 0 0; text-indent: -9999px;}

a#topbar_rss{background:url(images/soc_med_header_sprite.png) 0 0;}

a#topbar_twitter{background:url(images/soc_med_header_sprite.png) -50px 0;}

a#topbar_fb{background:url(images/soc_med_header_sprite.png) -100px 0;}

#tel_header{height:35px; margin-top: 15px;}

/* links */


/* navigation */
#nav_bg {width: 100%; height: 50px; background: url(images/nav_bg.png) repeat-x; }

ul#nav{
	width:940px;
	list-style:none;
	font-weight:bold;
	margin:auto;
	padding: 8px 0 0;
	font-size: 16px;
	font-weight: bold;
	z-index: 9999;
}
ul#nav li{
	float:left;
	margin:0 30px 0 0;
	position:relative;
	display:block;
}
ul#nav li.nav_last{margin: 0;}

ul#nav li a{
	display:block;
	padding:5px 7px;
	color:#fff;
	text-decoration:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
ul#nav li.current a{background: #f79422;}

ul#nav li a:hover{
	color:#fff;
	background: #f79422; /* Solid colour fall-back */
	text-decoration:none;
}

/*--- DROPDOWN ---*/
ul#nav ul{
	padding: 7px 0 0 0; /* gap for top of dropdown */
	margin:0; 
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
	z-index:9999;
}
ul#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */

	float:none;
}
ul#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}
ul#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
ul#nav li:hover a{ /* Set styles for top level when dropdown is hovered */

	background:#f79422; /* Solid colour fall-back */
	text-decoration:none;
}
ul#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
	background:#23316e;
}
ul#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	background:#f79422;
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}

/*Content*/
#main_content{margin-top:20px;}

/* Homepage Slider */
#slider_wrap{height:350px; margin-bottom: 40px;}
ul#slider {position:relative; height:340px; width:610px; list-style:none;}
ul#slider li {height:340px;  width:610px; float:left; clear:both; border: 5px #dcdcdc solid;}

#cta_bg {background:url(images/banner_cta_bg.png); width:275px; height:320px; float:right; padding:10px; text-align: right;}
#cta_bg h1 {color:#fff; font-size:35px; border:none; margin-bottom: 20px;}
#cta_bg p {color: #fff; font-size: 18px; font-weight: bold; line-height: 22px;}
a.slide_cta_button{background:url(images/slider_cta.png) 0 0; display:block; height:47px; width:275px; text-align:center; padding:13px 0 0 0; position: absolute; bottom:10px; text-decoration:none;}
a:hover.slide_cta_button{background:url(images/slider_cta.png) 0 -70px; text-decoration:none;}
#cta_bg a.slide_cta_button h1{color:#fff; text-shadow: 0 -1px 1px #d17d1d; margin:0; font-weight: bold; font-size: 30px;}


a.home_service_area{background:url(images/home_service_area.png) 0 0; display:block; height:50px; width:276px; text-decoration:none; margin-bottom: 15px; line-height: 50px; font-size: 18px; font-weight: bold; color: #7e7e7e; padding:0 12px; text-shadow: 0 1px 1px #fff;}
a:hover.home_service_area{background:url(images/home_service_area.png) 0 -60px; text-decoration:none;}

.home_news_box{height:85px; margin-bottom: 20px;}

.home_event_box{height:137px; margin-bottom:20px;}
.home_event_box p {margin:0;}
.cal_icon{height:60px;  background:url('images/calendar_icon.png') no-repeat;}
.cal_icon_month{width:60px; margin:0 auto 0; padding-top:3px; color:#fff; text-align:center; font:16px 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
.cal_icon_date{width:60px; height:25px; margin:7px auto 0; text-align:center; font:24px 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-weight:bold;}

/* map css */
#side_bar {height:600px; overflow:auto; float:left;}
#map {height:600px; float:right;}
#marker-info {
	white-space: nowrap;
	color: #047391;
	text-align: left;
	}
#side_bar #form1 input{
	float: left; margin:6px 10px 0 0;
}
#side_bar #form1 p{
	font-size: 14px;
	font-weight: normal;
	color: #047391;
	margin: 15px 0px 15px 0px;
	float: left;
}
#side_bar #form1 label{display:block; width:145px; float:left;}

.color-pin{
	margin-bottom: 0 !important;
	padding-bottom: 0!important;
	margin-left: 10px;
	
}
.house-menu{

	border-bottom: 1px solid #8C8881;
	padding:10px 0 10px 0;
	margin: 5px 0 5px 0;
}

#form1{
	margin-bottom: 2em;
}
#form1 select{
	width: 100%;
}
.infowin_wrap{min-height:300px;width:500px; margin:20px 0 0 0; background:url(img/info_bg.jpg) no-repeat; background-position:center;}
.infowin_head{ font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#047391; margin-bottom:20px; clear:both; width:480px;}
.infowin_wrap p{font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; margin-bottom:10px;}
.infowin_wrap b{font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; line-height:17px; margin-bottom:10px; color:#047391;}
.infowin_wrap ul{list-style-type: disc; list-style-position:inside;}
.infowin_wrap li{padding-right:10px;}
.infowin_links{width:500px; height:60px;}
.infowin_wrap img{ float:left; margin:20px 10px 0 0; clear:right;}
.infowin_left{width:240px; float:left;}
.infowin_right{width:240px; float:right;}
.infowin_right img{margin:15px 0 15px 0; float:none;}

/*Content areas*/
.service_directory_box{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px #d1d1d1 solid;}
.newspost_box{margin-bottom: 15px; border-bottom: 1px #dcdcdc solid;}
.job_box{margin-bottom: 15px; border-bottom: 1px #dcdcdc solid;}
.resource_box{margin-bottom: 15px; border-bottom: 1px #dcdcdc solid;}
.resource_thumb{margin: 0 0 20px 0;}
.event_box{margin-bottom:20px;}
.cal_icon_lg{height:100px;  background:url('images/calendar_icon_lg.png') no-repeat;}
.cal_icon_month_lg{width:100px; margin:0 auto 0; padding-top:8px; color:#fff; text-align:center; font:18px 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
.cal_icon_date_lg{width:100px; height:40px; margin:16px auto 0; text-align:center; font:40px 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-weight:bold;}


/*Sidebar*/

#more_info{background: #f7f7f7; border:1px #d1d1d1 solid; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#more_info_inner{padding: 15px 10px;}

/* footer */
#footer {
        margin: 30px 0px 30px 0px;
        padding: 30px 0px 30px 0px;
        border-top: solid 3px #ccc;
}
/* Misc */

.thumb_border{border: 2px #dcdcdc solid;}
.m_20_b{margin-bottom:20px;}

a.sml_button {/* Sliding right image */ background:  url('images/sml_button_right.png') no-repeat scroll right 0; display: block; height: 34px; /*IMAGE HEIGHT */ padding-right: 15px; /* RIGHT IMAGE WIDTH */ text-decoration: none; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; border:none;text-shadow: 0 -1px 1px #ef6521; margin-bottom: 20px;}

a.sml_button span {/* Background left image */ background:  url('images/sml_button_left.png') no-repeat; display: block;line-height: 34px; /*BUTTON HEIGHT */ padding: 0 0 0 15px; text-align:center;}

a:hover.sml_button {/* Sliding right image */ background:  url('images/sml_button_right.png') no-repeat scroll right -44px; display: block; height: 34px; /*IMAGE HEIGHT */ padding-right: 15px; /* RIGHT IMAGE WIDTH */ text-decoration: none; color: #fff; font-family:  Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; border:none;text-shadow: 0 -1px 1px #ef6521;}

a:hover.sml_button span {/* Background left image */ background:  url('images/sml_button_left.png') no-repeat 0 -44px ; display: block;line-height: 34px; /*BUTTON HEIGHT */ padding: 0 0 0 15px;}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-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;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
/* post */
.meta {margin-bottom: 10px;}