/*  
Theme Name:  Irish Election
Description: A super theme with previously unseen levels of transmogrification.
Version:     3.0.1
Theme URI:   http://www.irishelection.com/
Author:      John Blackbourn
Author URI:  http://johnblackbourn.com/
*/

@import 'reset.css';

/* Base Typography
----------------------------------------------- */

body {
	font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
	color: #111;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3, h4, h5, h6 { 
	font-family: Georgia, Palatino, 'Palatino Linotype', serif;
	font-weight: normal;
	font-style: normal;
	}

#ie_widget_archives.widget h2 {
	font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
	}

#ie_widget_pii span,
.linkmeta,
#header p,
#navigation,
#content .postcomments,
#commentlist .commentauthor,
.navigation { 
	font-family: Georgia, Palatino, 'Palatino Linotype', serif;
	}

/* Base Layout
----------------------------------------------- */

body {
	background-color: #e0e0c0;
	text-align: center;
	margin-bottom: 10px;
	}

#outer {
	text-align: left;
	margin: 10px auto;
	width: 980px;
	padding-top: 4em;
	background: url('img/outer.png') top center no-repeat #fff;
	}

/* Top Navigation
----------------------------------------------- */

#navigation {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 100%;
	}

	#navigation div {
		width: 960px;
		margin: 0px auto;
		padding: 0px 10px;
		}

	#navigation form {
		float: left;
		width: 160px;
		}

	#navigation ul {
		list-style: none;
		}

		#navigation li {
			float: left;
			font-size: 0.8em;
			}

/* Search Form
----------------------------------------------- */

.searchform legend {
	display: none;
	}

	.searchform .s {
		border: 1px solid #ccc;
		padding: 2px 3px 2px 18px;
		background: url('img/mag.png') 3px center no-repeat #fff;
		width: 130px;
		color: #555;
		margin-top: 2px;
		}

	.searchform .s:focus {
		/* note: see main.js */
		border-color: #888;
		}

	.searchform .submit {
		display: block;
		position: absolute;
		top: -999px;
	}

/* Header
----------------------------------------------- */

#header {
	margin: 0px 10px 5px 10px;
	background: url('img/header.png') 8px 10px no-repeat #fff;
	border-top: 1px solid #666;
	}

	#header h1, #header h2 {
		width: 640px;
		float: left;
		}

	#header h1 a:link, #header h1 a:visited, #header h2 a:link, #header h2 a:visited {
		display: block;
		height: 80px;
		}

	#header h1 a span, #header h2 a span {
		display: block;
		position: absolute;
		top: -999px;
		}

/* Feature
----------------------------------------------- */

#header p {
	margin-left: 640px;
	padding: 10px 10px 10px 0px;
	line-height: 1.4em;
	font-size: 0.85em;
	}

#header p img {
	margin-right: 5px;
	}

#endfeature {
	border-bottom: 1px solid #666;
	clear: left;
	}

/* Sidebar
----------------------------------------------- */

#sidebar {
	float: right;
	margin: 20px 10px 20px 10px;
	}

#sidebarmain {
	float: left;
	background-color: #fbfbfb;
	border: 1px solid #ddd;
	}

	#alpha, #beta {
		float: left;
		}

	#alpha {
		width: 320px;
		}

	#alpha .widget {
		font-size: 0.8em;
		padding: 10px;
		margin-bottom: 10px;
		clear: both;
		}

		#alpha .widget li {
			clear: left;
			border-bottom: 1px solid #bbb;
			line-height: 1.5em;
			padding: 7px 0px;
			}

		#alpha .widget h2 {
			font-size: 1.5em;
			margin-bottom: 6px;
			}

	#beta {
		width: 158px;
		padding-bottom: 6px;
		}

		#beta .widget {
			border: 1px solid #ddd;
			background-color: #fff;
			padding: 5px;
			margin: 6px 6px 0px 0px;
			}

	#gamma, #delta {
		float: right;
		width: 160px;
		background-color: #f0f0f0;
		margin-top: 15px;
		padding-bottom: 6px;
		}

		#gamma .widget, #delta .widget {
			border: 1px solid #ddd;
			background-color: #fff;
			padding: 5px;
			margin: 6px 6px 0px 6px;
			}

		#gamma .widget li, #delta .widget li {
			border-bottom: 1px solid #bbb;
			line-height: 1.5em;
			padding: 7px 0px;
			}

	#delta {
		margin-right: 10px;
		}

	#sidebar ul, #sidebar ol, #gamma ul, #gamma ol, #delta ul, #delta ol {
		list-style: none;
		}

