/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

body  { font: 16px "Garamond", "New York", "Book Antiqua", Sans-Serif; }

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: "Garamond", "New York", "Book Antiqua", Sans-Serif;  }
h1  {font-size: 34px;} h2  {font-size: 28px;} h3  {font-size: 24px;} h4  {font-size: 20px;} h5  {font-size: 16px;} h6  {font-size: 14px;}

/* 2.2 Navigation */
#navigation{font-size:13px;}

ul#nav { margin-top:9px; }
#nav a  { font-size:19px; }

/* 2.2.1 Drop-down menus */
#nav li ul li a  { font-size:14px; }


/* 2.3 Header */
#header{
background:url(/wp-content/uploads/2010/07/lepage_header_2.jpg) no-repeat center bottom;
padding:0px 0 0px;clear:both;position:relative;z-index:10;
height:225px;
/*background-color:#16234D;*/
}


#top{background:url(/wp-content/uploads/2010/07/blue_outside.jpg) repeat; /*top center;*/ min-height:0;}

#logo  { }
#logo img  { }
#logo .site-title, #logo .site-description  { display: none; }
#logo .site-title a { color:#fff; font-size:32px; line-height:28px; text-transform:none; letter-spacing:1px; font-weight:bold; }
#logo .site-title a:hover { text-decoration:none; color:#eee; }
#logo .site-description { color:#bbb; text-transform:none; font-size:18px; }

/* 2.8 Homepage */
#featured.home .featured-image { width:490px; padding:0px 0 0; margin-top:-115px; position:relative; text-align:center; }
/* */
#featured.home .play { background:url(images/btn-play.png) no-repeat; position:absolute; bottom:50px; left:0; width:350px; }

#featured.home .featured-content { width:210px; padding:10px 0 0 0; margin-left:0px; }

#featured.home .featured-slider { width:750px; padding:1px 0 0; margin-bottom:0px; position:relative; text-align:center; }
#featured.home .featured-slider h2 { font-size:22px; padding: 0px 0px 5px 0px; }

#featured a.button { background: url(images/btn-featured-right.png) no-repeat scroll top right; display: block; float: left; height: 44px; padding-right: 16px;text-decoration: none;color: #777;font-family:Arial, Helvetica, sans-serif; font-size:22px;margin:30px 30px 20px 0;letter-spacing:-1px;}
#featured a.button span {	float:left; background: url(images/btn-featured.png) no-repeat; display: block;	line-height: 44px; padding: 0px 10px 0px 55px; } 
#featured a.button:hover span{ text-decoration:none; color:#555; }
#featured a.button:hover { cursor:pointer; }




#twitter { background: #f7f7f7; border-bottom:1px solid #dbdbdb; position:relative; margin:25px 0 0; padding:18px 30px 16px; color:#777; font-size: 18px; min-height:42px; }

/*
*** CUSTOM SLIDER CSS ***
*** RE: http://new2wp.com/pro/part-3-making-a-dynamic-wordpress-jquery-featured-post-slider-tutorial-finale/ ***
*/

#featured.home {
	background-color: #506995;
}

/* Slider */


#slider_wrap {
	position:relative;
	width:725px;
	height:305px;
	margin:0px auto;
	padding:0px;
	background: url(/wp-content/uploads/2010/07/slider-bg2.png) top center repeat-y;
}
#slider {
	width: 725px;
	height:240px;
	border: 0px solid #ddd;
	/*float:right;*/
	margin-top:0px;
}
#slider ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 1%; /* IE fix */
}
#slider ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/* Slider > SLIDES */
#slider .slides {
	overflow: hidden;
	width: 525px;
	float:left;
}
#slider .slides ul {
	width: 2880px;
	float:left;
}
#slider .slides li {
	width: 500px;
	float: left;
	padding: 10px 0px;
	background:transparent!important;
}
#slider .slides h2 a {
	margin-top:-20px!important;
	padding-top:0px;
	font-size: 22px;
	text-align: left;
	color: #152B38;
	text-shadow: #dbdbdb 1px 1px 0px;
}
#slider .slides .postsnip {
	float: right;
	margin-right:0px;
	margin-top:0px;
	width:200px;
	height:200px;
	overflow:hidden;
	padding:0px;
	text-align: left;
}

#slider .slides .postsnip a {
	color: #dbdbdb;
}

#slider .slides #readmore {
	float:left;
	margin-left:250px;
	position:relative;
}

#slider .slides img {
	float:left;
	margin-left:25px;
        border: solid 1px #16234D;
}

/* slider > NAVIGATION */
#slider .slides-nav {
	border-top: 0px solid #ccc;
	width: 200px;
	float:right;
	clear:left;
	z-index:100;
	padding:0px;
	margin:20px 0px 0px 0px;
	height:225px;
	overflow:visible;
}
#slider .slides-nav li { 
	margin-left:4px; 
	/*border-bottom: 1px solid #ccc;*/
	background: url(/wp-content/uploads/2010/07/slider-nav-btm2.png) left bottom repeat-y;
}

#slider .slides-nav li a {
	display: block;
	padding: 13px 10px;
	outline: none;
	background: url(/wp-content/uploads/2010/07/slider-nav-btm2.png) left bottom repeat-y;
	color:#dbdbdb;
	text-decoration:none;
	font-weight:normal;
	font-size:16px;
        text-align: left;
	/*font-family: arial;*/
}

/* "active" class for slider navigation tabs */
.js #slider .slides-nav li.on, .js #slider .slides-nav li.on a {
	background: url(/wp-content/uploads/2010/07/slider-nav-btm.png) left bottom repeat-y;
	color:#fff;
	margin-left:0px;
}
.js #slider .slides-nav li.on a {
	position: relative;
	top: 0px;
}

/*
*** END or CUSTOM SLIDER CSS ***
*** RE: http://new2wp.com/pro/part-3-making-a-dynamic-wordpress-jquery-featured-post-slider-tutorial-finale/ ***
*/