/*
Theme Name: Cennydd
Theme URI: http://www.cennydd.co.uk
Description: Based on Elliot Jay Stocks' Starkers.
Version: 2 (WP2.6.2)
Author: Cennydd Bowles
Author URI: http://www.cennydd.co.uk
Tags: 
*/

/* CLEARLEFT RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based on Harmonise v1.3 by Clearleft. */

/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* tables may still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */


body {
	margin: 0 auto;
	background: #fff;
	color:#444;
   	font: 300 16px "Helvetica Neue", Arial, sans-serif;
	line-height: 23px;
}

a:link,
a:visited,
a:hover,
a:focus,
a:active, 
button.link span {
	color: #C23056;
	text-decoration: underline;
}
a:visited {
	color: #C23056;
}

/* @group Font families */

pre, code, kbd, tt, samp, tt {
	font-family: "andale mono", monospace;
}

/* @end */

/* @group Font sizes & margins */

/*
@font-face {
	font-family: "Museo Sans";
	src: url('http://www.cennydd.co.uk/wordpress/wp-content/themes/cennydd09/style/fonts/museo-sans.otf');
}
*/


p, ul, ol, dl, address, table, pre, form, fieldset {
	font-size: 1em /* 14px */;
	margin-bottom: 1.5em; /* 21px */
}



h1, h2, h3, h4, h5, h6, .site-name, .post-nav {
	font-family: "ff-speak-web-1","ff-speak-web-2", Calibri, Candara, Helvetica Neue, Arial, sans-serif;
	letter-spacing:-0.05em;
	font-weight: normal;
}


h1 {
	margin-left: 10px;
	margin-bottom: 24px;
}

h1,
body.home .post-title,
body.blog .post-title {
	font-size: 40px;
   	line-height: 42px;
   	padding: 0 0 15px 0;
	}

.single h1,
.home h1,
.blog h1,
.page h1 {
	margin-left: 0;
	margin-bottom: 0;
}


h2 {
	font-size:30px;
	line-height: 35px;
	padding: 14px 0 10px 0;
	color: #333;
}

h3, h4, h5, h6  {
	font-size: 24px;
	line-height: 30px;
	color: #333;
	}
	
h3 {
	padding: 14px 0 10px 0;
}
	
aside {
	font-size: 11px;
	line-height: 14px;
	font-style: italic;
	text-align: left;
	letter-spacing: 0.025em;
}

/* @end */

/* @group Lists */

.prose ul, ul.xoxo, ul.xoxo ul {
/* unordered lists more often DON'T require bullets except in extended bits of writing. Where bullets are required apply the .prose class to a container, or apply directly with .xoxo */
	list-style-type: disc;
	margin-left: 1.5em; /* 21px */
}

ol {	/* ordered lists usually DO require (numbered) bullets */
	list-style-type: decimal;
	margin-left: 2em; /* 28px */
}

dt {
	font-weight: bold;
	margin-top: 1.5em; /* 21px */
}

ul ul, ol ol, ol ul, ul ol {
	margin-bottom: 0;
}

/* @end */

/* @group Tables */

table {
	border-bottom: 1px solid #666;
}

caption {
	font-weight: bold;
	padding-bottom: 0.4375em; /* 7px */
	font-size:1.1429em; /* 16px */
}

thead th {
	border-top: 1px solid #666;
	border-bottom: 3px solid #666;
	padding-top: 0;
	padding-bottom: 0.5em; /* 7px */
}

tbody {
	border-top: 3px solid #666;	/* not rendered in IE6/7 */
}

tbody tr th, tbody tr td {
	border-top: 1px solid #ddd;
}

th, td {
	text-align: left;
	padding: 0.286em 0.5em 0.214em 0.5em; /* 4px 7px 3px 7px */
}

/* @end */

/* @group Blockquotes */

blockquote {
	font-style: italic;
	margin:0  1.5em  1.5em 1.5em; /* 21px */
}

p+p+blockquote {
	margin-top: 1.5em /* 21px */;
}

blockquote cite, blockquote em {
	font-style: normal;
}

/* @end */



/* @group Forms */

/* @group Containers */

form .container {
	margin-bottom: 1.5em; /* 21px */
}


/* @group Fieldsets */

