/*  
Theme Name: DockWP
Theme URI: http://falconerdesigns.com
Description: DockWP theme has a unique MAC/Vista look-alike Dock at the top, which acts as a navigation bar. This wordpress theme is tabless, standards compliant, and easy to use and modify. 
Version: 1.0
Author: EP
Author URI: http://ddsos.org
*/


* { margin: 0; padding: 0; }


.page { text-align:left; font-size: 25px; font-weight:bold; margin-bottom:5px; }
.page a:hover { border:none; color:#ffffff; text-decoration:none; background: url(images/page.jpg) center center no-repeat;  padding:3px 8px; margin:3px;}
.page a { border:none; color:#000000; text-decoration:none; background: url(images/pageactive.jpg) center center no-repeat;  padding:3px 8px; margin:3px;}

body { margin: 0;  padding:0;	background: #f4f4f4; 	font-family: Century Gothic, Georgia, "lucida sans unicode", "Trebuchet MS", Arial, Helvetica, sans-serif; 	color: #333; font-size:16px;}

#sidebar a { border-bottom:none;}
#sidebar .content a { border-bottom:1px dotted #666; font-weight:normal;}

h1, h2, h3 {font-weight: normal; color: #ccc;} 
h2 {padding-bottom:5px; margin-bottom:5px;border-bottom:5px solid #ddd;}
h2 a { text-decoration:none; border-bottom:none; color:#666;}
h3 {margin: 5px 0;padding:5px 0;color:#999;}


p, ul, ol {margin-bottom: 1.5em; line-height: 1.5em; font-family: Trebuchet MS, Lucida sans unicode;}
blockquote {margin: .5em .5em 1.5em 0.5em;line-height: 1.8em;padding: 10px;text-align:justify;border:3px solid #333;background:#000;color:#999;}
blockquote a, blockquote a:hover { border-bottom:none;color:#ccc;}
em {font-family:lucida sans unicode, trebuchet ms;}
blockquote {margin-left: 1.5em; margin-right: 1.5em;}
ul {	margin-left: 2em; list-style-type:square; color:#dedede;}
ul li { color:#666666;}
ol {	margin-left: 3em;}
ol li {} 
a {	color: #333333;	text-decoration:none; font-weight:normal;	}
a:hover {	color: #000000;}

/* image styles */
a img { border:none; }
img.left {	float: left;	margin: 10px 20px 0 0;}
img.right {	float: right;	margin: 0 0 0 20px;}
.story img, .story a img{ border:none; }

/* Boxed Style */
.boxed { margin: 0 0 25px 0; } 
.boxed .ttl {	margin-bottom: 10px;	margin-top:0px;}

/* Post */
.post {margin-bottom:60px;}
.post #meta { height:35px; text-align:right; color:#aaaaaa;}
.post #meta a { color:#aaaaaa;}
.time { background:url(images/metatime.png) left top no-repeat; padding-left:25px; display:inline; }
.category { background:url(images/metacat.png) left top no-repeat; padding-left:25px; display:inline; }
.comment { background:url(images/metalink.png) left top no-repeat; padding-left:25px; display:inline; }
.post .story {}

/* Header */
#header { padding:10px 10px 10px 10px; text-align:center;}
#header h1 { font-size:60px;} 
#header h1 a { color:#888; }
.description { font-size:25px;color: #cccccc;}

#quote { background:#f4f4f4; padding:5px; text-align:center; margin-bottom:20px; }

/* dock - top */
.dock {
	position: relative; 
	height: 85px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #666;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: 14px century gothic, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* Layout */
#contentwrap { margin: 0 auto; padding: 0; width:970px; }
#content {	width:970px; padding:0 ; background:#ffffff;}
#contentfit { margin: 0 15px 0 5px;}
#main {	padding: 0px 15px 0px 15px; width: 900px; float:left;}
#sidebar {	float: right;	width: 20px;	padding: 0px 10px 10px 0px;}
#sidebar .ttl {	border-bottom: 5px solid #ddd; text-align:center;}
#sidebar a {	color: #333;}

/* Footer */

#footer {clear: both; padding:15px; text-align:center; color:#999999;}
#footer a {	text-decoration: underline;	color: #666666;	border-bottom:none;}
#footer a img { border:none;}
#footer a:hover { 	text-decoration: none;}


#commentlist ul { list-style:none; margin:20px 0; padding:0;}
#commentlist li { padding:10px; margin:10px 0;}
#commentlist h4 { padding-bottom:5px; border-bottom:2px solid #ccc; margin-bottom:5px;}
#commentlist blockquote { padding-left:10px; text-align:justify; font-style:normal;}
.alt { background:#f4f4f4;}

#commentlistpad { margin: 20px;}

#author.input1{ border:1px solid #666; color:#fff; height:30px; background:#000 url(images/comname.jpg) left center no-repeat; padding-top:10px; width:250px;font-weight:bold; }
#email.input1{ border:1px solid #666; color:#fff; height:30px; background:#000 url(images/comemail.jpg) left center no-repeat; padding-top:10px; width:250px;font-weight:bold;}
#url.input1{border:1px solid #666; color:#fff; height:30px; background:#000 url(images/comurl.jpg) left center no-repeat; padding-top:10px; width:250px;font-weight:bold;}
#comment.input2 { background:#000000 url(images/comcom.jpg) center center no-repeat; border:1px solid #666; color:#fff; overflow:auto;font-weight:bold;}

.alignleft { float:left; }
.alignright { float:right;}
.navigation { margin-top:20px; margin-bottom:40px; font-weight:bold;}

code { font-size: 13px; background:#ddd; padding:0 2px;}
blockquote code { background:#000;}

.headerinput { width:142px; background: url(images/headerinput.png) center center no-repeat; border:none; height:32px; padding: 3px 4px; font-size:18px;}

.buttoninput { width:81px; background: url(images/buttoninput.png) center center no-repeat; border:none; height:32px; padding: 3px 4px; }


.easy_geo_inscris {
	/* bordure du tableau */
	border:0px solid #ccc;
	/* Attribue une largeur au tableau */
	width:100%;
}
.easy_geo_inscris td {
	/* couleur de fond du tableau */
	/* background-color:#FFFFFF; */
	/* type de la police */
	font-family: Arial;
	/* taille de la police */
	font-size:10px;
	/* marge intérieure des cellules */
	padding:5px;
	/* bordure inferieure des cellules */
	border-bottom:0px solid #ccc;
}
.easy_geo_inscris img {
	/* bordure de l'image */
	border-width:3px;
	/* couleur de la bordure de l'image */
	border-color:#ED008C;
	/* marge droite de l'image */
	margin-right:1px;
       /* permet d'afficher le texte en dessous de l'image */
       /*clear:both;*/
}
.easy_geo_inscris a {
	/* couleur du lien */
	color:#ED008C;
	/* police du lien */
	font-weight:bold;
	/* non souligné */
	text-decoration:none;
}
.easy_geo_inscris a:hover {
	/* couleur du lien survolé */
	color:#00000;
	/* souligné au survol */
	text-decoration:underline;	
}
.easy_geo_inscris .label {
	/* style du label */
	/* Couleur du texte */
	color:#FF0000;
	/* gras */
	font-weight:bold;
}