/* awesome style functions */ 

.transition(@t:0.3s) {
	 -moz-transition: all @t ease-out;  /* FF4+ */
       -o-transition: all @t ease-out;  /* Opera 10.5+ */
  -webkit-transition: all @t ease-out;  /* Saf3.2+, Chrome */
      -ms-transition: all @t ease-out;  /* IE10? */
          transition: all @t ease-out;
}


.thintxt() {
	-webkit-text-stroke:1px transparent;
	opacity:0.9999;
}

@c_color: #DCDCDC;
@c_bg: #323232;

@basesize: 18px;
@baseline: 23px;

.text-overrides() {color:@c_color;}

/** real style stuffs */

body,html {background-color:@c_bg;}
html{overflow-y:scroll;}
body {position:relative;.text-overrides();}

h1, h2, h3, h4, h5, h6 {}

a, a:hover {color: #B8E5E2;text-decoration:none;}

p {}

pre {
	color:black;
}

/**
 * General structure styles
 */

body, html {
	background-image:url('../img/dark_mosaic.png');
}
.leading-module {
	margin-top:60px;
}

#footer {
	position:absolute;
	bottom:20px;
	left:20px;
}

/**
 * This may take a little bit to
 * work with, I want nicer text,
 * but I got no idea how to direct
 * the styles
 */
#container {.thintxt();}

/**
 *	/picroll
 *
 * .image-cell styles 
 */
.image-cell {
	width:900px;
	height:600px;
	margin-left:20px;
	/*border-left:1px solid #8A8A8A;*/
	/*border-right:1px solid #8A8A8A;*/
	.transition(.5s);
	opacity:.15;
}
.image-cell {position:relative;}
.image-cell .caption {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:50px;
}
.image-cell .caption p {
	padding:5px;
	color:#DEDEDE;
	background-color:rgba(0,0,0,0.7);
	font-size:18px;
}
.image-cell.active-cell {
	opacity:.99;
}
.image-cell.first {/*border-top:1px solid #8A8A8A;*/}
.image-cell.last {/*border-bottom:1px solid #8A8A8A;*/}

/**
 *	/weblog
 *
 * styles for the web log
 */
#sidebar h3 {
	line-height:28px;
}
#sidebar h3 a {
	color:#BFBFBF;
	text-decoration:none;
	display:block;
	padding:1px 5px;
}
#sidebar ul.news-list {
	margin:0;
	padding:0;
	padding-left:5px;
}
#sidebar ul.news-list li {
}
#sidebar ul.news-list li a {
	color:#E5E5E5;
	text-decoration:none;
	cursor:pointer;
	display:block;
	padding:3px 5px;
}
#sidebar ul.news-list li a:hover, #sidebar h3 a:hover {
	background-color:#404040;
}

.news-cell {
	padding-bottom:30px;
	padding-right:30px;
	border-bottom:1px dashed gray;
	margin-bottom:40px;
	/*width:940px;*/
}




.clear {
	clear:both;
}