/*  
Theme Name: VideoMojo
Theme URI: http://www.Ellypse.net
Description: Theme designed for Ellypse.net by Ellypse.net
Version: 1.0
Author: Sebastien Lhomme
Author URI: http://www.ellypse.net
*/

/*+++++++ IE PNG Fix +++++++*/
img {
	/*Fix ie PNG Chemin relatif au _root*/
	behavior: url(iepngfix.htc); 
	}
	
/*+++++++ BODY +++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body { font-family: Arial; font-size: 12px; color: #4d4b4c; background: #fff url(images/bg.jpg) repeat-x; }

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h3 { padding:10px 0 10px 0; font-size:14px;}
a:link {  text-decoration: none; color: #006666; border: 0px;}
a:active {color : #006666; border: 0px;}
a:visited { color :#006666 ; border: 0px;}
a:hover	{ color:#333333; border: 0px;} 
a:focus { outline: none;}
.clear { clear: both; }

/*+++++++ MAIN +++++++*/
#bg-image {background:url(images/bg-image.jpg) center 108px no-repeat;}
#wrapper { width: 1000px; margin:auto; }
#frame,#content { width: 975px; margin:auto; }

/*+++++++ TOP +++++++*/
#header { height: 101px; width: 1000px; }
#logo { float: left; width: 350px; padding-top:5px; padding-left:0px; }
#logo h1{text-indent:-10000px;}
#logo h1 a{display:block; background: url(images/logo.png) no-repeat; height:101px; outline:none;}
#topleft { float: right; height: 101px; width: 630px; }
#searchbox { float:right; width: 233px; height: 36px; background: url(images/s.gif) no-repeat; margin:20px 5px 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 200px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 3px 4px 0 0; width:18px; height:18px;  }

.diapo ul {list-style-type:none;margin:14px 0 0 4px;}

#subheader {height:300px;margin:-20px 0 0 -5px;width:1000px;}
#home-wrap { float: left; min-height:800px;}
#perso {margin:-35px 0 0 700px;}

#twitter { float:right; width: 625px; height: 60px; background: url(images/twitter-bg.jpg) no-repeat; margin:27px -175px 0 0; color:#ccc;padding:15px 0 0 0px;}
#twitter-text  {color:#999;width: 400px; height: 30px;float:right;margin:0 200px 0 0;}
span.twitter  {width:80px;height:60px;background:transparent;display:block;float:right;margin:-45px 100px 0 0;cursor:pointer;}


/* Tabs menu*/
.tabwrap {width:100%;height:400px;margin:0px 0 0 0px;padding:0;background:url(images/bg-tabs.jpg) 0 0 no-repeat;}
#tabs-content {float:left;margin:-2px 0 0 0;display:block;width:1000px;}
#tabs-menu {float:left;margin:130px 0 0 0;}
#tabs-menu ul{list-style-type:none;margin:0 0 0 50px;}
#tabs-menu li  {display:inline;position:relative;}
#tabs-menu li a{float:left;display:block;width:180px;padding:14px 4px 13px 4px;font: 14px sans-serif;color:#fff;background: url(images/menutab.png) 0 0 no-repeat;
text-decoration: none;text-align:left;text-transform: uppercase;margin:-42px 20px 0 -50px;z-index:-50;}
#tabs-menu li a:hover { background-position: 0 -42px;color: #fff;}
#tabs-menu li a:active {background-position: 0 -42px;color:#fff;}
#tabs-menu li a.selected {color:#fff;background-position: 0 -84px;}

/*+++++++ NAVIGATION +++++++*/
#nav { float:right; padding-right:10px; margin-top:10px;}
#nav ul { }
#nav ul li {display:inline; height:35px; line-height:35px;}
#nav ul li.current_page_item a { background:url(images/navbg-acho.gif) repeat-x; color:#fff; }
#nav ul li.current_page_item a:hover{background:transparent;color:#fff;}
#nav ul li a { color:#fff;float:left; text-transform:uppercase; padding:0 0 0 20px;}
#nav ul li a:hover{background:none;color:#dadada; text-decoration:none;}

/*+++++++ INFOBAR +++++++*/
#infobar { height: 30px; width: 975px; line-height:30px; font-size:11px; margin-bottom:15px; }
#browse { float: left; width: 570px; background:url(images/folder.gif) no-repeat 0 6px; padding-left:22px; }
#rss { float: right; height: 30px; width: 383px; background:url(images/feed.gif) no-repeat right; }
#rss p { padding-right:22px; text-align:right;}

