/*
Title:     	Zopa blog styles
Author:     Mark Croxton, mcroxton@hallmark-design.co.uk
Copyright:	Hallmark Design
Created:    September 25 2006
*/

hr {
	clear: both;
}

/* breadcrumb and next/prev nav */

.signaltext {
	font-size: 1.3em;
}

.signaltext a, .signaltext a:link, .signaltext a:visited, .dotIR a {
	color: #c70304;
	text-decoration: none;
}

.signaltext a:hover, .dotIR a:hover {
	color: #000;
}

.breadcrumb {
	clear: both;
}

.breadcrumb p {
	margin: 0 0 0.25em 0;
	padding: 0 0 1px 0;
}

.alignright { float: right; }
.alignleft { float: left; }
	
/* third level navigation */

#navlist .expanded ul a {
  	display: block;
  	padding:8px 0;
  	font-weight:normal;
	text-indent:30px;
}
	
#navlist .expanded a {
  	font-weight:bold;
	background-color: #f5f5f0;
	border-bottom: none;
}

#navlist li.expanded li a:hover {
	font-weight: bold;
}

#navlist .expanded ul {
	border-bottom: 1px solid #ccc;
}

/* nav boxes */

/* Hide from mac ie \*/
* html #navlist img {
	margin-bottom: -3px;
}
/* end hide */

.nav_box ul {
	margin: 10px 10px 10px 10px;
}

.nav_box ul ul {
	margin: 3px 10px 10px 20px;
}

.nav_box ul li {
	font-weight: bold;
	margin: 0;
	list-style: none;
}

.nav_box ul li li {
	font-weight: normal;
}


/* posts - multiple */	
div.postdate {
	 background: #fff url('../images/blog/date_bg.gif') no-repeat;
	 width: 49px;
	 font-weight: bold;
	 margin: 2px 0 12px 0;
	 float: left;
}

span.pMonth, span.pDay, span.pYear {
	display: block;
	width: 49px;
	text-align: center;
}

span.pMonth {
	color: #666;
	text-transform: uppercase;
	padding: 4px 0 0 0;
	letter-spacing: 1px;
}

span.pDay {
	font-size: 2.5em;
	line-height: 0.7em;
	color: #c70303;
	padding-top: 3px;
}

span.pYear {
	background: transparent url('../images/blog/date_b.gif') bottom left no-repeat;
	color: #9a9586;
	padding: 1px 0 4px 0;
	letter-spacing: 1px;
}

div.entry {
	float: right;
	width: 439px;
}

div.post h2 {
	width: 439px;
}

p.postauthor, p.commentauthor {
	font-size: 1.1em;
	font-weight: bold;
	color: #b7b3a1;
}

p.postmetadata img {
	vertical-align: bottom;
	padding-right: 5px;
}

/* post - single (full story) */	

body h1.dotIR {
	margin-bottom: 15px;
}

body h2.dotIR {
	margin-bottom: 5px;
}

body .single h1.dotIR {
	font-size:32px;
	margin-bottom: 10px;
}

.single h2.dotIR {
	margin-bottom: .5em;
}

.single p.postauthor {
	font-size: 1.36em;
	margin: -.5em 0 1.5em 0;
}

/* Hide from mac ie \*/
* html .single p.postauthor {
	margin-top: 0;
}
/* end hide */

.single div.entry {
	width: 505px;
	margin-left: -66px;
}

.single .entry h1, .single p.postauthor {
	margin-left: 66px;
}

.postmetadataalt {
	padding: 8px 10px 10px 10px;
	background-color: #f4f4f0;
	color: #808080;
	margin: 2em 0 2em 0;
}


/* comments */	
div.comment {
	padding-left: 42px;
}

body h3.commentauthor {
	font-size:1.6em;
}

body h3.commentauthor {
	font-size:1.6em;
	margin-bottom: .2em;
	color: #817E71;
}

body h3.commentauthor a:link, body h3.commentauthor a:visited {
	color: #817E71;
	text-decoration: none;
}

body h3.commentauthor a:hover, body h3.commentauthor a:focus {
	color: #333;
}

.blogform {
	padding:0;
	background:  #f4f4f0 url('../images/blog/greybox_b.gif') left bottom no-repeat;
	margin-top: 1em;
	width: 508px;
}

.blogform fieldset {
	padding:20px 10px 15px 10px;
	margin:0;
	background: transparent url('../images/blog/greybox_t.gif') no-repeat;
	width: 478px;
	border:0;
}

.blogform fieldset p {
	padding: 0;
	margin:0;
}

#commentform fieldset p {
	clear: left;
}

#commentform label {
	width: 117px;
	margin-bottom: 1.2em;
	display: block;
	float: left;
	font-weight: bold;
}

#commentform textarea {
	width: 300px;
	height: 150px;
}

#commentform .img {
	display: block;
	margin: 1em 0 0 117px;
}

#archiveform label, #searchform label {
	font-size: 1.64em;
	font-weight: bold;
	color: #9a9586;
	padding-right: 3px;
	vertical-align: middle;
}

#archiveform select {
	width: 125px;
	margin-right: 10px;
	vertical-align: top;
}

#searchform input.txt {
	width: 272px;
}

/* archive */
.archive h2.dotIR {
	margin-bottom: -1em;
}

/* tables */
table.data {
	margin-bottom: 3em;
}

.data td {
	padding: 0 10px 0 10px;
	background-color: #f5f4f0;
}

.data td.left {
	text-align: left;
	background-image: none;
}

.data {
	width: 508px;
	border-collapse: collapse;
}

.data  td, .data th {
	text-align:center;
	height:30px;
}

.data th {
	color:#b6b3a0;
	text-transform:uppercase;
	font-weight:bold;
}

.data td, .data tr th {
	border:0;
	background-image:url('../images/table_border.gif');
	background-position:0 0;
	background-repeat:repeat-y;
}

.data td.left_col {
	background-image: none;
	font-size: 1.1em;
	background-color: #b7b3a1;
	color: #fff;
	font-weight: bold;
	padding: 0 4px 0 4px;
}

.data tr th {
	border: 0;
	background-image:url('../images/table_border_th.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	line-height: 40px;
}

.data tr th img {
	margin: 0px 0 -2px 0;
}

.data th.left_col {
	background-position: -5px 100%;
}

.data tr.rowAlt td {
	background-color: #fcfcfc;
}
.data tr.rowAlt td.left_col {
	background-color: #cdcabd;
	border: 1px solid #fff;
	border-width: 1px 0 1px 0;
}

.dotIR.multiline span { display: block; }
h1.dotIR.multiline span { margin-bottom: -0.3em; }
h1.dotIR.multiline { margin-bottom: 0.3em; }
h2.dotIR.multiline span, h3.dotIR.multiline span { margin-bottom: -0.2em; }
h2.dotIR.multiline, h3.dotIR.multiline { margin-bottom: 0.2em; }

/*
June 26, 2009
adding social media icons plus links to navbar
*/
div.sharingtools {	margin-top: 20px;}
#SocialMedia {background: url('/wp-content/themes/zopa/assets/images/SocialMediaNavBox.gif') no-repeat; background-color: #ffffff; padding-top: 9px; 	height: 124px; }
#SocialMedia a.navItem { display: block; padding-left: 40px; height: 16px; line-height: 14px; }