ul.styles li {float:left; margin-right:5px}
#settings hr {
			color: red;
			background-color: #333;
			height: 1px;
			border-top:1px solid #707070;
			border-bottom:none;
			border-left:none;
			border-right:none;
}
#settings {
			position:fixed;
			z-index:300;
			height:auto;
			width:210px;
			top:100px; 
			right:0;
			background:#4d4d4d;
			padding:15px;
			border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;
			-ms-border-radius: 5px;-khtml-border-radius: 5px;
			text-shadow:none
		}
		#settings-inner {position:relative; height:auto;
			width:220px;}
			#settings-inner a {color:#fff}
		#onglet {
			position:absolute;
			top:0;
			left:-50px;
			height:15px;
			width:30px;
			background:#4d4d4d;
			padding:10px;
			border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;
			-ms-border-radius: 5px;-khtml-border-radius: 5px;
			cursor:pointer;
		}
		#colorSelector, #colorSelector2 {
			position: relative;
			width: 36px;
			height: 36px;
			background: url('../images/select.png');
		}

		#colorSelector2 {float:right; margin-top:-61px;}

		#colorSelector div, #colorSelector2 div {
			position: absolute;
			top: 3px;
			left: 3px;
			width: 30px;
			height: 30px;
			background: #d1d1d1 url('../images/select.png') center;
			border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;
			-ms-border-radius: 5px;-khtml-border-radius: 5px;
			cursor:pointer;
		}

		#colorSelector2 div {
			background: #262626 url('../images/select.png') center;
		}
		

		.colorpicker {
			z-index: 200; position:fixed!important;
			top:150px!important; 
			right:330px!important;
		}

		a.square {
			display:inline-block;
			width:30px; height:30px; border:1px solid #000;
			border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;
			-ms-border-radius: 3px;-khtml-border-radius: 3px;
		}




		/* BG */

		/*grunge */
		.tangrunge {
			background:url('../../css/skins/tangrunge/grunge.jpg') center center;
		}

		.square.light {
			background:url('../../css/skins/light/bg-light.png') top center;
		}

		.wrapped {
			background:url('../images/wrapped.jpg') top center;
		}

		.dark {
			background:url('../../images/header_bg.png') top center;
		}


/*SKINS*/

/*tangrunge*/
/* Skin */
body.tangrunge {background:url(../../images/bg.jpg)}
body.tangrunge header { background:#0E0E0E url(../../css/skins/tangrunge/grunge.jpg) top center;}

body.tangrunge #main-container {border:none}


body.tangrunge span.holder {display:inline-block; width:100%;height:42px; position:absolute; top:0; left:0; background:url(../../css/skins/tangrunge/holder.png) repeat-x}
body.tangrunge span.holder-bottom {display:inline-block; width:100%;height:42px; position:absolute; bottom:0; left:0; background:url(../../css/skins/tangrunge/holder-bottom.png) repeat-x}


/**************Light***********/
body.light {
	background: url(../../css/skins/light/bg-light.png) repeat;  
}

/* Topbar*/
body.light #topbar {
	background:#EBEBEB;
}
body.light #topbar a {color:#000!important}



body.light #nav a.active, body.light #nav a:hover {color:gray}

/* Main custom color */
body.light #main-container h1 span, body.light #main-container h2 span, body.light #main-container h3 span, body.light #main-container h4 span,
body.light #main-container h5 span, body.light #main-container h6 span, body.light #main-container strong, body.light table.no-bg thead tr th,
body.light #main-container a, body.light .error-wrap a,
body.light .post h2 a span, body.light #filter a, body.light #filter a:hover {
  color: #000;
}

/* Global font color */
body.light #main-container, body.light #main-container h1,body.light #main-container  h2, body.light #main-container h3, 
body.light #main-container h4, body.light #main-container h5,body.light #main-container h6, body.light #main-container blockquote span.cite,  body.light #filter a.active:hover,  body.light .post h2 a ,  body.light .blog-links a {
	color: #4d4d4d !important;
}

body.light #main-container strong {
  color:#000!important
}

body.light #main-container {text-shadow:1px 1px #fff}

/* Page links underline */
body.light a.dotted, body.light aside .tweet_text a { text-decoration:none!important; border-bottom:1px dotted #000; }


/* Image shadow */
body.light .shadow { 
 -moz-box-shadow: 3px 3px 5px #333333;
  -webkit-box-shadow: 3px 3px 5px #333333;
  -o-box-shadow: 3px 3px 5px #333333;
  box-shadow: 3px 3px 5px #333333;
 }

/* Separator */
body.light .separator { border-top: #d4d4d4 1px solid;
  background: #f5f5f5;}

body.light blockquote p { color:#000; text-shadow:none }

/* Image frame */
body.light .frame {
  background-color: #EBEBEB;
  outline: 1px solid #0d0d0d;
}

body.light .zoom  {
	background-color: #EBEBEB;
}

body.light .notif {
   -moz-box-shadow: 3px 3px 5px #cccccc;
  -webkit-box-shadow: 3px 3px 5px #cccccc;
  -o-box-shadow: 3px 3px 5px #cccccc;
  box-shadow: 3px 3px 5px #cccccc;
}

body.light span.icon {
background-color:#999!important;
border:none;display:inline-block;width:16px; height:16px; background-image:url(../../css/skins/light/icons_light.png)}

body.light span.icon:hover {
background-color:#000!important;
background-image:url(../../css/skins/light/icons_light.png); 
}


body.light .box{ 
	background: #e3e3e3;
	}

body.light .box p a {color:#000!important}

body.light .two-cols .overlay_zoom, body.light .three-cols .overlay_zoom, body.light .four-cols .overlay_zoom  {
	background-color: #b8b8b8;
}

body.light .input input, body.light .input textarea {
	 border: 1px solid #cccccc;
  -moz-box-shadow: inset 0px 0px 5px 1px #cccccc;
  -webkit-box-shadow: inset 0px 0px 5px 1px #cccccc;
  -o-box-shadow: inset 0px 0px 5px 1px #cccccc;
  box-shadow: inset 0px 0px 5px 1px #cccccc;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.light .input input:focus, body.light .input textarea:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

body.light .clearfix.error .input input, body.light .clearfix.error .input textarea {
	border: 1px solid #ff6666;
  -moz-box-shadow: inset 0px 0px 5px 1px #ff8080;
  -webkit-box-shadow: inset 0px 0px 5px 1px #ff8080;
  -o-box-shadow: inset 0px 0px 5px 1px #ff8080;
  box-shadow: inset 0px 0px 5px 1px #ff8080;
}

body.light #loader {background:url(../../css/skins/light/ajax-loader.gif) no-repeat; width:16px; height:16px}

body.light #copyright {text-shadow:none}

/************Wrapped************/

body.wrapped {background: url(../../css/skins/wrapped/old_wall.png) repeat}

body.wrapped header, body.wrapped footer, body.wrapped #topbar {background:none}
body.wrapped #copyright {background:#181818;}

body.wrapped #wrapper {background:#181818; width:1000px; padding:0; margin:50px auto}

body.wrapped #topbar, body.wrapped #main-container, body.wrapped footer {border-bottom: 1px dotted #373737}
body.wrapped #intro {border-top: 1px dotted #1b1b1b}

body.wrapped #main-container {padding-top:0}

body.wrapped #slider {

	border:10px solid #101010;

}

body.wrapped .nivo-controlNav {
	background:none;
}

body.wrapped #anythingslidercontainer {margin-bottom:20px!important}