fieldset {
	border: 1px solid #ccc;
	padding: 0 1.5em 1em 1.5em; /* 0 21px 14px 21px */
}

legend {
	font-weight: bold;
}

form fieldset .container {
	margin-top: 1em; /* 14px */
	margin-bottom:0;
	position: relative;
}

/* @end */

/* @end */

/* @group Labels */

label {
	font-weight: bold;
	cursor: pointer;
}

.meta-label {
	font-weight: bold;
	margin-bottom: 0;
}

.multi-container label, 
.radio-container label, 
.checkbox-container label {
	font-weight: normal;
}

.radio-container label, 
.checkbox-container label {
	display: block;
}

.compact label {
	display: inline;
}

/* @end */

/* @group Meta */

form .help {
	display: block;
	color: #777;
	font-style: normal;
	font-size: 0.857em; /* 12px */
}

/* @end */

/* @group Form controls */

input, textarea, select, button {
	font-family: inherit;
	font-size: 1em;
	line-height: inherit;
}

select {
	background-color: #fff; /* fixes bug in Opera which inherits bgcolor from container */
}

textarea,
input[type='text'],
input[type='password'],
select {
	border-width: 1px;
	border-style: solid;
	border-top-color: #999;
	border-left-color: #999;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	padding: 0 1px 1px 1px;
}

textarea:focus, 
input[type='text']:focus, 
input[type='password']:focus, 
select:focus {
	border-color: #888;
	outline: 2px solid #ffffaa;
}

input.short {
	width: 4em;
}

input.medium, textarea.medium {
	width: 12em;
}

input.long, textarea.long {
	width: 30em;
}

textarea {
	width: 99%;
	display: block;
}

.button-container input {
	font-weight: bold;
}

.button-container input.cancel {
	font-weight: normal;
}

button.link {
	border: 0;
	padding: 0;
	background-color: #fff;
	font-weight: normal;
	cursor: pointer;
	width: auto;
	overflow: visible;
}

/* accessibility feature, resize check and radio inputs */
.radio-container input, 
.checkbox-container input {
	width: 1em;
	height: 1em;
}

/* @end */

/* @end */

/* @group Other styling */

address {
	font-style: normal;
}

ins {
	text-decoration: none;
	font-style: italic;
}

del {
	text-decoration: line-through;
}

/* @end */



/* Set HTML 5 elements as block */
article, aside, dialog, figure, footer, header, legend, nav, section {
  display: block;
  }
	

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* TEMPORARY NASTINESS */

/*
section {
	border: 1px solid #ccc;
}


header {
	background-color: #fdd;
	}
	
footer {
	background-color: #ddf;
	}
	
nav {
	background-color: #dfd;
	}
*/


/* LAYOUT */


body {
	background-color: #FFFFFA;
}

.container {
	margin: auto;
	width:960px;
	overflow: hidden;
}


.content {
	width: 720px;
	float: left;
}

.excerpt {
	font-style: italic;
	clear: both;
	margin-bottom: -15px;
}


footer {
	clear: both;
}

/* Main Header */

header.primary {
	background-color: #D09999;
	border-top: 5px solid #A21026;
	width:100%;
	overflow: hidden;
	margin-bottom: 28px;
}

/* Main Nav */

header.primary nav {
	float: right;
	width:320px;
}

.site-name,
a:link.site-name,
a:visited.site-name,
a:hover.site-name,
a:focus.site-name,
a:active.site-name {
	font-size: 30px;
	padding:14px 0 16px 10px;
	display: block;
	float: left;
	text-decoration: none;
	color: #A21023;	
}
	

/* Posts */

.post-title,
h1.post-title,
h1.post-title a:link,
h1.post-title a:visited,
h1.post-title a:hover,
h1.post-title a:focus,
h1.post-title a:active,
h2.post-title,
h2.post-title a:link,
h2.post-title a:visited,
h2.post-title a:hover,
h2.post-title a:focus,
h2.post-title a:active {
	color: #000000;
	text-decoration: none;
}

h1.post-title a:hover,
h1.post-title a:focus,
h1.post-title a:active,
h2.post-title a:hover,
h2.post-title a:focus,
h2.post-title a:active {
	border-bottom:2px solid #000000;
}

