/* COMMON */

.clear:after {
	content: '';
	display: block;
	clear: both;
}

 @font-face {
	font-family: caviar dreams;
	src: url('css/CaviarDreams.ttf');
}

/* BODY */

body {
	font-family: helvetica;
	padding: 0;
	margin: 0;
	background: #ffffff;
	color: #484848;
	font-size: 15px;
}

#header, #container, #footer {
	background: #f7f7f7;
	width: 896px;
	margin: 0 auto;
	position: relative;
}

#header {
	position: relative;
}

#header #lang_sel_list {
	position: absolute;
	top: 19px;
	right: 0;
}


#header #lang_sel_list a {
	//border: 1px solid #6d6d6d;
	color: #6d6d6d;
	background-color:#ebebeb;
	padding: 4px 8px;
	text-decoration: none;
	border-radius: 3px;
	margin-left: 8px;
}

#header #lang_sel_list a:hover {
	background-color:#ffd5e5;	
}

#header #lang_sel_list a:active {
	background-color: #eea2c1;
	color: #ffffff;	
}

#header h1 {
	margin: 0;
	padding: 0;
}

#header h1 img {
	display: block;
}

#container {
	padding: 23px 0 75px;
}

#container menu {
	margin: 0;
	padding: 0;
}

#container menu li {
	list-style: none;
	display: block;
	float: left;
	width: 14.28%;
	font-size: 18px;
	text-align: center;
	height: 38px;
	line-height: 38px;
	position: relative;
}

#container menu li:hover:after, #container menu li.sl-selected:after {
	content: '';
	display: block;
	width: 60%;
	left: 20%;
	top: 0;
	height: 100%;
	position: absolute;
	z-index: 2;
}

#container menu li:hover:first-child:after, #container menu li:hover:nth-child(7):after, #container menu li.sl-selected:first-child:after, #container menu li.sl-selected:nth-child(7):after {
	box-shadow: 0 0px 50px -9px #6cd4d1;
}

#container menu li:hover:nth-child(2):after, #container menu li:hover:nth-child(8):after, #container menu li.sl-selected:nth-child(2):after, #container menu li.sl-selected:nth-child(8):after {
	box-shadow: 0 0px 50px -9px #f686a6;
}

#container menu li:hover:nth-child(3):after, #container menu li:hover:nth-child(9):after, #container menu li.sl-selected:nth-child(3):after, #container menu li.sl-selected:nth-child(9):after {
	box-shadow: 0 0px 50px -9px #ffaf83;
}

#container menu li:hover:nth-child(4):after, #container menu li:hover:nth-child(10):after, #container menu li.sl-selected:nth-child(4):after, #container menu li.sl-selected:nth-child(10):after {
	box-shadow: 0 0px 50px -9px #7797d9;
}

#container menu li:hover:nth-child(5):after, #container menu li:hover:nth-child(11):after, #container menu li.sl-selected:nth-child(5):after, #container menu li.sl-selected:nth-child(11):after {
	box-shadow: 0 0px 50px -9px #ff9797;
}

#container menu li:hover:nth-child(6):after, #container menu li:hover:nth-child(12):after, #container menu li.sl-selected:nth-child(6):after, #container menu li.sl-selected:nth-child(12):after {
	box-shadow: 0 0px 50px -9px #ffc514;
}

#container menu li.sl-selected:first-child a, #container menu li.sl-selected:nth-child(7) a {
	color: #6cd4d1;
}

#container menu li.sl-selected:nth-child(2) a, #container menu li.sl-selected:nth-child(8) a {
	color: #f686a6;
}

#container menu li.sl-selected:nth-child(3) a, #container menu li.sl-selected:nth-child(9) a {
	color: #ffaf83;
}

#container menu li.sl-selected:nth-child(4) a, #container menu li.sl-selected:nth-child(10) a {
	color: #7797d9;
}

#container menu li.sl-selected:nth-child(5) a, #container menu li.sl-selected:nth-child(11) a {
	color: #ff9797;
}

#container menu li.sl-selected:nth-child(6) a, #container menu li.sl-selected:nth-child(12) a {
	color: #ffc514;
}

