/*
Theme Name: Good Funeral Guide
Theme URI: http://www.goodfuneralguide.co.uk
Description: Wordpress Theme for The Good Funeral Guide
Version: v1.0
Author: Ian Harris, Carron Media
Author URI: http://www.carronmedia.com

Colours:

*/

/* Import reset styles */
@import url("css/reset.css");

body 							{font: 12px/16px normal Tahoma, Arial, Helvetica, sans-serif; color: #333; background: #F1F0ED;}

#container 					{margin: 0 auto; width: 800px; position: relative;}


/****** HEADER ******/

#header 						{margin: 20px 0 0; height: 150px; width: 800px; background-image: url('images/header.jpg');}

h1 							{position: absolute; display: none;	font-size: 24px;}
h2 							{font-size: 18px; font-weight: normal; line-height: 1.4em; color: #c60;}
h3 							{font-size: 16px; font-weight: normal; line-height: 1.4em; color: #333;}
h4, #content h4 a			{font-size: 14px; font-weight: normal; line-height: 1.4em; color: #c60;}
h5								{font-size: 10px; font-weight: normal; line-height: 10px; color: #999; margin-bottom: 6px; letter-spacing: .1em; text-transform: uppercase;}
h2, h3, h4 					{margin: 10px 0;}

strong						{font-weight: bold;}
em								{font-style: italic;}
.hidden						{display: none;}

#mainpage 					{padding: 10px; margin: 10px 0 0; width: 780px; background: #fff;}


/****** NAVIGATION ******/

#nav							{height: 30px; width: 780px; background: #453525; margin: 10px 0 0; border: 10px solid #fff;}
#nav ul.topmenu			{list-style-type: none; margin: 0;}
#nav ul li					{float: left; list-style-type: none;}
#nav ul.topmenu li		{display: inline;}
#nav ul ul					{height: 0; position: absolute; width: 210px; visibility: hidden;}
#nav ul a:hover ul, #nav ul li:hover ul
								{visibility: visible;}
#nav li a, #nav li span	{padding: 0 15px; font: 12px/30px Georgia, "Times New Roman", Times, serif; color: #fff; display: block; text-decoration: none;}
#nav li a:hover 			{color: #999;}
#nav ul.submenu a, #nav ul.submenu a:visited
								{background: #fff; border-left: 1px solid #453525; border-right: 1px solid #453525; color: #453525; display: block; font: 11px/22px Georgia, "Times New Roman", Times, serif; height: 22px; padding: 0 15px; text-decoration: none; width: 178px;}
#nav ul.submenu a:hover	{color: #999;}
#nav .bottomlink			{border-bottom: 1px solid #453525;}


/****** CONTENT ******/

#content 					{border-left: 10px solid #fff; border-bottom: 10px solid #fff; border-right: 10px solid #fff; padding: 10px 20px; width: 740px; background: #FDFBF3; overflow: hidden; clear: both;}
#content p, #list 		{margin: 10px 0;}
#content a, #content a:visited
								{font-size: 12px; color: #333; text-decoration: underline;}
#content a:hover  		{color: #7493C2;}
#content h2 a, #content h2 a:visited
								{font-size: 18px; color: #c60;}
#content p.headertxt		{font-size: 16px; line-height: 22px; font-weight: bold;}
#content p.headertxt	a	{font-size: 16px; text-decoration: underline;}

.list li 					{list-style-type: circle; margin: 5px 30px; line-height: 16px;}
ol li 						{margin: 5px 30px; line-height: 16px;}
.pdf, .word 				{margin-left: 20px; list-style-type: none;}
.pdf li, .word li 		{padding-left: 30px; line-height: 24px;}
.pdf li 						{background: url(../images/pdf_icon_24.png) 0 0 no-repeat;}
.word li 					{background: url(../images/word_icon_24.png) 0 0 no-repeat;}
.pdf li a, .pdf li a:visited, .word li a, .word li a:visited
								{font-size: 14px;	color: #333; text-decoration: underline;}
.pdf li a:hover, .word li a:hover
								{color: #7493C2;}

#leftcolumn					{float: left; width: 470px;}
#rightcolumn				{float: right; width: 250px; text-align: center;}
img.adimage					{border: none; margin-bottom: 10px;}


/****** FOOTER ******/

#footer 						{margin: 10px auto 20px; height: 20px; width: 800px; background: #fff; text-align: center;}
#footer p, #footer a, #footer a:visited
								{font: 10px/20px Verdana, Arial, Helvetica, sans-serif; color: #888;}
#footer a:hover 			{color: #999;}


/****** CONTACT FORM ******/

#contact						{margin: 0 0 10px; font-size: 12px;	color: #333; width: 440px; float: left;}
#contactform label, #commentform label
								{display: block;}
#contactform input.textfield, #commentform input.textfield
								{width: 250px; margin: 0 0 5px;}
#contactform textarea, #commentform textarea
								{width: 350px; height: 150px; margin: 0 0 5px;}
span.required				{color: #f00;}
								
.warning, .confirm  		{margin: 0 0 4px 20px; font-weight: bold; font-size: 13px;}
.warning 					{color: #f00;}

#comments 					{margin-bottom: 20px;}
#contactdts, #storytxt 	{float:left; width: 300px; margin: 10px 0px; font-size: 12px; color: #333; }

#image 						{margin: 10px 20px 20px; float: right;}
#image img 					{border: 10px solid #fff;}
#image .caption 			{font-style: italic; text-align: center;}

#text 						{clear: both; line-height: 16px; margin-left: 30px;}
#title 						{width: 60px;}

.clr 							{clear: both;}
.directorcon 				{border-top: 1px dotted #000;}
.director 					{margin-bottom: 5px; padding-left: 20px; border-bottom: 1px dotted #000;}
.director img				{vertical-align: middle; margin: 0 0 0 10px;}
.funeralcompany 			{font-size: 13px; color: #c60;}

img.centre 					{display: block; margin: 0 auto;}


/****** BLOG ******/

#blog							{float: left; width: 510px;}
div.blogpost				{border-bottom: 1px dotted #CCCCCC; margin: 6px 0 18px; padding: 0 0 18px;}
div.postbody				{margin: 0 0 12px;}
#blog p.categories		{margin: 25px 0 0;}
#blog p.dateheader, #blog p.postfooter, #blog p.postfooter a, #sidebar h4
								{color: #999; font-size: 12px; font-family: "Trebuchet MS", Trebuchet ,Arial, Verdana,Sans-serif; letter-spacing: 0.2em; margin: 18px 0 9px; text-transform:uppercase;}							
#blog p.postfooter img	{vertical-align: middle; margin: 0 0 0 10px;}

#sidebar						{float: right; width: 210px; padding: 18px 0 0;}
#sidebar ul					{border-bottom: 1px dotted #CCCCCC; margin: 0 0 18px; padding: 0 0 18px;}
#sidebar ul li 			{line-height: 18px; margin: 0; padding:0 0 3px 15px; text-indent:-15px;}
#sidebar	h4					{margin: 0 0 9px;}
#sidebar img				{vertical-align: middle;}


/******* COMMENTS ******/

#comments_section li		{margin: 5px 0 15px;}
p.tagline					{color: #999; font-size: 12px; font-family: "Trebuchet MS", Trebuchet ,Arial, Verdana,Sans-serif; letter-spacing: 0.2em; margin: 0 0 9px; text-transform:uppercase;}
div.commentwrap			{margin: 0 0 25px;}
div.commentavatar			{width: 32px; float: left; height: 32px; margin: 0 10px 0 0;}
ol.trackbacks				{margin: 0 0 15px;}
ol.trackbacks li 			{line-height: 25px; list-style: decimal; margin-left: 20px;}