/*+++++++ ENTRY +++++++*/
#left { float: left; width: 570px; }
.entry { width: 540px; padding:10px; background:#fff; border:1px solid #dadada; margin-bottom:10px; line-height:140%; }
.entry h2 { font: bold 22px/28px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;letter-spacing: -1px;margin-bottom:10px;}
.entry h2 a {  color:#222222; }
.entry h2 a:hover {color:#999999;}
.entry p { padding-bottom:10px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00BB \0020"; }
.entry ol { padding:0; margin:0;}
.entry ol li { background:#fafafa; }
.entry img {margin:0 10px 10px 10px;}
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 ;}
.allinfos { font-size:11px; height:20px; padding-bottom:10px;}
span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }
span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; }
span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }
.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }

/*+++++++ SIDEBAR +++++++*/
#sidebarbottom { float:right; width: 400px; }
#right { float:left; width: 400px;  }
#topsidebar { width: 380px; padding:0 10px 0 10px; border:1px solid #dadada; background:#fff; margin-bottom:10px; }
#lsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c;}
#rsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c; }
#lsidebar { float:left; width:160px; padding:5px; border:1px solid #dadada; background:#fff;}
#rsidebar { float:left; width:195px; padding:5px 10px 5px 10px; border:1px solid #dadada; background:#fff; margin-left:8px;}
#sidebarbottom ul{ margin:10px auto 20px;}
#sidebarbottom ul li{}
#sidebarbottom ul li ul{}
#sidebarbottom ul li ul li{display:block; background:url(images/bullet.gif) no-repeat 0 0; padding-left:24px; padding-bottom:5px; border-bottom:1px dotted #dadada;}
#sidebarbottom p{padding:0 5px;}

/*+++++++ COMMENTS +++++++*/
.postmetadata { padding:5px; background:#feffe5; }
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada; height:200px; width:500px;}
.commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}


/*+++++++ FOOTER +++++++*/
#footer { background: #222222 url(images/footer.gif) repeat-x; width: 100%; margin:40px auto 0px; height:500px; font-size:10px; }
#foo { width: 1000px; margin:auto; padding:10px; height:80px; color:#fff; }
#foo a:link { color : #FF9900; border: 0px;}
#foo a:active { text-decoration: underline; color : #FF9900; border: 0px;}
#foo a:visited { color : #FF9900; border: 0px;}
#foo a:hover	{color: #FFFFFF; border: 0px;} 
#foo ul { float:left; margin-top:10px; }
#foo ul li {display:inline; height:35px; line-height:15px;}
#foo ul li.current_page_item a { background:url(images/navbg-acho.gif) repeat-x; color:#fff; }
#foo ul li.current_page_item a:hover{background:transparent;color:#fff;}
#foo ul li a { color:#fff;float:left; padding:0 20px 10px 0;}
#foo ul li a:hover{background:none;color:#dadada; text-decoration:none;}


/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999;}
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left; padding-left:30px; padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}


/**************** Ellypse *********************/

#frame1 {background:url(images/bg-tabs.jpg) 0 0 no-repeat; width:1000px; display:block;height:200px;margin:-45px 0 0 0; padding:45px 0 0 0;}
#title1{background:url(images/title2.png) 0 0 no-repeat; width:200px; height:80px;margin:80px 0 0 -25px;position:relative;display:block;}

#frame2 {background:url(images/bg-tabs.jpg) 0 0 no-repeat; width:1000px; display:block;height:460px;margin:-45px 0 0 0; padding:45px 0 0 0;}
#title2{background:url(images/title1.png) 0 0 no-repeat; width:200px; height:80px;margin:0px 0 0 -25px;position:relative;display:block;}

#frame3 {background:url(images/bg-tabs.jpg) 0 0 no-repeat; width:1000px; display:block;height:310px;margin:-40px 0 0 0; padding:45px 0 0 0;}
#title3{background:url(images/title3.png) 0 0 no-repeat; width:200px; height:80px;margin:-75px 0 0 -25px;position:relative;display:block;}

