/*
Theme Name: Popsicle
Theme URI: http://www.heraghty.net/resources/
Description: Use the <strong>Popsicle Theme Manager</strong> to change color. <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Sharealike Licence 3.0</a>. You must retain a link to <a href="http://www.heraghty.net">Web Design Ireland</a> in the footer.
Author: Heraghty Web Design
Author URI: http://www.heraghty.net
Version: 1.0
*/

/* 
global reset
------------------------------------------------------ */

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, 
code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
table, td, th {
vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* 
global styles
------------------------------------------------------ */

body {
font: 83%/1.6 Arial, Verdana, sans-serif;
background: #fff;
color: #555;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
color: #444;
}
h1 {
font-size: 1.8em;
line-height: 1;
margin-bottom: 0.5em;
}
h2 {
font-size: 1.5em;
margin-bottom: 0.75em;
}
h3 {
font-size: 1.3em;
line-height: 1;
margin-bottom: 1em;
}
h4 {
font-size: 1.2em;
line-height: 1.25;
margin-bottom: 1.25em;
height: 1.25em;
}
h5 {
font-size: 1em;
font-weight: bold;
margin-bottom: 1.5em;
}
h6 {
font-size: 1em;
font-weight: bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin: 0;
}
p {
margin: 0 0 1.5em;
}
a {
font-weight: bold;
text-decoration: none;
}
a:focus, a:hover {
color: #000;
}
a img {
border: none;
}
blockquote {
margin: 1.5em;
color: #666;
font-style: italic;
}
strong {
font-weight: bold;
}
em, dfn {
font-style: italic;
}
dfn {
font-weight: bold;
}
sup, sub {
line-height: 0;
}
abbr, acronym {
border-bottom: 1px dotted #666;
}
address {
margin: 0 0 1.5em;
font-style: italic;
}
del {
color: #666;
}
pre, code {
margin: 1.5em 0;
white-space: pre;
}
pre, code, tt {
font: 1em 'andale mono', 'lucida console', monospace;
line-height: 1.5;
}
li ul, li ol {
margin: 0 1.5em;
}
ul, ol {
margin: 0 1.5em 1.5em 1.5em;
}
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
dl {
margin: 0 0 1.5em 0;
}
dl dt {
font-weight: bold;
}
dd {
margin-left: 1.5em;
}
table {
margin-bottom: 1.4em;
width: 100%;
}
th {
font-weight: bold;
background: #C3D9FF;
}
th, td {
padding: 4px 10px 4px 5px;
}
tr.even td {
background: #E5ECF9;
}
tfoot {
font-style: italic;
}
hr {
background: #ddd;
color: #ddd;
clear: both;
float: none;
width: 100%;
height: .1em;
margin: 0 0 1.45em;
border: none;
}
label {
font-weight: bold;
}
fieldset {
padding: 1.4em;
margin: 0 0 1.5em 0;
border: 1px solid #ccc;
}
legend {
font-weight: bold;
font-size: 1.2em;
}
input, 
textarea, 
select {
margin: 0.5em 0;
border: 1px solid #bbb;
}
input:focus, 
textarea:focus, 
select:focus {
border: 1px solid #666;
}
textarea {
width: 390px;
height: 250px;
padding: 5px;
}

/* image styles */

div.post img {
margin: 10px 0;
}
div.post img.left {
float: left;
margin: 10px 15px 10px 0;
border: none;
}
div.post img.right {
float: right;
margin: 10px 0 10px 15px;
border: none;
}
div.post img.centered {
display: block;
margin: 10px auto;
border: none;
}
div.post img.border {
padding: 2px;
border: 1px solid #ccc;
}

/* 
layout
------------------------------------------------------ */

#container {
width: 950px;
margin: 0 auto;
text-align: left;
}
#column-main {
float: left;
width: 620px;
background: #fff;
}
#column-side {
float: right;
width: 300px;
}

/* 
header
------------------------------------------------------ */

#header {
margin: 0 0 30px;
}

/* logo */

#logo {
padding: 30px 0;
}
#logo-inner {
width: 950px;
margin: 0 auto;
}
p#logo-title {
margin: 0 0 5px;
font-size: 2.5em;
font-weight: bold;
line-height: 1em;
}
p#logo-tagline {
margin: 0;
font-size: 1em;
font-weight: bold;
line-height: 1em;
}
p#logo-title a:link, 
p#logo-title a:visited {
color: #e7e7e7;
}
p#logo-title a:hover {
color: #fff;
}
p#logo-tagline {
color: #c1c1c1;
}

/* navigation */

