/*  
Theme Name: Yorkshire Tea
Theme URI: http://www.yorkshiretea.co.uk
Description: Yorkshire Tea website skin for WP 
Version: 1.0
Author: based on work by Designer daily
Author URI: http://www.designer-daily.com
*/

/* CSS Reset v1.0 | 20080212 */
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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
	
/* STRUCTURE */
html,body {
	font-family:helvetica,arial,verdana,sans-serif;
	font-size:1em;
	background:#EBF7FD url(images/YT_TileBackground.jpg);
}

#container {
	width:839px;
	margin:5px auto 0;
}

#main {
	position:relative;
	float:left;
	width:839px;
	background:#B8CCCB url(images/YT_bg-content.jpg) repeat-y;
}

#main-content {
	position:relative;
	float:left;
	width:470px;
	margin:1px 0 10px 40px;
	display:inline;
	padding:0;
}

#main-content.single {
	margin-top:48px;
}

#header {
	position:relative;
	width:839px;
	height:230px;
	background:#EBF7FD url(images/YT_bg-header.jpg) no-repeat left top;
}

#headerlinks {
	padding-left: 127px;
	padding-top: 172px;
	font-size: 11px;
	font-weight:bold;
}

#headerlinks a,
#headerlinks a:visited {
	display: block;
	float: left;
	padding: 5px 12px;
	border-right: 1px solid #bc3e03;
	border-right: 1px solid rgba(0,0,0,0.2);
	border-left: 1px solid #ff702e;
	border-left: 1px solid rgba(255,255,255,0.2);
	color:#fff;
	text-decoration:none;
}

#headerlinks a:hover {
	padding: 4px 12px;
	color:#fff;
	background-color: black;
	border: 1px solid #fff;
}

h1 {
	position:absolute;
	left:40px;
	bottom:40px;
	font-size:1.2em;
	text-transform:uppercase;
}

h1 a:link,h1 a:visited {
	color:#000;
	text-decoration:none;
}

h1 a:hover {
	color:#ffffff;
}

#description {
	position:absolute;
	left:40px;
	bottom:20px;
	font-size:.8em;
	color:#888;
}

a:link,
a:visited {
	color:#fa5f1d;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#ff8238;
}


/* ARTICLES */
.post {
	margin:0 0 50px;
	font-size:.7em;
	text-align:left;
	line-height:1.5em;
	padding:0;
}

.post ul,
.post ol {
	margin:10px 0 10px 40px;
}

.post h2,
h3#comments,
h3#respond {
	font-size:1.6em;
	color:#363435;
	font-weight:bold;
	margin:0;
	width:460px;
	border-bottom:1px solid #ddd;
	padding:0 0 4px;
}

.post h2 a:link,
.post h2 a:visited {
	color:#363435;
	text-decoration:none;
}

.post h2 a:hover {
	color:#6B7D8F;
	background:none;
}

.post p {
	margin: 15px 0;
}

blockquote {
	background:#eee;
	padding:10px;
	margin:5px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.postdate {
	font-size:1em;
	font-weight:bold;
	width:460px;
	color:#fa5f1d;
}

.post .postmetadata {
	width:460px;
	margin:15px 0 0px;
	padding:0;
	border-bottom:1px solid #ddd;
	font-size:.8em;
	color:#666;
	v-align:middle;
}

.post .postmetadata a:link,
.post .postmetadata a:visited {
	color:#666;
	text-decoration:underline;
}

.post .postmetadata a:hover,
.post .postmetadata a:visited {
	color: #ff8238;
}

.post .postmetadata a.comments-link {
	color:#666;
	margin-left: 3px;
	padding-left: 19px;
	background: url(images/comment.gif) no-repeat left bottom;
	text-decoration: none;
	padding-top: 4px;
}

.post .postmetadata a.comments-link:hover {
	text-decoration:underline;
	color: #ff8238;
}

.post .sociallinks {
	margin: 5px 0 0;
	padding: 0;
	line-height: 17px;
}

.post .sociallinks a {
	font-weight: normal;
	color: #666;
	margin-right: 8px;
}

.post img.size-full,
.post img.size-medium {
	border: 1px solid #ddd;
	padding: 10px;
}

.post .sociallinks a:hover {
	font-weight: normal;
	color: #ff8238;
}

.post .sociallinks .stico_default {
	background-image: url(images/sharethis_16.gif) !important;
}

#facebook_share_link {
	float: left;
	display: block;
	background: url(images/facebook_16.gif) no-repeat left top;
	padding-left: 22px;
	vertical-align: baseline;
}

.post .sociallinks .stbutton {
	float: left;
}

a.more-link {
	font-weight: bold;
	text-decoration: none;
}

.post a.more-link span {
	padding-right: 16px;
	background-image: url(images/more.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#signature {
	margin:30px 0 0;
	font-size:.8em;
	color:#999;
}

#signature a:link {
	color:#777;
	font-weight:bold;
	text-decoration:none;
}

.post .commentnumber {
	float:right;
	margin:0 0 20px;
}

.post .commentnumber a {
	text-decoration:none;
	font-size:.9em;
	text-transform:uppercase;
	padding:8px;
	border-top:1px solid #ddd;
}

.post .commentnumber a:hover {
	color:#000;
	border-top:1px solid #000;
	background:none;
}


	
/* SIDEBAR */
.sidebar-wrapper {
	position:relative;
	float:right;
	display:inline;
	width:270px;
	margin:0 30px 0 0;
	padding:0;
	background:#FFFFFF;
	font-size:.7em;
}

#sidebar a,
#sidebar a:visited {
	color:#666;
	text-decoration:none;
}

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