/* Specific Widgets
----------------------------------------------- */

#ie_widget_archives.widget li {
	border: 0px;
	line-height: 1.75em;
	padding: 0px;
	}

#ie_widget_pii {}

	#ie_widget_pii span {
		display: block;
		float: left;
		width: 50px;
		color: #666;
		font-size: 0.95em;
		}

	#ie_widget_pii li a {
		display: block;
		width: 250px;
		margin-left: 50px;
		}

#ie_widget_links1 {
	font-size: 0.8em;
	}

	#ie_widget_links1 .linkmeta {
		color: #666;
		font-size: 0.9em;
		}

		.linkmeta a:link, .linkmeta a:visited {
			color: #666;
			}

	#ie_widget_links1 .linkmetacomments {
		float: right;
		display: block;
		margin-top: 1px;
		}

	#ie_widget_links1 li {
		border-bottom: 1px solid #bbb;
		line-height: 1.5em;
		padding: 7px 0px;
		}

#ie_widget_links2 {
	font-size: 0.8em;
	}

	#ie_widget_links2 .linkmeta {
		color: #666;
		font-size: 0.9em;
		clear: left;
		}

		.linkmeta a:link, .linkmeta a:visited {
			color: #666;
			}

	#ie_widget_links2 .linkmetacomments {
		float: right;
		display: block;
		margin-top: 1px;
		}

	#ie_widget_links2 li {
		border-bottom: 1px solid #bbb;
		line-height: 1.5em;
		padding: 7px 0px;
		}

#ie_widget_greenink {}

	#ie_widget_greenink img {
		/*width: 300px;*/
		}

#ie_widget_archives {}

	#ie_widget_archives.widget h2 {
		font-size: 1em;
		padding-right: 0.8em;
		}

	#ie_widget_archives div {
		text-align: right;
		float: left;
		width: 139px;
		padding-right: 10px;
		}

	#ie_widget_archives #topcats {
		border-right: 1px solid #ddd;
		}
/*
#ie_widget_hostedby {}

	#ie_widget_hostedby a span {
		display: block;
		position: absolute;
		top: -999px;
		}

	#ie_widget_hostedby a:link, #ie_widget_hostedby a:visited {
		display: block;
		width: 88px;
		height: 31px;
		background: url('img/bkbutton.gif') top left no-repeat;
		}
*/
#ie_widget_blogawards {
	text-align: center;
	font-size: 0.85em;
	line-height: 1.5em;
	}

	#ie_widget_blogawards h2 {
		display: block;
		position: absolute;
		top: -999px;
		}

 	#ie_widget_blogawards a:link, #ie_widget_blogawards a:visited {
		display: block;
		width: 100%;
		padding-top: 100px;
		background: url('img/blogawards.jpg') center 5px no-repeat;
		color: #111;
		}

#ie_widget_fbsubscribe1, #ie_widget_fbsubscribe2 {}

	#ie_widget_fbsubscribe1.widget, #ie_widget_fbsubscribe2.widget {
		font-size: 0.8em;
		line-height: 1.75em;
		}

	#fbsubscribe-email {
		border: 1px solid #ccc;
		padding: 2px 3px;
		background-color: #fff;
		color: #555;
		width: 128px;
		margin-bottom: 5px;
		}

	#fbsubscribe-email:focus {
		border: 1px solid #888;
		}

#ie_widget_hostedby {}

	#ie_widget_hostedby #bn {
		background: url('img/hostedby.png') left 3px no-repeat;
		padding-left: 37px;
		}

#ie_widget_poweredby {}

	#ie_widget_poweredby #wp {
		background: url('img/poweredby.png') left 3px no-repeat;
		padding-left: 37px;
		}

#ie_widget_designedby {}

	#ie_widget_designedby #jb {
		background: url('img/designedby.png') left 3px no-repeat;
		padding-left: 37px;
		}

/* Inside Out
----------------------------------------------- */

