/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	background: #000000 url(../images/bg.jpg) repeat-x;
	color:#FFF;
	margin:0;
  	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color: #000;
}

#container
{
	width:768px;
	margin:0 auto;
	text-align:left;
	background-color: #0E0C0F;
	border: 1px solid #CC6633;
}


/* ----------------------------
   Globals
---------------------------- */

h1
{
	color: #E1771E;
	font-size:1.4em;
	text-align: center;
}

h2
{
	border-bottom: 1px solid #f03406;
	color: #f03406;
	font-size:1.2em;
	margin-top: 3em;
}

p
{
	font-size:1em;
}

a:link
{color:#E1771E;}

a:visited
{color:#FFAF6F;}

a:hover, a:active { outline:none }

input, select
{font-family: Arial, Helvetica, sans-serif;}

ul
{

}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.txt_date
{color:#00ADEF;}

.txt_petit
{font-size:0.9em;}

.youtube
{
	margin: 2em 0;
	z-index: 2;
}

.center
{
	text-align: center;
}

.galery
{
	border: 1px solid #636164;
}


/* ------------------------------------------------------------ */
/* --- HEADER ------------------------------------------------- */

#header
{
	height: 231px;
	width:768px;
	background:#000 url(../images/header.jpg) no-repeat;
}

/* ------------------------------------------------------------ */
/* --- CONTENT ------------------------------------------------- */
#main-content
{
	float: left;
	_height: 200px;
	min-height: 200px;
	padding: 20px;
	width: 550px;
}


/* ------------------------------------------------------------ */
/* --- FOOTER ------------------------------------------------- */
#footer
{
	background: #000000 url(../images/footer.jpg) no-repeat;
	padding: 20px 20px;
}


/* ------------------------------------------------------------ */
/* --- MENU ------------------------------------------------- */
#nav
{
	background: Transparent url(../images/cobweb.jpg) repeat-y;
	float: left;
	list-style: none;
	margin: 20px 20px 0 0;
	padding: 0;
	width: 150px;
}
#nav li
{
	margin: 0;
	padding: 0;
}
#nav li a
{
	border: 1px solid #636164;
	color: #E1771E;
	display: block;
	font-weight:bold;
	height: 1%;
	padding: 4px 10px;
	text-decoration: none;
}
#nav li a:hover {
	text-decoration: underline;
}
#nav li.separator
{
	background-color: #000;
	height: 1%;
}

#submenu
{
	display: block;
	font-size: 1em;	
    left: 0;
    text-align: left;
    top: 0;
	z-index: 100;
}
#submenu a {
	background-color: #000;
	color: #E1771E;
	display: block;
	font-weight:bold;
	height: 1%;
	padding: 4px 10px;
	text-decoration: none;
}
#submenu a:hover {
	text-decoration: underline;
}


#HauntsSMenu,
#ProjectsSMenu
{
	cursor: pointer;
	display:none;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 200;
}

#submenu div div {
	display: block;
	background: none;
	border-top:1px solid #636164;
	border-right:1px solid #636164;
	border-left:1px solid #636164;
	position: relative;
	width: 100%;
}

#submenu div div.first {border-top:1px solid #636164;}
#submenu div div.last {border-bottom:1px solid #636164;}


/***** Projects *****/
#projects a
{
	background-repeat: no-repeat;
	background-position: 0 5px;
	border: 1px solid #0E0C0F;
	display: block;
	padding: 5px 5px 5px 90px;
	min-height: 60px;
	_height: 60px;
	text-align: left;
	width: 300px;
}
#projects a:hover
{
	border: 1px solid #FFFFFF;
}


/***** BLOG *****/
.post-footer
{
	padding-bottom: 50px;
}

.Followers, .BlogArchive, .BlogList, .Profile
{
	border: 1px solid #636164 !important;
	padding: 10px;
}

.widget 
{
	margin-bottom: 1em;
}

.widget h2
{
	margin-top: 0;
}

.widget span
{
	color: #FFF;
}


#Profile1 img
{
	border: 1px solid #636164;
	float: left;
	margin-right: 10px;
}