* { 
margin: 0; /*remove all default margins!*/
padding: 0; /*remove all default padding!*/
}

html {}

/* Body */
body {
/*	background: #e47b22 url('../images/bg-orange2.jpg') repeat-y;
*/	
background: #ec7440 url('../images/bg-orange2.jpg') repeat-y;
	color: #666;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: 'Lucida Grande', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
	line-height: 1.3;
	text-align: left;
}


/* Anchors */
a {
	/*color: #777;*/
	outline: 0;
	-webkit-transition: color 0.5s ease-in;  
  -moz-transition: color 0.5s ease-in;  
  -o-transition: color 0.5s ease-in;  
  transition: color 0.5s ease-in;
}

a img {border: 0px; text-decoration: none;}
a:hover {color: #000;}
	
/* Paragraphs */
p {padding: 10px 0;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

/* Lists */
ul {}

ol {list-style: outside decimal; margin: 1em 0 1.5em 1.5em;}

/*dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}*/

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

	
/* HTML5 tags */
header, section, footer, aside, nav, article, figure {display: block;}

/***** Layout *****/

#wrapper {margin: 0 auto; width: 960px; padding: 10px 0;}/* MAIN PAGE CENTRE CSS DEVICE */

img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}

/*	HEADER */
#masthead {}

/* BANNER */
	#masthead h1 {font-size: 2em; line-height: .6; border: 1px solid blue;}
	#masthead h1 a:link, #masthead h1 a:visited {
		color: #ccc;
		display: block;
		font-weight: normal;
		margin: 0 0 .6em .2em;
		text-decoration: none;
		width: 427px;
		border: 1px solid yellow;
	}
	#masthead h1 a:hover, #masthead h1 a:active {
		background: none;
		color: #C74350;
		text-shadow: none;
	}
	
	#masthead h1 strong {font-size: 0.36em; font-weight: normal;}
	
	/* Main navbar */
	#masthead nav {
		float: right;
		height: 50px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
	#masthead nav ul {list-style: none; margin: 0; /*border: 1px solid red;*/ }
	#masthead nav li {float: right; display: inline; margin: 0;}
	
	#masthead nav a {
		color: #000;
		display: inline-block;
		height: 35px;
		padding: 15px 20px 0 20px;
		text-decoration: none;
		-webkit-transition-property: background;
		-webkit-transition-duration: 0.7s;
		-webkit-transition-timing-function: linear, ease-in;
	}
	
	#masthead nav a:hover {
		background: rgba(255, 255, 255, 0.33);
		
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		color: #fff;
}

#masthead nav a:active {
		background: rgba(255, 255, 255, 0.33);
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		color: #f93;
}
	
	#masthead nav .active a:link, #masthead nav .active a:visited {
		background: rgba(255, 255, 255, 0.15);
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		color: #fff;
	}
	
	/* CSS for ACTIVE state link - home page only?? */
	#masthead nav li:first-child a {
		/*background: rgba(255, 255, 255, 0.50);
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;*/
	}
	
	
/*HOME PAGE PNG PANEL */
#web-design {text-align: center; padding: 0 20px; width: 920px;}
#web-design h1 {color: #fff; letter-spacing: -1px;}

/*HOME PAGE PROMO PANELS */
#home-promos {/*border: 1px solid yellow;*/ }

.promo {
	width: 430px; /* half of 900px */
	background: #fff;
	margin-bottom: 2em;
	padding: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
/*box-shadow: 1px 1px 5px #333;
-webkit-box-shadow: 1px 1px 5px #333;
-moz-box-shadow: 1px 1px 5px #333;*/

box-shadow: 0 1px 2px rgba(0,0,0,.33);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.50);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.50);
}

.promoproduit {
	width: 920px; /* half of 900px */
	background: #fff;
	margin-bottom: 2em;
	padding: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
/*box-shadow: 1px 1px 5px #333;
-webkit-box-shadow: 1px 1px 5px #333;
-moz-box-shadow: 1px 1px 5px #333;*/

box-shadow: 0 1px 2px rgba(0,0,0,.33);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.50);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.50);
}

.promocontact {
	width: 918px; /* half of 900px */
	background: #fff;
	margin-bottom: 2em;
	padding: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
/*box-shadow: 1px 1px 5px #333;
-webkit-box-shadow: 1px 1px 5px #333;
-moz-box-shadow: 1px 1px 5px #333;*/

box-shadow: 0 1px 2px rgba(0,0,0,.33);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.50);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.50);
}