#insideout {
	width: 450px;
	
	margin: 0px;
	border-bottom: 20px solid #fff;
	padding: 10px 15px 0px 15px;
	}

	#insideout p, #insideout h2 {
		margin-left: 10px;
		margin-right: 10px;
		}

	#insideout h2 {
		font-size: 1.25em;
		}

	#insideout #ioplayer {
		
		padding: 10px 10px 3px 10px;
		}

		#insideout #ioplayer p {
			margin-left: 0px;
			margin-right: 0px;
			}

	#insideout #iofeeds {
		margin-top: 30px;
		text-align: right;
		}

/* Content
----------------------------------------------- */

#content {
	padding: 10px;
	}

	#content strong {
		color: #555;
		}

.narrowcolumn {
	margin: 10px 180px 10px 0px;
	}

.widecolumn {
	float: right;
	width: 620px;
	}

	#content h1 {
		font-size: 2em;
		letter-spacing: -1px;
		line-height: 1.1em;
		}

	#content h2 {
		line-height: 1.1em;
		font-size: 1.75em;
		letter-spacing: -1px;
		}

	#content h3 {
		line-height: 1.1em;
		font-size: 1.5em;
		letter-spacing: -1px;
		}

	#content p, #content ul, #content ol, #content blockquote {
		margin-bottom: 1em;
		}

	#content blockquote {
		padding-left: 40px;
		padding-right: 40px;
		color: #555;
		font-style: italic;
		background: url('img/quote.png') 10px 2px no-repeat #fff;
		}

	#content ol, #content ul {
		margin-left: 2em;
		margin-right: 2em;
		}

	#content .postcats {
		line-height: 1.5em;
		font-style: italic;
		color: #808080;
		clear: left;
		}

	#content .postmetadata {
		float: left;
		border-right: 1px solid #ddd;
		line-height: 1.5em;
		font-style: italic;
		color: #808080;
		}

	.narrowcolumn .postcats {
		margin: 0px 10px 10px 10px;
		font-size: 0.75em;
		}

	.widecolumn .postcats {
		margin: 0px 10px 10px 0px;
		font-size: 1em;
		}

	.narrowcolumn .postmetadata {
		margin: 10px 0px 10px 10px;
		font-size: 0.75em;
		width: 305px;
		padding-right: 5px;
		}

	.widecolumn .postmetadata {
		margin: 10px 0px 10px 0px;
		font-size: 1em;
		width: 455px;
		padding-right: 5px;
		}

	#content .postmetadatalast {
		width: 130px;
		border-right: 0px;
		margin-left: 10px;
		}

.post {
	margin-bottom: 4em;
	}

.entry {
	clear: left;
	}

/* Search Results Specifics
----------------------------------------------- */

#content .searchmetadata {
	font-style: italic;
	margin-top: 5px;
	color: #808080;
	font-size: 1em;
	}

#content .searchheader {
	border-bottom: 1px solid #ddd;
	margin-bottom: 2em;
	}

	#content .searchterm {
		padding: 0px 10px 0px 0px;
		width: 440px;
		float: left;
		}

		#content .searchterm h2 {
			font-size: 2.25em;
			color: #777;
			}

	#content .searchagain {
		float: left;
		width: 159px;
		padding-top: 5px;
		}

/* Comments
----------------------------------------------- */

#comments {}

	#comments h3 {
		margin-bottom: 1em;
		}

#comments textarea {
	width: 99%;
	}

ol#commentlist, ol#pinglist {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

	#commentlist li, #pinglist li {
		margin: 0px 0px 30px 0px;
		clear: left;
		}

	.commentmeta {
		float: left;
		width: 139px;
		font-size: 0.8em;
		line-height:2.1em;
		margin-bottom: 30px;
		padding: 5px 10px 5px 0px;
		text-align: right;
		border-right: 1px solid #ddd;
		color: #777;
		}

	.pingmeta {
		float: left;
		width: 139px;
		font-size: 0.8em;
		line-height:2.1em;
		margin-bottom: 30px;
		padding: 5px 10px 5px 0px;
		text-align: right;
		border-right: 1px solid #ddd;
		color: #777;
		}

	.commentauthor {
		color: #111;
		display: block;
		font-size: 1.5em;
		line-height: 1em;
		}

	.commenttext {
		margin-left: 150px;
		padding: 5px 10px;
		}

	.pinglink {
		margin-left: 150px;
		padding: 5px 10px;
		}

		#commentlist li.authorcomment .commenttext {
			background-image: url('img/stripe.png');
			}

	html>body>#outer #content #comments #commentlist li .commentmeta .perma {
		visibility: hidden;
		}

	html>body>#outer #content #comments #commentlist li:hover .commentmeta .perma {
		visibility: visible;
		}

