/*  
Theme Name: Octonaut
Theme URI: http://www.octonaut.com/
Description: Custom Theme for Octonaut
Version: 1.0
Author: Tim Holt for Technokinetics.com
Author URI: http://www.technokinetics.com/
*/

/* General */
* { margin: 0; padding: 0; }
p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 10px; }
a { color: #FCFB03; }
body { position: relative; /* Keeps everything lined up when browser window is resized */ margin: 34px auto 0 auto; width: 823px; font-family: 'Arial'; background: #0E355F; }
.alignleft { float: left; }
.alignright { float: right; }
a img { border: none; }

/* Header */
#header { position: relative; /* Sets positioning context for image replacement span */ margin-bottom: 2px; padding-bottom: 140px; width: 823px; /* Prevents peekaboo bug on header image in IE */ }
#headertext { border-bottom: 4px solid #225084; }
p.loginout { position: absolute; left: 423px; top: 62px; padding: 0; height: 20px; width: 400px; font-size: 7pt; color: #FFF; text-align: right; }
p.loginout, p.loginout a { color: #FCFB03; text-decoration: none; text-transform: uppercase; }
p.loginout a:hover { text-decoration: underline; }
#header h1 { position: relative; padding: 0; height: 75px; width: 422px; }
#header h1 span { position: absolute; height: 75px; width: 422px; background: url(images/title.gif) left top no-repeat; }

/* Navbar */
#navbar { height: 24px; border-bottom: 1px solid #FCFB03; }
#navbar ul { float: left; width: 660px; height: 22px; background: #225084; list-style: none; }
#navbar li { float: left; margin-right: 1px; }
#navbar a { color: #FCFB03; text-decoration: none; text-transform: uppercase; }
#navbar a:hover { color: #225084; background: #FCFB03;}
	/* Link Text */
	#navbar li span { position: absolute; height: 22px; }
	#navbar li a { position: relative; display: block; padding: 0; height: 22px; }
	#navbar li a:hover span { cursor: pointer; }
	#navbar li.page-item-home a { width: 76px; }
	#navbar li.page-item-home a span { width: 76px; background: url(images/bgnavbar.gif) left top no-repeat; }
	#navbar li.page-item-home a:hover span, #navbar li.page-item-home.current_page_item a span { background: url(images/bgnavbar.gif) left -22px no-repeat; }
	#navbar li.page-item-18 a { width: 88px; }
	#navbar li.page-item-18 a span { width: 88px; background: url(images/bgnavbar.gif) -76px top no-repeat; }
	#navbar li.page-item-18 a:hover span, #navbar li.page-item-18.current_page_item a span { background: url(images/bgnavbar.gif) -76px -22px no-repeat; }
	#navbar li.page-item-19 a { width: 112px; }
	#navbar li.page-item-19 a span { width: 112px; background: url(images/bgnavbar.gif) -164px top no-repeat; }
	#navbar li.page-item-19 a:hover span, #navbar li.page-item-19.current_page_item a span, #journal #navbar li.page-item-19 a span { background: url(images/bgnavbar.gif) -164px -22px no-repeat; }
	#navbar li.page-item-20 a { width: 112px; }
	#navbar li.page-item-20 a span { width: 112px; background: url(images/bgnavbar.gif) -276px top no-repeat; }
	#navbar li.page-item-20 a:hover span, #navbar li.page-item-20.current_page_item a span, #review #navbar li.page-item-20 a span { background: url(images/bgnavbar.gif) -276px -22px no-repeat; }
	#navbar li.page-item-21 a { width: 88px; }
	#navbar li.page-item-21 a span { width: 88px; background: url(images/bgnavbar.gif) -388px top no-repeat; }
	#navbar li.page-item-21 a:hover span, #navbar li.page-item-21.current_page_item a span { background: url(images/bgnavbar.gif) -388px -22px no-repeat; }
	/* Highlight Parents */
	
#searchform { float: right; width: 163px; background: #225084; }
#searchform p { padding: 0; }
#searchform input#s { position: relative; top: -1px; padding: 0 2px; background: #132D48; color: #46688e; border: 1px solid #001E3B; font-family: arial, sans-serif; font-size: 8pt; }
#searchform input#searchsubmit { position: relative; top: 3px; }

/* Content */
#content { float: left; padding-bottom: 30px; width: 620px; color: #fff; }
.post { margin-top: 25px; background: #08294C; }
	/* Post Upper */
	.postUpper { background: #0E355F; border-bottom: 1px solid #FCFB03; }
	p.postMeta { float: right; padding: 0; width: 300px; font-size: 8pt; text-align: right; }
	p.postMeta a { text-decoration: none; }
	p.postMeta a:hover { text-decoration: underline; }
	.post h1.postTitle, .post h1.postTitle a { padding: 2px 0 0 0; font-size: 8pt; color: #FFF; }
	.post h1.postTitle a { text-decoration: none; }
	.post h1.postTitle a:hover { text-decoration: underline; }
	
	/* Post Content */
	.postContent { border-top: 1px solid #0E355F; padding: 5px 0; }
	.postContent h1, .postContent h2, .postContent h3, .postContent h4, .postContent h5, .postContent h6 { padding: 5px 8px; font-size: 10pt; }
	.postContent p { padding: 5px 8px; font-size: 10pt; text-align: justify; }
	.postContent ul, .postContent ol { margin: 25px 40px; font-size: 10pt; }
	.postContent blockquote { background: #04182e; margin: 15px 25px; padding: 5px 8px; font-size: 10pt; }
	
		/* Archives */
		h1.archiveTitle { margin: 15px 0 5px 0; padding: 2px 5px; font-size: 12pt; font-weight: normal; background: #0a233f; }
		
		.archives .post { background: none; }
		.archives h2 { margin-bottom: 1px; padding: 2px 5px; color: #F7FD00; font-size: 8pt; text-transform: uppercase; background: #0A243F; }
		.archives h2:hover { cursor: pointer; }
		.archives ul { margin: 0; list-style: none; }
		.archives li { position: relative; margin-bottom: 1px; padding: 0 5px 3px 5px; font-size: 7pt; background: #08294C; }
		
		.archiveMeta { position: absolute; top: 2px; right: 5px; }
		*:first-child+html .archiveMeta { padding-bottom: 3px; top: 7px; } /* Filter for IE7 */
		
		.hideSwitch, .showSwitch { position: relative; }
		.switch { position: absolute; top: 0; right: 0; width: 20px; height: 20px; }
		.switch:hover { cursor: pointer; }
		.hideSwitch .switch { background: #0A243F url(images/show.gif) left top no-repeat; }
		.showSwitch .switch { background: #0A243F url(images/hide.gif) left top no-repeat; }
		.showSwitch ul { display: block; }
		.hideSwitch ul { display: none; }
		
		/* Reviews */
		.reviews h1.postTitle a { color: #FCFB03; }
		.reviews .postContent { min-height: 50px; }
		.reviews .postContent img { float: left; margin: 0 5px; }
		.reviews .postContent p { padding: 0 5px; font-size: 8pt; }

	/* Post Lower */
	.postLower { height: 29px; padding-right: 23px; background: #0E355F url(images/bgpostlower.gif) right top no-repeat; border-top: 1px solid #0E355F; }
	#home .postLower p, #journal .postLower p, #review .postLower p, #archive .postLower p { background: #0A233F url(images/comment.gif) 5px 3px no-repeat; }
	.postLower p { padding: 0 5px 0 22px; height: 17px; line-height: 17px; font-size: 8pt; background: #0A233F; }
	.postLower a { text-transform: uppercase; text-decoration: none; color: #E8EF1D; }
	.postLower a:hover { text-decoration: underline; }

	/* Comments */
	#comments { margin-top: 25px; }
	#comments h3 { padding: 8px 5px 0 32px; font-size: 8pt; text-transform: uppercase; background: url(images/readcomments.gif) left top no-repeat; border-bottom: 1px solid #FCFB03; }
	ol.commentlist { list-style: none; }
	#comments li { margin: 15px 0 10px 0; }
	.commentMeta { margin-bottom: 1px; height: 22px; background: #04192E; }
	*:first-child+html .commentMeta { margin-bottom: -4px; } /* Filter for IE7 */
	.commentMeta p { padding: 3px 10px; }
	p.commentTime { float: right; width: 120px; text-align: right; font-size: 8pt;}
	p.commentAvatar { float: left; width: 16px; }
	p.commentAuthor { font-size: 9pt; }
	.commentContent p { padding: 5px 10px; font-size: 8pt; background: #0A243F; }
	p.notloggedin { margin: 15px 0 10px 0; padding: 5px 10px; font-size: 8pt; background: #0A243F; }
	
	/* Comment form */
	#leaveacomment { margin-top: 25px; }
	#leaveacomment h3 { padding: 8px 5px 0 25px; font-size: 8pt; text-transform: uppercase; background: url(images/leaveacomment.gif) left top no-repeat; border-bottom: 1px solid #FCFB03; }
	#leaveacomment p.loggedin { position: relative; margin: 15px 0 2px 0; padding: 3px 5px; font-size: 9pt; background: #042548; }
	#leaveacomment .logoutlink { position: absolute; right: 5px; text-align: right; }
	#leaveacomment form p { padding: 0; }
	#leaveacomment textarea { margin: 3px 0 0 0; padding: 2px; width: 616px; background: #ABC5DE; border: none; overflow: auto; }
	#leaveacomment input { float: right; padding: 3px 5px; font-size: 8pt; color: #FCFB03; background: #062446; border: none; }
	
	#anonymouscommentform p { height: 22px; line-height: 22px; }
	#anonymouscommentform label { display: block; float: left; padding-right: 3px; width: 150px; font-size: 8pt; text-align: left; }
	#anonymouscommentform input { float: none; padding: 3px 2px; background: #ABC5DE; border: none; color: #000; }
	
/* Sidebar */
#sidebar { float: right; padding-left: 5px; width: 190px; background: url(images/bgsidebar.gif) left top no-repeat; }
#sidebar ul { list-style: none; }
#sidebar li { margin: 0 0 4px 0; padding: 0 0 6px 0; font-size: 8pt; color: #FCFB03; background: #05203E url(images/bgsidebaritem.gif) left bottom no-repeat; }
#sidebar p { font-size: 8pt; color: #FCFB03; }
#sidebar li ul { color: #FFF; }
#sidebar li li { margin: 0; padding: 0; background-image: none; }
*:first-child+html #sidebar li li { /* For IE7 */ display: inline; /* Fixes vertical spacing in sidebar */ }
#sidebar h2 { margin: 0; padding: 0; padding-left: 3px; width: 187px; font-size: 8pt; color: #133C69; text-transform: uppercase; background: #FCFB03 url(images/bgsidebarheader.gif) left top no-repeat; }
*:first-child+html #sidebar h2 { position:relative; top: -5px; }
#sidebar li#recent-posts h2 { background: #FCFB03; /* Removes top left curve on heading in first sidebar list item */ }
#sidebar a { display: block; padding-left: 7px; font-size: 8pt; color: #FCFB03; text-decoration: none; background: url(images/bullet.gif) 3px 7px no-repeat; }
#sidebar a:hover { text-decoration: underline; }
#sidebar .nodots a { background: none; }

	/* Discussions */
	ul#smf_recent_topics p { }

	/* Polls */
	#sidebar .polls ul { list-style: none; }
	#sidebar .wp-polls li { display: block !important; padding: 2px 0; }
	#sidebar .wp-polls li small { display: block; }
	#sidebar #polls a { background: none; }
	#sidebar #polls { border: 1px solid #0E355F; }
	
	/* Features Links */
	#features-links h2 { margin-bottom: 3px; }
	*:first-child+html #features-links a { margin: 1px auto; }
	#features-links a { background: none; }
	
	/* Image Links */
	#image-links ul { padding-top: 4px; }
	#image-links li { display: inline; }
	#image-links a { display: inline; }
	*:first-child+html #image-links ul { padding-top: 0; }
	#image-links a { padding: 0px 1px 1px 1px; background-image: none; }

/* Footer */
#footer { clear: both; padding-top: 25px; text-align: right; }
	p#credits { font-size: 8pt; color: #fff; }
	p#credits a { text-decoration: none; }
	p#credits a:hover { text-decoration: underline; }