.smallbox {background:#transparent;display:inline;float:left;height:150px;margin:0 35px 0 0px;width:295px;}
.smallbox h2 {color:#666;font-size:18px;padding:0 0 8px 0;}
.smallbox p {line-height:18px;}
.small-left {background:transparent;float:left;height:100%;padding:0 25px 0 0;}
span.thumb{display:block;background:transparent;float:left;padding:10px;margin:0 0 12px 40px;}
span.thumb:hover{display:block;background:#f0aa21;float:left;padding:10px;margin:0 0 12px 40px;}
.smallbox2 {background:transparent;display:inline;float:left;height:150px;margin:0 35px 0 0px;width:295px;}
.smallbox2 h2 {color:#666;font-size:18px;padding:0 0 8px 50px;}
.smallbox2 p {line-height:18px;padding:0 0 8px 50px;}

.smallbox3 {background:transparent;display:inline;float:left;height:150px;margin:-10px 50px 0 0px;width:450px;}
.smallbox3 h2 {color:#666;font-size:18px;padding:0 0 8px 40px;}
.smallbox3 p {line-height:18px;}
.smallbox3 ul{padding:0 0 0 ;margin:0px 0 0 40px;}
.smallbox3 li{padding:0px 0 18px 0;margin:0px 0 0 0;}
.small-left3 {background:transparent;float:left;height:115px;padding:0 25px 0 0;}
img.boxico  {padding:0 0px 0 0; margin: 0px 0 0 0;}
div.test {height:20px;line-height:20px;display:block;margin:-25px 0 0 35px;}
a.boxlink{color:#f0aa21;padding:0 0 8px 50px;margin:10px 0 0 0;text-decoration:underline;font-weight:bold;}

/**Easy Slider**/
#container{margin:0 auto;position:relative;text-align:left;width:1000px;}
#slider{}	
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{width:1000px;height:320px;overflow:hidden;}	
#prevBtn, #nextBtn{display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;}	
#nextBtn{left:1000px;}														
#prevBtn a, #nextBtn a{display:block;width:30px;height:77px;background:url(images/btn_prev.gif) no-repeat 0 0;}	
#nextBtn a{background:url(images/btn_next.gif) no-repeat 0 0;}	
	
/* image replacement */
.graphic, #prevBtn, #nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

/* Footer HomePage */
#fooleft{display:block;float:left;width:450px;height:270px;background:#292929;margin:0px 0 0 0;}
#fooright{display:block;float:left;width:450px;height:270px;background:#292929;margin:0px 0 0 100px;}
#footitleL{color:#F0F0F0;font-size:20px;font-weight:bold;height:50px;margin:15px 0 0 0px;position:relative;display:block;}
#footitleR{color:#F0F0F0;font-size:20px;font-weight:bold; height:50px;margin:-50px 0 0 550px;position:relative;display:block;z-index:1;}
span.footwitter  {width:180px;height:60px;display:block;float:right;margin:-330px 270px 0 0;cursor:pointer;z-index:10;background:transparent;}


#foohome { width: 1000px; margin:auto; padding:20px 0 0 0;font-size:14px; display:block;height:300px;}
#foohome a:active { text-decoration: underline; color : #fff; border: 0px;}
#foohome a:visited { color : #efefef border: 0px;}
#foohome a:hover {color: #efefef; border: 0px;} 

#foohome ul {text-align:left;padding:20px;}
#foohome ul li { color:#999;padding:0 0 15px 0;}
#foohome ul li a { color:#999;}
#foohome ul li a:visited{background:none;color:#999; text-decoration:none;}
#foohome ul li a:hover{background:none;color:#efefef; text-decoration:underline;}

#foolegal  { width:100%;margin:auto; padding:50px 0 0 0;font-size:14px; display:block; height:40px;background:#transparent;text-align:center;}
/*
ul.delicious {text-align:left;padding:0;margin:0;}
li.delicious-item {padding:0;margin:0;}
p.delicious-bookmark {padding:0;margin:0;}
span.delicious-timestamp {}
span.delicious-desc {}
a.delicious-link {color:#fff!important; font-size:12px;}
a.delicious-link:hover {color:#000 !important; font-size:12px;}
div.delicious-tags {}
a.delicious-link-tag
*/

.label-fresh{ background: url("images/getstarted.png") no-repeat center ;margin:-68px 0 0 50px;width:300px;height:100px;
position:relative;left:0px;top:0px;z-index:2;}


/*=================== Top Nav ===================*/
/*===============================================*/
#topnavwrap{margin:5px 0 0 0;}
#topnav {overflow:hidden; /* wrap floats */height:45px; /* trips haslayout, wrap floats IE */list-style:none;background:url(images/menu.png) 0 0 repeat-x;font:bold 12px/52px sans-serif;font-family: Arial, Verdana, Helvetica, sans-serif;}
#topnav li {display:inline;}
#topnav a {float:left;position:relative;padding-left:20px;margin-right:20px;text-decoration:none;color:#efefef;background:url(images/menu.png) 0 -40px no-repeat;}
#topnav a span {position:absolute;top:0;left:100%;width:20px;height:45px;background:url(images/menu.png) -492px -40px no-repeat;}
#topnav .current a {color:#efefef;background-position:0 -135px;}
#topnav .current a span {background-position:-492px -135px;}
#topnav a:active,#topnav a:focus,#topnav a:hover {color:#fff;background-position:0 -85px;}
#topnav a:active span,#topnav a:focus span,#topnav a:hover span {background-position:-492px -85px;}


/*#quote {color:#cccc;padding:15px; background:url(images/blockq-left.gif) #F0F0F0 10px 10px no-repeat;margin:0 0 0 40px;}*/
#quote-iframe { margin:0 0 0 40px;padding:0;width:600px;}

.img-about {padding:5px; background:#F0F0F0;margin:0 15px 0 0;}