/*
	Theme Name: DonalHickey
	Theme URI: http://www.donalhickey.ie
	Description: Donal Hickey Theme
	Author: Sean MacEntee
	Author URI: http://www.smemon.com
	Version: 1

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Fonts requested:
		Lucida Grande
		Trebuchet MS
		New Courier

		with Verdana & Arial as secondary choices

/*	Some defaults. Change the font size here to shrink or enlarge the whole design */

body {
	background-color: #fff;
	color: #000;
	font-size: 0.66em;
	font-family: 'Helvetica', Verdana, Arial, Sans-Serif;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	}

/*	Links in orange. Background explicitly specified just to keep css validator happy */
a {
	background-color: inherit;
	color: #000;
text-decoration: none;
	}

/*	Show green when mousing over a link */
a:hover {
	background-color: inherit;
	color: #000;
text-decoration: none;
	}

/*	Most headers use the thinner Trebuchet font */
h1{
	font-family: 'Helvetica', Verdana, Arial, Sans-Serif;
	line-height: normal;
text-transform: uppercase; 
	margin: 0;
	padding: 0;
font-weight: normal; 
	}


h2, h3, h4, h5 {
	font-family: 'Helvetica', Verdana, Arial, Sans-Serif;
	line-height: normal;
	margin: 0;
	padding: 0;
	}





/*	Page title at top of content, and post titles in index and single */
h2 {
	}

/*	Post titles in archive and search, certain headers in comments */
h3 {
	}

/*	For user use */
h4 {
	}

h5 {
	}


#nav {
	height:15px;
margin: 20px 0 0 -39px;
	}

#nav li {
	margin-right:24px;
	}

#nav li, #subnav li {
	float:left;
	list-style:none
	}

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

#nav a:hover, #nav a:active,
li.current_page_parent a,
li.current_page_parent a:visited,
#nav li.current_page_item a,
#nav li.current_page_item a:visited
        {
	}

#subnav {
	height:15px;
margin: 0 0 0 -39px;
width: 310px;
line-height: 1.5;
float: left;
	}

#subnav li {
margin-right: 25px;
	}	

#subnav a, #subnav a:visited {
	color:#777;
	text-decoration:none;
	}

#subnav a:hover, #subnav a:active,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited {
	}



/*	Paragraphs have some space below */
p {
	margin: 0 0 1.1em 0;
	}

/*	The page contains everything, it centres itself horizontally within the browser */
#page {
	width: 1000px;
	text-align: left;
	margin: 0 5%;
	}

/*	The side bar contains the menu of useful links on the left
	Padding added just to stop Firefox overflowing this column when click and hold link */
#sidebar {
	width: 100px;
	float: left;
	text-align: right;
	overflow: auto;
	margin: -6px 0 0 0;
	padding: 0 20px 0 0;
font-size: 1.2em;
border-right:1px solid black;
text-transform: lowercase;
	}

/*	The main column contains everything except the side bar, and sits against the right
	of the page */
#header, #footer {
	width: 650px;
	float: right;
	}


#content{
width: 290px;
float: left;
margin-left: 150px 
}

#content2{
float:right;
margin-left: 20px; 
}


/*	The main headers within the side bar are in upper case & in the wider font */
#sidebar h2 {
	font-family: 'Helvetica', Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	text-transform: capitalize;
	margin: 0;
	padding: 0.5em 0 0.4em 0;
display: none
	}

/*	We don't want bullets drawn in our lists */
#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

/*	Some space below each sublist, separating it from the next h2 header */
#sidebar ul ul {
	margin: 0 0 1em 0;
	}

/*	A touch of space to separate links */
#sidebar ul ul li {
	margin: 0 0 0.24em 0;
	}

/*	Tighten up around sub-page & sub-category lists */
#sidebar ul ul ul {
	margin: 0;
	}

/*	Sub-sub-pages & sub-sub-categories and sub-sub-sub-etc don't get any blips */
#sidebar ul ul ul ul li:before {
	content: "";
	}

/*	The text box of the search form has space above it, and a little below too
	Can't say font: inherit as IE don't get it */
#searchform .s {
	font: 1em 'Helvetica', Verdana, Arial, Sans-Serif;
	width: 8em;
	margin: 1em 0 0.24em 0;
	padding: 0;
	}

/*	The header guards its white space */
#header {
	margin: 50px 0 50px 0;
width: 850px;
	}

