/*
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 by writer and all round 'lyrical gangsta', Roz Wilson.
Version: Mk2.0
Author: Rich Kelly
Author URI: 
Tags: 
*/

@charset "utf-8";
/* CSS Document */

/**************************************************************************************************

WWW.THEFLYBYNIGHT.COM Mk2.0

******************************************************************************************************

HELLO THERE. 
THIS WEBSITE HAS BEEN LOVINGLY DESIGNED AND BUILT BY RICHARD KELLY. -> RICH.K82@GMAIL.COM
OCTOBER / NOVEMBER / DECEMBER 2010. 

LOOKS BEST IN LATEST VERSION OF SAFARI 5, GOOGLE CHROME OR MOZILLA FIREFOX.
SUPPORT SECURE, OPEN SOURCE AND STANDARDS COMPLIANT WEB BROWSERS -> http://chrome.google.com

WORDPRESS POWERED -> http://www.wordpress.org

THE FLY BY NIGHT LOGO FONT BY JELLYKA NEREVAN - HTTP://JELLYKA.DEVIANTART.COM

***************************************************************************************************/

/* COLORS
PINK: #FB759E
LIGHT PINK: #F7F2F4
DARK BLUE: #566FA5
MAROON: #9E2E50
*/

/* UTILITY */

.floatLeft			{ float: left; }

.floatRight			{ float: right;	}

.clear				{ clear: both; }

/* HEAD SECTION */

#header				{ width: 100%; height: 40px; background: url(img/topBarBg.jpg) top center repeat; position: relative; margin: 0 auto; }

	#topBar				{ width: 960px; height: 40px; position: relative; margin: 0 auto; }

		#headRSS			{ position: absolute; top: 9px; left: 0px; }

		#rozsHead			{ width: 80px; height: 26px; background: url(img/rozsHead.png) center center no-repeat; position: absolute; left: 124px; bottom: 0px; }

		#headNav			{ position: absolute; top: 9px; right: 50px; }

			ul#primaryNav li	{ height: 40px; margin: 0 0 0 12px; padding: 0; list-style: none; display: inline; }
	
			ul#primaryNav li a, #headRSS a { font-family: 'CallunaRegular', Times New Roman, Times, serif; font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: #9E2E50; padding: 13px 5px 13px 6px; }
	
			ul#primaryNav li a:hover, #headRSS a:hover { color: #9E2E50; background: #F7F2F4; border: 1px solid #F8CCDA; padding: 6px 4px 5px 5px; }

			.currentNav		{ }

			ul#primaryNav li ul.catSubNav	{ display: none; margin: 0; padding: 0; }

			ul#primaryNav li:hover ul.catSubNav	{ display: block; position: absolute; top: 25px; right: 0px; z-index: 100; border: 1px solid #F8CCDA; padding: 0px; margin: none; list-style: none; }

				ul#primaryNav li:hover ul.catSubNav li	{ height: 30px; width: 180px; padding: 12px 5px 0px 0px; margin: 0px 0px; display: block; list-style: none; border-bottom: 1px solid #ffe1eb; }

				ul#primaryNav li:hover ul.catSubNav li a	{ height: 30px; padding: 15px 12px 15px 12px; margin: 0; list-style: none; }

				ul#primaryNav li:hover ul.catSubNav li a:hover { height: 30px; padding: 15px 12px 15px 12px; margin: 0; border: none; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; list-style: none; }

			/*ul#primaryNav li ul.navArrow	{ display: none; margin: 0; padding: 0; position: abolute; top: 15px; right: 15px; z-index: 200; }

			ul#primaryNav li:hover ul.navArrow	{ display: block;  }

				ul#primaryNav li:hover ul.navArrow li	{ width: 10px; height: 10px; }*/



/* MAIN CONTENT AREA */

