/*
Theme Name: Creation Theme
Theme URI: http://graphetic.com
Description: The first theme created by Christophe Barthomeuf.
Version: 0.1
Author: Christophe Barthomeuf
 
Creation Theme by Christophe Barthomeuf || http://graphetic.com
 
*/


body {
font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
font-size: 12px;
text-align: left;
background: #f0871c;
color: #1a1a1a;
margin: 0;
}
/*Rock Salt, Lucida Grande, Arial, Helvetica, Sans-serif;*/
#content h2 {
font-family: 'Rock Salt', Lucida Grande, Arial, Helvetica, Sans-serif;
font-size: 16px;
text-indent:10px;
background-image: url(images/h1.png);
height: 38px;
color: #000000;
text-shadow: #fff 0px 0px 5px;
}
#content h2 a {color: #000000;}
#content h3 {
border-bottom: 2px #689426 solid;
padding: 5px;
}

p1 {
	font-size: 9px;
	}

ti {
	font-size: 40px;
	top:40px;
	position: absolute;
	color: transparent;
	}

ti a {
	color: transparent;
	}
	
ti a:hover {
	color: transparent;
	}
	
a {
	color: #689426;
	text-decoration: none;
	}
a:hover {
	color: #afe612;
	text-decoration: none;
	}	
a img
{
border: none;
} 	

#page {
margin: 5px auto 0 auto;
width: 760px;
/*border : 2px solid #1a2218;*/
background: #f0871c;
color: #1a1a1a;
box-shadow: 1px 1px 12px #555;
}



#header {
font-family: 'Yanone Kaffeesatz', Lucida Grande, Arial, Helvetica, Sans-serif;
float: left;
background:#f0871c;
background-image: url(images/logo.png);
background-repeat: no-repeat;
/*border:5px solid #ffffff;*/
color: #afe612;
height: 355px;
width: 760px;
padding: 0 0px 20px 0px;
}

#ht {width:760px; height:235px; background-color:#fff;background-image: url(images/h1.png);padding:5px 0 0 0;}

#box {
	position:absolute;
	float: left;
	width:500px;
	height:230;
	float: left;
}

#navmenu ul {
	/*background-color: #262d2f;*/
	margin: 110px 0 0 0;
	text-align: right;
	padding: 0; 
	list-style-type: none;
	list-style-image: none; 
	}
	
#navmenu li {
	font-family: 'Yanone Kaffeesatz', Lucida Grande, Arial, Helvetica, Sans-serif;
	display: inline;
	padding: 12px;
	font-size: 2em;
	}
#navmenu li a {
	color: #ffffff;
	}
	
#navmenu li a:hover {
	color: #e6ff00;
	}

#content {
float: left;
text-align: justify;
width: 515px;
min-height: 500px;
padding: 5px;
/*background-image: url(images/bg.png);*/
background-repeat: no-repeat;
margin-bottom: 20px;
}

/*#content a {
	color: #afe612;
	text-decoration: none;
	}*/

ul { 
list-style-type: none; margin:0;
padding:0;
} 

.sidebar {
/*background-image: url(images/sidebar.png);
background-repeat: no-repeat;*/
background-image: url(images/h1.png);
/*min-height: 320px;*/
float: right;
width: 219px;
padding-left:12px;
}

.sidebar h2 {font-family: 'Yanone Kaffeesatz', Lucida Grande, Arial, Helvetica, Sans-serif; font-size: 2.3em;text-align:center;color: #1a1a1a;}

.sidebar a {
	color: #689426;}
/*37a0d6*/
.sidebar a:hover {
	color: #e6ff00;}

#footer {
font-size: 9px;
/*background:#414e50;*/
padding: 10px 10px 0 0;
clear: both;
width: 750px;
text-align: center;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}
/* End Images */

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 20px; 
    left: -10px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #ffc; 
    width:170px;
}