/*
Theme Name: Americagora
Description: Theme for the only use of Americagora.com
Author: Rémi Genin
*/
img{ border: none;}
a{ color: rgb(180, 50, 0); text-decoration: none; outline: none; }
a:hover{  }
input{ outline: none; }

.Facebook_Link{
	width: 100px; height: 25px; display: block; background-image: url(images/Header/Facebook_Link.png);
	}


body{
	margin: 0px; padding: 0px;
	background-color: rgb(255, 240, 180);
	font-family: Tahoma, Century gothic, Arial;
	color: black;
	font-size: 13px;
	text-align: center;
}
#Global_Container{
	width: 1000px; margin: auto;
	background-color: white; border-style: solid; border-color: rgb(150, 0, 0); border-width: 1px;
}
	
/* ------------------ */
/* ----- HEADER ----- */
/* ------------------ */
#Header{
	width: 100%;
}
#Header h1{ margin: 0; padding: 0 }
#Header h1.Main_Title a{
	float: left;
	display: block; width: 500px; height: 130px;
	background-image: url(images/Logo3.png); background-repeat: no-repeat;	background-color: white; background-position: 50px;
}
	
#Header #Menu_Lang{
	float: left; width: 500px; outline: solid 1px red
}
#Header .Lang_Link{

}
/* Menu */
#Header #Menu{
	width: 100%; height: 30px;
	background-color: rgb(150, 0, 0);
	text-align: left;
	background-image: url(images/Header/Category.png);
	}
#Header #Menu table{
	width: 100%; height: 30px; background: none;
	}
#Header h2{ /* Category */
	/*float: left; clear: right; */
	margin: 0; padding: 0; height: 30px; line-height: 30px; 
	position: relative; z-index: 10;
	color: white;
	}
#Header h2:hover{
	/*background-image: url(images/Header/CategoryOver.png);*/
	background-color: rgb(255, 250, 180); border-top: solid 1px rgb(180, 50, 50); height: 29px
	}
#Header h2 a{
	display: block; height: 30px; padding: 0px 10px 0px 10px;
	font-family: Arial; font-size: 17px; color: white; font-variant: small-caps;
	text-align: center;
	}
#Header h2:hover a{
	color: rgb(150, 0, 0);
	} 

#Header h2:hover div{display: block;}
#Header h2 div{
	width: 200px;
	display: none; position: absolute; left: -1px; top: 29px;
	border-style: solid; border-color: rgb(150, 0, 0); border-width: 1px;
	border-top: none;
	}
/* Sub Menu */
#Header h3{ 
	width: 100%; height: 30px; line-height: 30px;
	margin: 0; padding: 0;
	}
#Header h3 a{
	padding: 0;
	width: 100%; height: 100%; display: block; line-height: 30px;
	font-family: Arial; font-size: 15px; 	font-variant: small-caps; font-weight: bold;
	background-color: white;
	text-align: left; text-indent: 10px;
	color: rgb(150, 0, 0);
	}
#Header h3 a:hover{
	background-color: rgb(255, 250, 180); color: black;
	}
/* Search*/
#Header #SearchForm{
	float: right; position: relative; margin: 0px; padding: 0px;
	width: 200px; height: 30px;
	background-image: url(images/Header/SearchField.png); 
	}
#Header #SearchField{
	width: 160px; height: 20px; 
	border: none; border-color: white; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; padding: 0px;
	font-family: Arial; font-size: 17px; font-weight: bold;
	color: rgb(180, 50, 50);
	}
#Header #SearchButton{
	width: 20px; height: 20px; 	padding: 0px; border: none; margin: 0;
	position: absolute; top: 5px; left: 170px;
	background-image: url(images/Header/SearchSubmit.png); background-color: transparent;
	cursor: pointer;
	}
#Header #SearchButton:hover{background-image: url(images/Header/SearchSubmitOver.png);}


/* InfoBar*/
#Header #Infobar{
	float: right; height: 30px; padding-left: 15px;
	background-image: url(images/Header/Infobar_Back.png); background-repeat: no-repeat;
	}
#Header #Infobar a{
	float: left; display: block; height: 30px; line-height: 30px; 
	font-family: Arial; font-size: 15px; font-weight: bold; color: white; padding: 0px 20px 0px 20px;
	background-color: rgb(50, 0, 0);
	}
#Header #Infobar a:hover{
	color: rgb(255, 240, 180); text-decoration: underline;
	}
#Header #Infobar .NoIcon{
	padding-left: 0px;
	}
#Header #Infobar #RSS{
	text-indent: 10px; background-image: url(images/Logos/RSS_Mini.png); background-repeat: no-repeat; background-position: 0px 3px;
	}
#Header #Infobar #Facebook{
	text-indent: 10px; background-image: url(images/Logos/Facebook_Mini.png); background-repeat: no-repeat; background-position: 0px 3px;
	}
#Header #Infobar #Twitter{
	text-indent: 10px; background-image: url(images/Logos/Twitter_Mini.png); background-repeat: no-repeat; background-position: 0px 3px;
	}
	
	
