/* 
Theme Name:travellerrec
Theme URI:http://travellerrecord.com/
Description:Built by Hiljá.
Author:Antti Hiljá
Author URI:http://hilja.net/
*/

/*Reset*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{font:13px/1.231 sans-serif;font-size:small}select,input,textarea,button{font:99% sans-serif}pre,code,kbd,samp{font-family:Monaco, monospace, sans-serif}

/*Base styles*/
html{height:100%; overflow-y:scroll;/*scrollbar*/ text-align:center;}
body{color:#333; font:13px/1.231 sans-serif; *font-size:small; height:100%; text-align:left; /*Must be 100% cause of the Sticky Footer */}

/*Begin Links*/
a{text-decoration:none; color:#89CCCE;}
a:hover{text-decoration:none; color:black;}
h1 a, h2 a, h3a, h4 a{color:black;}
h1 a:hover, h2 a:hover, h3 a:hover{color:#89CCCE;}

/*Begin Typography
****************/
p{font:normal 13px/1.5 sans-serif; margin:0 0 10px 0;}
header p{padding:20px 0 0 20px; position:absolute; top:48px; left:121px}
strong, b{font-weight:bold;}
i, em{font:italic 12px/1.5em Georgia, Times, 'Times New Roman', serif;}
#footer p{display:inline; margin:0;}
h1{margin:0 0 10px 0; font:bold 44px sans-serif; text-transform:uppercase;}
h2{/*background:transparent url(images/sprite-smallstuff.gif) no-repeat left 1px;*/ float:left; margin:0; text-transform:uppercase; font:bold 14px sans-serif;}
h2:before{content:""; float:left; background:#000; display:block; margin:0 10px 0 0; width:15px; height:15px}
span.listen{display:none;}
a:hover span.listen{color:#888; display:inline; font:normal 12px/1 sans-serif; text-transform:lowercase; position:relative; bottom:2px}
h3{margin:0 10px 10px 0; font-size:14px; text-align:left;}
.wide-col h3{padding:15px 0 0 0; text-transform:uppercase;}
h4{margin:0 0 10px 0; font-size:12px; text-align:left;}
h5{margin:0 0 10px 0; font-size:13px; text-align:left; font-weight:normal;}
h5.blog-title{float:left;}

/*Begin Structure
****************/
#header{padding:10px 0 0 0; position:relative;}
#header h1 a:hover{text-decoration:none;}
#pagewrap{width:650px; height:100%; /*Must be 100% cause of the Sticky Footer */ margin:0 auto;}
body #pagewrap{/*Sticky footer thingy */ height:auto;  min-height:100%;}
.content{padding-bottom:5em;  /*must be same height as the footer */}
.heading-blog{padding:0 0 10px 0; overflow:hidden;}
.narrow-column1, .narrow-column2, .narrow-column3{width:210px; float:left;}
.post{padding:10px 0 35px 0; width:100%; overflow:hidden; text-align:left;}

.post-heading, .post-heading-wide{padding:10px 0 20px 0; overflow:hidden}
.post-heading{position:relative; width:650px;}
.post-wide{float:left; padding:10px 0 0 0; width:100%; overflow:hidden;}
.post-heading-wide{position:relative; width:650px;}

.post-content, .post-content-wide{float:left; padding:0 0 0 0; text-align:left;}
.post-content{width:450px;}
.post-content-wide{float:left; text-align:left;}

.post-info{width:455px; float:left; text-align:left; padding:20px 0 0 0;}
.wide-col{text-align:left; overflow:hidden;}
.wide-col-blog{position:relative; margin:0 8px 30px 8px; padding:20px 0 20px 0; text-align:left; border-bottom:1px solid #888;}
.left-col{float:left; width:320px; text-align:center; margin:0; padding:50px 0 0 0; text-align:left;}	
.right-col{float:right; width:320px; margin:20px 0 20px 0; text-align:center;}
.stock{padding:10px;}
#footer{padding:1.5em 0 .5em 0; width:700px; position:relative; margin-top:-5em;/*negative value of footer height */ margin-left:auto; margin-right:auto; height:3em; clear:both;}
/*Clearfix hack */
.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix{zoom:1; }/*IE6*/
*:first-child+html .clearfix{zoom:1; }/*IE7*/

/*Begin Metadata
****************/
.button-wrap{height:21px; padding:5px 0 5px 0;}
.author, .fb, .tweet{float:left; display:block;}
.author{margin:3px 10px 0 0;}
.tweet, .fb{margin:0 0 5px 0; width:100%;}
time{color:#888; font-size:12px; position:absolute; right:0; top:5px;}
.meta-data a{color:#555; margin:0 0 1em 0; padding:4px; position:absolute; right:0; bottom:2px; font-size:9px;}
.blog-post-edit a.post-edit-link{position:absolute; right:-4px; top:33px;}
.post-edit-link{padding:5px; position:fixed; top:0; right:0;}

/*Begin Comments
****************/
.commentlist{padding:0 0 10px 0; margin:0 5px 0 5px; position:relative;}
.commentlist li{margin:0; padding:5px 7px 5px 7px; list-style:none; border-bottom:1px solid #ddd; text-align:left; position:relative;}
.commentlist p{margin:10px 0 10px 0;}
#commentform p{margin:0 0 10px 0;}
.nocomments{text-align:center; margin:0; padding:0;}
.commentmetadata{margin:0; display:block;}

/*Begin Main Navigation List 
****************/
.catwrap{margin:0 auto; overflow:hidden;}
#catlist{list-style:none; font:normal 12px/1 sans-serif; overflow:hidden}
#catlist li{float:left;}
#catlist .cat-item a, #catlist .page_item a{border-bottom:4px solid #333; color:#333; display:block; padding:14px 0 8px 0; margin:0 8px 0 8px; text-decoration:none; width:115px;}
#catlist .cat-item a:hover, #catlist .page_item a:hover, #catlist .current-cat a, #catlist .current-cat-parent a, #catlist .current_page_item a{border-bottom:4px solid #89CCCE;}
/*Cat list*/
#cat-list{margin:5px 0; list-style:none;}
#cat-list li{display:inline; margin:0 6px 0 0;}
/*The logo*/
.page_item_traveller a{border:none; display:block; height:121px; width:121px; margin:0 5px 0 0; background:transparent url(images/sprite-traveller.png) no-repeat;}
#catlist li.page_item_traveller a{background-position:0 0px; text-indent:-9999px;}
#catlist li.page_item_traveller a:hover{background-position:0 -123px;}

/*Link list
****************/
.blogroll{padding:20px 0 0 0; font-size:12px; list-style:none; line-height:12px;}
.xoxo li{padding:0 3px 13px 3px; color:#888;}
.xoxo li a{padding:4px 3px 5px 0; display:block; border-bottom:0; font-weight:bold; color:black;}
.xoxo li a:before{content:"-- \0020"; letter-spacing:-1px; color:black;}
.xoxo li a:hover{color:red;}
.xoxo li a:hover:before{content:"+ \0020"; color:black;}
.xoxo li a:visited{color:#484473;}

/*Next/prev navigation
****************/
.navigation{margin:10px auto 0 auto; overflow:hidden; position:relative; width:650px; height:20px;}
a span.navigationleft, a span.navigationright, span.navigationleft a, span.navigationright a{position:absolute; height:13px; color:#333; padding:2px 0 0; display:block; text-decoration:none;}
a span.navigationright,
span.navigationright a{left:0; top:0; background-position:0 -50px;}
a span.navigationleft,
span.navigationleft a{right:0; top:0; background-position:right -100px;}
a:hover span.navigationright,
span.navigationright a:hover{background-position:0 -150px; color:#888;}
a:hover span.navigationleft, 
span.navigationleft a:hover{background-position:right -200px;  color:#888;}

/*Begin Contact List
****************/
#contactlist{list-style:none; margin:0 auto;}
#contactlist li{display:inline; padding:2px 1px 1px 23px; font-size:10px;}
#contactlist li.separator{display:inline; background:url(images/sprite-smallstuff.gif) no-repeat left -249px;}

/*Begin Images 
****************/
a img.alignleft{margin:0 20px 10px 0; border:none; float:left; border:1px solid #eee;}
.image-holder-wrap{float:left; margin:0 20px 0 0; width:175px; overflow:hidden}
.image-holder{width:175px; height:175px; float:left; overflow:hidden}
.image-holder-tall{width:170px; height:390px; float:left;}
.image-holder{margin:0 20px 0 0;}
.image-holder a img, .image-holder-tall a img{padding:0 0 20px 0;}
.image-holder a:hover img, .image-holder-tall a:hover img{filter:alpha(opacity=60); /*internet explorer */ -khtml-opacity:0.6; /*khtml, old safari */ -moz-opacity:0.6; /*mozilla, netscape */ opacity:0.6; /*fx, safari, opera */}

/*Begin Various Tags
****************/
.alignleft{float:left;}
.alignright{float:right;}
.floatleft{float:left;}
.floatright{float:right;}
.red{color:#cc6666;}
.clear{clear:both;}
.inline{display:inline;}
::-moz-selection{background:#777; color:#fff;} 
::selection{background:#777; color:#fff;}