/*
Theme Name: The Fly By Night
Theme URI: http://www.theflybynight.com
Description: Random ramblings from the far flung reaches of the brain on aural delights, intrepid adventures and internet oddities.
Author: <a href="mailto:rich.k82@gmail.com" target="new">Rich Kelly</a>
*/

/* Colours

Pink: #F38EAD (links)
Light Pink: #F1C1D0 (selection)
Sky Blue: #56D5FF (link hover state)
Dark Grey: #757575 (text)
Medium Grey: #E1E1E1
Light Grey: #EEEEEE

*/

@import "style/css/reset.css";
@import "style/css/enrichment.css";

/* UTILITY */

.floatLeft			{ float: left; }

.floatRight			{ float: right;	}

.clear				{ clear: both; }

/* BASIC STRUCTURE */

#page-wrap			{ width: 1150px; margin: 0 auto -250px; min-height: 100%; height: auto !important; height: 100%; }

#header				{ background: url(http://www.theflybynight.com/wp-content/themes/theflybynight/img/headbg.jpg) top center no-repeat; width: 1150px; height: 500px; }

#main-col			{ width: 560px; float: right; min-height: 375px; height: auto !important; height: 375px; /* IE 6 Min Height Hack */ margin: -325px 145px 0 0; padding: 50px 50px 0px 50px; border: 1px solid #EEEEEE; }
	
#side-col		{ width: 343px;float: left; margin: -160px 0 0 0; }

.side-col-logo		{ height: 160px; width: 343px; }

#side-col-nav		{ height: 50px; width: 345px; padding: 15px 0 0 15px; }

#push				{ height: 300px; width: 100%; }
	
/* FOOTER */

#footer				{ width: 100%; height: 200px; margin: 0 auto -200px; }

#footer-inside		{ height: 200px; width: 1150px; margin: 0 auto }