/* --------------------- */
/* ----- CONTAINER ----- */
/* --------------------- */
#Container{
	width: 100%; text-align: left;
	/*border: solid 1px green;*/
	}	
/* Slide */
#Homebar{
	width: 1000px; height: 250px; margin-top: 30px;
	}
#Homebar #Slide{
	overflow: hidden;
	float: left; width: 700px; height: 250px; position: relative; background-color: white;
	}

#Homebar #Slide #Slide_Loading{
	width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 8;
	background-color: white; background-image: url(images/Home/Slide_Loading.gif); background-repeat: no-repeat; background-position: center;
	}
#Homebar #Slide .Title{
	position: absolute; padding: 0px 7px 0px 7px;
	background-image: url(images/Home/Slide_TitleBack.png); font-family: Arial; font-size: 25px; font-weight: bold; color: white
	}
#Homebar #Slide .Title a{ color: white; }
#Homebar #Slide .Title a:hover{ color: rgb(255, 240, 180); }
#Homebar #Slide .Content p{margin: 0; padding: 0}
#Homebar #Slide .Content{
	width: 480px; height: 100px; 
	position: absolute; left: 200px; top: 150px; overflow: hidden;
	font-family: Arial; font-size: 18px; color: white; padding: 10px;
	}
#Homebar #Slide .Content a{ color: white; font-weight: bold; }
#Homebar #Slide .Content a:hover{ color: rgb(180, 50, 50); text-decoration: underline; }
#Homebar #Slide .ContentDecoration{
	width: 500px; height: 100px; 
	position: absolute; left: 200px; top: 150px; 
	opacity: 0.3; filter: alpha(opacity=50); background: black;
	}
#Homebar #Slide .ImgContainer{
	position: absolute; left: 100px;
	}
#Homebar .Arrow{
	position: absolute; width: 50px; height: 50px; z-index: 7;
	cursor: pointer; font-family: Arial; font-size: 15px; color: rgb(150, 0, 0); 
	}	
#Homebar #ArrowLeft{ top: 80px; left: 0px; background-image: url(images/Home/Slide_ArrowLeft.png); }
#Homebar #ArrowRight{ top: 80px; left: 600px; background-image: url(images/Home/Slide_ArrowRight.png); }
	

/* Edito */
#Homebar #Edito{
	float: left; width: 280px; height: 230px; margin: 5px; padding: 5px;
	}
#Homebar #Edito #Title{
	width: 100%; height: 40px;
	background-image: url(images/Home/Edito_Title.png);
	}
#Homebar #Edito #Content{
	width: 100%; /*height: 190px;*/
	font-family: Tahoma; font-size: 14px;
	background-color: rgb(255, 255, 220);
	}

	

	
	
/* Home Page */	
#Home a:hover{ text-decoration: underline }

#Home{
	width: 700px; float: left; margin-top: 20px;
	/*border: solid 1px red;*/
	}
#Home table{ width: 100% }
#Home table td{ vertical-align: top; width: 50% }
#Home #Post{
	width: 340px; margin: 5px; border: solid rgb(220, 220, 220) 1px; -moz-border-radius: 10px;
	background-image: url(images/Home/Title_Back.png); background-repeat: repeat-x
	}
#Home #Post #Title{
	width: 100%; 
	}
#Home #Post #OverTitle a{
	width: 340px; display: block; padding: 0px;
	font-family: Arial; font-size: 15px; font-weight: bold; font-variant: small-caps; color: rgb(100, 0, 0)
	}
#Home #Post #OverTitle a:hover{ text-decoration: none }
#Home #Post #Title a{
	width: 332px; display: block; padding: 4px 4px 0px 4px;
	/*padding-left: 30px; background-image: url(images/Home/Title_Arrow.png); background-repeat: no-repeat; background-position: 5px 5px;*/
	font-family: Verdana; font-size: 18px; font-weight: bold; 
	}
#Home #Post #Content{
	width: 330px; overflow: hidden; padding: 5px; margin-bottom: 5px;
	font-family: Tahoma; font-size: 14px;
	}
#Home #Post #Content a{ color: inherit; text-decoration: none }
	
#Home #Post img{ float: left; margin: 5px; padding: 5px; border: solid 1px rgb(200, 200, 200) }
#Home #Post #Actions{  }
#Home #Post #Comments{ width: 100%; border-top: solid 1px rgb(245, 245, 245); padding-bottom: 5px; font-family: Arial; font-size: 14px; font-weight: bold; padding-left: 5px }
#Home #Post #More{ float: right; font-family: Arial; font-size: 14px; font-weight: bold }

#Home #PageLinks{
	width: 100%; text-align: center; margin-top: 10px
	}
#Home #PageLinks .Number{
	display: block; padding: 5px 7px 5px 7px; margin-right: 7px;
	float: left; font-family: Arial; font-size: 15px; color: white; font-weight: bold; background-color: rgb(180, 50, 50); border: solid 1px white
	}
#Home #PageLinks a:hover{
	text-decoration: none; background-color: white; color: rgb(180, 50, 50); border: solid 1px rgb(180, 50, 50)
	}


