/*   
Theme Name: Travelogue
Theme URI: http://www.podq.com/travelogue-2/
Version: 2.7
Description: A fun, travelogueish theme. Don't forget to change the random pictures in the polaroid! Widget-compatible.
Author: Joshua Lyman
Author URI: http://www.podq.com/
Tags: two-columns, brown, flexible-width
*/

/*
Released under the GPL. The images were shot by me, Joshua Lyman. You can certainly keep them there (although
I recommend you change them) so long as you don't take credit for them. ;-)

Note that the sidebars can be modified through the use of widgets in the admin panel. Have fun!
*/

/* Color Schemes
   -------------
	Orange Dark: 	#AA3511
	Darkest Brown: 	#45392A
	Dark Brown: 	#847563
	Brown: 			#CFC2A1
	Light Brown:	#E9E2DA
	Red: 			#AC0605
	Blue:			#315980       */


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



/* Travelogue - Typography CSS Control */

body {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}

p {
	font-size: .9em;
}

a:link {
	color: #070c4c;
	text-decoration: underline;
	/*border-bottom: 1px dashed #E0D3CD;*/
}

a:visited {
	color: #315980;
	text-decoration: underline;
	/*border-bottom: 1px dashed #E0D3CD;*/
}

a:hover {
	color: #AA3511;
	text-decoration:underline;
	/*border-bottom: 1px #E0D3CD solid;*/
}

#polaroidcaption p {
	font-size:x-small;
	margin:0;
	padding:0;
	font-style:italic;
	text-align:center;
}

#header-img h1, #header-img a, .tagline {
	font-size: 1.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height: 1.2em;
	letter-spacing: 0;
	text-align: center;
	word-spacing: normal;
	text-decoration: none;
	border: none;
	color: #070c4c;
	margin-top:190px;
}

.tagline {
	margin-top: 10px;
	font-size:smaller;
}

#rightcolumn {
	font-size:smaller;
}

#footer {
	text-align: center;
	font-size:.9em;
}

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

.post_head {
	margin-top: -24px; /* Reign the post title back into position. */
	padding-bottom: 1px; /* This clears out the post content from bumping up too high */
}

.post_head h2, .post_head .postmetadata {
	padding: 5px 0 0 5px;
}

.pagetitle {
	text-align:center;
	border-bottom: 2px solid #CFC2A1;
	width:100%;
	margin:0 0 15px;
}

.entry li {
	font-size: smaller;
}

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

/* Sidebar Styles */

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

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

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

/* End Sidebar Styles */

/* End Typography Declarations */
/* Travelogue - Calendar Styling Controls */

#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;
}

#wp-calendar tbody td a { font-weight: bold; }

/* End Calendar Styles */

/* Layout Declarations */

body {
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF; 
	margin: 0;
	padding: 0;
}

a img, a:hover img {
	border:none;
	text-decoration:none;
}

.gallery .gallery-item .gallery-icon img {
	padding: 0%;
	border: 1px solid #847563;
	text-decoration:none;
}

#headerElements {
	position:relative;
	width:100%;
}

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

	#polaroidimage {
		position:relative;
		left:44px;
		top:31px;
		width:202px;
		height:187px;
		overflow:hidden;
	}
	
	#polaroidcaption{
		position:relative;
		left:42px;
		top:40px;
		width:202px;
		height:26px;
		overflow:hidden;
	}

#header-img {
	position:absolute;
	left:304px;
	top:0px;
	min-width:663px;
        width:663px;
	height:184px;
	background: url('images/header_img.jpg') no-repeat;
}

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

#mainContainer {
	background-image: url('images/sidebarbg.jpg');
	background-repeat: repeat-y;
}

#sidebar {
	float:left;
	width:304px;
	margin: 0 0 5px 0;
	padding-left: 10px;
}

#content {
	right:0;
	padding:0;
	z-index:0;
	font-size: 96%;
	margin-left:315px;
	margin-right:20px;
	width:650px;
	height:1%; /* This is a silly hack needed to give IE hasLayout a true value, otherwise the sidebar goes crazy. */
}

#rightcolumn {
	float:right;
	width: 125px;
	margin:0 0 10px 20px;
	padding:3px;
}
	
	#rightcolumn .mini_sidebar_widget_cont { margin-bottom:10px; background-color: white; }
	#rightcolumn .mini_title { font-weight: bold; }
	
	#rightcolumn ul { margin: 0; }
	#rightcolumn li { list-style-type:none; margin-left:-25px; }
	#rightcolumn > li {margin-left:-18px; }

	#rightcolumn .mini_sidebar_widget_cont,
	#rightcolumn #rss_feeds,
	#rightcolumn #rc_extra_code { padding:3px; }
	#rightcolumn #rss_feeds_cont,
	#rightcolumn #rc_extra_code_cont { margin-bottom: 5px; }
	
