/*
Theme Name: TravisGobeil.ca 
Theme URI: http://travisgobeil.ca
Description: New theme for 2009!
Version: 4.0
Author: Travis Gobeil
Author URI: http://travisgobeil.ca
Tags: Travis Gobeil

*/


body {
	font-size: 62.5%;
	margin: 0; padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	background: #efefef url(images/background.gif) top repeat-x;
}

A:LINK, A:VISITED {
	color: #0054a6;
	font-weight: bold;
	text-decoration: none;
}

A:HOVER {
	color: #252525;
}

H1, H2, H3, H4, H5, H6 {
	margin: 0 0 0.5em 0;
	line-height: 1.1em;
}

H1 {
	font-size: 360%;
	border-top: 5px double #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	padding: 5px 0 5px 0;
	margin: 0 0 0.25em 0;
}

H2 {
	font-size: 210%;
	margin: 0 0 0.1em 0;
}

H3 {
	font-size: 180%;
	margin: 0.25em 0 0.5em 0;
}

H4 {
	font-size: 140%;
	margin: 0.5em 0 1em 0;
}

.home H1 {
	border: none;
	padding: 0; 
}

.home H2 {
	font-size: 160%;	
}

H6 {
	font-size: 110%;
	line-height: 1.4em;
	font-weight: normal;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	padding: 3px 0 4px 0;
}

H6.category {
	border: none;
	padding: 0;
}

H6.category A {
	font-weight: normal;
	display: inline-block;
	border: none;
	padding: none;
	background: #393939;
	color: white;
	padding: 3px 8px 4px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

H6.category A:HOVER {
	background: #0054a6;
}

P {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 140%; 
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

.home P {
	line-height: 1.3em;	margin: 0 0 0.5em 0;
}



.entry H6 { color: #545454; }

.entry UL, .entry OL {
	margin: 0 0 2em 20px; padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.entry LI {
		font-size: 140%; line-height: 1.3em;
	margin: 0 0 0.25em 0; padding: 0;
}



/* FOOTERSTICK? 

html { height: 100%;}
body { height: 100%;}
#wrapper { position: relative; min-height: 100%;}
* html #wrapper { height: 100%;}
#footer-wrapper { position: relative; margin-top: -240px; }

*/


/* slightly enhanced, universal clearfix hack */
.clearfix:after,
.navigation:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix,
.navigation { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix,
* html .navigation { height: 1%; }
.clearfix,
.navigation { display: block; }
/* close commented backslash hack */


/* STRUCTURE ============================================ */

#wrapper {
	width: 950px;
	margin: 0 auto;
}

#header {
	height: 85px;
	/* background: url(images/header-bg.png) top center no-repeat; */
}

#header P {
	font-style: italic;
	float: right;
	padding-top: 50px;
	color: #545454;
}

#logo {
	padding: 33px 0 0 0;
}

#logo A {
	display: block;
	height: 40px;
	width: 440px;
	background: url(images/logo.png) top left no-repeat;
	text-indent: -9000px;
}

#logo A:HOVER {
	background-position: bottom left;
}

.home #leftcol {
	width: 720px;
	float: left;
	margin: 0 0 0 10px;
}

.home #rightcol {
	width: 210px;
	float: left;
	margin: 0 0 0 10px;
}

#leftcol {
	width: 550px;
	margin: 0 0 20px 0;
	float: left;
}

#rightcol {
	width: 210px;
	margin: 0 0 0 10px;
	float: left;
}

#adcol {
	width: 160px;
	background: white;
	float: left;
	margin: 0 0 0 10px;
}

#content-wrapper {
	margin: 0 0 20px 0;	
}

#content-top {
	background: url(images/content-bg-top.png) top center no-repeat;
	height: 10px;
}

#content-mid {
	background: url(images/content-bg-mid.png) center repeat-y;
	padding: 15px 65px 15px 35px;
}

#content-bot {
	background: url(images/content-bg-bot.png) top center no-repeat;
	height: 15px;
}

.post IMG {
	float: left;
	margin: 0 8px 3px 0;
}