.footer-logo		{ background: url(http://www.theflybynight.com/wp-content/themes/theflybynight/img/footlogo.gif) no-repeat ; height: 150px; width: 160px; margin: 20px 0 0 345px; float: left; }

.footer-credits		{ height: 150px; width: 400px; margin: 20px 145px 0 0; text-align: right; font-size: 11px; float: right; }

.footer-credits a 	{ color: #F38EAD; }

.footer-credits a:hover
					{ color: #56D5FF; }
	
#bottomFade 		{ width: 100%; height: 75px; z-index: 99; position: fixed; bottom: 0px; background: url(http://www.theflybynight.com/wp-content/themes/theflybynight/img/bottomFade.png) bottom repeat; }

/* NAVIGATION */

	/* Side Navigation */

ul#side-nav			{ width: 330px; }
	
ul#side-nav li		{ font-family: georgia, serif; font-size: 18px; text-align: right; padding: 0 30px 0 0; }

ul#side-nav li a 	{ color: #F38EAD; }

ul#side-nav li a:hover
					{ color: #56D5FF; }

	/* Header/Category Navigation */

#head-nav			{ border: 1px solid #EEEEEE; border-top: 0px; float: right; margin: 0 195px 0 0; }
	
ul#cat-nav			{ padding: 4px 0 4px 0;	}

ul#cat-nav li.archives
					{ font-size: 12px; }

ul#cat-nav li		{ font-family: georgia, serif; font-size: 18px; display: inline; padding: 0 4px 0 4px; }

ul#cat-nav li a		{ color: #F38EAD; }
	
ul#cat-nav li a:hover
					{ color: #56D5FF; }

.star				{ width: 12px; height: 11px; margin: 0 0 0 7px; }

	/* Footer Navigation */
	
#footer-nav			{ height: 30px; width: 560px; padding: 30px 200px 0 0; float: right; }

ul#foot-nav			{ width: 580px; }

ul#foot-nav li		{ font-family: georgia, serif; font-size: 10px; padding: 0 10px 0 10px; display: inline; }

ul#foot-nav li a 	{ color: #F38EAD; }

ul#foot-nav li a:hover
					{ color: #56D5FF; }

/* INDEX POST */

.post				{ width: 560px; position: relative; }

/*.post-teaser		{ width: 560px; position: relative; }*/
	
.post-teaser-img	{ height: 310px; width: 560px; }

.post-teaser-title	{ width: 430px; margin: -43px 0 0 110px; padding: 5px 10px 0 15px; background: #EAEAEA; position: relative; float: right; }

.post-teaser-title a	
					{ font-family: georgia, serif; font-size: 40px; font-style: italic; color: #F38EAD; }

.post-teaser-title a:hover
					{ color: #56D5FF; }

.post-teaser-body	{ width: 430px; margin: 0 0 10px 110px; padding: 5px 10px 0 10px; font-family: georgia, serif; font-size: 14px; line-height: 21px; color: #757575; float: right; }

.post-teaser-readon	{ width: 440px; margin: 0 0 60px 0; float: right; }

.post-teaser-readon a
					{ font-family: georgia, serif; font-size: 11px; font-style: italic; color: #F38EAD; }

.post-teaser-readon a:hover	{ color: #56D5FF; }

.post-details		{ position: absolute; }

.post-teaser-cat a	{ background: #56D5FF; margin: 0 0 -18px 0;	padding: 2px 8px; font-family: georgia, serif; font-size: 12px; font-style: italic; color: #FFFFFF; float: left; }

.post-teaser-cat a:hover
					{ background: #757575; }

.post-teaser-date 	{ background: #F38EAD; margin: 0 0 -18px 0; padding: 2px 8px; font-family: georgia, serif; font-size: 12px; font-style: italic; color: #FFFFFF; float: left; }

.post-teaser-cat, .post-teaser-date
					{ display: inline; }
	
.oldarticles a		{ background: #F38EAD; margin: 0 0 0 -50px; padding: 2px 8px; position: relative; font-family: georgia, serif; font-size: 12px; color: #FFFFFF; float: left; }

.oldarticles a:hover
					{ background: #757575; }

.newarticles a		{ background: #56D5FF; margin: 0 -50px 0 0; padding: 2px 8px; position: relative; font-family: georgia, serif; font-size: 12px; color: #FFFFFF; float: right; }

.newarticles a:hover
					{ background: #757575; }

/* SINGLE POST PAGE */

.post-single		{ width: 560px; }
	
.post-single-img	{ height: 310px; width: 560px; }

.post-single-title	{ width: 430px; margin: -43px 0 50px 110px; padding: 5px 10px 0 15px; background: #EAEAEA; font-family: georgia, serif; font-size: 40px; font-style: italic; color: #F38EAD; position: relative; float: right; }

.post-single-body	{ width: 560px; font-family: georgia, serif; font-size: 14px; line-height: 21px; color: #757575; }

.post-single-cat a	{ background: #56D5FF; margin: 0 0 -18px 0;	padding: 2px 8px; font-family: georgia, serif; font-size: 12px; font-style: italic; color: #FFFFFF; position: relative; float: left; }

.post-single-cat a:hover	
					{ background: #757575; }
	
.post-single-date	{ background: #F38EAD; margin: 0 0 -18px 0; padding: 2px 8px; font-family: georgia, serif; font-size: 12px; font-style: italic; color: #FFFFFF; position: relative; float: left; }

.post-single-cat, .post-single-date
					{ display: inline; }

.postmeta a			{ margin: 25px 0 0 0; font-family: georgia, serif; font-size: 14px; color: #F38EAD; float: left; }
	
.postmeta a:hover	{ color: #56D5FF; }

.backtotop a		{ margin: 25px 0 0 0; font-family: georgia, serif; font-size: 14px; color: #F38EAD; float: right; }
	
.backtotop a:hover	{ color: #56D5FF; }

/* COMMENTS ETC */

.comments-col		{ width: 560px; margin: 75px 0 50px 0; }
	
.comments-h3		{ font-family: georgia, serif; font-size: 40px; font-style: italic;	color: #F38EAD; }

.comments-body a	{ font-family: georgia, serif; color: #F38EAD; }

.comments-body a:hover		{ color: #56D5FF; }
	
ol.comments			{ margin: 50px 0 50px 0; }

.comments li		{ list-style: none; margin: 0 0 25px 0; padding: 0 0 25px 0; border-bottom: 1px solid #FFFFFF; }

.comments cite		{ display: block; font-style: normal; }

.comments cite img	{ float: left; margin-right: 20px; }

.commentauthor		{ font-family: georgia, serif; font-size: 20px; color: #757575; }
	
.commentauthor a	{ font-family: georgia, serif; font-size: 20px; color: #F38EAD; }
	
.commentauthor a:hover	
					{ color: #56D5FF; }

.commentdetails		{ font-family: georgia, serif; font-size: 14px; font-weight: bold; color: #757575; }

.commentsbody		{ width: 450px; margin: 18px 0 0 0; line-height: 21px; float: right; }

.commentsmod		{ width: 450px; font-family: georgia, serif; font-size: 12px; color: #F38EAD; float: right; }

.commentsform		{ width: 550px; border: 1px solid #E1E1E1; margin: 10px 0 10px 0; padding: 5px; vertical-align: middle; font-family: Georgia, serif; font-size: 14px; color: #F38EAD; }

.commentsbutton		{ background: #F38EAD; font-family: georgia, serif; font-size: 14px; padding: 5px; border: 0px; color: #FFFFFF; overflow: hidden; cursor: pointer; }
	
.commentsbutton:hover
					{ background: #757575; }
	
/*
	ARCHIVES
*/

.archive			{
	width: 560px;
	margin-bottom: 50px;
	position: relative;	
	}

.archive-post		{
	width: 560px;
	margin: 0 0 60px 0;
	}

.archive-cat		{
	font-family: georgia, serif;
	font-size: 45px;
	font-style: italic;
	text-align: center;
	margin: 0 0 70px 0;
	color: #F38EAD;
	}

.archive-img		{
	height: 169px;
	width: 310px;
	float: right;	
	}

.archive-title		{
	width: 238px;
	margin: -25px 0 0 0px;
	padding: 4px 10px 0 10px;
	background: #EAEAEA;
	position: relative;
	float: right;
	}

.archive-title a	{
	font-family: georgia, serif;
	font-size: 22px;
	font-style: italic;
	color: #F38EAD;
	}

.archive-title a:hover	{
	color: #56D5FF;
	}

.archive-deets		{
	width: 230px;
	float: left;
	}

.archive-body		{
	width: 230px;
	margin: 20px 0 15px 0;
	font-family: georgia, serif;
	font-size: 14px;
	line-height: 21px;	
	color: #757575;
	}
	
.archive-date		{
	width: 230px;
	margin: 30px 0 0 0;
	font-family: georgia, serif;
	font-size: 24px;
	font-style: italic;
	color: #757575;
	}

.archive-readon a	{
	width: 230px;
	margin: 15px 0 60px 0;
	font-family: georgia, serif;
	font-size: 11px;
	font-style: italic;
	color: #F38EAD;
	}

.archive-readon a:hover		{
	color: #56D5FF;		
	}


/*	
	PAGE
*/

.page				{
	margin-bottom: 50px;
	width: 560px;
	position: relative;	
	}

.page-title			{
	font-family: georgia, serif;
	font-size: 45px;
	font-style: italic;
	text-align: center;
	margin: 0 0 70px 0;
	color: #F38EAD;
	}

.page-bigtext		{
	width: 500px;
	margin: 0 0 30px 60px;
	font-family: georgia, serif;
	font-size: 18px;
	font-style: italic;
	text-align: right;
	line-height: 25px;	
	color: #757575;
	float: right;
	}
	
.page-body			{
	width: 480px;
	margin: 0 80px 0 0;	
	font-family: georgia, serif;
	font-size: 14px;
	line-height: 21px;	
	color: #757575;
	}

.page a				{	
	font-size: 25px;
	color: #F38EAD;	
	}

.page a:hover		{
	color: #56D5FF;
	}

.page-link-desc		{
	width: 480px;
	margin: 15px 0 40px 80px;
	font-family: georgia, serif;
	font-size: 18px;
	font-style: italic;
	text-align: left;
	line-height: 25px;	
	color: #757575;
	float: right;	
	}


/*
	404 PAGE
*/

.fourohfour			{
	width: 560px;
	margin-bottom: 50px;
	position: relative;	
	}
	
.fourohfour-title	{
	font-family: georgia, serif;
	font-size: 45px;
	font-style: italic;
	text-align: center;
	margin: 0 0 70px 0;
	color: #F38EAD;
	}	
	
.fourohfour-body	{
	width: 560px;
	font-family: georgia, serif;
	font-size: 14px;
	line-height: 21px;	
	color: #757575;
	}