#container menu li a {
	text-decoration: none;
	font-family: caviar dreams;
	color: #000000;
	background: #fbfbfb;
	position: relative;
	z-index: 5;
	display: block;
	height: 38px;
}

#main, #sidebar {
	display: inline-block;
	vertical-align: top;
	margin-top: 32px;
}

#main {
	width: 590px;
	margin-left: 22px;
}

#main ul {
	margin: 0;
	padding: 0;
}

#main ul li {
	list-style: none;
	position: relative;
}

/* ARTICLE */ 

#main .sl-article {
	position: relative;
}

#main .sl-article:after {
	content: '';
	display: block;
	width: 58%;
	height: 30px;
	position: absolute;
	bottom: 0;
	box-shadow: 0 10px 37px -4px #b1b1b1;
	left: 22%;
	z-index: 2;
}

#main article {
	background: #ffffff;
	padding-top: 14px;
	margin-bottom: 50px;
	box-shadow: 0px 0px 10px 3px #e5e5e5;
	position: relative;
	z-index: 10;
}

#main article header {
	background: #d9f5f4;
	max-width: 555px;
	height: 67px;
	padding: 0 30px 0 12px;
	display: inline-block;
	position: relative;
	left: -20px;
}

#main article.sl-illuxpressions header {
	background: #ffe7ee;
}

#main article header:before, #main article header:after {
	content: '';
	display: block;
	position: absolute;
}

#main article header:before {
	width: 11px;
	height: 76px;
	left: -11px;
	top: 0;
	background: url(img/sl-postTitleBgLeft.png) no-repeat top right;
}

#main article header:after {
	width: 33px;
	height: 67px;
	right: -33px;
	top: 0;
	background: url(img/sl-postTitleBgRight.png) no-repeat top right;
}

#main article.sl-illuxpressions header:before {
	background: url(img/sl-postTitleBgLeftPink.png) no-repeat top right;
}

#main article.sl-illuxpressions header:after {
	background: url(img/sl-postTitleBgRightPink.png) no-repeat top right;
}

#main article header a {
	text-decoration: none;
}

#main article header h2 {
	color: #000000;
	font-family: caviar dreams;
	font-size: 28px;
	padding: 0;
	margin: 7px 0 0;
}

#main article header a h2 {
	font-size: 20px;
}

#main article header time, #main article.sl-illuxpressions header span {
	color: #333333;
	font-size: 14px;
	font-family: caviar dreams;
}

#main article section {
	padding-bottom: 137px; /* For the footer in absolute */
}

#main article section img.aligncenter {
	display: block;
	margin: 0 auto;
}

#main article section p > img, #main article section p > iframe, #main article section p a.fancybox {
	margin: -52px;
}

#main article section img {
	max-width: 590px;
}

#main article section p {
	padding: 8px 52px 0;
	font-size: 14px;
	color: #717171;
}

#main article section p a {
	text-decoration: none;
	color: #E53F6E;
}

#main article section a.sl-linkReference {
	display: block;
	width: 164px;
	height: 62px;
	line-height: 62px;
	border: 1px solid #ebebeb;
	color: #e53f6e;
	font-family: caviar dreams;
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	margin: 19px 32px 0 auto;
}

#main article.sl-noFooter section {
	padding-bottom: 40px;
}

#main article footer {
	position: absolute;
	bottom: 0;
	width: 590px;
	height: 42px;
	border-top: 1px solid #ededed;
	padding: 13px 0 9px;
	background: #ffffff;
}

#main article footer .sl-socialButtons {
	float: left;
	padding: 0;
	margin-left: 12px;
}

#main article footer .sl-socialButtons li {
	list-style: none;
	display: inline-block;
	margin-right: 20px;
}

#main article footer .sl-comments {
	float: right;
	margin-right: 18px;
	text-align: right;
	font-family: caviar dreams;
}

#main article footer .sl-comments a {
	text-decoration: none;
	text-transform: uppercase;
	color: #6b6b6b;
	font-family: caviar dreams;
}