.navigation {
	height:20px;
	font-weight:bold;
}

#footer {
	border: 1px solid #D4DBD3;
	height:100%;
	width:650px;
	margin:10px 20px 0 305px;
	clear:both;
}

.post {
	border-bottom: 1px #E0D3CD dotted;
	padding: 7px 3px 1px 4px;
	margin-bottom: 10px;
}

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

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

/* Postit Date */

.post .post_cal {
	text-align: center;
	width: 54px;
	float: left;
	margin: 0 10px 5px 0;
}

	.post_cal .dayname {
		background-color: #AC0605;
		background-image:url(images/cal_bg1.jpg);
		background-repeat:repeat-x;
		background-position: bottom center;
		border-bottom: 1px solid #A6A6A6;
		color: #FFFFFF;
		font-size: smaller;
		font-weight: bolder;
		width: 96%;
	}
	
	.post_cal .daynum {
		background-color:#F0E9D7;
		border-bottom: 1px solid #A6A6A6;
		background-image:url(images/cal_bg2.jpg);
		background-repeat:repeat-x;
		font-size: xx-large;
		font-weight: bold;
		width: 96%;
	}
	
	.post_cal .month, .post_cal .year {
		background-color: #AC0605;
		background-image:url(images/cal_bg3.jpg);
		background-repeat:repeat-x;
		font-size: smaller;
		color:white;
		width: 96%;
	}
	
.postmetadata {
	font-weight: bold;
}

/* End Postit Date */

/* Sidebar Boxes */

.boxhead_cont, .boxbody_cont { width: 230px; }

.boxhead_cont { margin-top:10px}

.boxhead { width:228px; background-color:#CFC2A1; background-image:url(images/boxhead_bg.jpg); background-repeat:repeat-x; }

.boxbody { width:228px; background-color: #D3C5A8; background-image:url(images/boxbody_bg.jpg); background-repeat:repeat-x; }

.boxhead h3 {
	color: #070c4c;
	margin:0;
	padding:0 0 0 10px;
}

/* End Sidebar Boxes */

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

/* WordPress 2.5 Image Gallery Classes */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

img#wpstats{display:none;} /* Remove the silly wp-stats smiley if the plugin is installed. */

/* -----------Navigation bas de page----------- */
.wp-pagenavi {
text-align:center;
margin:10px auto
}

.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi span.current,.wp-pagenavi span.extend,.wp-pagenavi span.pages,.wp-pagenavi a:active,.wp-pagenavi a:hover {
font-size:0.8em;
padding:5px 10px;
margin:0 3px;
-moz-border-radius:6px;
-webkit-border-radius:6px
}

.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited {
text-decoration:none;
color:#000;
background-color:#b0a065
}

.wp-pagenavi span.current {
font-weight:700;
color:#fff;
border:1px solid #fff !important;
background-color:#070c4c
}

.wp-pagenavi span.pages,.wp-pagenavi a:active,.wp-pagenavi a:hover {
color:#fff;
background-color:#070c4c
}

.wp-pagenavi span.extend {
padding:4px 6px;
margin:0 4px;
color:#000;
background-color:#b0a065
}

/* Shutter */
#shDisplay div#shTitle {
	font: normal 12px/17px 'Lucida Grande', Verdana, sans-serif; /* caption font */
	color: #ffffff; /* caption colour */
	text-align: center;
	margin: 0 auto;
}

#shDisplay div#shCount {
	color: #999999;
	font: normal 10px/12px 'Lucida Grande', Verdana, sans-serif;
}

#shDisplay div#shTitle a {
	text-decoration: none;
	font: bold 16pt 'Courier New', Courier, fixed;
	letter-spacing: -2px;
	margin: 0 10px;
	width: 26px;
	color: #999999;
}

#shDisplay div#shTitle a:hover {
	color: #ffffff;
	border: none;
}

#shDisplay div#shNext{
	float:right;
}

#shDisplay div#shPrev {
	float:left;
}

body {
	height: 100%;
}

#shShutter *, #shDisplay * {
	padding: 0;
	margin: 0;
}

div#shShutter, div#shDisplay {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}

div#shShutter {
	height: 100%;
	z-index: 1000;
	background-color: #000000;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

div#shDisplay {
	display: block;
	background-color: transparent;
	z-index: 1002;
}

div#shDisplay img#shTopImg {
	margin: 0 auto;
	border: 1px solid #555;
	background: transparent;
	display: block;
	max-width: none;
	max-height: none;
	float: none;
	padding:2px;
	cursor: pointer;
}

div#shDisplay div#shWrap {
	visibility: hidden;
}

div#shWaitBar {
	font: bold 32px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	height: 36px;
	width: 100%;
	left: 0;
	cursor: default;
	opacity: 0.999;
	filter: alpha(opacity=100);
	z-index: 1001;
	margin-top: 160px;
	color: #ae0a0a;
}

/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;

	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}