/* Footer
----------------------------------------------- */

#footer {
	padding: 10px;
	background: url('img/footer.png') center bottom no-repeat #fff;
	clear: both;
	}

	#footer ul {
		border-top: 1px solid #666;
		list-style: none;
		padding: 0px;
		background: url('img/footerbg.png') top left repeat-y #f9f9f9;
		}

		#footer ul li {
			text-decoration: none;
			color: #666;
			display: block;
			float: left;
			padding: 5px 10px;
			width: 140px;
			font-size: 0.8em;
			margin-bottom: 10px;
			border-top: 10px solid #f9f9f9;
			line-height: 1.5em;
			}

		#footer #c {
			border-left: 0px;
			width: 210px;
			background: url('http://creativecommons.org/images/public/somerights20.png') 5px 6px no-repeat;
			padding-left: 100px;
			}

		#footer #btt {
			clear: both;
			border-top: 10px solid #f9f9f9;
			float: none;
			width: 960px;
			text-align: right;
			background-color: #fff;
			line-height: 1em;
			padding: 0px;
			}

		#footer #btt span {
			border-top: 1px solid #666;
			display: block;
			padding: 10px 10px 0px 10px;
			margin: 0px;
			}

		#footer ul ul {
			background: none;
			border: 0px;
			margin: 0px;
			padding: 0px;
			}

		#footer ul ul li {
			padding: 0px;
			float: none;
			display: list-item;
			margin: 0px;
			line-height: 1em;
			font-size: 1em;
			}

/* Hyperlinks
----------------------------------------------- */

a:link, a:visited {
	text-decoration: none;
	color: #0080C0;
	}

a:hover {
	text-decoration: underline;
	}

#navigation {}

	#navigation li a:link, #navigation li a:visited {
		text-decoration: none;
		color: #666;
		display: block;
		padding: 3px 10px 1px;
		width: 139px;
		border-left: 1px solid #ddd;
		line-height: 1.5em; /* added by john b 20/09/08 to make double-line links look ok */
		}

	#navigation #feed {
		background: url('img/feedicon.png') 10px center no-repeat #fff;
		padding-left: 30px;
		width: 119px;
		}

	#navigation li a:hover, #navigation #feed:hover {
		color: #0080C0;
		background-color: #fafafa;
		}

#content {}

	#content h2 a:link, #content h2 a:visited, #content h3 a:link, #content h3 a:visited  {
		color: #333;
		}

	#content .postmetadata a:link, #content .postmetadata a:visited,
	#content .searchmetadata a:link, #content .searchmetadata a:visited {
		color: #111;
		}

	#content .postcats a:link, #content .postcats a:visited {
		color: #111;
		}

/* Accessibility Aids
----------------------------------------------- */

#navigation h2, .skip {
	display: block;
	position: absolute;
	top: -999px;
	}

/* WordPress Footer - Allow execution of code in
   wp_footer() but hide any output
----------------------------------------------- */

#wp_footer {
	display: block;
	position: absolute;
	top: -999px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	}

/* Miscellaneous
----------------------------------------------- */

.authorcount {
	color: #999;
	}

.pagearchivelist {
	width: 290px;
	padding-right: 20px;
	float: left;
	font-size: 0.85em;
	}

.navigation {
	margin: 0px 10px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #666;
	font-size: 1.2em;
	text-align: center;
	clear: both;
	}

	.navigation .navnext, .navigation .navprev {
		width: 480px;
		float: left;
		}

hr {
	display: none;
	}

table.data {
	margin: 1ex auto;
	border-bottom: 2px solid #d0d0b0;
	border-collapse: collapse;
}
table.data td, table.data th {
	padding: 0.125ex 1ex;
	border-bottom: 1px solid #e0e0c0;
}
table.data th {
	font-weight: bold;
	background: #e0e0c0;
}
table.data thead th {
	border-top: 2px solid #d0d0b0;
}