#main article .floatingHeader {
	position: fixed;
	bottom: 0;
	z-index: 100;
}

	/** REFERENCE **/
	
	#main article.sl-reference section p {
		padding: 8px 24px 0;
	}
		
	#main article.sl-reference footer {
		border: 0;
		padding: 0;
		margin: 19px 32px 0;
		height: 108px;
		text-align: right;
	}
	
	#main article.sl-reference footer a {
		display: inline-block;
		font-family: caviar dreams;
		font-size: 20px;
		color: #E53F6E;
		text-decoration: none;
		width: 164px;
		height: 62px;
		line-height: 62px;
		border: 1px solid #ececec;
		text-align: center;
	}
	
	/** end.REFERENCE **/

/* end.ARTICLE */

/* SEARCH */

#main .sl-search h2 {
	font-family: caviar dreams;
	color: #E53F6E;
}

/* end.SEARCH */

/* CONTACT */

#main article.sl-contact section p {
	margin: 12px 0 10px;
}

/* end.CONTACT */

/* COMMENT */

#respond {
	font-family: verdana;
}

#respond ol {
	padding: 0;
	margin: 0;
}

#respond ol li {
	list-style: none;
	margin-top: 20px;
}

#respond ul.children {
	margin-left: 20px;
}

#respond ol li header {
	padding: 0 20px 0 10px;
	height: 43px;
	line-height: 43px;
	border: 1px solid #eeeeee;
	box-shadow: 0px 0px 10px 2px #ebebeb;
	color: #3ba4a3;
}

#respond ol li header:after {
	content: '';
	display: block;
	clear: both;
}

#respond ol li header > * {
	display: inline-block;
}

#respond ol li header h3 {
	font-weight: normal;
	font-size: 18px;
	padding: 0;
	margin: 0;
}

#respond ol li header h3 a {
	text-decoration: none;
	color: inherit;
}

#respond ol li header time {
	font-size: 12px;
}

#respond ol li header a {
	text-decoration: none;
	color: #e53f6e;
	font-size: 16px;
}

#respond ol li header a.comment-reply-link {
	float: right;
}

#respond ol li header a.comment-edit-link {
	font-size: 13px;
}

#respond ol li p {
	color: #717171;
	font-size: 14px;
	padding-left: 10px;
	margin-top: 12px;
}

#respond form {
	margin-top: 38px;
	font-family: caviar dreams;
}

#respond form:after {
	content: '';
	display: block;
	clear: both;
}

#respond form h3 {
	color: #3ba4a3;
	font-weight: normal;
	font-size: 20px;
}

#respond form .sl-connected a, #respond form .cancel-comment-reply a {
	color: #e53f6e;
	text-decoration: none;
}

#respond form label {
	font-size: 18px;
	width: 44px;
}

#respond form label span {
	color: #e53f6e;
}

#respond form label, #respond form input {
	display: inline-block;
	vertical-align: middle;
	margin-top: 17px;
}

#respond form label:nth-of-type(2) {
	margin-left: 35px;
}

#respond form label:nth-of-type(4) {
	display: block;
	width: 100%;
}

#respond form input, #respond form textarea {
	border: 1px solid #d9d9d9;
	box-shadow: inset 0px 0px 10px 2px #ebebeb;
	font-size: 17px;
	padding-left: 13px;
	font-family: inherit;
}

#respond form input {
	width: 187px;
	height: 34px;
	line-height: 34px;
}

#respond form input#url {
	width: 479px;
}

#respond form textarea {
	width: 479px;
	height: 102px;
	margin-left: 48px;
	margin-bottom: 28px;
}

#respond form .sl-mendatory {
	color: #E53F6E;
	font-size: 15px;
	display: inline-block;
	margin-top: 9px;
}

#respond form input[type="submit"] {
	width: 151px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	color: #E53F6E;
	font-size: 20px;
	border: 1px solid #d9d9d9;
	box-shadow: 0px 0px 10px 2px #ebebeb;
	float: right;
	padding: 0;
	background: #FFFFFF;
	font-family: inherit;
	margin: 0 46px 0 0;
}

/* end.comment */

/* SIDEBAR */