#navigation ul {
width: 950px;
margin: 0 auto;
padding: 0 0 0 2px;
font-size: 1.1em;
}
#navigation ul li {
float: left;
list-style-type: none;
}
#navigation ul li a {
float: left;
display: block;
padding: 0 25px;
line-height: 45px;
}
#navigation ul li a:link, 
#navigation ul li a:visited {
color: #333;
}
#navigation ul li a:hover {
color: #fff;
}
#navigation ul li.current a:link, 
#navigation ul li.current a:hover, 
#navigation ul li.current a:visited {
color: #fff;
}

/* 
main column
------------------------------------------------------ */

/* post */

div.post {
margin: 0 11px 1em 1px;
padding: 0 0 30px;
border-bottom: 1px solid #ccc;
}
h1.post-title {
margin: 0 30px 30px 30px;
}
ul.post-meta {
margin: 0;
padding: 0 30px;
background: url(i/post-meta.gif) no-repeat 0 100%;
}
ul.post-meta li {
display: block;
float: left;
margin: 0;
padding: 10px 0;
font-size: 0.8em;
color: #666;
text-transform: uppercase;
}
ul.post-meta li.post-meta-author {
width: 115px;
margin: 0 10px 0 0;
}
ul.post-meta li.post-meta-date, 
ul.post-meta li.post-meta-comments {
width: 115px;
margin: 0 10px;
}
ul.post-meta li.post-meta-categories {
width: 135px;
margin: 0 0 0 10px;
}
ul.post-meta li span {
display: block;
font-weight: bold;
text-transform: none;
}
p.post-meta-tags {
font-weight: bold;
}
div.post-body {
margin: 30px;
}

/* comments */

#comments {
margin: 0 11px 0 1px;
}
#comments h2 {
margin: 0;
padding: 10px 30px 0; 
border-top: 1px solid #ccc;
}
ul.comments-meta {
margin: 0 0 30px;
padding: 0 30px;
background: url(i/comments-meta.gif) no-repeat;
border-bottom: 1px solid #ccc;
}
ul.comments-meta li {
display: block;
float: left;
margin: 0;
padding: 10px 0;
font-size: 0.8em;
color: #666;
text-transform: uppercase;
}
ul.comments-meta li.comments-meta-number {
width: 115px;
margin: 0 10px 0 0;
}
ul.comments-meta li.comments-meta-link {
width: 135px;
margin: 0 10px;
}
p.comments-none {
margin: 30px;
}
div.comment-single {
margin: 0 30px;
padding: 15px 10px;
border-bottom: 1px solid #ccc;
}
div.gravatar {
float: left;
}
div.gravatar img {
border: 1px solid #ccc;
}
div.comment-meta {
margin: 0 0 0 50px;
font-size: 0.8em;
color: #666;
text-transform: uppercase;
}
span.comment-meta-author {
margin: 0 0 5px;
font-size: 1.1em;
color: #333;
font-weight: bold;
text-transform: none;
}

/* comments form */

#comments-form {
margin: 30px 0;
border-bottom: 1px solid #ccc;
}
#comments-form h2 {
margin: 0;
padding: 10px 30px;
border-bottom: 1px solid #ccc;
}
#form-comments {
margin: 30px 30px 0 30px;
}
#form-comments fieldset {
margin: 0;
padding: 0;
border: none;
}
#form-comments fieldset p {
margin: 0 0 30px;
}
#form-comments label {
margin: 0;
padding: 0;
font-size: 0.9em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.2em;
}
#form-comments label em {
font-style: normal;
color: #666;
text-transform: none;
letter-spacing: normal;
}
#form-comments #author, 
#form-comments #email,
#form-comments #url,
#form-comments #comment {
width: 360px;
margin: 0;
padding: 5px;
background: #fff;
border: 1px solid #ccc;
font: 0.9em Arial, Verdana, sans-serif;
color: #333;
}
#form-comments #comment {
width: 540px;
}
.button {
overflow: visible;
margin: 0;
padding: 5px 10px;
border: 1px solid #333;
font-size: 90%;
font-weight: bold;
color: #fff;
text-transform: uppercase;
text-align: center;
vertical-align: top;
}
div.comments-form-info {
display: inline;
float: right;
width: 145px;
font-size: 0.8em;
color: #999;
line-height: 1.4em;
}
#form-comments div.comments-form-info p {
margin: 0 0 5px;
}

/* trackbacks */

#trackbacks {
margin: 0 0px 0 0;
font-size: 0.9em;
}
#trackbacks h2 {
margin: 10px 0 0;
padding: 0 30px;
border: none;
}
p.trackbacks-meta {
margin: 0;
padding: 0 30px 10px;
}
#trackbackslist {
margin: 0 0 0 20px;
padding: 30px 30px 30px 35px;
border-top: 1px solid #ccc;
}
p.trackback-meta {
font-size: 0.9em;
color: #666;
text-transform: uppercase;
}

