/*  ================================================
CSS Document
Created by: Masim man - http://www.htmlcssguides.com/
===================================================*/

/*  ====== free templates =====*/

#templates {
	margin: 0 auto;
	padding: 0;
}
#templates p {
	margin: 0;
	padding: 0;
}
#templates img {
	margin: .3%;
	padding: 0;
	float: left;
	border: none;
	width: 16%;
	height: 60px;
	background: #eee;
}

/*  ====== special characters =====*/

#characters {
width: 100%;
margin:0 auto;
padding: 0;
background: #fff;
}
#characters div div {
border: solid 1px #ccc;
text-align: center;
height: 18px;
margin: 0;
padding: 0;
overflow: hidden;
}
.column1 {
width:16%;
float: left;
font-weight:bold;
}
.column2 {
width:24%;
float: left;
}
.column3 {
width:25%;
float: left;
}
.column4 {
width:34%;
float: right;
}

/*  ====== meta tags generator =====*/

#metatags {
width: 100%;
margin: 0 auto;
padding:1%;
background: #fff;
border: 1px solid #ccc;
}
#metatags p {
margin: 0;
padding: 0;
}
.metatext {
width: 98%;
}
.input_text {
width: 98%;
margin: 0;
padding: 0;
}
.button {
width: 24%;
}
.descript {
font-style: italic;
font-size: .76em;
margin: 0;
padding: 0;
}
#metatags select {
width: 49%;
margin: 0;
padding: 0;
}
td .title {
width: 16%;
}

/*  ====== color name, hex =====*/

#color-name {
width: 100%;
margin: 0 auto;
padding: 0;
font-size: .96em;
text-align: center;
background: #333;
border-bottom: 1px solid #333;
}
#color-name p {
color: #000;
width: 50%;
margin: 0 auto;
background: #fff;
border: 1px solid #000;
font-weight: bold;
}
#color-name div {
margin: 2px;
padding: 2px;
}
#color-name h2 {
font-size: 1.4em;
margin: 0;
padding: 2px;
color: #000;
background: #ccc;
}