#sidebar {
	width: 210px;
	margin-left: 45px;
	font-family: caviar dreams;
}

#sidebar h3 {
	font-size: 20px;
	font-weight: normal;
}

#sidebar h3 a:hover{
	color:blue;
}

#sidebar .sl-contactMe {
	padding-top: 199px;
	background: url(img/sl-contactMe.png) no-repeat top left;
	position: relative;
}

#sidebar .sl-contactMe h3 {
	width: 165px;
	position: absolute;
	top: 0;
	left: 20px;
	font-weight: normal;
	font-size: 18px;
}

#sidebar .sl-contactMe a {
	text-decoration: none;
	color: #000000;
	display: block;
	height: 52px;
	line-height: 52px;
	text-align: center;
	border: 2px solid #ededed;
	border-top: 0; 
	border-radius: 2px;
	background: #ffffff;
	font-size: 21px;
}

#sidebar .sl-contactMe a:hover {
	color:#E53F6E;
}

#sidebar .sl-contactMe a:active {
	color:#c1486a;
}
#sidebar .sl-find-me {
	margin-top: 12px;
}

#sidebar .sl-find-me nav ul {
	margin: 0;
	padding: 0;
}

#sidebar .sl-find-me nav li {
	float: left;
	list-style: none;
	margin-right: 2px;
}

#sidebar .sl-find-me nav li a {
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/sprites.png) no-repeat 0 0;
}

#sidebar .sl-find-me nav li a:hover {
opacity:0.6;
}

#sidebar .sl-find-me nav li.sl-linkFb a {
	background-position: 0 0;
}

#sidebar .sl-find-me nav li.sl-linkTw a {
	background-position: 0 -50px;
}

#sidebar .sl-find-me nav li.sl-linkPr a {
	background-position: 0 -100px;
}

#sidebar .sl-find-me nav li.sl-linkIg a {
	background-position: 0 -150px;
}

#sidebar .sl-facebook {
	border: 2px solid #eeeeee;
	margin-top: 25px;
	box-shadow: 0px 0px 10px 2px #ebebeb;
}

#sidebar .sl-search {
	margin-top: 38px;
	box-shadow: 0px 0px 2px 2px #ebebeb;
}

#sidebar .sl-search form {
	padding: 13px 11px;
	background-color: #ffffff;
	border: 1px solid #ebebeb;
}

#sidebar .sl-search form input {
	font-family: inherit;
}

#sidebar .sl-search form input[type="text"] {
	width: 132px;
	height: 31px;
	line-height: 31px;
	padding-left: 14px;
	box-shadow: inset 0px 0px 10px 5px #e8e8e8;
	font-size: 17px;
	border: 0;
}

#sidebar .sl-search form input[type="submit"] {
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	font-size: 15px;
	margin-left: 5px;
	vertical-align: middle;
}

#sidebar .sl-categories {
	margin-top: 15px;
}

#sidebar .sl-categories h3 {
	display: block;
	padding: 29px 0 0 0;
	margin: 0;
	height: 35px;
	position: relative;
}

#sidebar .sl-categories h3:after {
	content: '';
	display: block;
	width: 71px;
	height: 64px;
	position: absolute;
	background: url(img/sprites.png) no-repeat -51px 0;
	right: 0;
	top: 0;
}

#sidebar .sl-categories ul {
	padding: 26px 27px 16px;
	margin: 0;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 2px #ebebeb;
}

#sidebar .sl-categories ul li {
	list-style: none;
	min-height: 20px;
}

#sidebar .sl-categories ul li a {
	color: #000000;
	font-size: 16px;
	text-decoration: none;
	display: block;
}

#sidebar .sl-categories ul li:hover a {
	color: #E53F6E;
}

#sidebar .sl-authorRights {
	margin-top: 15px;
}

#sidebar .sl-authorRights h3 {
	display: block;
	padding: 20px 0 0 0;
	margin: 0;
	height: 37px;
	position: relative;
}

#sidebar .sl-authorRights h3:after {
	content: '';
	display: block;
	width: 71px;
	height: 57px;
	position: absolute;
	background: url(img/sprites.png) no-repeat -51px -64px;
	right: 0;
	top: 0;
}