.divider1 {border-top: 1px solid #fff; border-bottom: 1px solid #e5e5e5; margin: 10px 0 15px 0;}
.divider2 {border-top: 1px solid #f49d4f; border-bottom: 1px solid #dd8738; margin: 10px 0 15px 0;}

.promo h2 {color: #ed8014; text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;}
.promo h3 {margin-bottom: .5em;}
.promo img {float: right; padding: 0 0 10px 10px;}

/* PROMO PANELS */
#web-promo1 {float: left; border: 1px solid #fff;
background-color: #eee; /* fallback color */
background-image: -moz-linear-gradient(100% 100% 90deg, #fff, #eee);
background-image: -webkit-gradient(linear, 0% 0%, 0% 50%/* fade top */, from(#eee), to(#fff));}

#web-promo2 {float: right; border: 1px solid #fff;
background-color: #eee; /* fallback color */
background-image: -moz-linear-gradient(100% 100% 90deg, #fff, #eee);
background-image: -webkit-gradient(linear, 0% 0%, 0% 50%/* fade top */, from(#eee), to(#fff));
}

#home-quote {
	float: right;
	width: 430px; /* half of 900px */
	margin-bottom: 2em;
	padding: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: rgba(255, 255, 255, 0.15)/* white BG 20% opacity */;
	}

#home-quote h2 {color: #fff;}

/* FEATURED PANEL */
#webpage {
	/*background: #fff;*/
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	width: 920px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: rgba(255, 255, 255, 0.15)/* white BG 20% opacity */;
}

#webpage figure {float: right; margin: 0 20px;}
#webpage figure img {display: block; float: right;}

#webpage p {color: #333;}
#webpage h2 {color: #fff; font-size: 2em;}

#webpage ul {margin: 10px 0;}
#webpage ul li {background: url('../images/bullet1.gif') no-repeat 0 50%; color: #333; list-style-type: none; padding: 0 0 0 15px; line-height: 1.5;}


#webpage a {color: #000;}
#webpage a:hover {color: #fff;}


#webpage h3 a:link, #webpage h3 a:visited {color: #333; text-decoration: none;}
#webpage h3 a:hover, #webpage h3 a:active {color: #fff;}



/* BODY */

#content {
	background: #fff;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	width: 920px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/* EXTRAS */
#extras {}

#extras ul {list-style: none; margin: 0;}
#extras li {}

#extras h2 {color: #ce4; font-size: 1.6em; padding: 0 3px;}

#extras a:link, #extras a:visited {
	color: #444;
	display: block;
	border-bottom: 1px solid #ce4;
	text-decoration: none;
	padding: .3em .25em;
}

#extras li:last-child,
#extras li:last-child a {border: 0}

#extras .blogroll li:nth-last-child(2),
#extras .blogroll li:nth-last-child(3),
#extras .blogroll li:nth-last-child(2) a,
#extras .blogroll li:nth-last-child(3) a {border: 0;}

#extras a:hover, #extras a:active {color: #fff;}

/* BLOGROLL */
#extras .blogroll {float: left; width: 615px; background-color: #c00;}
#extras .blogroll li {float: left; margin: 0 20px 0 0; width: 185px;}


/* PORTFOLIO */

#portfolio {}
#portfolio-pic {margin: 0 310px 0 0; padding: 0 0 0 20px;}
#portfolio-specs {float: right; width: 300px; margin: 15px 0 0 0;}
#portfolio ul {margin: 10px 0;}
#portfolio ul li {background: url('../images/bullet1.gif') no-repeat 0 50%; color: #333; list-style-type: none; padding: 0 0 0 15px; line-height: 1.5;}
#portfolio h2 {color: #fff;}
#portfolio p {color: #483f3f;}
#portfolio a {color: #483f3f;}
#portfolio a:hover {color: #fff;}

#portfolio dl {padding: 10px 0; border-bottom: 1px dotted #f90; }
#portfolio dl dt {color: #222; font-size: 16px; font-weight: normal;}
#portfolio dd {color: #483f3f; margin-left: 0;}

#gallery-page {padding: 10px;}
#gallery {}
#gallery ul {}
#gallery ul li {
	float: left;
	display: inline;
	list-style-type: none;
	margin: 15px 10px;
	color: #FFF;
}
#gallery ul li img {
 /*border: 6px solid #fff;
 box-shadow: 1px 1px 5px #333;
-webkit-box-shadow: 1px 1px 5px #333;
-moz-box-shadow: 1px 1px 5px #333;*/
 /*-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.33);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.33);
	box-shadow: 0 2px 3px rgba(0,0,0,.33);*/
 /*box shadow effect in IE*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=4);*/     
 /*box shadow effect in Browsers that support it, Opera 10.5 pre-alpha release*/
 
/*-webkit-transition: -webkit-transform .2s ease-in-out, -webkit-box-shadow .2s ease-in;
*/
}

#gallery ul li a {}
/*#gallery ul li img:hover {
	-moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
	-z-index: 10;
	-webkit-box-shadow: #000 0 2px 10px;
}
*/

/* ABOUT */
#about {
	background: #fff;
	font-style: normal;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	text-align: left;
	width: 920px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#about .primary {float: left; width: 165px;}
#about .primary strong {color: #C64350; display: block; font-size: 1.286em;}
#about .photo {float: left; margin: 5px 20px;}

#about .url:link, #about .url:visited {text-decoration: none;}

#about .bio {float: right; width: 500px;}



/* FOOTER */
#footer {clear: both; padding: 15px 20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background: -webkit-gradient(linear, left top, left bottom, from(#4b2a1d), to(#000));
	background: -moz-linear-gradient(top, #4b2a1d, #000);
	background: -o-linear-gradient(top, #4b2a1d, #000);
	background: linear-gradient(top, #4b2a1d, #000);
	background-color: #4b2a1d;
}

#footer h2 {color: #e57b23; font-size: 1.6em;}
#footer h3 {color: #e57b23; font-size: 1em;}

#footer ul {margin: 0;}
#footer ul li {list-style-type: none;}
#footer ul li a {display: block; padding: 3px 0; border-bottom: 1px solid #454545; text-decoration: none;}

#footer a {color: #777;}
#footer a:hover {color: #fff;}

.vcard {float: left; width: 210px; border: 1px solid yellow; margin: 0 15px 0 0;}
.tel {font: 10px 'Share-RegularRegular'; letter-spacing: -1px; font-size: 1.4em; color: #999;}


#contact {float: left; width: 200px; margin: 0 15px 0 0; padding: 0 15px; 
border-left: 2px dotted #555; border-right: 2px dotted #555;
}

#contact ul li a.uk {background: url('../images/perso.png') no-repeat 0 50%; padding: 3px 0 3px 30px;}
#contact ul li a.australia {background: url('../images/perso.png') no-repeat 0 50%; padding: 3px 0 3px 30px;}	
/* ICONS */
/*#contact a[href*='skyrocket.com.au'] {background-image: url('../images/flag-australia.gif');}
#contact a[href*='skyrocket.co'] {background-image: url('../images/flag-uk.gif') no-repeat;}*/

#services {float: left; width: 210px; margin: 0 10px 0 0;}

#footernav {float: left; width: 200px; margin: 0 10px 0 0; padding: 0 15px 0 0;}
.texteblanc {
	font-family: 'Lucida Grande', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
	font-size: 16px;
	color: #FFF;
}

.texteblanc13 {
	font-family: 'Lucida Grande', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
	font-size: 13px;
	color: #FFF;
}

.textebrun13 {
	font-family: 'Lucida Grande', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
	font-size: 13px;
	color: #3f2a01;
}

.texteblanclien {
	font-family: 'Lucida Grande', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
	font-size: 14px;
    text-decoration: none;
	color: #FFF;
}

.texteorangelien {
	font-family: 'Lucida Grande', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
	font-size: 14px;
    text-decoration: none;
	color: #fb9a3c;
}



/* SOCIAL NETWORKING */
#networking {float: left; width: 200px; border-left: 2px dotted #555; padding: 0 10px}

#networking ul {list-style: none; margin: 0;}
#networking li {}

#networking a:link, #networking a:visited {}
#networking a:hover, #networking a:active {color: #fff;}

.social-network {}
	
#networking div[class='social-network'] a {
	background-repeat: no-repeat;
	background-position: 0 50%;
  padding: 3px 0 3px 25px;
}
	
/* ICONS */
.social-network a[href*='www.yvelines-saumon-fume.fr/'] {background-image: url('../images/icon16-ysf.png');}


/***** Sections *****/


/* BODY */

#blog-content {
	background: #fff;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	width: 920px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* BLOG */
.hentry {border-bottom: 1px solid #eee; padding: 1.5em 0;}
li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
#content > .hentry {padding: 1em 0;}

.entry-title {font-size: 1.429em; margin-bottom: 0;}
.entry-title a:link, .entry-title a:visited {text-decoration: none;}

.hentry .post-info * {font-style: normal;}

	/* Content */
	.hentry footer {margin-bottom: 2em;}
	.hentry footer address {display: inline;}
	#posts-list footer address {display: block;}

	/* Blog Index */
	#posts-list {list-style: none; margin: 0;}
	#posts-list .hentry {padding-left: 200px; position: relative;}
	#posts-list .hentry:hover {
		background: #C64350;
		color: #fff;
	}
	#posts-list .hentry:hover a:link, #posts-list .hentry:hover a:visited {
		color: #F6CF74;
		text-shadow: 1px 1px 1px #333;
	}
	
	#posts-list footer {
		left: 10px;
		position: absolute;
		top: 1.5em;
		width: 190px;
	}
	
	/* About the Author */
	#about-author {
		background: #f9f9f9;
		clear: both;
		font-style: normal;
		margin: 2em 0;
		padding: 10px 20px 15px 20px;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	#about-author strong {
		color: #C64350;
		clear: both;
		display: block;
		font-size: 1.429em;
	}
	
	#about-author .photo {border: 1px solid #ddd; float: left; margin: 5px 1em 0 0;}
	
	/* Comments */
	#comments-list {list-style: none; margin: 0 1em;}
	#comments-list blockquote {
		background: #f8f8f8;
		clear: both;
		font-style: normal;
		margin: 0;
		padding: 15px 20px;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#comments-list footer {color: #888; padding: .5em 1em 0 0; text-align: right;}
	
	#comments-list li:nth-child(2n) blockquote {background: #F5f5f5;}
	
	/* Add a Comment */
	#add-comment label {clear: left; float: left; text-align: left; width: 150px;}
	#add-comment input[type='text'],
	#add-comment input[type='email'],
	#add-comment input[type='url'] {float: left; width: 200px;}
	
	#add-comment textarea {float: left; height: 150px; width: 495px;}
	
	#add-comment p.req {clear: both; margin: 0 .5em 1em 0; text-align: right;}
	
	#add-comment input[type='submit'] {float: right; margin: 0 .5em;}
	#add-comment * {margin-bottom: .5em;}
	
	
	/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
	
	
	/* BUTTONS */
	.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	/*font: 14px/100% Arial, Helvetica, sans-serif;*/
	/*padding: .2em 0.7em;*/
	padding: 3px 10px 5px 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.33);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.33);
	box-shadow: 0 1px 2px rgba(0,0,0,.33);
}
.button:hover {text-decoration: none;}
.button:active {position: relative;	top: 1px;}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* BLACK button */
.black {
	color: #ffffff!important;
	border: solid 1px #000;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a321e), to(#222222));
	background: -moz-linear-gradient(top, #5a321e, #222222);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a321e', endColorstr='#222222');
}
.black:hover {
color: #fe8400!important;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#5a321e));
	background: -moz-linear-gradient(top, #333333, #5a321e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#5a321e');
}
.black:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top, #f47a20, #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* CSS3 QUOTE PANEL SPEECH BUBBLE*/
/* Styled blockquote with right-angled triangle */

.speech-bubble {
	position:relative;
	padding:15px 30px;
	margin: 15px 0 2px 0;
	color:#666;
	background:#eee; /* default background for browsers without gradient support */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background:-moz-linear-gradient(top, #eee, #fff);
	background:-o-linear-gradient(top, #eee, #fff);
	background:linear-gradient(top, #eee, #fff);
}

.speech-bubble + p {color: #333; margin: 0 0 0 70px;}

/* speech bubble triangle */
.speech-bubble:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-20px;
	left:30px;
	width:0;
	height:0;
	border-width: 0 25px 20px 0px;
	border-style: solid;
	border-color: transparent #fff;
}


/* TESTIMONIAL */
.testimonial {
width: 500px;
	position:relative;
	padding:15px 30px;
	margin: 15px 0 2px 0;
	color:#666;
	background:#eee; /* default background for browsers without gradient support */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background:-moz-linear-gradient(top, #eee, #fff);
	background:-o-linear-gradient(top, #eee, #fff);
	background:linear-gradient(top, #eee, #fff);
}

.testimonial + p {color: #333; margin: 0 0 0 70px;}

/* speech bubble triangle */
.testimonial:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-20px;
	left:30px;
	width:0;
	height:0;
	border-width: 0 25px 20px 0px;
	border-style: solid;
	border-color: transparent #fff;
}



#facebook-like {float: right;}
#planet {float: right;}

#sitemap ul {float: left; width: 200px; margin: 20px 0;}
#sitemap ul li {}
#sitemap ul li a {color: #000;}
#sitemap ul li a:hover {color: #fff;}


/* FORMS */
#username, #email, #message {
	border: none;
	padding: 3px 5px;
	font: 16px 'Share-RegularRegular';
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}






/* CLEARFIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}