/* PHOTOS ============================================ */

#photo-container {
	position: relative;
	width: 720px;
	height: 340px;
}

#photo-cover {
	position: absolute;
	top: 0; left: 0;
	width: 720px;
	height: 340px;
	background: url(images/photo-bg.png) top center no-repeat;
	z-index: 100;
}

#photo-title {
	padding: 10px 0;
}

#photo-more A {
	display: block;
	width: 24px;
	height: 77px;
	text-indent: -9000px;
	background: url(images/photos-morebtn.png) top left no-repeat;
}

#photo-more A:HOVER {
	background-position: top right;
}



/* TWEET ============================================ */

.tweet-container {
	width: 210px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	background: url(images/tweet-bg-mid.png) center repeat-y;
	margin: 0; padding:0;
}

.tweet-bot {
	background: url(images/tweet-bg-bot.png) center bottom no-repeat;
}

.tweet {
	padding: 10px 10px 10px 40px;
	min-height: 220px;
	background: url(images/tweet-bg-top.png) top center no-repeat;
}

.tweet UL {
	list-style: none;
	margin: 0; padding: 0;
}

.tweet UL LI {
	font-size: 110%;
	line-height: 1.3em;
	margin: 0;
	padding: 10px 0;
	color: #464646;
	border-bottom: 1px solid #a3a3a3;
	border-top: 1px solid #ffffff;
}

.tweet UL LI IMG {
	float: left;
	margin: 0 5px 2px 0;
}

.tweet A:LINK,
.tweet A:VISITED {
	font-weight: bold;
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted #737373;
}

.tweet A:HOVER {
	color: #0054a6;
	border-bottom: 1px solid #0054a6;
}

/* THREECOL ============================================ */


#threecol {
	width: 720px;
	min-height: 100px;
	background: url(images/3col-bg.png) top center no-repeat;
	padding: 25px 0 0 0;
	margin: 0 0 20px 0;
}

DIV#blog, DIV#writing, DIV#reviews {
	width: 230px;
	float: left;
	overflow: hidden;
}

DIV#writing, DIV#reviews {
	margin: 0 0 0 15px;
}

#threecol .title {
	width: 30px;
	float: left;
}

#threecol .title a {
	display: block;
	height: 78px;
	width: 23px;
	text-indent: -9000px;
	background: url(images/3col-morebtn.png) center left no-repeat;
}

#threecol .title a:hover {
	background-position: center right;
}

#threecol P {
	font-size: 120%;
	line-height: 1.5em;
}

#threecol LI {
	font-size: 120%;
	line-height: 1.3em;	
	margin: 0 0 0.1em 0;
}

#threecol H1 {
	font-size: 180%;
	margin: 0 0 0.25em 0;
}

#threecol .type {
	width: 190px;
	margin: 0 0 0 40px;
	text-align: left;
}

.type IMG {
	float: left;
	margin: 0 5px 2px 0;
}

/*

UL.navigation {
	list-style: none outside;
	margin: 0 0 6px 0; padding: 0;
}

UL.navigation LI {
	display: inline-block;
	font-size: 110%;
	font-weight: bold;
}

UL.navigation LI A:LINK,
UL.navigation LI A:VISITED {
	display: block;
	width: 22px; height: 22px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #cbcbcb;
	color: white;
	line-height: 22px;
	text-align: center;
}

UL.navigation LI A:HOVER {
	background: #8f8f8f;
}

UL.navigation LI a.selected {
	background: #0054a6;
}


.panelContainer {
	height: 250px;
	width: 190px;
	border-bottom: 1px solid #bfbfbf;
	overflow: hidden;
}

.panelContainer, .panel {
	height: 250px;
	width: 190px;
}



*/


