@import "reset2.css";


.rounded-corners {
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
}
.transitionAll {
  -webkit-transition:all 0.6s ease-in-out;
  -moz-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  transition:all 0.6s ease-in-out;
}
@font-face {
  font-family:bebas;
  src:url('BebasNeue.otf');
}
@font-face {
  font-family:cavDreams;
  src:url('CaviarDreams.ttf');
}
@font-face {
  font-family:dejavu;
  src:url('DejaVuSans.ttf');
}
@font-face {
  font-family:dejavuCon;
  src:url('DejaVuSansCondensed.ttf');
}
@font-face {
  font-family:cardo;
  src:url('Cardo-Regular.ttf');
}
html { font-size:100%; }
body {
  background:#000000 url("black_paper.png") repeat;
  color:#fefefe;
  text-align:center;
  margin:0;
  padding:5px;
  font:72%/135% 'dejavu', Helvetica, Arial, sans-serif;
  font-size:15px;
  line-height:1.7em;
  word-spacing:3px;
  font-weight:300;
}
.wrapper {
  margin:0 auto;
  padding:0 20px;
  max-width:960px;
  text-align:left;
}
.wrapper .header { padding-bottom:40px; }
.wrapper .header h1 {
  font:38px bebas;
  padding-top:40px;
  padding-bottom:40px;
  border-bottom:3px solid white;
}
.wrapper .header h1 a {
  color:white;
  display:block;
  width:auto;
  text-decoration:none;
}
.wrapper .leftColumn {
  float:left;
  width:400px;
  color:rgba(255,255,255,0.8);
}
.wrapper .leftColumn h1 {
  font:50px bebas;
  padding-bottom:37px;
  color:white;
}
.wrapper .grid {
  background:green;
  margin-left:500px;
}
.wrapper .grid >ul>li {
  float:left;
  width:200px;
  height:169px;
  overflow:hidden;
  position:relative;
}
.wrapper .grid >ul>li a { display:block; }
.wrapper .grid >ul>li ul {
  position:absolute;
  bottom:0px;
  font-size:11px;
  opacity:0.7;
  -webkit-transition:all 0.6s ease-in-out;
  -moz-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  transition:all 0.6s ease-in-out;
}
.wrapper .grid >ul>li ul li {
  float:left;
  padding:4px;
  padding-bottom:3px;
}
.wrapper .grid >ul>li ul .tagDesign { background:#1ca6ff; }
.wrapper .grid >ul>li ul .tagGraph { background:#ffc21c; }
.wrapper .grid >ul>li ul .tagProg { background:#ffc21c; }
.wrapper .grid >ul>li ul .tagPhp { background:#ffc21c; }
.wrapper .grid >ul>li ul .tagWeb { background:violet; }
.wrapper ul>li:hover ul.tags { opacity:1; }
.typoPanel {
  background: black;
border: 1px solid white;
	float: left;
	width: 280px;
	padding: 10px;
}
.typoPanel input[type=number]{
	width: 3em;
}
.tab{
}
.column{
	width: 200px;
	float: left;
}
.column .slider{
	width: 150px;
}
.column input[type=number]{
	width:3em;
}
.column:last-child:after{
	background: red;
}
.column:last-child:after{
    content: "fafadf ";
    display: block;
    height: 20px;
    clear: both;
    
}
.clear{
	clear: both;
	height: 0px;
}
.dummyText{
	margin-top: 10px;
}