/* GLOBALS */

body {
	margin:0px;
	padding:0px;
	background:#13222d url('../img/bg.jpg') no-repeat top center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#FFF;
	line-height:135%;
	height:100%;
	text-shadow:0 1px rgba(0, 0, 0, 0.75);
}

a {
	color:#A0C05D;
	font-weight:bold;
	line-height:150%;
	text-decoration:none;
}

a.hide { text-indent: -9999px; }

input { outline:none; }

div#container {
	position:relative;
	width:100%;
}

	#container div#content {
		position:relative;
		width:265px;
		margin:40px auto;
	}
		
		#content a#flicka-logo {
			background:url('../img/flicka-logo.png') no-repeat top left;
			width: 259px;
			height:99px;
			display:block;
		}
		
		
	#container #flicka-screenshots {
		position:relative;
		background:url('../img/flicka-1.png') no-repeat top left;
		width:100px;
		height:204px;
		display:block;
		overflow:hidden;
		float:right;
	}
	
	#container div#footer {
		margin-top:20px;
		font-size:10px;
		background:url('../img/trans.png');
		clear:both;
	}

/* BLOG */

div.blog-post {
	background:url('../img/bg-blog-post.png') no-repeat top left;
	width:257px;
	height:52px;
	overflow:hidden;
	margin:15px 0;
}

	.blog-post div.content {
		margin:11px 0px 0px 15px;
	}
	
	.blog-post div.content.read-more {
		position:relative;
		text-align:center;
		width:100%;
		margin:0 !important;
		top:13px;
	}

	.blog-post div.content h2,
	.blog-post div.content a {
		font-size:13px;
		color:#fff;
		margin:0;
		padding:0;
		font-weight:normal;
		line-height:100%;
		text-decoration:underline;
	}
	
	.blog-post span.date {
		color:#636f84;
		font-size:11px;
	}

/* FORMS */
		
div#form-message {
	background:url('../img/trans.png');
	width:248px;
	font-size:12px;
	text-align:center;
}

	#form-message p {
		padding:15px;
		color:#E85035;
	}

form .form-text {
	background:url('../img/form-input.png') no-repeat top left;
	width:188px;
	height:36px;
	overflow:none;
	position:relative;
	float:left;
}

	.form-text input.email {
		border:none;
		font-size:14px;
		font-weight:bold;
		color:#2c2c2c;
		font-family:Helvetica, Arial, sans-serif;
		width:176px;
		margin:9px 0px 0px 6px;
		background:transparent;
	}
	
form .form-go {
	position:relative;
	float:left;
	padding-left:10px;
}

	.form-go input.go {
		border:none;
		background:url('../img/btn-go.png') no-repeat top left;
		width:54px;
		height:36px;
	}

/* MENU */

div#menu {
	margin:22px 0px;
}
	
	#menu a#read-our-blog {
		position:relative;
		display:block;
		background:url('../img/btn-read-our-blog.png') no-repeat;
		width:120px;
		height:34px;
		float:left;
		top:-6px
	}
	
	#menu div#follow-flicka {
		position:relative;
		display:block;
		background:url('../img/flicka-follow-bg.png') no-repeat;
		width:120px;
		height:42px;
		float:right;
		top:-13px;
		right:8px;
	}
	
		#follow-flicka .icn {
			position:relative;
			display:block;
			width:16px;
			height:16px;
			overflow:hidden;
			float:left;
			margin:16px 0px 0px 11px;
		}
		
		#follow-flicka a#icn-facebook { background:url('../img/icn-facebook.png') no-repeat; }
		#follow-flicka a#icn-twitter { background:url('../img/icn-twitter.png') no-repeat; }
		#follow-flicka a#icn-tumblr { background:url('../img/icn-wordpress.png') no-repeat; }
		#follow-flicka a#icn-flickr { background:url('../img/icn-flickr.png') no-repeat; }

/* MISC */

div.hr {
	width:255px;
	height:2px;
	display:block;
	clear:both;
}

	div.hr.up { background:url('../img/hr-up.png') no-repeat top left; }
	
	div.hr.dn { background:url('../img/hr-dn.png') no-repeat top left; }

span.flicka {
	color: #a0c05d;
	font-weight:bold;
}

div.block {
	margin-top:40px;
	clear:both;
}

.small { font-size:11px; }