/*  
Theme Name: Stop Smoking Service theme
Description: Theme for the Stop Smoking Service website
Version: 1.0
Author: NHS Sheffield
*/

  

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

body {font-size: 95%; font-family: arial, verdana, sans-serif; color: #333333; background:#7ebae5 url(images/bg.jpg) center top no-repeat;}
p {font-size: 0.85em;  padding: 0.45em 0 0.45em 0; line-height: 150%;}
a:link {color:#0066CC;}
a:visited {color:#000099;}
a:hover, a:focus, a:active {color:#0099FF;}

#main ul {font-size: 0.85em; margin-top: 0; margin-bottom:0; line-height: 150%;}


#wrapper {width:920px; margin:0 auto; }

#top { background:url(images/top.png) no-repeat; height:78px; margin-bottom:10px;}

#top a:link, #top a:visited {font-size:0.6em; margin:0; padding:0;  text-decoration:none; color:#cccccc; position:relative; left:6px; top:-2px;}
#top a:hover, #top a:focus, #top a:active {text-decoration:underline;}


#banner {background:url(images/banner.png) no-repeat; height:200px; margin-bottom:10px;}

#banner h1 {font-size:26px; position:relative; top:12px; left: 20px; font-weight:normal;}
#banner p {font-size:22px; position:relative; top:30px; left:450px; width:460px;}

#banner a:link, #banner a:visited {text-decoration:none; color:#000000;}
#banner a:hover, #banner a:focus, #banner a:active {color: #0000CC;}

#nav {background:url(images/nav.png) no-repeat; height:40px; margin-bottom:4px; font-weight:bold;}
#nav ul {list-style:none; margin:0; padding:12px 0 0 20px; color:#FFFFFF; }
#nav li {display:inline; margin: 0 0 0 4px;}
#nav a:link, #nav a:visited {color:#ffffff; text-decoration:none;}
#nav a:hover, #nav a:focus, #nav a:active {color:#00CC00;}

#container_top {background:url(images/main_top.png) bottom no-repeat; }
#container_middle {background:url(images/main_middle.png) repeat-y;  }
#container_bottom {background:url(images/main_bottom.png) no-repeat; }


#main {width:600px; float:left;}

#sidebar {width:318px; float:right; margin:0; padding:0;}

#footer {clear:both;}

#footer a:link, #footer a:visited {color:#000000;}
#footer a:hover, #footer a:focus, #footer a:active {text-decoration:none;}

.clear {clear:both;}


.post{
margin: 10px 30px;
/*border-bottom:1px solid #cccccc;*/}

.post h2{
font-size: 1.3em;  padding: 0.25em 0 0.45em 0; line-height: 150%; font-weight:normal; color:#0066CC;
}
.post h3{
font-size: 1em;  padding: 0.45em 0 0.45em 0; line-height: 150%; 
}
.post li {margin:4px 0;}

.post img {border:1px solid #0099FF; padding:2px; margin:4px;}
.post img.noborder {border:none; padding:0; margin:0;}

h2.latestnews{
font-size: 1.2em;  padding: 0.25em 0 0.45em 0; line-height: 150%; font-weight:normal; color:#0066CC; margin: 10px 30px 0 30px;
}

.entry{
line-height: 18px;
}
p.postmetadata{
border-top: 1px dashed #ccc;
margin: 10px 0 0 0;
}
.navigation{
margin: 10px 30px 0 30px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

#sidebar ul{
list-style: none;
margin: 0;
padding: 0 10px 0 10px;

}
#sidebar ul li{
padding: 10px 0 10px 0;

}
#sidebar ul li h2{
font-size: 14px;
}
#sidebar ul ul li{
padding: 0;
line-height:24px;
}
/*
#recent-posts { margin: 4px 10px; border-bottom:2px solid #0b87e6;  background-image:url(images/sidetop.jpg); background-repeat:no-repeat; background-position:top;  }
#recent-posts li { background-color:#FFFFFF; font-size:0.85em; margin-bottom:4px; margin-top:4px; }
#recent-posts h2 {margin:0 8px 8px 8px; line-height:90%;}
#recent-posts a:link, #recent-posts a:visited {text-decoration:none;line-height:100%; color:#0066CC;}
#recent-posts a:hover, #recent-posts a:focus, #recent-posts a:active {text-decoration:underline;}
*/
#searchform { margin:0 10px; padding:10px 4px; background:url(images/sidetop.jpg) no-repeat; border-bottom:2px solid #0b87e6; }
#searchform .searchfield {width:60%;}
#searchform label {font-size:0.85em;}

.cat_posts { margin: 4px 10px; border-bottom:2px solid #0b87e6;  background-image:url(images/sidetop.jpg); background-repeat:no-repeat; background-position:top; position: relative }
.cat_posts li { background-color:#FFFFFF; font-size:0.85em; margin-bottom:4px; margin-top:4px; }
.cat_posts h2 {margin:0 8px 8px 8px; line-height:90%;}
.cat_posts a:link, .cat_posts a:visited {text-decoration:none;line-height:100%; color:#0066CC;}
.cat_posts a:hover, .cat_posts a:focus, .cat_posts a:active {text-decoration:underline;}


.comments-template{
	margin: 0;
	/*border-top: 1px solid #ccc;*/
	padding:  0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	
}

.comments-template ol li{
/*	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	list-style:none;
	*/
	list-style:none;
	border:1px solid #cccccc;
	
}

.comments-template ol li p {padding:8px;}

.comments-template ol li p.date {font-size:0.8em; padding: 4px; text-align:right;}

.comments-template h2, .comments-template h3{
	font-size: 16px;
}

.comments_quote {margin: 0 10px;}


.commentmetadata { 
/*font-size:0.85em; margin: 0 14px;*/
font-size:0.85em;
border-bottom:2px solid #666666;
padding:8px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

h3#comments {font-size:0.85em;}

#commentform {border:1px solid #0066FF; padding: 0 6px 2px 6px;}
#commentform label {font-size:1.1em;}

.comments_top {background:url(images/commentsbox_top.jpg) center bottom no-repeat; height:7px;}
.comments_middle {background:url(images/commentsbox_main.jpg) center repeat-y;}
.comments_bottom {background:url(images/commentsbox_bottom.jpg) center top no-repeat; height:17px;}


#box1 a {background:url(images/sidebox_preg2.jpg) no-repeat; width:278px; height:100px; display:block; margin:0 auto; text-decoration:none;}
#box1 a:hover {background:url(images/sidebox_preg.jpg) no-repeat; width:278px; height:100px; display:block; margin:0 auto; text-decoration:none;}
#box1 span { position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden; /*color:#333333; font-size:28px; position:relative; top:6px; left:6px;*/ }
#box2 a {background:url(images/sidebox_emp2.jpg) no-repeat; width:278px; height:100px; display:block; margin:0 auto; text-decoration:none;}
#box2 a:hover {background:url(images/sidebox_emp.jpg) no-repeat;}
#box2 span {position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden; }



.alignright {float:right; margin-left:10px;}


.healthbenefits {border-top:1px dashed #333333; border-bottom:1px dashed #333333; margin:6px 4px;}

ul.info { list-style:none; padding:0; margin:0 6px; }
ul.info li {background-image:url(images/info.jpg); background-repeat:no-repeat; background-position:top left; padding:0 0 0 34px; margin:16px 0;}

ul.icons { list-style:none; padding:0; margin:0 6px; }
ul.icons li.clock {background-image:url(images/clock.png); background-repeat:no-repeat; background-position:top left; padding:6px 0 0 38px; margin:16px 0; height:32px; display:block; vertical-align:middle;     }

ul.icons li.cal {background-image:url(images/ical.png); background-repeat:no-repeat; background-position:top left; padding:6px 0 0 38px; margin:16px 0; height:32px; display:block; vertical-align:middle;  }


.weekstop {width:520px; height:44px; margin:0 auto;}
.weeksmain {width:520px; background:url(images/weeksmain.jpg) repeat-y top center; margin:0 auto;}
.weeksmain p {margin:0 20px;}
.weeksbottom {width:520px; background:url(images/weeksbottom.jpg) no-repeat top; margin:0 auto; text-align:center;}

.thumbnail {height:94px; margin-bottom:10px; margin-top:10px;}
.thumbnail img {float:left; margin-right:6px;}
.thumbnail h3 { padding:0; }
.thumbnail p {padding-top:0;}
.thumbnail a:link, .thumbnail a:visited {text-decoration:none;  color:#0066CC;}
.thumbnail a:hover, .thumbnail a:focus, .thumbnail a:active {text-decoration:underline;}

.box1_top {background:url(images/box1_top.jpg) bottom center no-repeat;  width:500px; height:13px; line-height:13px; margin:0; padding:0; text-align:center; color:#FFFFFF;}
.box1_main {background:url(images/box1_main.jpg) bottom center no-repeat; width:500px;}
.box1_main ul {list-style:none; margin:0 14px 14px 14px; padding:0;}
.box1_main ul li {margin: 0; padding:10px 0; border-bottom:1px dashed #003399; min-height:32px;}
.box1_main li.clock {background:url(images/clock.png) top left no-repeat; padding:6px 0 6px 38px; margin:10px 0;   display:block; vertical-align:middle;     }
.box1_main li.clock_top {background:url(images/clock.png) top left no-repeat; padding:6px 0 6px 38px; margin:0 0 10px 0;   display:block; vertical-align:middle;     }
.box1_main li.clock_long {background:url(images/clock.png) top left no-repeat; padding:0px 0 6px 38px; margin:10px 0;   display:block; vertical-align:middle;     }
.box1_main li.cal {background:url(images/ical.png) top left no-repeat; padding:6px 0 6px 38px; margin:10px 0;  display:block; vertical-align:middle;     }
.box1_main li.cal_long {background:url(images/ical.png) top left no-repeat; padding:0px 0 6px 38px; margin:10px 0;  display:block; vertical-align:middle;     }
.box1_main li.cal_bottom {background:url(images/ical.png) top left no-repeat; padding:6px 0 6px 38px; margin:10px 0 0 0;  display:block; vertical-align:middle; border-bottom:none;    }

.box1_main2 {background:url(images/box1_main.jpg) bottom center no-repeat; width:500px;}
.box1_main2 ul {list-style:none; margin:0 14px 14px 14px;  padding:0;}
.box1_main2 ul li {margin: 0; padding:10px 6px; border-bottom:1px dashed #003399;}
.box1_main2 ul li.bottom {border-bottom:none; padding: 10px 6px 20px 6px;}
.box1_main2 .large {font-size:1.1em; color:#104D7C; }

/* speech bubbles*/
.speechbubble_top {width:400px; float:right; background:url(images/speechbubble1_top.jpg) top center no-repeat; height:22px; color:#ffffff;}
.speechbubble_middle {width:400px; float:right; background:url(images/speechbubble1_middle.jpg) top center repeat-y;}
.speechbubble_bottom {width:400px; float:right; background:url(images/speechbubble1_bottom.jpg) top center no-repeat; height:32px;  color:#ffffff;}
.speechbubble2_top {width:400px; float:left; background:url(images/speechbubble1_top.jpg) top center no-repeat; height:22px; color:#ffffff;}
.speechbubble2_middle {width:400px; float:left; background:url(images/speechbubble1_middle.jpg) top center repeat-y;}
.speechbubble2_bottom {width:400px; float:left; background:url(images/speechbubble2_bottom.jpg) top center no-repeat; height:32px;  color:#ffffff;}
.speechbubble_middle p, .speechbubble2_middle p {margin:6px 18px; padding:0;}

/* for evaluation form*/
form.eval {margin:0; padding:0;}
form.eval input, form.eval textarea, form.eval select {font-family:Arial, Helvetica, sans-serif;}
form.eval fieldset {border:none; margin:0; padding:0}
form.eval legend {font-size:0.85em;  padding: 0.45em 0 0.45em 0; margin: 0 ; line-height: 150%; color:#333333; white-space:normal; }
form.eval legend span {display:block; width:98%; }
form.eval .box {border:1px solid #cccccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:0 10px; margin:0.5em 0;}
form.eval input.small {padding:2px; width:12em;}
form.eval input.medium {padding:2px; width:20em;}
form.eval textarea {padding:2px; font-size:1em;}
.spfield {visibility:hidden;}

/* for advisers blog*/
.titlebox {font-size:1.1em; padding:6px; border: 2px solid #ACCDEC; margin-bottom:10px;}
.titlebox h2 {margin:0; padding:0; }
.titlebox p {margin:0; padding:0; font-style:italic; font-weight:bold;}


p.small {font-size:0.75em; margin:0; padding:0;}

.featurebox {border:1px solid #006699; padding-left:4px; padding-right:4px;}
.featurebox h2 {font-size:1em;}