/* previous next entires */

div.content-navigate {
margin: 0 11px 0 1px;
padding: 0 30px;
font-weight: bold;
}
span.alignright {
float: right;
text-align: right;
}
span.alignleft {
float: left;
}

/* 
side column
------------------------------------------------------ */

div.column-side-section {
background: #fff;
margin: 0 0 30px;
font-size: 0.9em;
}
div.column-side-section h3 {
margin: -17px 11px 0 1px;
padding: 0 20px 5px 20px;
border-bottom: 1px solid #ccc;
}
div.column-side-section-inner {
margin: 20px 31px 0 21px;
}
div.column-side-section ul {
margin: 0;
padding: 0;
}
div.column-side-section ul li {
list-style-type: none;
margin: 0;
padding: 0;
}

/* fix by mh to make all links (except main nav) underlined on hover */

#container a:hover{
text-decoration: underline;
}

/* subscribe */

div.column-side-section.subscribe ul {
padding: 0 0 0 40px;
background: url(i/icon-feed-32.gif) no-repeat;
}
div.column-side-section.subscribe ul li {
margin: 0 0 10px;
line-height: 1em;
}

/* recent posts */

div.column-side-section.recent-posts ul li {
margin: 0 0 10px;
padding: 0 0 10px;
background: url(i/dot.gif) repeat-x 0 100%;
}
span.recent-post-meta {
font-size: 0.9em;
color: #666;
}

/* recent comments */

div.column-side-section.recent-comments ul li {
margin: 0 0 10px;
padding: 0 0 10px;
background: url(i/dot.gif) repeat-x 0 100%;
}

/* archives */

div.column-side-section.archives ul li {
float: left;
width: 115px;
margin: 0 0 10px;
}
div.column-side-section.archives ul li a {
float: left;
display: block;
padding: 0 20px 0 0;
}

/* categories */

div.column-side-section.categories ul li {
list-style-type: disc;
margin: 0 0 10px 15px;
}

/* search */

#form-search fieldset {
margin: 0;
padding: 0;
border: none;
}
#form-search label {
display: block;
font-size: 0.9em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
}
#form-search #s {
width: 130px;
margin: 0 10px 0 0;
padding: 5px;
border: 1px solid #ccc;
font: 0.9em Arial, Verdana, sans-serif;
vertical-align: top;
}
#form-search .button {
overflow: visible;
margin: 0;
padding: 5px 10px;
border: 1px solid #333;
font-size: 90%;
font-weight: bold;
color: #fff;
text-transform: uppercase;
text-align: center;
vertical-align: top;
}

/* tags */

div.column-side-section.tags ul li {
display: inline;
margin: 0 10px 10px 0;
}

/* links */

div.column-side-section.links ul li {
list-style-type: disc;
margin: 0 0 10px 15px;
}

/* 
page styles
------------------------------------------------------ */

/* common */

h1.page-title {
margin: 0 11px 30px 1px;
padding: 0 30px 5px 30px;
border-bottom: 1px solid #ccc;
}
div.page {
margin: 0 11px 1em 1px;
}
div.page-body {
margin: 30px;
}

/* search results page */

ul#search-results-list {
margin: 0 0 30px;
padding: 0;
}
ul#search-results-list li {
list-style-type: none;
margin: 0 30px;
padding: 0 0 0 0px;
border-bottom: 1px solid #ccc;
}
ul#search-results-list li div.post {
margin: 0;
padding: 0;
border: none;
}
ul#search-results-list li h2.post-title {
margin: 20px 0 0;
}
ul#search-results-list li div.post-body {
margin: 0;
padding: 0;
border: none;
}

/* 
footer
------------------------------------------------------ */

#footer {
margin: 30px 0;
}
#footer ul {
margin: 0;
padding: 10px 0 0;
border-top: 1px solid #999;
font-size: 0.8em;
text-transform: uppercase;
}
#footer ul li {
display: inline;
margin: 0;
padding: 0 5px;
border-right: 1px solid #333;
background: none;
}
#footer ul li a:link {
color: #000;
}
#footer ul li#nav-copyright {
padding-left: 0;
}
#footer ul li#nav-designedby {
border: none;
}

/* 
clear
------------------------------------------------------ */

.clear {
clear: both;
height: 0;
line-height: 0;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* 
style switcher
------------------------------------------------------ */

p#style-switcher {
position: absolute;
top: 0;
right: 5%;
width: 300px;
height: 20px;
background: #000;
font-size: 10px;
color: #ccc;
line-height: 20px;
text-align: center;
z-index: 100;
}
p#style-switcher a:link, 
p#style-switcher a:visited, 
p#style-switcher a:hover {
color: #fff;
}