#mainWrap			{ width: 100%; height: auto !important; background: url(img/headBg.jpg) top center no-repeat; position: relative; margin: 0 0 100px 0; }

	#push				{ width: 960px; height: 110px; margin: 0 auto; position: relative; }

	#contentContainer		{ width: 858px; border: 1px solid #DFDFDF; position: relative; padding: 50px; margin: 0 auto; }

		/* SIDE BAR */

		#sideBar				{ width: 250px; float: left; margin: 0 48px 0 0; position: relative; }

			#h1Logo					{ width: 250px; height: 131px; position: relative; margin: 0 0 27px 0; }

			#intro					{ width: 250px; position: relative; font-size: 11px; font-style: italic; letter-spacing: 1px; line-height: 17px; margin: 0 0 33px 0; }

			.searchForm				{ width: 250px; height: 35px; margin: 0 0 42px 0; background: #e1e1e1; border: 1px solid #FFFFFF; position: relative; }

				.searchText				{ width: 190px; height: 15px; background: none; border: none; outline: none; padding: 10px; font-family: 'CallunaRegular', Times New Roman, Times, serif; font-size: 16px; color: #686868; letter-spacing: 3px; text-transform: uppercase; line-height: 27px; }

				.searchButton			{ width: 14px; height: 18px; background: url(img/searchButton.png) top center no-repeat; border: none; position: absolute; top: 9px; right: 13px; cursor: pointer; }

			#featuredPosts, #blogRoll { width: 250px; position: relative; margin: 0 0 25px 0; }

				#featTitle, #blogRollTitle { font-family: 'CallunaRegular', Times New Roman, Times, serif; font-size: 14px; letter-spacing: 3px; line-height: 27px; color: #FB759E; text-transform: uppercase; text-align: center; }

				.sideBarUndLne				{ width: 250px; height: 23px; position: relative; margin: 0 0 20px 0; }

				#featIntro, #blogRollIntro	{ font-size: 11px; font-style: italic; letter-spacing: 1px; line-height: 17px; margin: 0 0 30px 0; }

				.featPost			{ width: 250px; position: relative; border-bottom: 1px solid #e7e7e7; padding: 0 0 15px 0; margin: 0 0 15px 0; }

					.featPostName		{ font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; line-height: 17px; font-style: italic; color: #FB759E; margin: 0 0 10px 0; }
	
					.featPostBlurb		{ font-size: 11px; line-height: 21px; margin: 0 0 6px 0; }

				.simplePieItem		{ width: 250px; position: relative; border-bottom: 1px solid #e7e7e7; padding: 0 0 12px 0; margin: 0 0 12px 0; }

					.simplePieName		{ font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; line-height: 12px; font-style: italic; color: #FB759E; margin: 0 0 6px 0; }

					.simplePieDate		{ font-size: 11px; line-height: 11px; margin: 0 0 4px 0; }

					.simplePieSource	{ font-size: 11px; line-height: 11px; margin: 0 0 0 0; }

		/* MAIN COLUMN */

		#mainColumn				{ width: 560px; float: right; position: relative; }

			#latestPost, #singlePost{ width: 560px; position: relative; }

				.postDeets			{ height: 10px; background: #FB759E; padding: 5px 8px; font-family: 'CallunaRegular', Times New Roman, Times, serif; font-size: 10px; color: #FFFFFF; letter-spacing: 2px; text-transform: uppercase; line-height: 10px; position: absolute; top: 0; left: 0; z-index: 10; }

					.postDeets a		{ position: relative; color: #FFFFFF; }

					.postDeets a:hover	{ color: #FFB3B3; }

				.postImgLrg				{ width: 560px; height: 312px; position: relative; }	

				#postSummary			{ width: 430px; background: #F3F3F3; position: relative; left: 130px; top: -45px; }

				#postContent			{ width: 560px; position: relative; top: -45px; }

					.postNotch				{ width: 130px; height: 93px; position: relative; float: left; padding: 5px 0 0 0; }

						.fbShare			{ margin: 0 0 5px 0; }

					#postTitleLrg			{ width: 410px; font-family: Georgia, Times New Roman, Times, serif; font-size: 40px; line-height: 44px; font-style: italic; color: #FB759E; padding: 2px 10px 32px 10px; }

					#postDateLrg			{ width: 430px; height: 20px; background: url(img/postDateBg2.png) no-repeat center; margin: 0 0 30px 0; }

						#dateLrg				{ font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; line-height: 16px; letter-spacing: 3px; font-style: italic; color: #686868;  text-align: center; position: absolute; left: 25%; background: #F3F3F3; padding: 0 10px; }

					#postExcpt				{ width: 430px; position: relative; margin: 0 0 20px 0; }

					.readMe					{ font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; font-style: italic; color: #FB759E; }

					.goingUp				{ font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; font-style: italic; color: #FB759E; text-align: right; float: right; }
		
					.goingUpArrw			{ width: 8px; height: 22px; position: relative; margin: 0 0 0 6px; vertical-align: middle; background: url(img/goingUp.png) no-repeat; }

/*.goingUpArrw:hover		{ width: 8px; height: 22px; position: relative; margin: 0 0 0 6px; vertical-align: middle; background: url(img/goingUp.png) no-repeat -8px 0px; }

.goingUpArrw:hover.goingUp 	{ color: #566FA5; }*/

					#nextPreviousPost		{ width: 560px; position: relative; margin: 20px 0 0 0; }

						#next					{ font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; font-style: italic; color: #FB759E; float: right; }

						#previous				{ font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; font-style: italic; color: #FB759E; float: left; }

			#miniPostCont			{ width: 600px; position: relative; }

				.miniPostTop			{ width: 600px; position: relative; margin: 0 0 50px 0; }

				.miniPostBottom			{ width: 600px; position: relative; }

					.miniPost				{ width: 260px; min-height: 400px; position: relative; margin: 0 40px 0 0; padding: 0 0 20px 0; float: left !important; }		
	
						.miniPostImg			{ width: 260px; height: 145px; position: relative; margin: 0 0 4px 0; }
	
						.miniPostTitle			{ font-family: Georgia, Times New Roman, Times, serif; font-size: 18px; line-height: 21px; font-style: italic; color: #FB759E; margin: 0 0 15px 0; }

						.miniPostDate			{ width: 260px; height: 20px; background: url(img/miniPostDateBg2.png) no-repeat center; margin: 0 0 15px 0; }
						
							.dateSmll				{ font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; line-height: 16px; letter-spacing: 3px; font-style: italic; color: #686868; text-align: center; position: absolute; left: 13%; background: #F3F3F3; padding: 0 10px; }
	
						.miniPostExcpt			{ font-size: 11px; line-height: 21px; margin: 0 0 15px 0; }

				#paginateContainer	{ height: 20px; position: relative; }

		/* CATEGORY PAGE + CATEGORY OVERVIEW */
		
			#categoryWrap		{ width: 900px; position: relative; }

			.catTitle			{ font-family: Georgia, Times New Roman, Times, serif; font-size: 22px; line-height: 24px; font-style: italic; color: #FB759E; margin: 0 0 15px 0; }

			.catNum				{ margin: 0 0 25px 0; padding: 0 0 25px 0; border-bottom: 1px solid #e7e7e7; }

		/* SEARCH RESULTS */

			.searchIntro		{ margin: 0 0 20px 0; }

			.searchResult		{ width: 560px; position: relative; padding: 0 0 25px 0; margin: 0 0 25px 0; border-bottom: 1px solid #e7e7e7;  }

				.searchTitle		{ font-family: Georgia, Times New Roman, Times, serif; font-size: 22px; line-height: 24px; font-style: italic; color: #FB759E; margin: 0 0 5px 0; }

				.searchDate			{ font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; line-height: 16px; letter-spacing: 3px; font-style: italic; color: #686868; margin: 0 0 15px 0; }

		/* COMMENTS AREA */

#comments		{ width: 860px; position: relative; }

	#commentsSoFar		{ font-family: Georgia, Times New Roman, Times, serif; font-size: 18px; line-height: 21px; font-style: italic; color: #686868; margin: 0 0 5px 0; position: relative; float: left; }

	.commsThink			{ font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; font-style: italic; color: #FB759E; position: relative; margin: 0 0 15px 0; }

	#commentLeftCol		{ width: 228px; position: relative; float: left; margin: 0 30px 0 0; padding: 13px 20px 20px 20px; border: 1px solid #FFFFFF; background: #E1E1E1; }

		#commentForm		{ width: 230px; position: relative; }

			.commentForm		{ width: 230px; position: relative; }

			.commentLabel		{ width: 220px; position: relative; font-family: 'CallunaRegular', Times New Roman, Times, serif; font-size: 11px; color: #686868; letter-spacing: 2px; text-transform: uppercase; line-height: 10px; }

			.commentField		{ width: 220px; height: 16px; position: relative; font-family: Verdana, Trebuchet MS, Helvetica, Arial, Sans-serif; color: #FB759E; border: 1px solid #cecece; padding: 3px; margin: 0 0 5px 0; }

			.commentArea		{ width: 220px; height: 120px; position: relative; font-family: Verdana, Trebuchet MS, Helvetica, Arial, Sans-serif; color: #FB759E; border: 1px solid #cecece; padding: 3px; margin: 0 0 6px 0; }

			.commentBttn		{ width: 228px; height: 28px; position: relative; border: 1px solid #E25882; background: #FB759E; font-family: 'CallunaRegular', Times New Roman, Times, serif; font-size: 11px; color: #FFFFFF; letter-spacing: 2px; text-transform: uppercase; line-height: 10px; cursor: pointer; }

			.commentBttn:hover	{ color: #E25882; border: 1px solid #FB759E; background: #F998B6; cursor: pointer; }

	#commentRightCol	{ width: 518px; position: relative; float: right; padding: 20px 20px 0 20px; border: 1px solid #FFFFFF; background: #E1E1E1; }

		.comment			{ width: 518px; position: relative; margin: 0 0 20px 0; }

			.gravatarBg			{ width: 80px; height: 68px; position: relative; float: left; margin: 10px 0 0 0; background: url(img/gravatarBg.png) center center no-repeat; }

				.gravatarImg		{ width: 60px; height: 60px; position: absolute; top: 4px; left: 4px; }

			.commentQuote		{ width: 398px; min-height: 63px; position: relative; float: right; background: #FFFFFF; border: 1px solid #CECECE; padding: 10px; }

				.commentName		{ font-family: 'CallunaRegular', Times New Roman, Times, serif; font-size: 15px; color: #686868; letter-spacing: 2px; text-transform: uppercase; line-height: 10px; margin: 0 0 13px 0; }

				.commentText		{ font-family: Verdana, Trebuchet MS, Helvetica, Arial, Sans-serif; font-size: 11px; color: #686868; margin: 0 0 10px 0; }

				.commentData		{ font-family: Georgia, Times New Roman, Times, serif; font-size: 10px; line-height: 11px; font-style: italic; color: #686868; text-align: right; }

				.commentModeration	{ font-family: Georgia, Times New Roman, Times, serif; font-size: 10px; line-height: 11px; font-style: italic; color: #FB759E; margin: 10px 0 0 0; text-align: center; }

	/* ABOUT CONTACT */

	#aboutContainer		{ width: 560px; position: relative; }

		#aboutIntro			{ width: 395px; height: 95px; position: relative; font-family: Georgia, Times New Roman, Times, serif; font-size: 18px; line-height: 22px; font-style: italic; color: #686868; padding: 18px 0 0 0; margin: 0 0 25px 0; background: url(img/aboutLine.png) bottom center no-repeat; }

		#aboutContent		{ width: 395px; position: relative; }

		.aboutImg			{ width: 210px; height: 210px; position: absolute; top: 0px; right: -60px; border: 5px solid #FFFFFF; }

	#contactContainer	{ width: 520px; height: 352px; position: relative; border: 1px solid #FFFFFF; background: #E1E1E1; padding: 20px; margin: 50px 0 0 0; }

		/* STYLED IN DDFORM MAILER PLUGIN FOLDER */

		/*.contactForm		{ width: 520px; height: 40px; position: relative; margin: 0 0 20px 0; }
		
			.contactLabel		{ font-family: 'CallunaRegular', Times New Roman, Times, serif; font-size: 16px; color: #686868; letter-spacing: 2px; text-transform: uppercase; position: absolute; top: 5px; }
		
			.contactField		{ width: 380px; height: 20px; position: absolute; left: 120px; font-family: Verdana, Trebuchet MS, Helvetica, Arial, Sans-serif; font-size: 14px; color: #FB759E; border: 1px solid #cecece; outline: 0 none; padding: 10px; margin: 0 0 20px 0; }
		
		.contactMessage		{ width: 500px; height: 170px; position: relative;  }
		
			.contactMessageField { width: 380px; height: 150px; font-family: Verdana, Trebuchet MS, Helvetica, Arial, Sans-serif; font-size: 14px; color: #FB759E; border: 1px solid #cecece; position: absolute; left: 120px;outline: 0 none; padding: 10px; }

		.required			{ font-family: 'CallunaRegular', Times New Roman, Times, serif; font-size: 12px; color: #686868; letter-spacing: 2px; position: absolute; bottom: 70px; }
		
		.contactSubmit		{ width: 100px; height: 40px; border: 1px solid #E25882; background: #FB759E; font-family: 'CallunaRegular', Times New Roman, Times, serif; font-size: 14px; color: #FFFFFF; letter-spacing: 2px; text-transform: uppercase; line-height: 10px; cursor: pointer; position: absolute; left: 20px; bottom: 20px; }
		
		.contactSubmit:Hover	{ width: 100px; height: 40px; border: 1px solid #FB759E; background: #F998B6; font-family: 'CallunaRegular', Times New Roman, Times, serif; font-size: 14px; color: #E25882; letter-spacing: 2px; text-transform: uppercase; line-height: 10px; cursor: pointer; position: absolute; left: 20px; bottom: 20px; }*/

/* FOOTER SECTION */

#footer				{ width: 100%; background: url(img/footerBg.jpg) repeat; position: relative; margin: 0 auto; }

	.watermark				{ width: 114px; height: 38px; position: absolute; bottom: 54px; right: 67px; z-index: 2; }

	#footerTopLine		{ width: 100%; height: 3px; background: url(img/footerTopLine.png) repeat; position: absolute; }

	#footerInside		{ width: 960px; position: relative; margin: 0 auto; padding: 50px 0 30px 0; }

		#footerColOne, #footerColTwo { width: 280px; position: relative; margin: 0 60px 50px 0; float: left; }

			.onlineFriend li	{ width: 280px; position: relative; margin: 0 0 12px 0; }

			.onlineFriend li a	{ font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; font-style: italic; color: #9E2E50; }

			.onlineFriend li a:hover	{ color: #566FA5; }

				.friendsDesc	{ font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-style: normal; }

		#footerColThree	{ width: 280px; position: relative; margin: 0 0 50px 0; float: left; }

			.footerColTitle	{ font-family: 'CallunaRegular', Times New Roman, Times, serif; font-size: 13px; letter-spacing: 3px; line-height: 27px; color: #9E2E50; text-transform: uppercase; text-align: center; }

			.footerUndLne	{ width: 280px; height: 23px; position: relative; margin: 0 0 20px 0; }

			.footerLink		{ width: 278px; height: 40px; font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; letter-spacing: 1px; font-style: italic; color: #9E2E50; text-align: center; padding: 18px 0 0 0; background: #F7F2F4; border: 1px solid #F8CCDA; margin: 0 0 25px 0; }

			.footerLink:hover { background: #FAD1E1; cursor: pointer; }
							
			#footerLogo		{ width: 280px; height: 147px; position: relative; }

		#footerCredits	{ width: 960px; position: relative; font-size: 11px; text-align: center; }

/*
 * emm_paginate - WordPress Pagination Function
 * Version: 1.0
 *
 * Copyright (c) 2009 Eric Martin http://www.ericmmartin.com/
 * Link: http://www.ericmmartin.com/pagination-function-for-wordpress
 *
 */
.emm-paginate 				{ height: 20px; font-family: 'CallunaRegular', Times New Roman, Times, serif; font-size: 10px; color: #686868; text-align: center; position: relative; }

.emm-paginate a 			{ width: 20px; height: 20px; color: #686868; margin: 0 10px 0 0; padding: 5px 8px 3px 8px; text-align: center; text-decoration:none; background: url(img/pgnt.png) no-repeat; position: relative; }

.emm-paginate a:hover 		{ width: 20px; height: 20px; color: #686868; margin: 0 10px 0 0; padding: 5px 8px 3px 8px; text-align: center; text-decoration:none; background: url(img/pgnt.png) 0px -20px no-repeat; position: relative; }

.emm-paginate a:active 		{ width: 20px; height: 20px; color: #FFFFFF; margin: 0 10px 0 0; padding: 5px 8px 3px 8px; text-align: center; text-decoration:none; background: url(img/pgnt.png) 0px -40px no-repeat;  position: relative; }

.emm-paginate .emm-title 	{ color:#555; margin-right:4px; }

.emm-paginate .emm-gap 		{ color:#999; margin-right:4px; }

.emm-paginate .emm-current 	{ width: 20px; height: 20px; color: #FFFFFF; margin: 0 10px 0 0; padding: 5px 8px 3px 8px; text-align: center; text-decoration:none; background: url(img/pgNmBttn.png) 0px -40px no-repeat; position: relative; }

.emm-paginate .emm-page 	{  }

.emm-paginate .emm-prev 	{ width: 18px; height: 20px; background: url(img/pgnt.png) -20px 0px no-repeat; position: relative; vertical-align: central; margin: 0 15px 0 0; border: none; z-index: 100; }

.emm-paginate .emm-prev:hover
							{ width: 18px; height: 20px; background: url(img/pgnt.png) -20px -20px no-repeat; position: relative; vertical-align: central; margin: 0 15px 0 0; border: none; z-index: 100; }

.emm-paginate .emm-next 	{ width: 18px; height: 20px; background: url(img/pgnt.png) -39px 0px no-repeat; position: relative; vertical-align: central; margin: 0 0 0 5px; border: none; z-index: 100; }

.emm-paginate .emm-next:hover
							{ width: 18px; height: 20px; background: url(img/pgnt.png) -39px -20px no-repeat; position: relative; vertical-align: central; margin: 0 0 0 5px; border: none; z-index: 100; }

/* @FONT-FACE "Calluna Regular" A font by Jos Buivenga (exljbris) -> www.exljbris.com */

@font-face {
	font-family: 'CallunaRegular';
	src: url('font/calluna-regular-webfont.eot');
	src: local('☺'), url('font/calluna-regular-webfont.woff') format('woff'), url('font/calluna-regular-webfont.ttf') format('truetype'), url('font/calluna-regular-webfont.svg#webfont5L0I8aVu') format('svg');
	font-weight: normal;
	font-style: normal;
}