.post-content a:hover,
.post-content a:focus,
.post-content a:active,
.page article.post a:hover,
.page article.post a:focus,
.page article.post a:active {
	background-color: #F0C0C0;
}

	.post-content img a:hover,
	.post-content img a:focus,
	.post-content img a:active,
	.page article.post img a:hover,
	.page article.post img a:focus,
	.page article.post img a:active {
		background-color: transparent;
	}


article.post {
	padding-left: 170px;
	padding-right: 10px;
	clear: both;
	position: relative;
	float: left;
	width:540px;
	margin-bottom: 28px;
}

/* These things pull to the left */

	.post-date,
	.post-comments,
	.post-tweets,
	.pullout,
	aside {
		position: absolute;
		left: 10px;
		width: 140px;
		display: inline; /* So we don't force a new line */
	}
	
	img.big {
		margin-left:-160px;
	}
	
	aside {
		border-right:2px dotted #F0C0C0;
		left:-160px;
		padding-right:8px;
		width:130px;
	}
	
	.pullout {
		border-right: none;
	}
	
	.post-date {
		top:8px;
	}
	
	.home .post-date {
		font-size: 15px;
		color:#666666;
		top:14px;
	}


/* Comment widget - icon with number of comments displaying */

.post-comments {
	background:transparent url(http://cennydd.co.uk/wordpress/wp-content/themes/cennydd09/style/images/commentbox.gif) no-repeat scroll 0 0;
	top: 50px;
	text-align: center;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	width:50px;
	height:61px;
}

.post-comments span {
	font-size:17px;
}

.post-comments p {
	font-size:10px;
	line-height:9px;
	margin:0 0 7px;
	padding:0;
}

.post-comments .action,
.post-comments a:link.action,
.post-comments a:visited.action,
.post-comments a:hover.action,
.post-comments a:active.action,
.post-comments a:focus.action {
	color:#FFFFFF;
	font-size:10px;
	margin:20px 0 2px 0;
	line-height: 25px;
	}

.post-comments a:hover.action,
.post-comments a:active.action,
.post-comments a:focus.action {
	background:transparent url(http://cennydd.co.uk/wordpress/wp-content/themes/cennydd09/style/images/commentbox.gif) no-repeat scroll 0 -61px;
	color:#A21026;
	font-size:10px;
	margin:0;
	padding:1px 4px;
}

.post-comments .comments-number span {
	display: block;
}

	a:link .comments-number,
	a:visited .comments-number,
	a:hover .comments-number,
	a:focus .comments-number,
	a:active.comments-number {
		width:50px;
		text-decoration: none;
		padding: 4px 0;
		color: #444444;
	}

	.post-comments a:link,
	.post-comments a:visited,
	.post-comments a:hover,
	.post-comments a:focus,
	.post-comments a:active {
		width:50px;
		text-decoration: none;
		padding: 4px 0;
		color: #444444;
	}

/* Tweet widget - icon with number of tweets displaying */

.post-tweets {
	left: 85px;
	top: 50px;
	margin: auto;
	height: 60px;
}

	a:link.post-tweets,
	a:visited.post-tweets,
	a:hover.post-tweets,
	a:focus.post-tweets,
	a:active.post-tweets {
		width:60px;
	}

.post-content ul li,
.page article ul li {
	margin-left: 20px;
	list-style-type: disc;
}



/* Main Footer */

footer.primary {
	background-color: #A21026;
	overflow: hidden;
	color: #FFFFF5;
	margin-top: 24px;
	padding-top: 24px;
}

footer.primary article.post {
	margin-bottom: 5px;
}

	footer.primary a:link,
	footer.primary a:visited,
	footer.primary a:hover,
	footer.primary a:focus,
	footer.primary a:active {
		color: #F0C0C0;
	}
	
	footer.primary .icon {
	top: 0;
	left:10px;
	}

/* Sidebar */

.sidebar {
	width: 220px;
	float: left;
	padding: 0 10px;
	line-height: 36px;
}

.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
	color: #444;
}

.sidebar li {
	position: relative;
	padding-left: 26px;
}

.sidebar a:link,
.sidebar a:visited,
.sidebar a:hover,
.sidebar a:focus,
.sidebar a:active {
	text-decoration: none;
}

.sidebar a:hover,
.sidebar a:focus,
.sidebar a:active {
	text-decoration: underline;
}

.icon {
	width:21px;
	height: 21px;
	top:7px;
	left:0;
	position: absolute;
}

/* Main Nav */

nav ul li {
	display: inline;
}

nav ul li a:link,
nav ul li a:visited,
nav ul li a:hover,
nav ul li a:active,
nav ul li a:focus {
	color: #A21026;
	text-decoration: none;
	display:block;
	float:left;
	padding:15px 0;
	text-align:center;
	width:25%;
	clear: none;
	display: inline;
}

/* Tells the current page navigation link to apply a different background colour and text colour */
body.blog nav ul li.page-item-1 a:link,
body.blog nav ul li.page-item-1 a:visited,
body.blog nav ul li.page-item-1 a:hover,
body.blog nav ul li.page-item-1 a:active,
body.blog nav ul li.page-item-1 a:focus,
body.single nav ul li.page-item-1 a:link,
body.single nav ul li.page-item-1 a:visited,
body.single nav ul li.page-item-1 a:hover,
body.single nav ul li.page-item-1 a:active,
body.single nav ul li.page-item-1 a:focus,
body.page-id-2 nav ul li.page-item-2 a:link,
body.page-id-2 nav ul li.page-item-2 a:visited,
body.page-id-2 nav ul li.page-item-2 a:hover,
body.page-id-2 nav ul li.page-item-2 a:active,
body.page-id-2 nav ul li.page-item-2 a:focus,
body.page-id-1086 nav ul li.page-item-1086 a:link,
body.page-id-1086 nav ul li.page-item-1086 a:visited,
body.page-id-1086 nav ul li.page-item-1086 a:hover,
body.page-id-1086 nav ul li.page-item-1086 a:active,
body.page-id-1086 nav ul li.page-item-1086 a:focus,
body.page-id-296 nav ul li.page-item-296 a:link,
body.page-id-296 nav ul li.page-item-296 a:visited,
body.page-id-296 nav ul li.page-item-296 a:hover,
body.page-id-296 nav ul li.page-item-296 a:active,
body.page-id-296 nav ul li.page-item-296 a:focus,
nav ul li a:hover,
nav ul li a:active,
nav ul li a:focus {
	color: #FFFFF5;
	background-color: #A21026;
}

/* Posts */

.post h1 {
	margin-bottom: 11px;
}

/* Navigation within a post */

.post-nav {
	margin-left: 160px;
	padding: 0 10px;
	font-size:21px;
	line-height:28px;
	clear: both;
}

.single .post-nav {
	margin-left:0;
}

.post-nav,
.post-nav ul li {
	width:540px;
	position: relative;
	padding: 0;
}

.post-nav ul li {
	display: inline;
}

.post-nav ul li a:link,
.post-nav ul li a:visited,
.post-nav ul li a:hover,
.post-nav ul li a:focus,
.post-nav ul li a:active {
	float: none;
}

.post-nav ul li a:hover,
.post-nav ul li a:focus,
.post-nav ul li a:active {
	background-color: transparent;
	color: #A21026;
	text-decoration: underline;
}

.post-nav ul li.nav-older {
	text-align: left;
	float: left;
	width:250px;
}

.post-nav ul li.nav-newer {
	text-align: right;
	float: right;
	width:250px;
}

p .more-link {
	margin-top: 0px;
}

/* Search form */

#s {
	width:138px;
}

#searchsubmit {
	width:60px;
	margin-left: 4px;
	
}

#submit {
	margin-top: 24px;
}

/* Comments Section */

.comments {
	clear: both;
	margin-top: 124px;
}

.comments .avatar {
	left:-80px;
	position: absolute;
	top:5px;
}

.comments ol {
	margin-left: 0;
}

li.comment {
	list-style-type: none;
	margin-bottom: 35px;
}

.comment {
	clear: both;
	position: relative;
	
}

.field {
	clear: both;
	margin-bottom: 12px;
}

.field input {
	clear: left;
	display: block;
}


#commentform textarea {
	clear: both;
}

.authorcomment {
	background-color:#F0C0C0;
	color: #644;
	margin-left:-10px;
	padding:10px;
	width:550px;
}

.authorcomment .avatar {
	left:-70px;
}

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */