/*   
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: 2

Released under the GPL. The default pictures supplied for the random polaroid images are 
copyrighted by Josh Lyman. I don't care if you keep them, but recommend you change them. 
And please don't take credit for them either! Don't forget to make an "archives" page!
;-) Have fun!.


	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
*/
/* Color Schemes
   -------------
	Orange Dark: 	#AA3511
	Darkest Brown: 	#45392A
	Dark Brown: 	#847563
	Brown: 			#CFC2A1
	Light Brown:	#E9E2DA
	Red: 			#AC0605
	Blue:			#315980       */

/* Layout Declarations */

* {margin:0; padding:0}

body {
	background-color: #ddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-image: url('images/background.jpg');
	background-repeat: repeat-y;
	background-position: top center;
}

#wrap {
position: relative;
	left: 50%;
	margin-left: -393px;
	width: 786px;
	height: 100%;
}

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

	#polaroidimage {
		position:absolute;
		left:44px;
		top:31px;
		width:202px;
		height:187px;
		overflow:hidden;
	}
	
	#polaroidcaption{
		position:absolute;
		left:42px;
		top:222px;
		width:202px;
		height:26px;
		overflow:hidden;
	}
	
	#polaroidcaption p {
		font-size:x-small;
		margin:0;
		padding:0;
		font-style:italic;
		text-align:center;
	}

#header-img {
	position:absolute;
	left:299px;
	top:0px;
	width:486px;
	height:100px;
	background: url('images/header_img.jpg');
	background-repeat: repeat-x;

}

#header-img h1, #header-img a  {
	font-size: 1.4em;
	letter-spacing: 0;
	text-align: left;
	text-decoration: none;
	color: #E9E2DA;
	margin-top:0px;
}

#header-img h2 {
	font-size: 1.0em;
	letter-spacing: 0;
	text-align: left;
	text-decoration: none;
	color: #E9E2DA;
	margin-top:0px;
}

#subheader {
	position:absolute;
	left:285px;
	top:100px;
	width:450px;
	margin: 0px 0px 0px 0px;
        background-color: #FFFFFF;
}
	
#subheader #search {
	position: absolute;
	float: left;
	width: 225px;
}
		
#subheader #cats {
	position: absolute;
	left: 225px;
	float: right;
	width: 225px;
}

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

#content {
    padding: 0px 20px 10px 0px;
    top: 150px;
    left: 260px;
    position:absolute;
    z-index: 3;
}

.menu {
	text-align: center;
        border-color: #959596;
        border-style: solid;
        border-width: 1px;
        padding: 1ex;
        line-height: 1.2;
        font-family : verdana;
	font-size : 11px;
}

	
#footer {
	position: float;
	text-align: center;
	font-size:.7em;
	border: 10px solid #D4DBD3;
	height:100%;
	margin:0 20px 0 300px;
}


div.comments ol {
	margin-left:0;
	padding:0;
}

	.commentlist li {
		border: 1px solid #45392A;
		background-image: url(images/comment-bg-alt.jpg) repeat-x;
		background-color:#e5ebf2;
		padding:3px;
		margin-bottom:12px;
		list-style-type:none;
	}
	
	.commentlist .alt {
		background-color:#f9f5f0;
		background-image: url(images/comment-bg.jpg) repeat-x;
	}
	
	.commentmetadata {
		font-size:smaller;
		width:60%;
	}

/* Typography Declarations */

h1, h2, h3 {
	color: #AC0605;
}


p {
	font-size: .8em;
}

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

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

a:hover {
	color: #AA3511;
	text-decoration:none;
}

a img {
	border: none;
}

.pagetitle {
	text-align:left;
	text-decoration:underline;
        padding-bottom:10px;
}

.entry li {
	font-size: smaller;
}

blockquote {
	background-image:url(images/blockquote-bg.gif);
	background-repeat:repeat-y;
	padding-left: 15px;
}

/* End Typography Declarations */

/* Calendar Styles */

#wp-calendar {
	border: 0px 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;
	color:#000000;
	border: 0px solid #333333;
	border-bottom: none;
	margin: 0 auto;
}

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

#wp-calendar th {
	padding: 0;
}

.navigation {
    border-bottom: 1px #E0D3CD dotted;
    clear:both; 
    padding-bottom: 0.25em;
}

.alignright {
        margin: 5px 0 5px 10px; 
	float: right; 
}

.alignleft {
        margin: 5px 10px 5px 0; 
	float: left; 
}

.post {
    border-bottom: 1px #E0D3CD dotted;
    padding: 0px 0px 0px 0px;
    width: 500px;
    // background-color: #FFF;
}

.post .entry {
    padding: 0 0px 5px 0;
    text-align: justify;
    background-color: #FFF;
    float: none;
    font-size: 120%;
}

.post .entry p {
    padding: 0px 0px 5px 0px;
}

.post .entry p:first-letter
{
    font-size: 140%;
    font-weight: bold;
}

/* .post .entry  */

.right {
    padding: 0 0px 5px 15px;
    float: right; 
    cursor: pointer;
}

.post .post_head h2 {
    margin:0; 
    padding:0;
    font-size: 130%;
    }


.post .post_head {
    text-align: left;
    float: none;
    padding: 0 5px 0px 0;
}

/* End Calendar Styles */

/* Postit Date */

.post .post_cal {
    background-color: #FFFFFF;
    text-align: center;
    width: 60px;
    float: left;
    padding-left: 0px;
    margin: 5px 15px 5px 5px;
    left: 20px;
}

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

/* End Postit Date */

/* Sidebar Styles */

#sidebar ul {
	list-style-type: none;
	font-size: smaller;
}

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

/* End Sidebar Styles */

img.alignright {
        margin: 5px 0 5px 10px; float: right; cursor: pointer;
}
img.alignleft {
        margin: 5px 10px 5px 0; float: left; cursor: pointer;
}


/* Sidebar Boxes */

.boxhead_cont, .boxbody_cont { 
	width: 230px; 
	margin-left: 9px;
}

.boxhead_cont { 
	margin-top:5px; 
}

.boxhead { width:228px; background-color:#CFC2A1; }

.boxbody { 
	background-color: #E9E2DA;
 	font-size:smaller;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 0px;
}

.boxhead h3 {
	color: #315980;
	margin:0;
	margin-top:0px;
	padding:0 0 0 10px;
	font-size: small;
}

/* Nifty Corners CSS, quite handy.
   For more information visit http://pro.html.it/articoli/id_599/idcat_31/pag_1/pag.html */
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

.gravatar {
        float:right;
        padding: 0px;
	margin:0 0 0 5px;
        border: 1px solid #000;
        background: #fff;
}

.postgrav {
	float: left;
	padding: 3px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #000;
	background: #fff;
}


.activityentry
{
	font-size: smaller;
}