/* ---------------------- */
/* ----- CATEGORIES ----- */
/* ---------------------- */
#Home p{ margin: 0px; padding: 0px; }
#Home #CatTitle{ padding-left: 10px; font-size: 25px; color: rgb(180, 50, 50) }
#Home #CatDescription{ padding: 10px 10px 20px 20px; font-size: 17px; color: black }
#Home #CatDescription p{ margin: 0px; padding: 0px; }

/* ------------------ */
/* ----- SEARCH ----- */
/* ------------------ */
#Home #SearchResult{ padding-top: 10px; margin: 5px; }
#Home #SearchResult a{ display: block; text-decoration: none  }
#Home #SearchResult:hover{ padding-top: 10px; outline: solid 1px rgb(180, 50, 50); -moz-outline-radius: 20px }

/* ------------------- */
/* ----- SIDEBAR ----- */
/* ------------------- */
#Sidebar{
	width: 290px; float: left; clear: right; margin-top: 20px; padding: 5px
	/*border: solid 1px blue;*/
	}
	
#Sidebar .Widget{
	width: 280px; padding: 0px 5px 5px 5px; margin-bottom: 30px; position: relative
	}
#Sidebar .Widget #Title{
	width: 100%; height: 40px; line-height: 40px;
	font-family: Arial; font-size: 20px; font-weight: bold;
	}
#Sidebar #Videos{	background-image: url(images/Sidebar/Videos_Back.png); background-repeat: no-repeat; background-position: center top }
#Sidebar #Videos #Title{
	text-indent: 70px; color: white;
	background-image: url(images/Sidebar/Camera.png); background-repeat: no-repeat; background-position: 5px top;
	}
#Sidebar #Videos .Content{ font-size: 14px }
#Sidebar #Videos a{
	display: block; width: 100%; padding-bottom: 20px;
	font-family: Tahoma; font-size: 17px; color: black;
	}
	
/* Sidebar Podcasts */
#Sidebar #Podcasts{	background-image: url(images/Sidebar/Podcasts_Back.png); background-repeat: no-repeat; background-position: center top; }
#Sidebar #Podcasts #Title{
	text-indent: 60px; color: rgb(180, 50, 50);
	background-image: url(images/Sidebar/Speaker.png); background-repeat: no-repeat; background-position: 5px top;
	}
#Sidebar #Podcasts a{
	display: block; width: 100%; height: 20px; line-height: 20px;
	font-family: Verdana; font-size: 16px; color: rgb(150, 0, 0);
	}
#Sidebar #Podcasts a:hover{
	color: white; background-image: url(images/Sidebar/Podcasts_Over.png);
	}
	
/* Sidebar Blogs */
#Sidebar #Blogs{ background-image: url(images/Sidebar/Blogs_Back.png); background-repeat: no-repeat; background-position: center top; }
#Sidebar #Blogs #Title{
	color: rgb(180, 50, 50); text-align: center;
	}
#Sidebar #Blogs a{
	display: block; width: 100%; text-indent: 20px; padding-bottom: 1px;
	font-family: Arial; font-size: 16px; color: rgb(150, 0, 0);
	}
#Sidebar #Blogs a:hover{
	padding-bottom: 0px;
	color: rgb(150, 0, 0); font-weight: bold;
	}
	
/* Sidebar Partnership */
#Sidebar #Partnership{ background-image: url(images/Sidebar/Podcasts_Back.png); background-repeat: no-repeat; background-position: center top; }
#Sidebar #Partnership #Title{
	text-indent: 60px; color: rgb(180, 50, 50);
	background-image: url(images/Sidebar/Partnership.png); background-repeat: no-repeat; background-position: 2px top;
	}
#Sidebar #Partnership a{
	display: block; width: 100%; text-indent: 20px; margin-bottom: 15px;
	font-family: Arial; font-size: 16px; color: rgb(150, 0, 0);
	}
#Sidebar #Partnership a:hover{
	color: rgb(150, 0, 0); font-weight: bold;
	}


/* ------------------ */
/* ----- FOOTER ----- */
/* ------------------ */
#Footer{
	width: 100%;
	color: white; border: solid 0px green; 
	}
#Footer #Legal{
	width: 100%; height: 40px;  background-color: rgb(150, 0, 0); text-align: left
	}       
#Footer #Legal #HautPage{
	margin: 0px; padding: 5px; padding-left: 18px;
	font-variant: small-caps; font-size: 14px; color: white; background-color: rgb(100, 0, 0); background-image: url(images/Footer/TopPage.png); background-repeat: no-repeat; background-position: 3px center
	}     
#Footer #Legal #HautPage:hover{ color: rgb(100, 0, 0); background-color: rgb(200, 150, 150); outline: solid 1px rgb(100, 0, 0) }
#Footer #Legal #Links{ padding-top: 5px }
#Footer #Legal #Links a{ color: white; font-size: 14px }
#Footer #Legal a:hover{  }  

#Footer #Second{
	width: 100%; height: 40px; background-color: rgb(180, 50, 50);
	}