/* CODA SLIDER STYLES ================================ */

		/*
.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { This div isn't entirely necessary but good for getting the side arrows vertically centered 
			margin: 20px 0;
			position: relative;
			width: 100%;
		}
		*/

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 190px; margin: 0 0 0 40px; height: 250px; overflow: hidden; text-align: center;}
		.csw .loading {padding-top: 40px; height: 250px; text-align: center; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 90%;}
		.csw .loading IMG { float: none }

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: 0; padding: 0;
			width: 190px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 250px;
			border-bottom: 1px solid #bfbfbf;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 190px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: 0 0 0 38px;
			height: 28px;
			
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			margin: 0; padding: 0;
		}
		
		.stripNav ul li {
			font-size: 110%;
			font-weight: bold;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			display: block; float: left;
			width: 22px; height: 22px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			background: #cbcbcb;
			color: white;
			line-height: 22px;
			text-align: center;
			margin: 0 0 6px 3px;
		}
		
		.stripNav li a:hover {
			background: #8f8f8f;
		}
		
		.stripNav li a.current {
			background: #0054a6;
			color: #fff;
		}
		
		/* .stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		
		
		
		
		.stripNavL, .stripNavR { /* The left and right arrows 
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
		
		*/

/* FOOTER ============================================ */

#footer-wrapper {
	background: #0054a6 url(images/footer-bg.png) top repeat-x;

}

#footer {
	background: url(images/footer-inner-bg.png) top center no-repeat;
	min-height: 240px;
	width: 950px;
	margin: 0 auto;
	padding: 20px 0;
}

#footer A:LINK,
#footer A:VISITED {
	color: #ccdded;
	font-weight: normal;
}

#footer A:HOVER {
	color: #ffffff;
}

.foot-links {
	float: left;
	width: 350px;
	margin: 0 10px;
}

.short {
	float: left;
	width: 165px;
	margin: 0 10px;
}

.foot-links A:LINK,
.foot-links A:VISITED {
	display: block;
	border-bottom: 1px solid #4d88c1;
	padding: 5px 0;
	color: white;
}

.foot-links A:HOVER {
	border-bottom-color: #ffffff;
	background: url(images/border-white-1px.gif) top repeat-x;
}

.foot-links IMG {
	float: left;
}

.foot-links UL{
	list-style: none;
	margin: 0 0 0 40px; padding: 0;
	border-top: 5px double #4d88c1;
}

.foot-links UL UL {
	border-top: none;
	margin: 0;
}

.foot-links UL LI,
.foot-links UL UL LI {
	font-size: 100%;
}

#footer H6 {
	border: none;
	padding: 0;
	margin: 0 0 0.25em 0;
}

#footer P {
	font-size: 140%;
	margin: 0 0 0.25em 0;
}

.foot-text {
	color: white;
	padding: 5px 0;
	border-top: 5px double #4d88c1;
	border-bottom: 1px solid #4d88c1;
	margin: 0 0 0 5px;
	width: 200px;
	float: left;
}

#footer .foot-text P {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 120%; line-height: 1.5em;
	margin: 0 0 1em 0;
}

/* PHOTO SLIDESHOW ========================== */

#photo {
    position:relative;
    height:350px;
}

#photo IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#photo IMG.active {
    z-index:10;
}

#photo IMG.last-active {
    z-index:9;
}

.navigation {
	margin: 0 0 8px 0;	
	
}

.navigation a {
	background: #b2b2b2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 4px 6px;
	color: white;
}

.navigation a:HOVER {
	background: #252525;	
}

.navigation .next {
	float: right;
}

#leftcol .tags {
	background: url(images/title-tags.png) top left no-repeat;
	padding: 0 0 0 45px;
	min-height: 20px;
}

#leftcol .tags UL {
	list-style: none;
	margin: 0; padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#leftcol .tags LI {
	display: inline;
	font-weight: bold;
	font-size: 110%; line-height: 20px;
	margin-top: 2px;
}

.tags LI a {
	background: #b2b2b2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 4px 6px;
	color: white;
	margin: 0 5px 3px 0;
}

.tags LI a:HOVER {
	background: #252525;	
}

.catbox {
	margin: 3px 0 20px 0;	
}

.catbox IMG {
	float: left;
	margin: 0; padding: 0;
}

.catbox UL {
	list-style: none;
	margin: 0 0 10px 30px; padding: 0;
	border-top: 5px double #4d4d4d;
	border-bottom: 2px solid #4d4d4d;
}

