/*   
Theme Name: House of Gnomes
Theme URI: http://www.podq.com/travelogue/
Description: Based on the Travelogue Theme
Author: Josh Lyman
Author URI: http://www.podq.com/
Version: 1.0.3

Released under the GPL. The included font, "Dear Joe," is released by joebob of http://www.joebob.nl/, 
and is free to use for any purposes. The default picture supplied in the polaroid header image is 
copyrighted by Josh Lyman. I don't care if you keep it, but recommend you change it. And please don't 
take credit for it either! ;-) Have fun!.
*/
/* Color Schemes
   -------------
	Orange Dark: #AA3511
	Orange Light: #E0D3CD
         Red Dark: #9e0000
         Red Light: #d40000
	
	GreenBlue Dark: #618788
	Green Light: #d6ecd6
	Blue Light: #B6CAD1         */

body {
	background-image: url('images/background.jpg');
	background-repeat: repeat-x;
	background-color: #FFFFFF; 
	margin: 0;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}

#polaroid {
	position:absolute;
	left:0px;
	top:0px;
	width:279px;
	height:285px;
	background: url('images/polaroid.png') no-repeat;
}

/* If you wish to have a random polaroid image popped in, copy the .polaroid1 style and rename it to .polaroid2, .polaroid3, etc.
   Also don't forget to go into header.php and on line 22, change the rand(1,1) number to rand(1,X) where X is the number of
   polaroid pictures you have defined in your stylesheet. For each polaroid, change the url of the background to the appropriate pic. */

.polaroid1 {
	background: url('images/polaroid.jpg') no-repeat;
}

#header-img {
	position:absolute;
	left:279px;
	top:0px;
	width:486px;
	height:184px;
}

#subheader {
	position:absolute;
	left:279px;
	top:184px;
	width:60%;
	height:101px;
	margin: 3px 5px 0 35px;
}
	
		#subheader #search {
			float: left;
			width: 45%;
		}
		
		#subheader #cats {
			float: right;
			width: 45%;
		}

#sidebar {
	position:absolute;
	left:0px;
	top:285px;
	width:279px;
	margin: 10px 0 5px 3px;
}

#content {
	right:0;
	margin: 285px 20px 10px 300px;
	padding:0;
	z-index:0;
}

#rightcolumn {
	float:right;
	width: 125px;
	height: 605px;
	margin:0 0 10px 20px;
}

#footer {
	text-align: center;
	font-size:.7em;
	border: 1px solid #d6ecd6;
	width:100%;
	height:100%;
}

.post {
	border-top: 1px #D40000 dotted;
	padding: 7px 3px 1px 4px;
}

.comments {
	margin: 0 0 5px 5%;
	padding-left: 8px;
	/*border-left: 3px #618788 solid;
	border-bottom: 1px #618788 solid; */
}

/* Text Styles */

h1, h2, h3 {
	font-weight: bold;
	color: #9E0000;
}

.post_head {
	margin-top:-14px;
}

p {
	font-size: .8em;
}

a:link {
	color: #9E0000;
	text-decoration: underline;
}

a:visited {
	color: #9E0000;
	text-decoration: underline;
	border: none;
}

a:hover {
	color: #D40000;
	text-decoration:none;
	border-bottom: 1px #D40000 dashed;
}

a img {
	border: none;
}

.pagetitle {
	text-align:center;
	text-decoration:underline;
}

.entry li {
	font-size: smaller;
}

/* End Typography & Colors */

/* Calendar Styles */

#wp-calendar {
	border: 2px solid #333333;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size: smaller;
}

#wp-calendar caption {
	font: bold 1.2em 'Century Gothic', Verdana, Arial, Sans-Serif;
	text-align: center;
	background-color: #618788;
	color:#FFFFFF;
	border: 2px solid #333333;
	border-bottom: none;
	margin: 0 auto;
}

#wp-calendar tbody, #wp-calendar tfoot {
	background-color: #B6CAD1;
	padding: 0;
	margin: 0;
}

#wp-calendar th {
	padding: 0;
}

/* End Calendar Styles */

/* Postit Date */

.post .post_cal {
	border: 1px solid #A6A6A6;
	text-align: center;
	width: 50px;
	float: left;
	margin: 0 10px 5px 0;
}

	.post_cal .dayname {
		background-color: #9E0000;
		border-bottom: 1px solid #A6A6A6;
		color: #FFFFFF;
		font-size: smaller;
		font-weight: bolder;
		width: 100%;
	}
	
	.post_cal .daynum {
		border-bottom: 1px solid #A6A6A6;
		font-size: xx-large;
		font-weight: bold;
		width: 100%;
	}
	
	.post_cal .month, .post_cal .year {
		font-size: smaller;
		width: 100%;
	}
	
.postmetadata {
	font-weight: bold;
}

/* End Postit Date */

/* Sidebar Styles 
#sidebar h3 {
	font-size: medium;
}

#sidebar ul, #sidebar ul ol {
	margin: 0 10px 10px 5px;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	font-size: smaller;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Sidebar Styles */

#sidebar ul {
	list-style-type: none;
	margin: 0 5px 10px 10px;
	font-size: smaller;
}

#sidebar ul li h3 {
	font-size: 1.35em;
}

#sidebar ul li ul li {
	list-style-type: square;
}

/* End Sidebar Styles */

/* Seriously hacked out code for cool boxes */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17.5em; /* ems so it will grow */
	background: url('images/sbbody-r.gif') no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url('images/sbhead-r.gif') no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}

.boxhead h3 {
	background: url('images/sbhead-l.png') no-repeat top left;
	margin: 0;
	padding: 8px 30px 8px;
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: .8em;
}

.boxbody {
	background: url('images/sbbody-l.gif') no-repeat bottom left;
	margin: 0;
	padding: 5px 5px 10px 5px;
}

#album {
  font-family: cursive;
}

li#album {
  float:left;
  margin:0px 5px 5px 0px;
}

ul#album {
  width: 80%;
  list-style-type: none;
  margin: 0px;
}

li#album a {
  display: block;
	background-image:url('images/album1.png');
  background-repeat:no-repeat;
  width:130px;
  height:170px;
  padding:30px 0px 0px 30px;
  color: #618788;
  text-align: left;
	text-decoration: none;
  text-shadow: #000000 -2px 2px 2px;
	border: none;
}

#thumbnail {
  vertical-align: top;
}

li#thumbnail {
  float:left;
  margin:0 5px 5px 0;
  padding:30px 30px 0px 0px;
}

ul#thumbnail {
  width: 80%;
  list-style-type: none;
  margin: 0px;
}

li#thumbnail a {
  display: block;
  width:130px;
  height:170px;
  color: #618788;
	text-decoration: none;
  text-shadow: #000000 -2px 2px 2px;
	border: none;
}

#photoimage {
  text-align: center;
  border: none;
}

div#photoimage a {
        text-decoration: none;
        border: none;
}

div#photoimage img {
        height: 600;
}