/*  
Theme Name: Fionn
Theme URI: http://www.tomsdebtadvice.com/fionn
Description: Simple, elegant, accessible and customizable. WordPress 2.7+ recommended. Compatibility with IE6+, Firefox, Chrome, Safari, Opera.
Author: Tom's Debt Advice
Author URI: http://www.tomsdebtadvice.com
Version: 1.0
Tags: white, silver, light, three-columns, two-columns, fixed-width, right-sidebar, left-sidebar, theme-options, translation-ready, threaded-comments


This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/


/**
 * Normalize
 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight:normal;
}
ol, ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
abbr {
	border:0;
}

/**
 * WordPress Static
 */

.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}
.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
}

.wp-caption {
  text-align:center;
  padding:7px 2px 2px;
}
.wp-caption p.wp-caption-text {
  line-height:17px;
  padding:2px 4px 5px;
  margin:0;
  color:#555;
}
.more-link,
.more-link:visited,
.more-link:hover {
	font-size:11px;
	color:#999;
	text-decoration:none;
}

/**
 * Main design
 */

body {
	background:url(./images/pageBG.png) repeat 0 0;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:62.5%;
	line-height:normal;
}

/* Links */
a, a:visited {
	text-decoration:none;
	color:#004f99;
}
a:hover {
	text-decoration:underline;
}

/* Miscellaneous */
.clear {
	display:block;
	clear:both;
}

a#skipToPosts {
	position:absolute;
	top:0;
	left:-999em;
}

.headerBG {
	height:90px;
	background:url(./images/headerBG.png) repeat-x 0 0;
}

.pageContainer {
	text-align:left;
	width:980px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	z-index:1;
	margin-top:-90px;
}

.header {
	position:relative;
	margin-bottom:-12px;
	padding:1px 0;
}

.headerMain h1 {
	margin:20px 0 0 20px;
}
.headerMain h1 a {
	font-size:3.2em;
	color:#415568;
	font-weight:bold;
	font-family:Georgia, serif;
}
.headerMain h1 a:hover {
	text-decoration:none;
}
.headerMain span {
	display:block;
	margin:-5px 0 0 25px;
	font-size:1.1em;
	color:#666;
	letter-spacing:0.15em;
}
.headerSearch {
	position:absolute;
	top:60px;
	right:10px;
	color:#666;
	font-weight:bold;
	font-size:1.2em;
}
.headerSearch .searchQuery {
	background:#fff;
	border:1px solid #b4b1ab;
	padding:2px 5px;
	margin-left:10px;
	vertical-align:middle;
}
.searchButton {
	background:url(./images/searchButton.png) no-repeat 0 0;
	width:22px;
	height:22px;
	border:0;
	text-indent:-999em;
	vertical-align:middle;
	cursor:pointer;
}

.headerMenu1 {
	position:absolute;
	top:10px;
	right:10px;
	z-index:3;
}
.headerMenu1 ul li {
	display:-moz-inline-stack;
	display:inline-block;
	margin:0 5px;
}
.headerMenu1 ul li a {
	font-size:1.2em;
	line-height:16px;
}
.headerMenu1 ul ul {
	position:absolute;
	top:16px;
	right:0;
	display:none;
	background-color:#f5f5f5;
	border:1px solid #ccc;
	margin:0;
	z-index:1;
	height:auto;
}
.headerMenu1 li li {
	float:none;
	width:180px;
	height:auto;
	display:block;
	margin:0;
}
.headerMenu1 li li a,
.headerMenu1 li li a:visited {
	height:auto;
	line-height:20px;
	padding:0 8px;
	width:164px;
	position:relative;
	color:#333;
	display:block;
	margin:0;
}
.headerMenu1 li li a:hover {
	background:#e5e5e5;
	padding:0 8px;
	color:#333;
	text-decoration:none;
}
.headerMenu1 li:hover ul,
.headerMenu1 li.jHover ul {
	display:block;
}
.headerMenu1 ul ul ul,
.headerMenu1 li:hover ul ul,
.headerMenu1 li.jHover ul ul {
	display:none;
	top:3px;
	right:175px;
}
.headerMenu1L ul ul ul,
.headerMenu1L li:hover ul ul,
.headerMenu1L li.jHover ul ul {
	right:auto;
	left:175px;
}
.headerMenu1 li li:hover ul,
.headerMenu1 li li.jHover ul {
	display:block;
}