#sidebar .sl-authorRights p {
	background: #ffffff;
	box-shadow: 0px 0px 10px 2px #ebebeb;
	padding: 17px 13px;
	font-size: 13px;
	margin: 0;
}

#sidebar .sl-blogs, #sidebar .sl-aboutMe {
	margin-top: 15px;
}

#sidebar .sl-blogs h3, #sidebar .sl-aboutMe h3 {
	display: block;
	padding: 20px 0 0 0;
	margin: 0;
	height: 41px;
	position: relative;
	font-size: 21px;
}

#sidebar .sl-aboutMe h3 {
	padding: 10px 0 0 51px;
	height: 27px;
	font-size: 20px;
}

#sidebar .sl-blogs h3:after {
	content: '';
	display: block;
	width: 71px;
	height: 61px;
	position: absolute;
	background: url(img/sprites.png) no-repeat -51px -121px;
	right: 0;
	top: 0;
}

#sidebar .sl-aboutMe h3:before {
	content: '';
	display: block;
	width: 51px;
	height: 38px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(img/sprites.png) no-repeat -53px -182px;
}

#sidebar .sl-blogs ul, #sidebar .sl-aboutMe ul {
	padding: 20px 30px;
	margin: 0;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 2px #ebebeb;
}

#sidebar .sl-blogs ul li a:hover, #sidebar .sl-aboutMe ul li a:hover {
	color: #E53F6E;
	background: #FFFFFF;
}

#sidebar .sl-blogs ul li, #sidebar .sl-aboutMe ul li {
	list-style: none;
	width: 150px;
	//height: 25px;
	background: #d9f5f4;
	text-align:center;
	margin-top: 2px;
	//line-height: 39px;
	//padding-left: 10px;
}

#sidebar .sl-blogs ul li:first-child, #sidebar .sl-aboutMe ul li:first-child {
	margin-top: 0px;
}

#sidebar .sl-blogs ul li a, #sidebar .sl-aboutMe ul li a {
	color: #000000;
	text-decoration: none;
	display: block;
}

/* end.SIDEBAR */

/* FOOTER */

#footer {
	background: #ffffff;
}

#footer:before {
	content: '';
	display: block;
	width: 100%;
	height: 6px;
	background: url(img/sl-footerBg.png) repeat-x left top #f7f7f7;
}

#nav-footer {
	padding-top: 52px;
}

#nav-footer ul {
	padding: 0;
	width: 572px;
	margin: 0 auto;
}

#nav-footer ul li {
	list-style: none;
	display: inline-block;
	width: 32%;
	vertical-align: top;
}

#nav-footer ul li a {
	display: block;
	width: 162px;
	height: 50px;
	text-indent: -1000px;
	overflow: hidden;
	margin: 0 auto;
	background: url(img/sprites.png) no-repeat -122px 0;
}

#nav-footer ul li.sl-random a {
	background-position: -122px -50px;
}

#nav-footer ul li.sl-next a {
	background-position: -122px -100px;
}

#footer p {
	margin-top: 20px;
	font-family: helvetica, sans serif;
	font-size: 13px;
	text-align: center;
}

#footer p a {
	text-decoration: none;
}

#footer p a.sl-sophie {
	color: #3fa9a8;
}

#footer p a.sl-dev {
	color: #f883af;
}

/* end.footer */

/* navPosts */

#sl-nav-posts {
	position: fixed;
	z-index: 1000;
	margin-left: -79px;
	top: 25%;
}

#sl-nav-posts.hidden {
	display: none;
}

#sl-nav-posts a {
	display: block;
	width: 39px;
	height: 49px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(img/sprites.png) no-repeat -286px 0;
	margin-bottom: 8px;
}

#sl-nav-posts a.sl-nav-posts-prev {
	background-position: -286px -49px;
}

#sl-nav-posts a.sl-nav-posts-next {
	background-position: -286px -98px;
}

#sl-nav-posts a.sl-nav-posts-last {
	background-position: -286px -147px;
}

/* end.navPosts */