@import url("awesome/css/font-awesome.css");

body
{
font-family: 'Lato', Calibri, Arial, sans-serif;
background: #ddd url(images/bg.jpg) repeat top left;
font-weight: 300;
font-size: 16px;
color: #333;
-webkit-font-smoothing: antialiased;
overflow-y: scroll;
overflow-x: hidden;
width: 99%;
}

a, a:visited
{
text-decoration:none;
color:blue;
}

a:hover
{
text-decoration:underline;
color:#000;
}

#container
{
margin:0px auto;
width:100%;
}

#header
{
padding:15px;
width:98%;
background-color:#fff;
min-height:20px;
font-size:18px;
box-shadow: 1px 1px 15px rgba(0,0,0,0.3);
}

#menu
{
padding:20px;
width:960px;
background: #ddd url(images/bg.jpg) repeat top left;
min-height:20px;
font-size:18px;
box-shadow: 
	inset 0 1px 10px rgba(0,0,0,0.2);
margin-bottom:20px;
}

#menu .links a, #menu .links a:visited
{
	font-size:18px;
	margin-top:auto;
}

#all
{
margin-top:20px;
background-color:#fff;
padding:20px;
width:100%;
min-height:400px;
box-shadow: 1px 1px 15px rgba(0,0,0,0.3);
position:absolute;
} 

#all td
{
font-size:16px;
}

textarea
{
font-size:12px;
}

#message /* GREEN - SUCCESS*/
{
width:400px;
background-color:rgba(32,192,0,0.3);
border: 2px solid rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:4px;
}

#message2 /* RED - ERROR*/
{
width:400px;
background-color:rgba(192,0,0,0.3);
border: 2px solid rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:4px;
}

.delete_category, .delete_category:visited
{
color:red;
}

.delete_category:hover
{
color:black;
}

.rename_category, .rename_category:visited
{
color:blue;
}

.rename_category:hover
{
color:black;
}


input[type=text], textarea
{
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #DDDDDD;

border-radius:5px;
}

select
{
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 1px 1px 1px 0px;
border: 1px solid #DDDDDD;

border-radius:5px;
min-width: 150px;

line-height: 1;

overflow: hidden;
background: url(images/down_arrow.jpg) no-repeat right;
border: 1px solid #ccc;
   
-webkit-appearance: none;
}

select:focus
{
box-shadow: 0 0 10px #85c9ff;
border-radius:0px;
}


input[type=text]:focus, textarea:focus 
{
box-shadow: 0 0 10px #85c9ff;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid rgba(81, 203, 238, 1);

border-radius:0px;
}

#button, input[type=submit]
{
display: inline-block;
margin: 10px;
padding: 7px 12px;
background: #85c9ff;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
transition: all 0.3s ease-out;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.5),
0 2px 2px rgba(0,0,0,0.3),
0 0 4px 1px rgba(0,0,0,0.2);

/* Font styles */
text-decoration: none;
font-weight:bold;
}

#button:hover, input[type=submit]:hover
{
cursor:pointer;
background: #4aafff;
}

#first
{
background-color:#484848;
font-family: 'Lato', Calibri, Arial, sans-serif;
}

#first td
{
color:#85c9ff;
font-size:18px;
}

#manage_posts td
{
padding-left:10px;
padding-right:10px;
}

#manage_posts #single_detail:hover
{
background-color:#85c9ff;
color:white;
}

#single_detail td a
{
text-decoration:none;
color:#85c9ff;
}

#single_detail td span
{
text-decoration:none;
color:#85c9ff;
}

#signle_detail td span
{
text-decoration:none;
color:#gray
}

#single_detail td a:hover
{
text-decoration:none;
}

#single_detail:hover a
{
color:black;
}

#single_detail:hover span
{
color:black;
}

#single_detail:hover #delete
{
color:#ff6767;
}







input[type=checkbox] + span {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	vertical-align:top;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

input[type=checkbox] + span:active, input[type=checkbox]:checked + span:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type=checkbox]:checked + span {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

input[type=checkbox]:checked + span:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}