.headerMenu2 {
	margin:30px 0 0 10px;
	font-family:"Century Gothic", "Avant Garde", Arial, Helvetica, sans-serif;
	z-index:2;
}
.headerMenu2 li {
	float:left;
	margin:1px 2px 0 0;
	border:1px solid #000;
	position:relative;
	z-index:1;
}
.headerMenu2 li a {
	font-size:1.2em;
	border:1px solid #9e6f6f;
	background:url() repeat-x 0 0;
	line-height:21px;
	color:#fff;
	padding:0 8px;
	display:block;
	font-weight:bold;
}
.headerMenu2_blue ul li a {
	background-image:url(./images/menu/blue.png);
	border-color:#83a9d0;
}
.headerMenu2_blue2 ul li a {
	background-image:url(./images/menu/blue2.png);
	border-color:#b6c3d0;
}
.headerMenu2_cyan ul li a {
	background-image:url(./images/menu/cyan.png);
	border-color:#72d0c8;
}
.headerMenu2_darkGreen ul li a {
	background-image:url(./images/menu/darkGreen.png);
	border-color:#7cb971;
}
.headerMenu2_darkRed ul li a {
	background-image:url(./images/menu/darkRed.png);
	border-color:#9e6f6f;
}
.headerMenu2_lightBrown ul li a {
	background-image:url(./images/menu/lightBrown.png);
	border-color:#cba680;
}
.headerMenu2_lightGreen ul li a {
	background-image:url(./images/menu/lightGreen.png);
	border-color:#d4ee84;
}
.headerMenu2_pink ul li a {
	background-image:url(./images/menu/pink.png);
	border-color:#d08dc8;
}
.headerMenu2_pink2 ul li a {
	background-image:url(./images/menu/pink2.png);
	border-color:#c9b4c6;
}
.headerMenu2_purple ul li a {
	background-image:url(./images/menu/purple.png);
	border-color:#ab8dd1;
}
.headerMenu2_seaBlue ul li a {
	background-image:url(./images/menu/seaBlue.png);
	border-color:#74b4c1;
}
.headerMenu2_yellow ul li a {
	background-image:url(./images/menu/yellow.png);
	border-color:#eedd84;
	color:#000;
}
.headerMenu2 ul li a:hover {
	text-decoration:none;
	background-position:0 -50px;
}
.headerMenu2 ul ul {
	position:absolute;
	top:24px;
	left:-1px;
	display:none;
	background:#f5f5f5;
	border:1px solid #ccc;
	margin:0;
	z-index:1;
	height:auto;
	padding:0;
}
.headerMenu2 li li {
	float:none;
	width:180px;
	height:auto;
	background:none;
	padding-right:0;
	border:none;
	margin:0;
}
.headerMenu2 li li a,
.headerMenu2 li li a:visited {
	height:auto;
	line-height:20px;
	padding:0 8px;
	width:164px;
	position:relative;
	color:#333;
	background:none;
	border:none;
	font-weight:normal;
}
.headerMenu2 li li a:hover {
	background:#e5e5e5;
	color:#333;
}
.headerMenu2 li:hover ul,
.headerMenu2 li.jHover ul {
	display:block;
}
.headerMenu2 ul ul ul,
.headerMenu2 li:hover ul ul,
.headerMenu2 li.jHover ul ul {
	top:3px;
	display:none;
	left:175px;
}
.headerMenu2 li li:hover ul,
.headerMenu2 li li.jHover ul {
	display:block;
}


.contentWrapper {
	background:#fff;
	border:1px solid #cec8bc;
}

/* Combined width must be 960px */
.contentArea {
	padding:19px 0 9px 14px;
	overflow:hidden;
}
.sidebars {
	padding:19px 9px 9px 0;
}

/*
 * Posts
 */
.post {
	margin-bottom:30px;
}
.postHeader {
	margin:0 15px 0 -14px;
	background:url(./images/heading.png) no-repeat 130% 100%;
	padding:0 0 5px 14px;
}
.postTitle {
	font-size:2.2em;
	font-family:Georgia, Times, "Times New Roman", serif;
	letter-spacing:.5px;
}
.postTitle a {
	color:#000;
}
.postInfo {
	text-transform:uppercase;
	font-size:1.1em;
	letter-spacing:1px;
	color:#777;
}
.postDate {
	margin-right:10px;
	background:url(./images/icons.png) no-repeat 0 -898px;
	padding-left:18px;	
}
.postCommentLabel {
	margin-right:10px;
	background:url(./images/icons.png) no-repeat 0 -697px;
	padding-left:18px;	
}
.postAuthor {
	margin-right:10px;
	background:url(./images/icons.png) no-repeat 0 -799px;
	padding-left:15px;	
}
.postContent {
	font-size:1.4em;
	line-height:1.5em;
}
.postContent p {
	margin:10px 0;
}
.postContent h1,
.postContent h2,
.postContent h3,
.postContent h4 {
	font-weight:bold;
	margin:20px 0;
}
.postContent h1 {
	font-size:1.5em;
}
.postContent h2 {
	font-size:1.3em;
}
.postContent h3 {
	font-size:1.2em;
}
.postContent h4 {
	font-size:1.1em;
}
.postContent em,
.postContent i {
	font-style:italic;
}
.postContent strong,
.postContent b {
	font-weight:bold;
}
.postContent ul {
	list-style:disc;
	margin:10px 0 10px 30px;
}
.postContent ul ul {
	list-style:square;
	margin:0 0 0 30px;
}
.postContent ul ul ul {
	list-style:circle;
}
.postContent ol {
	list-style:decimal;
	margin:10px 0 10px 30px;
}
.postContent ol ol {
	list-style:lower-alpha;
	margin:0 0 0 30px;
}
.postContent ol ol ol {
	list-style:lower-roman;
}
.postContent dl {
	margin:10px 0;
}
.postContent dl dd {
	margin-left:20px;
}
.postContent blockquote,
.postContent pre {
	padding:4px 12px 0 10px;
	margin:5px 0;
	word-wrap:break-word;
	overflow:hidden;
	font-style:italic;
}
.postLinkPages {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	clear:both;
}
.postFooter {
	overflow:hidden;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	margin-top:10px;
	clear:both;
}
.postFooter a {
	color:#555;
}
.postFooter a:hover {
	color:#004f99;
}
.postCategories {
	float:left;
	margin-right:10px;
	background:url(./images/icons.png) no-repeat 0 -96px;
	padding-left:20px;
}
.postTags {
	float:left;
	background:url(./images/icons.png) no-repeat 0 4px;
	padding-left:20px;
}

