@import url('reset.css');

/* General Demo Style */
body{
	background:#ffffff;
	color:#000;
	font-family: Arial, sans-serif;
	/*font-size:13px;
	min-height:2000px;*/
}
a{
	color:#5f38d0;
	text-decoration:none;
}
.clr{
	clear:both;
}
h1{
	padding:5px;
	margin-bottom:-22px;
	font-size:1.2847em;
	color:#cecaca;
    text-align:left;
	background-color:#000
}
h1 span{
	font-size:18px;
	color:#1693eb;
}
.more{
	font-family: 'Josefin Slab',Georgia, serif;
	margin:0 auto;
	text-align:center;
	color:#ddd;
	font-size:15px;
	color:#444;
}
.more p{
	display:block;
	margin:10px;
}
.more a{
	color:#666;
	white-space: nowrap;
	font-weight:bold;
	background:#fff;
	padding:1px 6px;
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.more a.current,
.more a.current:hover{
	color:#fff;
	background:#000;
}
.more a:hover{
	background-color:#1693eb;
	color:#fff;
}
/* Header Style */
.header{
	width:80%;
	margin-top:10px;
	margin-left:10%;
	margin-right:10%;
	line-height:1.95em;
	font-size:0.9em;
	background:#fff;
	z-index:4;
		
}
@media screen and (max-width: 600px){
	.header{
		font-size:1em;
		line-height:2.5em;
	}
}

.header a{
	padding:0px;
	color:#444;
	display:block;
	float:left;
}
.header a:hover{
	color: #000;
}
.header span.right{
	float:right;
	color:#000;
}
.header span.right img{
	padding-left:10px;}
.header span.right a{
	float:none;
	display:inline;
}
.header span.right a:hover{
	opacity:0.5;
}
@media screen and (max-width: 400px){
	.header{
		font-size:0.7em;
		line-height:3em;
	}
	.header span.right{
	float:left;
	color:#000;
}
.header span.right img{
	margin-top: 10px;
	margin-left:-10px;
	padding-right:20px;}
}