/*	The footer resides below both the main column and the side bar (WinIE not sidebar)
	Arial preferred over Verdana to keep text narrow enough for wayward browsers */
#footer {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0.2em 0 0 0;
	font-family: 'Helvetica', Verdana, Arial, Sans-Serif;
	}

/*	content includes everything between the header and the footer. Body text dark gray */
#content {
	background-color: inherit;
	color: #000;
	}

/*	Used for Archive & Search page headers as well as the top of 'Pages' */
h2.pagetitle {
	color: inherit;
display: none;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/*	Blocks containing only floating child elements seem to have no height. This hack allows
	an empty, non-floating, div to be appended to give the container its true height.
	Used in #page and .navigation */
.snap-to-fit {
	clear: both;
	visibility: hidden;
	}

/*	Each post has a some space below it */
.post {
	margin: 0 0 3em 0;
	}

/*	Post titles on the index and single pages use h2 with a line above
	(Post titles in searches and archives use unadorned h3)
	Only posts following other posts (ie all but the first) have a line above
 	Not understood (so ignored) by WinIE */
.post+.post h2 {
	padding: 0.2em 0 0 0;
	}

/*	Post titles are also links but are shown in normal text colour.
	Have to give text colour explicitly (rather than inherit) for IE */ 
.post h2 a, .post h3 a {
	background-color: inherit;
	color: #000;
	}

/*	..so we highlight them in orange as they are moused over */
.post h2 a:hover, .post h3 a:hover {
	background-color: inherit;
	color: #000;
	}

/*	This sizes the main body text of posts.
	The overflow declaration stops oversized items such as images from bursting out of the
	page bounds; a local scroll bar is provided on demand instead
	Width 100% required by WinIE else it just lets the overflow occur */
.entry {
	width: 100%;
	font-size: 1.2em;
	margin: 0 0 0 0;
	overflow: auto;
text-align: justify;
	}

.entry a:visited, .commentlist p a:visited {
	background-color: inherit;
	color: #000;
	}

/*	small is used for blog tag line, the time below post titles, the footer text,
	and in comments for form labels and comment metadata */
small, .postmetadata, blockquote, strike {
	font-size: 1em;
	line-height: 1.5em;
	color: #000;
	background-color: inherit;
	}

/*	A little space above & below post metadata */
.postmetadata {
	margin: 0.3em 0 1em 0;
	}

/*	Both postmetadata on single, and alternate comments use this light backwash 
	but comment padding & margin is set separately below */
.alt {
	margin: 0;
	}

/*	Used to hold phrases such as "Read more >>" together */
.nowrap {
	white-space: nowrap;
	}

/*	For Number-of-Comments and Leave-a-Comment headers below single post */
h3.comments {
	margin: 2em 0 1em 0;
	}

/*	Contains all the comments, and gives them a neat right margin by justifying the text */
.commentlist {
	padding: 0;
	text-align: justify;
	}

/*	Each comment is a list item in an ordered list; could be numbered but we choose not */
.commentlist li {
	margin: 1.6em 0 0.4em 0;
	padding: 0.6em 1em 0.4em 1em;
	list-style: none;
	font-weight: normal;
	}

/*	Can't say font: inherit; as IE don't get it */
.commentlist li, #commentform input, #commentform textarea {
	font: 1em 'Helvetica', Verdana, Arial, Sans-Serif;
	}

/*	Comment paragraphs are indented by 0.6em */
.commentlist p {
	margin: 1em 0.6em 1em 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

/*	The name of the commenter is cited a little larger */
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 1.2em;
	}

/*	Spaces text in the form area */
#commentform p {
	margin: 0.6em 0;
	}

/*	Gives the name/mail/web text input boxes their width & spacing */
#commentform input {
	width: 16em;
	padding: 0.25em;
	margin: 0.6em 0.6em 0 0;
	}

/*	The main comment entry box fills the width of the content column */
#commentform textarea {
	width: 100%;
	margin: 0.6em 0 0 0;
	}

/*	The text of the "Submit Comment" link should be on the right */
#commentform #submitcomment {
	margin: 0;
	float: right;
	}

/*	Highlight comments in limbo */
.awaitingmoderation {
	border: 1px solid #c00;
	}

/*	A little more gravitas for the "comments are now closed" line */	
.nocomments {
	font-weight: bold;
	}

/*	For 404 & 'no posts found' page titles */
.problem {
	color: #c00;
	background-color: inherit;
	}

hr {
	margin: 0;
	padding: 0;
	}

