::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000;
}
@font-face {
  font-family: 'Woodcutter Tags on a Rope';
  src: url(../fonts/Woodcutter_Tags_on_a_Rope.woff);
}
@font-face {
  font-family: 'Slave only dreams to be king';
  src: url(../fonts/slave_only_dreams_to_be_king/Slave-only-dreams-to-be-king.woff);
}
@font-face {
  font-family: 'Hanged Letters';
  src: url(../fonts/Hanged_Letters.woff);
}
.loader{
		position:fixed;
		left:0;top:45px;right:0;bottom:0;
		background-color:#217EAA;
		background-image: linear-gradient(to right bottom, #217FAA 32%, #2D9FD4 53%);
		z-index:1}
	header{
		background-image: linear-gradient(to bottom, #175975 0%, #175975 100%);
    	border-bottom: 1px solid #0f3c4f;
		height:45px;
		left:0;right:0;
		position:fixed;
		z-index:2}
		header h1{
			font:55px/50px "Woodcutter Tags on a Rope",Arial;
			padding-left:15px;
			cursor:pointer;
			width:150px}
		header h1 a{ 
			color: #fff;
			text-shadow:1px 1px #000;
			text-decoration: none;}
			header h1:first-letter{font-size:60px}
			header h1 span{color: rgba(255, 255, 255, 0.7);font-family: 'Woodcutter Tags on a Rope';font-size:50px}
		nav{
			position:fixed;
			z-index:2;
			right:5px;
			top:10px}
			.search-box{
				background-color:#2590c2;
				border-radius:1px;
				padding:2px;
				border:1px solid #164f66;
				box-shadow:0 0 2px #2590c2;
				margin-top:-4px;
				margin-right:20px}
			.search-box input{
				font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
				border:0;
				font-size:12px;
				padding:5px 10px 5px 10px;
				background:transparent;
				outline:none;
				transition:all 300ms linear}
				.search-box input[type="submit"]{
					background-color:#1a688c;
					border-radius:1px;					
					color:#FFF}
				.search-box input[type="text"]{padding-left:30px}	
				.search-box input[type="text"]:focus{
					padding-left:30px;
					padding-right:35px}
			nav ul{float:right}
			nav li{
				float:left;
				cursor:pointer;
				line-height:33px;
				padding-left:15px;
				padding-right:15px}
				nav li:first-child{border-left:0}
				nav li.active{
					padding-left:20px;
					padding-right:20px;
					border:1px solid #185775;
					border-bottom:0;
					line-height:35px;
					box-shadow:0 0 1px #2ba9e3;
					background-color:#2285b3;
					border-top-left-radius:1px;
					border-top-right-radius:1px}
					nav li.active a{cursor:default}
				nav li a{
					color:#FFF;
					text-decoration:none;
					text-shadow:1px 1px #000;
					font: bold 13px/32px Arial}
				nav li a:hover{
				    color: rgba(12, 49, 63, 0.9);
				    text-shadow: -1px 1px 1px rgba(42, 193, 252, 0.3)}
article{
	padding-top:48px;margin-bottom: 30px;}
.adsright {
    border:1px solid #18678c;
    border-radius: 3px;
    box-shadow:0 0 6px #1d77a1;
    background-image: linear-gradient(to bottom, #42C9FF 0%, #2894BF 100%);
    cursor: pointer;
    height: 90px;
    list-style: outside none none;
    margin:5px auto -3px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    text-align: center;
    width: 970px;}
	article section{
		display:block;
		margin:10px;
		background-color:#42C9FF;
		border:1px solid #51CDFF;
		float:left;
		width:100px;
		height:100px;
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
		position:relative;
		border-radius:0px; 
		cursor:pointer;
		padding:3px;
		transition:all 300ms linear;
		background-image: -moz-linear-gradient(bottom, #42C9FF 0%, #1C6D93 49%, #3EBDEF 100%);
		background-image: -webkit-linear-gradient(bottom, #42C9FF 0%, #1C6D93 54%, #3EBDEF 100%);
		overflow: hidden}
		article section img{
			width:100%;
			height:100%;
			border-radius:3px}
			article section .shadow-box{
				position:absolute;
				box-shadow:0 0 15px 1px #000 inset;
				-webkit-box-shadow:0 0 17px 2px #000 inset;
				left:3px;top:3px;right:3px;bottom:3px;
				transition:all 500ms linear}
				article section:hover .shadow-box{
					border-radius:2px;
					box-shadow:0 0 15px #FFF inset;
					left:6px;top:6px;right:6px;bottom:6px}