/*
Theme Name: Tiger Bamboo SUMMER 10
Theme URI: http://www.cafevert.tv
Description: Premier Theme pour CafeVert.tv
Version: 1.3
Author: Yann Graf et Patrick Magnin
Author URI: http://www.yanngraf.com
Date: June 2010
*/



/*reset*/
body,p,div,img,ul,li,ol,h1,h2,h3,h4,input,select,label,legend,textarea,form,fieldset,table,td,th,tr,caption,a,cite,blockquote{margin:0;padding:0;border:0;font-weight:normal;}
ul{list-style-type:none;}
table,caption,tr,th,td{outline:0;vertical-align:baseline;
font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
table{border-collapse: separate;border-spacing: 0;}
caption,th,td{text-align: left;font-weight: normal;}

/*Basics*/
body, h1, h2, h3 {font-family: Georgia, Helvetica, Arial, sans-serif;}
h4, p, li, a, small, td, label { font-family: Arial, Helvetica, sans-serif;}
h1 { font-size: 1.7em; color:#545454; margin-top:20px}
h2 { font-size: 1.3em; color:#545454; margin-top:20px}
h3 { font-size: 1.2em; color:#545454; margin-top:20px}
h4 { font-size: 1.1em; color:#666666; margin-top:20px}
p, td, label { font-size: 0.85em; line-height:1.4em; color:#555664;}
li { font-size: 0.85em; margin-left: 20px;}
p, ul, ol, blockquote { margin-top:16px; }
small { font-size: 10px; line-height:9px;}

#content a { text-decoration:none; }
#content a:hover { text-decoration:underline; }
#content blockquote p { color:#999; font: 1.3em Georgia, "Times New Roman", Times, serif; margin:20px; }
#content blockquote a { color:#999; }
#content blockquote a:hover { color:#000; }
#content li { list-style:square; margin-top: 7px; }


/*
################################ Containers #########################
*/

#container { position: relative; width: 970px; height:700px; margin: 0 auto; padding:0; }
#header { display: block; height:95px; background: url(images/season/the-cup.png) no-repeat bottom right; }
#menu-main { display: block; height:60px; width:970px; border:0px; }
#content { text-align: left; background-color:#FFFFFF;}
#footer { display: block; }



/*
################################ COLUMNS + Blocks #########################
*/

#fullpage { padding: 20px; }
#largecolumn { float: left; width: 705px; margin: 20px 20px 20px 20px; }
#mediumcolumn { float: left; width: 605px; margin: 20px 20px 20px 20px; }
#narrowcolumn { float: left; width: 520px; margin: 20px 20px 20px 20px; }

#sidebar-blog1, #sidebar-blog2, #sidebar-home, #sidebar-medium { float:left; padding: 0px 20px 60px 20px; margin:20px 0; border-left: 1px dotted #685F13; }
#sidebar-blog1 { width: 164px; }
#sidebar-blog2 { width: 164px; }
#sidebar-home { width: 174px; }
#sidebar-medium { width: 274px; border-left: 1px dotted #685F13;}

#sidebar-small { width: 184px; padding-left:50px; border-left: 1px dotted #685F13; float:right;}

#menu-part1, #menu-part2 { position:relative; display:inline-block; height:60px;}
#menu-part1 { width:770px; float:left;}
#menu-part2 { width:200px; text-align:right; float:left;}

#pagenav { margin-top:30px; float:left;}


/*
################################ HEADER LOGO #########################
*/

#logo { padding-top:15px;}
#logo a { display:block; width:310px; height:60px; background:url(images/title-logo-rollover.png) no-repeat top right; color:#000000; font-size:1px; background-position:0% -60px;}
#logo a:hover { background-position:0% 0px; cursor: pointer; }

#headline { margin-left: 285px; margin-top:-12px; font: 12px Arial, Helvetica, sans-serif; letter-spacing:0.15em; text-transform:uppercase; color:#FFF; }



/*
################################ SEARCH INPUTS #########################
*/

.searchinput { float:left; height:13px; width:138px; padding:5px 5px; margin-top:3px; border:none; background: url(images/searchform-input.gif) top left  no-repeat #1F1F1F; color:#000000; }
.searchbutton { float:left; height:23px; width:22px; border:none; margin-top:3px; background:url(images/season/searchform-button.gif) no-repeat top right; }
.searchbutton:hover, #searchform:hover .searchbutton { background-position:0% -23px; cursor: pointer; }



/*
################################ MAIN MENU #########################
*/

#menu-main ul { margin:0; }
#menu-main li { /*display: -moz-inline-stack;*/ /* Pour Firefox 1-2 */ display: inline-block; list-style: none; margin: 0; }
#menu-main a { font: 1.4em Helvetica, Arial, sans-serif; text-decoration:none; color:#FFFFFF; letter-spacing: 0.05em; display:block; height:40px; padding:20px 15px 0px 15px; outline:0;} 
#menu-main .current_page_item { color:#FFF; background: url(images/menu-bar-active.gif) top right  no-repeat #929292; }



/*
################################ CONTENT #########################
*/

#content hr { border:0px; border-top:1px dotted #685F13; height:0px; }
#content p.wp-caption-text { text-align:right; font: 0.7em Arial, Helvetica, sans-serif; color:#999; padding: 0 10px 0 0; margin-top:3px; }
#content a.more-link { font-size:1.2em; text-align:right; }



/*
################################ Blog SPECIFIC #########################
*/

#narrowcolumn a.blogpost_title { font: 1.31em Georgia, Helvetica, Arial, sans-serif; text-decoration:none; color:#545454; }
#narrowcolumn .blogpost_title hr { margin:0; padding:0; border:10px}
#narrowcolumn .blogpost_title_small { font-size: 0.9em; color:#828690;}
#narrowcolumn .blogpost_title_small p { margin:0; padding:0;}
#narrowcolumn .blogpost_title_small a { color:#666666; }
.post_footer { text-align:right; }
.spreadbutton {float:left; padding-right:10px; padding-bottom:20px; }


/*
################################ SIDESBARS SPECIFIC #########################
*/

#sidebars li a:hover, li a:active { color:#000; }
#sidebars li { margin: 0px 0 3px 0; border-bottom: 1px dotted; padding-bottom:3px;  list-style:none; }
#rss-feed { margin: 30px 0 20px 0;}
#rss-feed a { text-transform:uppercase; color:#999; }
#rss-feed a:hover {	text-decoration:none; color:#000; }

#twitter-bubble-top { width:144px; background:#eee0df url(images/twitter/bubble_top.gif) no-repeat ; color:#300; padding: 1px 10px 0 10px; }
#twitter-bubble-bottom { background: #eee0df url(images/twitter/bubble_bottom.gif) no-repeat bottom ;  display:block; height:28px; width:144px; padding: 10px; margin-bottom:0px; text-align:left; }
#twitter a, a:visited { color:#000; }
#twitter a:hover { color:#000; text-decoration:underline; }
#twitter-bubble-bottom { font-size:0.8em; padding-bottom:0px; }


.box { background-color:#eeeeee; margin-top:15px;}
h3.box {margin:0;}
.top { width:100%; height:6px; background: url(images/boxes/top.gif) no-repeat left top; }
.top span { display:block; position:relative; height:6px; background:url(images/boxes/top-right.gif) no-repeat right top; }
.center-content { position:relative; padding:1px 15px 1px 15px; margin:-15px 0 5px 0; }


.bottom { height:6px; background:url(images/boxes/bottom.gif) no-repeat left bottom; }
.bottom span { display:block; position:relative; height:6px; background:url(images/boxes/bottom-right.gif) no-repeat right top; }

.pub-title { font: 0.8em Arial, Helvetica, sans-serif; color:#666; }




/*
################################ NEWSLETTER SPECIFIC #########################
*/

.mc-field-group label {}
.mce_inline_error, .response { color:#F00; font: 0.85em Arial, Helvetica, sans-serif;}


/*
################################ COMMMENTS #########################
*/

#comments { background-color:#F6F3F4; border-top: 1px dotted; border-bottom: 1px dotted; padding: 5px 10px 10px 10px; }
.comments-bubble p { font-size:1em;}
.comments-bubble { background:#E8E0DE url(images/comments-bubble-top.gif) no-repeat top; padding:20px; margin-top:10px;}
.comments-bottom { background:#E8E0DE url(images/comments-bubble-bottom.gif) no-repeat top; width:520px; display:block; height:27px}
.comments-bubble-author { background:#DFBCBA url(images/comments-bubble-top-author.gif) no-repeat top; padding:20px; margin-top:10px;}
.comments-bottom-author { background:#DFBCBA url(images/comments-bubble-bottom-author.gif) no-repeat top; width:520px; display:block; height:27px}
.avatar { padding:5px; background-color:#FFF; }
#comments a { color:#000; }



/*
################################ Contact SPECIFIC #########################
*/

.form-label { padding-bottom: 3px; padding-top: 16px; }
.required { color:#F30; }
input { padding:3px; background-color:#FFFFFF; border:#999 1px solid; }
textarea { background-color:#FFF; border:#999 1px solid; padding:3px; }
.button { padding:6px; font: 1.5em Arial, Helvetica, sans-serif; color:#F60; background-color:#1F1F1F; }
.button:hover { color:#F30; }
.spacer { clear: both; }



/*
################################ ADS #########################
*/

#ads-top_sidebar_square { width:300px; height:250px; text-align:center; background-color:#CCC; margin:20px auto;}


/*
################################ FOOTER #########################
*/

#footer { height: 120px; }
#footer ul, #footer li, #footer p, #footer h4 {  padding:0; margin:0; }
#footer h4 { padding-bottom:15px; }
#footer p { color:#4E2312; font-size: 0.7em; }
#footer a { color:#FFFFFF; text-decoration:none; }

#footer-col1, #footer-col2, #footer-col3, #footer-col4 { display:block; float:left; margin-top: 20px;} 
#footer-col1 { width:100px; border-right: 1px dotted #FFF; }
#footer-col2 { width:100px; border-right: 1px dotted #FFF; padding-left:20px;}
#footer-col3 { width:200px; padding-left:20px;}
#footer-col4 { width:528px; text-align:right;}



/*
################################ TRUCS DE BASE DE WP #########################
*/

/* Begin Images */
p img {	padding: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {	padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }








/*
################################ TRUCS ON DEMAND THEME #########################
*/



/* Begin Content Slider */
#featured {
width: 100%;
float: left;
height: 320px;
/*background: url(images/ondemand/sliderbg.jpg) top left repeat-x;*/
background-color:#000;
padding: 20px 0 0 0;
}

#thevideo {
width: 100%;
float: left;
/*background: #131313;*/
background: #000000;
padding: 25px 0 5px 0;
}

#thevideoinside {
width: 100%;
float: left;
/*background: url(images/videobgbottom.jpg) bottom left repeat-x;*/
position: static;
padding: 0 0 15px 0;
min-height: 350px;
}

#videoembed {
margin: 0px auto;
width: 970px;
text-align: center;
}

.watchnow {
position: absolute;
top: 250px;
left: 560px;
width: 180px;
height: 29px;
background: url(images/ondemand/watchnow.jpg) top left no-repeat;
cursor: pointer;
}

.watchnow:hover { background: url(images/ondemand/watchnowover.jpg) top left no-repeat; }

.insert {
width: 180px;
height: 350px;
background: url(images/ondemand/insertbg.png) top left no-repeat;
margin: 0 0 0 550px;
color: #FFFFFF;
padding: 10px;
line-height: 1.2em;
}

.insert h2 {
line-height: 1.2em;
font-size: 1.1em;
font-weight: normal;
margin: 0 0 10px 0;
}

.insert p {
line-height: 1.35em;
font-size: 0.85em;
margin: 0 0 10px 0;
color:#FFF;
}


.insert a:link, .insert a:hover, .insert a:visited { text-decoration: none; }

/* End Content Slider */













/* Begin Categories List */


#catlist ul, #catlist li {
margin:0;
border:0;
padding:0;
list-style:none;
}

#catlist {
font-size:14px;
padding:0px;
height:28px;
padding: 7px 0 0 0px;
float: left;
}

#catlist .menu li {
background:url(images/ondemand/lm.gif) left top no-repeat;
height:28px;
float:left;
margin-right:10px;
}

#catlist .menu li a {
color:#1F1D1D;
text-decoration:none;
padding:0 10px;
height:28px;
line-height:28px;
display:block;
float:left;
padding:0 26px 0 10px;
background:url(images/ondemand/rm.gif) right top no-repeat;
width:200px;
}

#catlist .menu li a:hover {
color:#565050;
}

#catlist ul .submenu {
border-top:none;
background: url(images/ondemand/menubg.png) top left repeat;
position:relative;
width:235px;
padding:6px 0;
clear:both;
z-index:2;
display:none;
}

#catlist ul .submenu li {
background:none;
display:block;
float:none;
margin:0 6px;
border:0;
height:auto;
line-height:normal;
border-top:solid 1px #B6B6B6;
}

#catlist .submenu li a {
background:none;
display:block;
float:none;
padding:6px 11px;
margin:0;
border:0;
height:auto;
line-height:normal;
}

#catlist .submenu li a:hover{
}
/* End Categories List */















/* Begin Video Gallery */
#videogallery {
width: 670px;
float: left;
margin: 10px 0 10px 0;
}


#bloglist {
width: 670px;
float: left;
margin: 10px 0 10px 0;
}

.videoitem {
width: 210px;
height: 224px;
float: left;
margin: 0 12px 0 0;
}


.thumbnail {
float: left;
width: 210px;
height: 131px;
padding: 0px;
overflow: hidden;
}



img.thumb { 
width: 1024px;
height: 131px;
}

a:hover img.thumb {
width: 210px;
height: 131px;
}


h2.itemtitle {
font-size: 14px;
margin: 7px 0 4px 0px;
padding: 0;
font-weight: normal;
display: block;
float: left;
width: 210px;
}





.gallerydate {
color: #999191;
width: 205px;
float: left;
font-size:0.7em;
}






.itemtitle {
font-size: 14px;
margin: 7px 0 4px 0px;
padding: 0;
font-weight: normal;
display: block;
float: left;
width: 210px;
}










#videodets {
width: 653px;
float: left;
border-bottom: 1px solid #B8B8B8;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

#postcontent {
width: 653px;
float: left;
border-bottom: 1px solid #B8B8B8;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}



#videodets h2 {
padding: 0;
margin: 0 0 10px 0;
}

.itemlinks {
margin: 5px 0 5px 0;
padding: 0;
}

.itemlinks a:link, .itemlinks a:visited {
color: #565050;
}

.smalllinks a:link, .smalllinks a:visited {
color: #999191;
}

.smalllinks {
color: #999191;
}

#postinfo {
width: 400px;
float: left;
}

#singlethumb {
width: 190px;
float: right;
background: url(images/ondemand/singlethumb.jpg) top left no-repeat;
padding: 9px 10px 10px 10px;
}

#singlethumbnail {
float: right;
margin: 0;
width: 190px;
height: 120px;
padding: 0px;
overflow: hidden;
}
/* End Video Gallery */









/*
################################ SEASONS VARS #########################
*/



body { background: #000 url(images/season/test-background.jpg) fixed no-repeat 50% 0; }
#menu-main { background-color:#c9bb9e; }
#menu-main a { background: url(images/season/menu-bar.gif) top right  no-repeat; }
#menu-main a:hover { background: url(images/season/menu-bar-over.gif) top right  no-repeat #ED5138;}
#content a { color:#ED5138; }
#narrowcolumn a.blogpost_title:hover { color:#598800; }
.insert a:link, .insert a:hover, .insert a:visited { color: #ED5138; }
#footer a:hover { color:#303030; }
#footer-col4 p { color:#DDDDDD;}

#content a.itemtitle { color:#4C4C4C; }
#content a.itemtitle:hover { color:#ED5138; }

#content a.banner { color:#4C4C4C; }
#content a.banner:hover { color:#ED5138; }

/* Edit scripts coda.slider.js */