/*
 * Comments
 */
.commentHeader {
	margin:0 0 15px;
	border-top:1px solid #E9E7DE;
	padding:10px 0 0;
	font-size:12px;
}
.commentHeader h4 {
	font-size:20px;
}
.commentHeader a {
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#555;
}
.commentHeader a:hover {
	color:#004f99;
}
.commentList {
	font-size:14px;
}
.commentList ul {
	margin-top:20px;
}
.commentList li {
	margin-bottom:20px;
	overflow:hidden;
}
.commentList li li {
	margin-left:50px;
}
.commentList li .avatar {
	float:left;
	margin-right:10px;
}
.commentList li .message {
	overflow:hidden;
}
.commentList li .message .title {
	float:left;
	color:#999;
	font-size:12px;
}
.commentList li .message .links {
	float:right;
	font-size:12px;
}
.commentList li .message .links a {
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#555;
}
.commentList li .message .links a:hover {
	color:#004f99;
}
.commentList li .message div {
	clear:both;
}
.page-numbers {
	font-size:14px;
}

/*
 * Comment Form
 */
.commentReply {
	font-size:12px;	
}
.replyHeader {
	margin:0 0 15px;
	border-top:1px solid #E9E7DE;
	padding:10px 0 0;
}
.replyHeader h4 {
	font-size:20px;
}
.replyRow {
	overflow:hidden;
	margin:0 0 1px;
}
.replyRow .label {
	width:120px;
	float:left;
	margin-right:10px;
	text-align:right;
}
.replyRow .inputText {
	float:left;
	border:1px solid #ccc;
	padding:1px 2px;
}
.replyRow textarea {
	border:1px solid #ccc;
	padding:1px 2px;
	width:99%;
	height:4.8em;
	font-size:1.2em;
	line-height:1.2em;
}
.replySubmitArea {
	overflow:hidden;
	margin:10px 0 0;
}
.replySubmitArea .inputBtn {
	float:right;
	margin-right:10px;
}
.linkReply {
	background:url(./images/icons.png) no-repeat 0 -198px;
	padding-left:20px;
}
.linkTrackback {
	background:url(./images/icons.png) no-repeat 0 -300px;
	padding-left:16px;
	margin-left:10px;
}
.comment-reply-link {
	background:url(./images/icons.png) no-repeat 0 -400px;
	padding-left:16px;
}
.comment-edit-link {
	background:url(./images/icons.png) no-repeat 0 -500px;
	padding-left:16px;
	margin-left:10px;
	padding-bottom:1px;
}
.linkSubscribe {
	background:url(./images/icons.png) no-repeat 0 -598px;
	padding-left:16px;
}
.inputBtn {
	background:#f8f7f4 url(./images/button.png) repeat-x 0 100%;
	border:1px solid #b4b1ab;
	padding:2px 10px;
	cursor:pointer;
}

/*
 * Sidebar
 */
.sidebarIcons {
	overflow:hidden;
}
.rssBtn {
	background:url(./images/rss.png) no-repeat 0 0;
	height:20px;
	width:20px;
	float:right;
}
.sidebarBox {
	margin:0 0 20px;
	padding:0 5px;
}
.sidebarBox h4 {
	font-size:18px;
	border-bottom:1px solid #e9e7de;
	margin:0 -5px 15px;
	padding:0 5px 5px;
}
.sidebarBox ul li {
	font-size:14px;
	margin-bottom:5px;
}
.sidebarBox ul ul {
	margin:5px 0 0 20px;
}

/*
 * Pagination
 */
.pagination {
	font-size:14px;
	margin:20px 0 0 -14px;
	overflow:hidden;
	border-top:1px solid #E9E7DE;
	padding:10px 10px 0 14px;
}
.pagination .next {
	float:right;
	margin-left:20px;
}
.pagination .previous {
	float:left;
	margin-right:20px;
}

/*
 * Footer
 */
.footer {
	margin:15px 20px 30px;
	text-align:center;
	font-size:1.2em;
	color:#555;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style:italic;
}
.footer a,
.footer a em {
	color:#000;
	font-style:italic;
}