.catbox UL LI {
	font-size: 160%;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0; padding: 0;
}

.catbox UL UL {
	border: none;
	margin: 0;
}

.catbox UL UL LI {
	font-size: 100%;	
}

.catbox UL LI A {
	display: block;
	padding: 4px 2px;
	font-weight: normal;
	border-bottom: 1px solid #c7c7c7;
	border-top: 1px solid #fcfcfc;
	color: #252525;
}

.catbox UL LI A:HOVER {
	background: #b2b2b2;
	border-bottom: 1px solid #969696;
	border-top: 1px solid #f0f0f0;
}

.catbox UL LI.selected A {
	background: #0054a6;
	border-bottom: 1px solid #074bac;
	border-top: 1px solid #0086dc;
	color: white;
}

.socialbox {
	margin: 0 0 10px 0;	
}

.socialbox IMG {
	float: left;	
}

.socialbox UL {
	list-style: none;
	margin: 0 0 0 30px; padding: 0;
}

.socialbox UL LI {
	display: inline;
	margin: 0; padding: 0;
}

.socialbox UL LI A {
	text-indent: -9000px;
	display: block; 
	float: left;
	width: 87px;
	height: 57px;
	margin: 0 0 10px 0;
}

.socialbox UL LI.btn-digg A {
	background: url(images/btn-digg.png) left center no-repeat;	
}

.socialbox UL LI.btn-digg A:HOVER {
	background-position: right center;	
}

.socialbox UL LI.btn-tweet A {
	background: url(images/btn-tweet.png) left center no-repeat;	
	margin: 0 0 0 5px;
}

.socialbox UL LI.btn-tweet A:HOVER {
	background-position: right center;	
}

.combox {
	background: url(images/comments-bg-mid.png) center repeat-y;	
	width: 210px; height: 200px;
	position: relative;
	border-bottom: 1px solid white;
}

.combox-top {
	background: url(images/comments-bg-top.png) top center no-repeat;
	height: 8px;
}

.combox-content {
	padding: 0px 10px;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	overflow: auto;
}

.combox UL {
	list-style: none;
	margin: 0; padding: 0;
	font-size: 100%;
}

.combox LI {
	margin: 0 0 5px 0; padding: 0 0 5px 0;
	border-bottom: 1px solid #e0e0e0;
	font-size: 110%;
}

.combox P {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 100%;
	margin: 0;
}

#postform {
	background: #0054a6 url(images/comment-post-bg.gif) bottom center no-repeat;	
	padding: 15px 12px;
	display: none;
	color: white;
}

#postform A:LINK, .combox A:VISITED { color: white; }
#postform A:HOVER { color: black; }

#postform LABEL {
	font-weight: bold;
	display: inline-block;
	margin: 3px 0 5px 0;
	font-size: 110%; line-height: 1.4em;
}

#postform INPUT,
#postform TEXTAREA {
	border: none;
	background: white;
	margin: 0 0 5px 0;
	vertical-align: middle;
}

.pinput {
	width: 175px;
	height: 20px;
}

.pname {
	width: 125px;
	height: 20px;
}

.ptext {
	width: 175px;
	height: 80px;
}

.psubmit {
	display: block;
	height: 21px;
	width: 71px;
	background: url(images/btn-post.png) center left no-repeat;
	border: none;
	text-indent: -9000px;
}

.psubmit:HOVER {
	cursor: pointer;
	background-position: center right;
}

.leave-btn {
	padding: 0 10px;	
}

.leave-btn A {
	display: block;
	width: 114px;
	height: 25px;
	background: url(images/comment-tab.gif) bottom center no-repeat;
	color: white;
	text-align: center; line-height: 25px;
}

.leave-btn A:HOVER {
	color: black;	
}


.wp-caption {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #aaaaaa;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #aaaaaa;
	background: #efefef;
	padding: 10px;
	margin: 0 0 10px 0;
}

.wp-caption A IMG {
	border: none;
	margin: 0 0 5px 0;
}

.wp-caption-text {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 110%; 
	margin: 0 0 0.25em 0;
}