/*
Theme Name: Travelogue
Theme URI: http://www.podq.com/travelogue/
Description: Designed with a traveler in mind, or someone with a chronologically-based blog, this theme is attractive and customizable. Don't forget to change the picture in the polaroid!
Author: Josh Lyman
Author URI: http://www.podq.com/
Version: 1.0.2

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

GreenBlue Dark: #618788
Green Light: #D4DBD3
Blue Light: #B6CAD1 */

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

#polaroid {
position:absolute;
left:0px;
top:0px;
width:279px;
height:285px;
}

/* 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;
}

#content2 {
right:0;
margin: 0px 20px 10px 10px;
padding:0;
z-index:0;
}

#footer {
text-align: center;
font-size:.6em;
border: 1px solid #D4DBD3;
/* postnuke change this forces a horizontal scroll bar on Firefox width:100%; */
margin: 10px 20px 10px 300px;
height:100%;
}

#footerlinks {
text-align: center;
font-size:.6em;
border: 1px solid #D4DBD3;
/* postnuke change this forces a horizontal scroll bar on Firefox width:100%; */
margin: 10px 5px 10px 5px;
height:100%;
}

.red {
font-size: 1.3em;
font-weight: bold;
color: #ff0000;
}

#red {
font-size: 1.3em;
font-weight: bold;
color: #ff0000;
}

#small {
font-size: .7em;
font-weight: bold;
color: #666666;
}

.small {
font-size: .7em;
font-weight: normal;
color: #666666;
}

.post {
border-top: 1px #E0D3CD dotted;
padding: 7px 3px 1px 4px;
font-size: .8em;
}

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

/* Text Styles */

h1 {
font-size: 1.5em;
}

h2 {
font-size: 1.3em;
}

h3 {
font-size: 1.1em;
}

h1, h2, h3 {
font-weight: bold;
color: #2b389d;
}

.post_head {
margin-top:-19px;
padding-left: 60px;
}

p {
font-size: 100%;
}

.box1 {
font-size: .8em;
}

a:link {
color: #2b389d;
text-decoration: none;
}

a:visited {
color: #618788;
text-decoration: none;
border: none;
}

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

.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 #2b389d;
text-align: center;
width: 50px;
float: left;
margin: 0 10px 5px 0;
}

.post_cal .dayname {
background-color: #2b389d;
border-bottom: 1px solid #2b389d;
color: #FFFFFF;
font-size: smaller;
font-weight: bolder;
width: 100%;
}

.post_cal .daynum {
border-bottom: 1px solid #2b389d;
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{
margin: 0 5px 10px 10px;
font-size: smaller;
}

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

#sidebar 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.gif') 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;
}

/* postnuke additions */
/* don't add a border to linked images */
a img {
border: 0;
}