/*
Theme Name: Locomotion 2008
Theme URI: http://guillaumejoly.com/wp-themes
Description: Un thème designé par Julie babin et intégré par <a href="http://guillaumejoly.com">Guillaume Joly</a>.
Version: 1.0
Author: Guillaume Joly
Author URI: http://guillaumejoly.com
Tags: locomotion, green, grey

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

*/

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/* TYPOGRAPHY */

body, p, h1, h2, h3, h4, h5, h6, blockquote, input, select, textarea, label {
	color: #555;
	font-size: 11px;
	font-family: tahoma, verdana, arial, sans-serif;
	line-height: 16px;
}

	/* Headings */
	
	h2 {
		color: #575757;
		font-size: 22px;	
		line-height: 40px;
	}
	
	h3 {
		color: #575757;
		font-size: 12px;	
		font-weight: bold;
		line-height: 26px;
	}
	
	h4 {
		color: #575757;
		font-size: 14px;	
		line-height: 20px;
		margin-bottom: 10px;
	}

	/* Paragraphs */

	p {
		margin-bottom: 10px;
		color: #666;
		line-height: 16px;
	}
	
	p.copyright {
		color: #999;
	}
	
	
	
	/* Links */

	a {
		color: #5ABB14;
		text-decoration: none;
	}
	
	a:visited {
		color: #5ABB14;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	#breadcrumb a {
		color: #333;
	}
	
	#footer p {
		line-height: 12px;
	}
	
	#footer p.copyright a {
		color: #777;
	}
	
	#footer p.copyright span a{
		color: #5ABB14;
	}
	
	#opening-hours p {
		line-height: 18px;
	}
		
	

	/* Misc. */
	
	.caps {
		text-transform: uppercase;
	}
	
	hr.posts-and-pages{
		background: #FFF url(images/hr.gif) no-repeat; 
		width: 420px; 
		height: 10px; 
		border: none;	
	}

