/*
Theme Name: The Happy Cat
Description: For the fans of Animals and stuff! 2 column fixed layout design. XHTML 1.0 Strict and SEO Friendly.
Version: 0.9
Author: Highlands by Design
Author URI: http://www.highlandsbydesign.com/
*/

/* Begin Base Elements */

* {margin: 0; padding: 0; border: 0;}

body {font: 75%/150% 'Lucida Grande', Verdana, Lucida, Helvetica, Arial, sans-serif; color: #036; background: url('images/happy_background.gif') repeat #fff; text-align: center;}

a {color: #36c; text-decoration: none; font-weight: bold;}
a:hover {color: #69c; text-decoration: underline;}

small {text-align: right; margin: 1em;}

h1, h2, h3, h4 {margin: 0; padding: 0.2em;}
h1, h2 {font-size: 1.4em}
h3, h4 {font-size: 1.2em}

.date {color: #adf; padding: 0.5em 1em; text-align: right; float: right;  background: #fff;}
.date1 {font-size: 3em; display: block;}
.date2 {font-size: 2em; display: block;}
.date3 {font-size: 2em; display: block; font-weight: bold;}

.pageInfo {font-size: 0.8em; color: #aaa; text-align: right; border-bottom: 1px dashed #ccc; padding: 1em; clear: both;}
.fifty {width: 40%; text-align: center;}
.boxedup {background: #cef; border: 1px solid #09f; padding: 0.5em; margin: 0.5em;}

.iconComment a {background: url('images/icon_comment.png') top left no-repeat; padding-left: 20px;}
.iconEdit {background: url('images/icon_edit.png') top left no-repeat; padding: 1px 0 5px 20px;}
.iconrss {background: url('images/icon_feed.png') top left no-repeat; padding: 1px 0 5px 20px;}
.iconMain {background: url('images/sun.png') top left no-repeat; padding: 0 20px 20px 90px; display: block; font-size: 0.8em; color: #aaa; text-align: right;}

/* End Base Elements */

/* Begin Layout Elements */

#topbar {padding: 30px 0 0 0; background: url('images/happy_topbar.gif') repeat-x; margin: 0;}

#happyheader {width: 750px; margin: 0 auto; height: 180px; text-align: right; background: url('images/happy_header.gif') center top no-repeat;}
#happyheader h1 {padding: 10px 20px 0 0;}
#happyheader h1 a {font-size: 2em; color: #fff;}
#happyheader h1 a:hover {color: #0f0;}
#happyheader h2 {color: #0f0; padding-right: 20px; font-size: 0.9em; font-weight: normal;}

#happycat {margin: 0 auto; width: 750px; background: url('images/happy_middle.gif') top repeat-y; text-align: left;}

#column1 {float: right; padding: 0 0 90px 0; margin: 0; background: url('images/speech_bot.gif') bottom left no-repeat; width: 560px; position: relative; left: 30px;}

#firstHeader {padding: 0 25px 30px 25px; border: 0; background: url('images/speech_top.gif') no-repeat; text-align: right;}
#firstHeader span {padding-top: 35px; display: block; border-bottom: 1px dashed #aaa; padding-bottom: 0.5em;}

#column1 #text {padding: 0 25px 10px 15px; background: url('images/speech_mid.gif') repeat-y; text-align: justify;}
#column1 #text h2, #column1 h3, #column1 h4 {color: #69c; border-bottom: 1px dashed #9cf; padding: 0.2em; margin-bottom: 0.5em;}
#column1 h1 a, #column1 h2 a, #column1 h3 a {color: #369; font-weight: bold; text;}

#column1 p {margin: 0 1.5em 1.5em 1.5em; line-height: 1.5em;}

#column1 .post ul, #column1 .post ol {margin: 1em; padding: 0.5em; border-top: 1px dashed #eee; border-bottom: 1px dashed #eee;}
#column1 .post ul li {margin: 0 1em; padding: 0.2em; list-style: square inside;}
#column1 .post ol li {margin: 0 3em; padding: 0.2em; list-style: decimal outside;}

#column1 blockquote {margin-left: 15px; padding: 0 0 15px 30px; font-style: italic; color: #666; background: url('images/blockquote.gif') 0 3px no-repeat;}

#column1 blockquote p {margin: 0 2em 0 0;}

#column2 {float:left; width: 185px; font-size: 0.9em;}
#column2 ul {margin-left: 25px; list-style: none;}

#footer {clear:both; margin: 0 auto; width: 750px; font-size: 0.85em; text-align: center; padding: 5px 0 25px 0; background: url('images/happy_bottom_shadow.gif') center bottom no-repeat;}
#footer li {padding: 3px; display: inline; list-style-type: none;}
#footer li a {color: #060;}

#credits {text-align: center; color: #eee; font-size: 0.8em; padding: 5px}
#credits a {color: #fff;}

#back {clear: both; border-top: 1px dashed #ccc; font-size: 0.8em; text-align: right; padding: 0 25px; clear: both; margin-top: 20px;}
#back a {font-weight: normal;}
#back span {float: left;}
#back strong {color: #006;}

/* End Layout Elements */

/* Begin Navigation Elements */

#pet_fidy {width: 195px; height: 300px; position: absolute; left: -150px; bottom: -160px; text-indent: -999em;}
#pet_fidy {background: url('images/pet_fidy.gif') no-repeat;}

#navigation {width: 750px; background: url('images/happy_bottom.gif') no-repeat top center; text-align: center; padding: 180px 0 20px 0; margin: 0; clear: both;}

#navigation ul {padding-bottom: 20px; margin: 0; background: url('images/nav_panel.gif') no-repeat bottom left; list-style: none; width: 330px; text-align: left;}
#navigation ul li ul {background: none; padding: 0;}
#navigation li {padding: 0 15px; color: #0f0;}
#navigation li a {color: #eee; font-size: 0.9em;}
#navigation li a:hover {color: #fff;}

#navigation .panelright {float: right; position: relative; right: 35px; margin-bottom: 10px;}
#navigation .panelleft {float: left; position: relative; left: 35px; margin-bottom: 10px;}

#navigation .firstHeader {border-top: 3px solid #fff; padding: 0 15px; margin: 0;}
#navigation .firstHeader h3 {display: block; border-bottom: 1px dashed #fff; color: #060;}

#navigation #nav {clear: both; margin: 0 auto; padding: 10px; border-top: 1px dashed #0c0; background: none; text-align: center; width: 690px;}
#navigation #nav li {display: inline; padding: 0 5px;}
#navigation #nav li a {color: #eee; font-size: 0.9em;}
#navigation #nav li a:hover {color: #0c0;}
#navigation #nav ul {display: inline;}

#page_nav a {display: block; color: #999; padding: 10px; border: 1px solid #efefef;}
#page_nav a:hover {color: #999; border: 1px solid #ddd; background: #eee;}

#breadcrumbs {position: absolute; font-size: 0.8em; top: 6px; left: 5px; text-align: left; text-transform: lowercase;}
#breadcrumbs a {color: #060;}

/* End Navigation Elements */

/* Begin Form Elements */

#searchCSS {font-size: 0.9em; position: absolute; top: 6px; right: 5px;}
#searchform {text-align: center;}
#searchform #s {width: 108px; padding: 0; border: 1px solid #090;}
#searchform #s:focus {border: 1px solid #060; background: #afa;}
#searchsubmit {font-size: 10px; background: #fff url('images/icon_search.png') 1px 1px no-repeat; cursor: pointer; padding: 0 0 0 15px; border: 1px solid #090;}
.entry form {text-align: center;}
select {width: 130px;}

#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;  border: 1px solid #09f; background: #fff;}
#commentform input:focus {background: #efe;}
#commentform textarea {width: 95%; padding: 2px; border: 1px solid #6cf; background: #fff;}
#commentform textarea:focus {background: #efe;}
#commentform #submit {border: 1px solid #6cf; background: #fff; colour: #000; vertical-align: top; cursor: pointer;}
#commentform #submit:hover {border: 1px solid #69c; color: #666; background: #6cf;}

.comment_no {padding: 10px 0; float: right; display: block; font-size: 3em; color: #eee;}

.commentlist {list-style: none; border: 0; margin: 0; padding: 0;}
.commentlist li {padding: 2em 1em; margin-bottom: 10px; background: #fff; border: 1px solid #3cf;}
.commentlist li:hover {border: 1px solid #3af; background: #eff;}

.alt {clear: both;}

/* End Form Elements */

/* Begin Images */

p img {padding: 0;}
p img[alt="an image"] {float: left; margin: 0 7px 2px 0;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

.center {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right;}
.alignleft {float: left;}

.images {width: 95%; text-align: center;}
.images img {float: left; clear: both; margin: 0 auto;}

/* End Images */


/* Begin Porlets */

#wp-calendar {text-align: center; width: 100%; background: #def;}
#wp-calendar caption {background: #39c; color: #fff;}
#wp-calendar thead {background: #9cf;}
#wp-calendar #today {background: #3cf;}
#wp-calendar a {color: #06c; font-weight: bold; text-decoration: underline;}

#column2 ul {margin-bottom: 1em; border-bottom: 2px solid #000;}
#column2 ul li {margin: 0; padding: 0.5em; background: #fff; border-left: 2px solid #000; border-right: 2px solid #000;}
#column2 ul li.listHeader {background: transparent; padding: 0; border-left: 0; border-bottom: 1px solid #333;}
#column2 ul li h2, #column2 ul li h3 {margin: 0; padding: 0.5em; color: #fff; background: url('images/portlet_header.gif')}

/* End Porlets *//* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
#imagecaptioneasy_right {
  padding: 5px;
  margin: 11px 0 11px 11px;
  text-align: right; 
  float: right;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}
#imagecaptioneasy_right img { border: 0px solid #fff; margin-bottom:5px; }
#imagecaptioneasy_right span { text-align: center; }
#imagecaptioneasy_left {
  padding: 5px;
  margin: 11px 11px 11px 0;
  text-align: left; 
  float: left;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}
#imagecaptioneasy_left img { border: 0px solid #fff; margin-bottom:5px; }
#imagecaptioneasy_left span { text-align: center; }
#imagecaptioneasy_top_right {
  padding: 5px;
  margin: 0 0 11px 11px;
  text-align: right; 
  float: right;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}
#imagecaptioneasy_top_right img { border: 0px solid #fff; margin-bottom:5px; }
#imagecaptioneasy_top_right span { text-align: center; }
#imagecaptioneasy_top_left {
  padding: 5px;
  margin: 0 11px 11px 0;
  text-align: left; 
  float: left;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}
#imagecaptioneasy_top_left img { border: 0px solid #fff; margin-bottom:5px; }
#imagecaptioneasy_top_left span { text-align: center; }