::-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;
}
.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{
		border-bottom:1px solid #185775;
		background-image: linear-gradient(to bottom, #217FAA 0%, #1D769C 100%);
		height:45px;
		left:0;right:0;
		position:fixed;
		z-index:2}
		header h1{
			font-family: 'Chewy', sans-serif;
			font-size:28px;
			color:#A6E1FC;
			text-shadow:1px 1px #235E7A;
			padding-left:5px;
			line-height:40px;
			cursor:pointer;
			width:150px}
			header h1:first-letter{font-size:35px}
			header h1 sup{
				font-size:20px;
				font-family: 'Shadows Into Light', cursive}
		nav{
			position:fixed;
			z-index:2;
			right:5px;
			top:10px}
			.search-box{
				background-color:#2590c2;
				border-radius:2em;
				padding:2px;
				border:1px solid #1f7299;
				box-shadow:0 0 2px #2ba9e3;
				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:2em;					
					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:left}
			nav li{
				float:left;
				cursor:pointer;
				line-height:30px;
				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:33px;
					box-shadow:0 0 1px #2ba9e3;
					background-color:#2285b3;
					border-top-left-radius:8px;
					border-top-right-radius:8px}
					nav li.active a{cursor:default}
					nav li.active a:hover{color:#FFF}
				nav li a{
					color:#FFF;
					text-decoration:none;
					text-shadow:1px 1px #000;
					font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
					font-size:12px}
				nav li a:hover{color:#CCC}
article{
	padding-top:48px}
.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 #18678c;
		float:left;
		width:100px;
		height:100px;
		box-shadow:0 0 6px #1d77a1;
		position:relative;
		border-radius:3px; 
		cursor:pointer;
		padding:3px;
		transition:all 300ms linear;
		background-image: linear-gradient(to bottom, #42C9FF 0%, #2894BF 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:2px;top:2px;right:2px;bottom:2px;
				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}
 .extralink{background:rgba(0, 0, 0, 0.5);border-radius:2em;overflow:hidden;margin-left:10px}
.extralink a{border-left:1px solid rgba(0, 0, 0, 0.4);line-height:30px;padding:0 5px 0 5px;
background-color:#42C9FF;}
.extralink a:first-child{border:0}
.extralink a{text-decoration:none}