/* STRUCTURE */

	/* Wrapers */
	#page {
		width: 1100px;
		min-height: 100%;
		position: relative;
		background: url(images/bg-image.jpg) no-repeat 0px -10px;
		margin: 0 auto;
		padding: 0 5px;
	}
	
	/* Wrapers */
	#home-page {
		width: 1100px;
		min-height: 100%;
		position: relative;
		background: url(images/bg-home.jpg) no-repeat 0px -10px;
		margin: 0 auto;
		padding: 0 5px;
	}

	/* Utilitary menu */
	#breadcrumb {
		margin-left: 700px;
		padding-top: 5px;
	}
	
	#breadcrumb a {
		margin-right: 20px;
	}

	/* Logo */
	#headerimg {
		display: none;	
	}

	/* Navigation */
	
	#sidebar-navigation{
		float: left;
		position: relative;
		width: 180px;
		margin-left: 57px;
		-margin-left: 29px;
		margin-top: 90px;
		-margin-top: 90px;
	}
	
	li.page_item {
		width: 162px;
		-width: 159px;
	}
		
		/* Level 1 */
			
		#sidebar-navigation ul {
			margin-bottom: 30px;
		}
		#sidebar-navigation ul li {
			background: url(images/menu-li-bg.gif) repeat-x 100% 0;
			border-left: 1px solid #D3D7D6;
			border-right: 1px solid #D3D7D6;
			list-style-type: none;
		}
		
		#sidebar-navigation ul li a {
			display: block;
			text-decoration: none;
			padding: 2px 2px 2px 15px;
			background:url(images/menu-bullet-arrow-green.gif) center left no-repeat;
			color: #666;
			/height:1%;
		}
		#sidebar-navigation ul li.current_page_item a, 
		#sidebar-navigation ul li.current_page_parent a {
			background:url(images/menu-bullet-arrow-grey.gif) center left no-repeat;
			font-weight: bold;	
		}
		
		#sidebar-navigation ul li a:hover {
			background:url(images/menu-bullet-arrow-grey.gif) center left no-repeat;
		}
		
		/* Level 2 */
		
		#sidebar-navigation ul li.current_page_item ul, 
		#sidebar-navigation ul li.current_page_parent ul {
			margin: 0px 0px 0px -1px;
			padding: 0;
			-margin-right: -10px;
		}
		#sidebar-navigation ul li.current_page_item ul li, 
		#sidebar-navigation ul li.current_page_parent ul li{
			background: none;
			background-color: #FFF;
		}
		
		#sidebar-navigation ul li.current_page_item ul li a, 
		#sidebar-navigation ul li.current_page_parent ul li a {
			display: block;
			padding-left: 23px;
			background:url(images/menu-bullet-arrow-2nd-green.gif) center left no-repeat;
			font-weight: normal;
		}
		#sidebar-navigation ul li.current_page_item ul li a:hover, 
		#sidebar-navigation ul li.current_page_parent ul li a:hover {
			background:url(images/menu-bullet-arrow-2nd-grey.gif) center left no-repeat;
		}
		#sidebar-navigation ul li.current_page_item ul li.current_page_item a, 
		#sidebar-navigation ul li.current_page_parent ul li.current_page_item a {
			background:url(images/menu-bullet-arrow-2nd-grey.gif) center left no-repeat;
			font-weight: bold;	
		}
		
		
	/* Spotlights */
	
		
	
	/* Main content */
	
	#content {
		width: 423px;
		float:left;
		position: relative;
		padding-bottom: 35px;
		padding-left: 20px;
		padding-right: 50px;
		padding-top: 5px;
		margin-bottom: 35px;
		overflow: auto;
		background-color: #FFF;
		margin-top: 90px;
	}

	#content h2{
		color: #575757;
	}
	
	#content h4{
		width: 340px;
	}
		
	#content table {
		width: 100%;
	}
	
	#content table tr td {
		vertical-align: top;
		padding-right: 20px;
	}
	
	#content ul {margin: 0 0 10px 20px;}
	#content ul li { list-style-type:disc;}
	
	/* Posters */
	
	#poster {
		width:270px;
		height:300px;
		position: relative;
		float: left;
		margin:80px 0px 0px -20px;
	}
	
	
	/* Footer */
	
	#footer {
		float: left;
		position: relative;
		width: 720px;
		margin-left: 57px;
		-margin-left: 30px;
		padding-bottom: 20px;
	}
	
	#opening-hours{
		float: right;
		position: relative;
		width: 120px;
		padding-right: 190px;
		margin-top: 0px;
	}
	

	/* Home page */
	
		/* Address and schedule */
		
		#info {
			float: left;
			position: relative;
			width: 180px;
			margin-left: -170px;
			-margin-left: -161px;
			margin-top: 260px;
		}
		
	
		/* Slideshow */
		
		#anim {
			margin-top: 98px;
			-margin-top: 105px;
			margin-left: 239px;
			width: 570px;
			height: 300px;
		}
		/*IE7 Hack*/	
		html>body #myGallery { 		
			*margin-top: -2px;
			*margin-left: 12px;
			*border-top: 6px solid #FFF;
		}
		
	
		/* Sidebar-left */
		
		#sidebar-homeleft {
			float: left;
			position:relative;
			margin-top: 10px;			
			/*margin-left: 57px;*/
			margin-left: -770px;
			width: 170px;
		}
		
		#sidebar-homeleft img{
			margin-top: 10px;
		}
		
		#sidebar-homeleft ul li a.post-title{
			color: #666666;
			font-weight: bold;
		}
		
		#sidebar-homeleft ul li a.post-title:hover{
			text-decoration: none;
		}
	
		/* Page Content */
		#home-content{
			float: left;
			position: relative;
			/*margin-top: -240px;*/
			margin-top: 10px;
			margin-left: 260px;
			width: 570px;
			height: 300px;
		}
		
		#home-content p{
			width: 465px;
		}
		
		/* News */
		
		#home-news {
			margin-top: 30px;
			width: 100%;
		}
		
		#home-news p{
			width: 230px;
			margin-bottom: 0;
		}
		
		#home-news p span{
			font-size: 9px; 
		}
		
		.news-col{
			display: block;
			width: 240px;
			float: left;
			position: relative;
			margin-right: 12px; 
		}
	
		/* Sidebar-right */
		
		#sidebar-homeright {
			float: right;
			position: relative;
			margin-top: -200px;
			margin-right: 93px;
			-margin-right: 43px;
			width: 215px;
		}
		
		#sidebar-homeright img{
			margin-top: 10px;
		}
	
	
	/* Misc. */

	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
	
	img.alignleft {
		margin: 5px;	
		float: left;
	}
	
	div.alignleft {	
		text-align: left;
	}
	
	div.alignright {	
		text-align: right;
	}

/* SLIDESHOW */
	
.content a {
	color: #fff;
}

.content p.linkage {
	margin-top: 2em;
	text-align: right;
	font-size: 12px;
	color: #ddd;
}

.content p.linkage a { color: #fff; }

#myGallery {
	text-align: left;
	margin: 0px 0px 0px 20px;
	/margin: -5px 0px 0px 20px;
	-margin: -7px 0px 0px -27px;
	
}