/*	Image defaults
	Safari bug squishes image out of aspect when shrinking for max-width: 100% here
	But current (November 06) Web-kit builds seem to have fixed this so next release might be OK
	Removing the max-width line allows large images to be full size: scroll to see all */
img {
	max-width: 100%;
	padding: 0;
	margin-bottom: 20px;
	}

a img {
	border: none;
	}

/*	Using these classes with img elements is preferable to align="..." attribute */
img.centered {
	display: block;
	margin: 0.6em auto 0.6em auto;
	}

/*	The actual alignment is done by the general .alignleft rule above
	Typical usage would be for a leading  small picture with text flowing past its right edge */
img.alignleft {
	margin: 0.6em 0.9em 0.6em 0;
	}

img.alignright {
	margin: 0.6em 0 0.6em 0.9em;
	}

/*	Lists inside posts
	The html>body prefix is not understood by IE which therefore doesn't read these rules
	as the stylized bullets don't work in IE anyway */
html>body .entry ul {
	margin: 0;
	padding: 0 0 0 2em;
	list-style: none;
	text-indent: -1em;
	}

html>body .entry li {
	margin: 0.8em 0 0.9em 1.1em;
	}

.entry ul li:before {
	content: "\00BB  ";
	}

.entry ol {
	padding: 0 0 0 2em;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

ol li {
	list-style: decimal outside;
	}

/*	Code should be used for just a few words.. */
code {
	font: 1.1em 'Courier New', Courier, Monospace;
	}

/*	..and the pre tag works better for whole code excerpts */
pre {
	background-color: #f9f9f9;
	color: black;
	padding: 0.6em 0 0.6em 0.6em;
	margin: 0 0 1em 0;
	font: 1.1em 'Courier New', Courier, Monospace;
	white-space: pre;
	overflow: auto;
	border: 1px solid #000;
	}

/*	Horrible hack to try to stop IE6 overflowing on long lines in pre elements.
	IE needs a width to turn on overflow, but 100% here with padding leads to the
	overflow scroller itself causing the entry to overflow in turn. Nasty.
	So this just truncates the pre block. Also nasty, but slightly less ugly.
	(The * html prefix selects IE out of all browsers as its the only one to think
	there is a super-element surrounding the html one) */
* html pre {
	width: 30em;
	}

acronym, abbr, span.caps {
	font-size: 1em;
	letter-spacing: .08em;
	cursor: help;
	}

acronym, abbr {
	border-bottom: 0.2em solid #000;
	}

blockquote {
	margin: 1.6em 2.8em 0 1.4em;
	padding: 0 0 0 2em;
	}

strong, b {
	font-weight: bold;
	}

em, i {
	font-style: italic;
	}

/*	Here we start on styling for the standard calendar widget or my skimmed version */
#wp-calendar {
	empty-cells: show;
	margin: 0 0 0.6em auto;
	}

/*	Match the sidebar h2 settings so the month caption appears as any other heading.
	Width 100% seems required for Firefox to right-align the caption. */
#wp-calendar caption {
	font-family: 'Helvetica', Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	line-height: normal;
	margin: 0;
	padding: 0.5em 0 0 0;
	width: 100%;
	}

/*	The header cells with letters demarking days and the data cells holding numbers
	should have the same settings if they are to align */
#wp-calendar th, #wp-calendar td {
	font-style: normal;
	text-transform: lowercase;
	text-align: center;
	padding: 0 0 0 1px;
	margin: 0;
	}

#wp-calendar a {
	text-decoration: none;
	display: block;
	}

#wp-calendar #next a {
	text-align: right;
	}

#wp-calendar #prev a {
	text-align: left;
	}

/*	Add space below standard text widgets so as to match other sidebar items */
li.widget_text {
	margin: 0 0 1.24em 0;
	}

/*	RSS widget titles are also links but are shown in normal text colour */
li.widget_rss h2 a {
	background-color: inherit;
	color: #888;
	}

/*	..so we highlight them in orange as they are moused over */
li.widget_rss h2 a:hover {
	background-color: inherit;
	color: #ff7010;
	}

/*	Set size of embedded audio players in sound attachments (generous height so pad a little) */
.audio_object {
	width: 100%;
	height: 100px;
	}

/*	Set size of embedded video in video attachments. Note the height is just a generous
	guess as there seems no simple way to find the actual video height */
.video_object {
	width: 100%;
	height: 400px;
	}