#abonnements {
	position:relative;
	float:right;
	width:250px;
	margin:15px;
	padding:5px;
	background:#FFFFFF;
	font-size:1.3em;
}

#searchform {
	position:relative;
	margin-top:5px;
}

#s {
	background:#DFEFFF;
	border:1px solid #FFF;
	width:120px;
}

#searchsubmit {
	background:transparent;
	border:none;
	color:#000;
}

/*Keep in touch links*/
	a#rssfeed,
	a#twitter {
		color: #000;
		font-weight: bold;
		display: block;
		margin-bottom: 4px;
		padding-left: 38px;
		line-height: 32px;
	}
	
	a#rssfeed {
		background: url(images/rss_32.gif) no-repeat left center;
		height: 32px;
	}
	
	a#twitter {
		background: url(images/twitter_32.gif) no-repeat left center;
		height: 33px;
	}
	
	a#rssfeed:hover,
	a#twitter:hover {
		color: #000;
		text-decoration: underline;
	}



#sidebar {
	position:relative;
	float:right;
	width:270px;
}

ul#sidebar {
	list-style-type:none;
	margin:30px 0 10px;
	padding:0;
	border-left:1px solid #DDDDDD;
}

ul#sidebar li {
	list-style-type:none;
	line-height:1.5em;
	margin:20px;
	text-indent:0;
	padding:0;
}

ul#sidebar li ul li {
	margin:0;
	padding:0;
}

ul#sidebar li ul li ul {
	margin:0 0 0 15px;
}

ul#sidebar li ul li ul li {
	list-style-type:disc;
}

ul#sidebar li ul li.recentcomments {
	display: block;
	padding-bottom: 2em;
}

ul#sidebar li ul li.recentcomments a:link,
ul#sidebar li ul li.recentcomments a:visited {
	color:#fa5f1d;
	font-weight:bold;
	text-decoration:none;
	display: block;
	margin-top: 1em;
}

ul#sidebar li ul li.recentcomments a:hover {
	color:#ff8238;
}

ul#sidebar li ul li.recentcomments a.comment-title {
	color: black;
	text-decoration: underline;
	font-weight: normal;
	display: block;
	margin: 0 0 1em;
}

#sidebar h2 {
	font-size:1.6em;
	color:#363435;
	margin:1px 0 10px;
	font-weight:bold;
	border-bottom:1px solid #DDDDDD;
	padding:0 0 4px;
}

#sidebar h2top {
	font-size:1.6em;
	color:#363435;
	margin:0;
	font-weight:bold;
	border-bottom:1px solid #DDDDDD;
}

#sidebar .textwidget {
	text-indent:0;
}

#sidebar #archive-dropdown {
	margin-bottom: 2em;
}

#sidebar #calendar table#wp-calendar {
	width:100%;
	text-align:center;
}

#sidebar .widget_calendar h2 {
	display:none;
}


	
/* CALENDAR */
#wp-calendar caption {
	font-size: 1.2em;
	text-align:left;
	color:#bbb;
	font-weight:bold;
	padding-left:4px;
}

#wp-calendar th,
#wp-calendar td {
	width:20px;
	height:20px;
	line-height: 20px;
	text-align:center;
}

#wp-calendar th {
	color:#888;
}

#wp-calendar td {
	background:url(images/calendar_day.gif) no-repeat center center;
}

#wp-calendar td#today {
	background:url(images/calendar_today.gif) no-repeat center center;
}

#wp-calendar td.pad {
	background-image:none;
}

#wp-calendar a:link,
#wp-calendar a:visited {
	color:#000;
	text-decoration:underline;
}


	
/* FOOTER */
#footer {
	position:relative;
	float:left;
	width:839px;
	height:100px;
	color:#aaa;
	padding:10px 0;
	font-size:.8em;
	text-align:center;
	background:#B8CCCB url(images/YT_bg-footer.jpg) no-repeat;
}

#footer a:link,
#footer a:visited {
	color:#888;
	font-weight:bold;
	text-decoration:none;
}

#footer a:hover {
	color:#000;
	background-color:#D1E5EF;
}


	
/* COMMENTS */
#comments {
	clear: both;
	margin:0;
	padding:0;
}

#comments .comments-feed {
	background: url(images/rss_16.png) no-repeat left center;
	line-height: 16px;	
}

	#comments a.comments-feed {
		font-size: 11px;
		float: right;
		color: #000;
		font-weight: bold;
		display: block;
		padding-top: 5px;
		padding-right: 20px;
		height: 11px;
		background: url(images/rss_16.png) no-repeat right center;
		vertical-align: bottom;
	}
	
	#comments a.comments-feed:hover {
		color: #000;
		text-decoration: underline;
	}

h3#comments,
h3#respond {
	margin: 3em 0 2em;
}

textarea#comment {
	margin:10px 0;
	width:350px;
}

.comment-author {
	color: #fa5f1d;
}

#commentform input {
	margin:0;

}

#commentform p {
	margin: 0;
}

#author,
#email,
#url {
	width:200px;
}

#author,
#email,
#url,
#comment {
	background: #eee;
	border: 1px solid #aaa;
}

ol.commentlist {
	margin:0;
	padding:0;
	list-style-type:none;
}

ol.commentlist p {
	font-size: 1.1em;
	margin: 0 0 1em;
}

ol.commentlist a:link,
ol.commentlist a:visited {
	text-decoration:none;
	color:#6B7D8F;
	font-weight:bold;
}

ol.commentlist a:hover {
	background:#EFDFB3;
}

ol.commentlist li {
	margin-bottom: 3em;
}

#commentform label {
	color:#888;
	display: block;
}