/*
Theme Name: Sebastien Lefebvre
Theme URI: http://idobi.com/
Description: Custom theme for Sebastien Lefebvre.
Version: 1.0
Author: Tom Cheney
Author URI: http://idobi.com/
Tags: fixed-width, threaded-comments

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Sans-Serif;
	color:#555;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif;
	font-weight: bold;
	text-transform:uppercase;
	text-align:left;
}

h1 { font-size: 2.0em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

pre {
	overflow:auto;
}

acronym, abbr
{
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dashed #999;
}

strong {
	color:#666;
}

a {
	color: #26a;
	outline: none;
	text-decoration: none;
}


a:hover {
}


hr {
	display: none;
	}

a img {
	border: none;
	}


/* Layout */

#page {
	background: transparent url('images/sebastien-lefebvre.gif') no-repeat;
	height: 694px;
	margin: 0 auto;
	width: 1024px;
}

#header {
	float: left;
	height: 165px;
	width: 480px;
}

	#header h1 {
		margin: 0 0 0 220px;
		padding-top: 80px;
	}

		#header h1 a {
			display: block;
			height: 84px;
			width: 255px;
			text-indent: -99999px;
		}

	#header .description {
		display: none;
	}

#hmenu {
	float: left;
	padding-top: 100px;
	width: 500px;
}

	#hmenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#hmenu ul li {
			float: left;
			width: 50px;
		}

			#hmenu li a {
				display: block;
				background: transparent url('images/menu.gif') no-repeat;
				height: 23px;
				text-indent: -99999px;
			}

/* Begin Enable Drop Down */

		#hmenu ul li {
			position: relative;
		}

		ul.menu li.hover,
		ul.menu li:hover,
		ul.menu li.current_page_item,
		ul.menu li.current_page_parent {
			position:relative;
		}

		ul.menu li:hover ul {
			display:block;
		}

		ul.menu ul {
			display:none;
			position:absolute;
			font-size: .9em;
			left:0;
			margin:0;
			padding-top: 9px !important;
			z-index: 100;
		}

/* End Enable Drop Down */

		#hmenu .menu-news {
			margin: 0 0 0 30px;
			width: 135px;
		}

			#hmenu .menu-news a {
				width: 135px;
			}

			#hmenu .menu-news a:hover {
				background-position: 0px -23px;
			}

		#hmenu .menu-media {
			margin: 0 0 0 10px;
			width: 57px;
		}

			#hmenu .menu-media a {
				background-position: -395px 0;
				width: 57px;
			}

			#hmenu .menu-media a:hover {
				background-position: -395px -23px;
			}

		#hmenu .page-item-16 {
			margin: 0 0 0 10px;
			width: 64px;
		}

			#hmenu .page-item-16 a {
				background-position: -145px 0;
				width: 64px;
			}

			#hmenu .page-item-16 a:hover {
				background-position: -145px -23px;
			}

		#hmenu .page-item-18 {
			margin: 0 0 0 10px;
			width: 64px;
		}

			#hmenu .page-item-18 a {
				background-position: -219px 0;
				width: 64px;
			}

			#hmenu .page-item-18 a:hover {
				background-position: -219px -23px;
			}

			#hmenu .page-item-32 {
				margin: 0 0 5px 0px;
				width: 62px;
			}

				#hmenu .page-item-32 a {
					background-position: -465px 0;
					width: 62px;
				}

				#hmenu .page-item-32 a:hover {
					background-position: -465px -23px;
				}

			#hmenu .page-item-33 {
				margin: 0 0 5px 0px;
				width: 57px;
			}

				#hmenu .page-item-33 a {
					background-position: -540px 0;
					width: 57px;
				}

				#hmenu .page-item-33 a:hover {
					background-position: -540px -23px;
				}

			#hmenu .page-item-35 {
				margin: 0 0 5px 0px;
				width: 110px;
			}

				#hmenu .page-item-35 a {
					background-position: -610px 0;
					width: 110px;
				}

				#hmenu .page-item-35 a:hover {
					background-position: -610px -23px;
				}

		#hmenu .menu-concerts {
			margin: 0 0 0 10px;
			width: 86px;
		}

			#hmenu .menu-concerts a {
				background-position: -296px 0;
				width: 86px;
			}

			#hmenu .menu-concerts a:hover {
				background-position: -296px -23px;
			}

#wrapper {
	clear: both;
	padding: 75px 0 0 160px;
}

	#content {	
		height: 307px;
		width: 375px;
		overflow: hidden;
	}

		.post {
			background: transparent url('images/divider.gif') bottom left no-repeat;
			margin-bottom: 10px;
			padding-bottom: 17px;
		}

		.post h2 {
			margin: 0;
		}

	.entry {
		font-size: 1.2em;
	}

	#comment {
		height: 80px;
		width: 200px;
	}

#footer {
	position: absolute;
	top: 694px;
}

	.footer-links {
		list-style: none;
		margin: 0;
		padding: 20px 0 0 70px;
		width: 920px;
	}

		.footer-links li {
			float: left;
			margin: 0;
			padding: 0;
		}

		.footer-links li a {
			display: block;
			background: transparent url('images/links.gif') no-repeat;
			text-indent: -99999px;
			width: 50px;
			height: 40px;
		}

	.footer-link-twitter a {
		width: 32px;
	}

	.footer-link-myspace {
		margin-left: 12px !important;
	}

	.footer-link-myspace a {
		background-position: -100px 0 !important;
		width: 26px !important;
		}

	.footer-link-facebook {
		margin-left: 25px !important;
	}

	.footer-link-facebook a {
		background-position: -200px 0 !important;
		width: 32px !important;
	}

	.footer-link-youtube {
		margin-left: 22px !important;
	}

	.footer-link-youtube a {
		background-position: -300px 0 !important;
		width: 66px !important;
	}

	.footer-link-nation {
		margin-left: 29px !important;
	}

	.footer-link-nation a {
		background-position: -400px 0 !important;
		width: 40px !important;
	}

	.footer-link-coalition {
		float: right !important;
	}

	.footer-link-coalition a {
		background-position: -500px 0 !important;
	}


/* Custom Scroll */

.jScrollPaneTrack {
	background-color: #fff;
}

.scroll-content {
	height: 307px;
	width: 375px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	background: transparent url('images/scroller.gif') no-repeat;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: transparent url('images/buttons.gif') no-repeat;
	height: 24px;
}
a.jScrollArrowUp:hover {
	background-position: 0 -25px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: transparent url('images/buttons.gif') -25px 0 no-repeat;
	height: 24px;
}
a.jScrollArrowDown:hover {
	background-position: -25px -25px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}