/*
Theme Name: KN Version 2
Theme URI: http://kevinneynaber.com
Description: Kevin's 2nd WP Theme
Version: 1.0
Author: Kevin Neynaber
Author URI: http://kevinneynaber.com
Tags:
Certified Browsers: IE7, IE8, FF3, Safari 3 & 4, Chrome 1 & 2
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/sprite-icons.css";
@import "style/css/comments.css";

/*
COLOR KEY:
	
	light bg: f2f0eb;
	dark bg: dbc8ba;
	dark red: 4C000E;
	medium red: 99001c;
	light red: B20021;
	highlight red: DF002E;
	light bg red: FFEFF2;
	bg pink: FFEFF2;
	
*/

/*
	UTILITY
*/
.clear								{ clear: both; }
.spacer								{ height: 20px; }
.noDisplay							{ display:none; }
.floatLeft, .alignleft 						{ float: left; margin-right: 10px; }
.floatRight, .alignright 					{ float: right; margin-left: 10px; }
.aligncenter							{ display: block; margin: 0 auto; text-align: center; }
.indent								{ margin-left: 20px; }

/* 
	MAIN STRUCTURE
*/

html, body							{ height: 100%; }
	/** html #wrapper						{ height: 100%; } /*IE6 FIX*/
html									{ }
body									{ background: #f2f0eb url(style/images/header-bg.jpg) repeat-x top center; }
#wrapper 								{ width: 100%; }
#container							{ width: 880px; margin: 0 auto; background: transparent url(style/images/content-bg.gif) repeat-y center center; padding: 20px 30px 20px; *padding-bottom: 0; }
	#bottom								{ width: 940px; margin: 0 auto; background: transparent url(style/images/content-bg-bottom.gif) no-repeat top center; height: 5px; font-size:0; }

/*****HEADER*****/
#header								{ height: 90px; width: 940px; margin: 0 auto; padding-top: 10px; position: relative; }
h1#logo								{ width: 360px; height: 85px; background: url(style/images/title-logo.png) no-repeat; }
h1#logo a								{ width: 360px; height: 85px; text-indent:-9999px; float: left; }
#tagline								{ height: 0px; text-indent:-9999px; padding: 0; border: 0; float: left; _display: none; }

/*****NAVIGATION & LINKS*****/
#nav									{ height: 30px; position: absolute; bottom: 0px; list-style: none none outside;
									position: absolute; float: right; text-align: left; right: 0px; overflow: hidden; 
									background: #99001c; }
	#nav li								{ display: inline; }
	#nav li a								{ line-height: 30px; background: transparent url(style/images/nav-grad.gif)
										 no-repeat right top; float: left; padding: 0 20px; color: #ffffff /*DF002E*/; font-weight: bold; text-transform:uppercase; }
	#nav li a:hover						{ background: transparent url(style/images/nav-divider.gif) no-repeat right top; text-decoration:underline; color: #FFFFFF; }
	#nav li.current_page_item a				{ background: transparent url(style/images/nav-grad.gif) no-repeat right bottom; color: #FFFFFF; }
.over								{ background:; cursor: pointer; border: 1px dotted #dbc8ba; }

/*****SEARCH*****/
.sidebar form#searchform					{ padding-bottom: 10px; }
#searchform							{  }
#searchform #s 						{ width: 197px; border: 2px solid #B20021; padding: 3px; background:; }
#searchform #searchsubmit 				{ width: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; padding: 2px 3px; background: #B20021; text-align: center; color: #FFFFFF; 
									border-color: #DF002E #7F001D #99001C #B20021; border-width: 2px; border-style: solid; *border-top-width: 1px; *border-bottom-width: 1px; /*FIX IE HEIGHT*/  }
#searchform #searchsubmit:hover			{ /*background: #99001c;*/ cursor: pointer; color: #EFC2CB; }
#searchform #searchsubmit:active			{ border-color: #7F001D #B20021 #B20021 #7F001D; cursor: pointer; color: #EFC2CB; background:; }

/*****INTRO-BLOCK*****/
#intro-block							{ max-height: 208px; _height: auto; width: 100%; border-top: #99001c 6px solid; border-bottom: #99001c 6px solid;
									background: #000000 url(style/images/starfield-bg.jpg) repeat-x top center; }
	#page-title-block h2					{ color: #FFFFFF; font-weight: bold; font-style: italic; font-size: 2.2em; padding: 15px 0; margin: 0; }
#page-title-block						{ width: 940px; margin: 0 auto; text-align: left; position:relative; }
#welcome-block							{ height: 198px; width: 940px; margin: 0 auto; background: transparent url(style/images/welcome-block-bg.jpg) no-repeat top center; 
									padding-top: 10px; overflow: hidden; }
	#welcome-block h2						{ color: #FFFFFF; font-weight: bold; font-style: italic; font-size: 2.2em; }
	#welcome-block p						{ color: #FFFFFF; font-size: 1.6em; font-weight: bold; text-align: justify; }
	#welcome-block p a						{ color: #FFFFFF; border-top: 1px solid #DF002E; border-bottom: 1px solid #7F001D; background: #B20021; }
	#welcome-block p a:hover					{ color: #EFC2CB; }
							
/*****MAIN*****/						
.main								{ width: 570px; float: left; /*padding: 0 20px 10px 20px;*/ }
	.main ul								{ list-style: outside disc; margin-left: 30px; }
	.main ul ul							{ list-style: outside circle; padding-top: 10px; margin-left: 16px; }
	.main ol								{ margin-left: 30px; }
	.main h2								{ border-bottom: 1px solid #dbc8ba; padding-bottom: 10px; font-weight: bold; font-style: italic; font-size: 2.2em; }
	.main a								{ color:#000000; border-bottom: #dbc8ba 1px dotted; }
	.main a:hover							{ color:#99001c; border-bottom: #dbc8ba 1px solid; background: #FFEFF2; }
	.main h3								{ margin-bottom: 15px; }
	.main p								{ text-align: justify; }
.pageNav								{ list-style-image:none; list-style-position:outside; list-style-type:none; }
.pageNav li							{ display: inline; }
#no-sidebar							{ width: 880px; }

/*****SIDEBAR*****/	
.sidebar								{ width: 270px; float: right; /*margin: 0 20px 10px 0;*/ position: relative; border: 1px solid #dbc8ba; padding: 10px 10px 0;
									border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.sidebar h3							{ font-size: 1.6em; border-bottom: 1px solid #dbc8ba; padding-bottom: 2px; }
.sidebar ul							{ margin-left: 35px; }
.sidebar div.f							{ text-align: right; }
.sidebar div.f a						{ font-size: 1.3em; }
.sidebar a							{ color:#000000; border-bottom: #dbc8ba 1px dotted; }
.sidebar a:hover						{ color:#99001c; border-bottom: #dbc8ba 1px solid; background: #FFEFF2; }

/*****FOOTER*****/	
#footer								{ padding: 0 20px; width: 900px; margin: 0 auto; }
#footer p								{ line-height: 30px; margin: 0; padding:0; color: #dbc8ba; }
#footer p a							{ text-decoration: underline; border: none; background: none; color: #dbc8ba; }
#footer p a:hover						{ text-decoration: underline; border: none; background: none; color: #CFB19B; }
#dashboard-link 						{ position: fixed; right: 10px; bottom: 10px; margin: 0; padding: 0; }
#dashboard-link a						{ color: #FFFFFF; background: #99001c; padding: 3px; }
#dashboard-link a:hover					{ color: #FFFFFF; background: #DF002E; }

/* 
	ADDITIONAL STRUCTURE
*/
/*****WORK PAGE*****/	
.work-page p							{ text-align: left; }
.work-page .latest-work					{ margin-bottom:15px; *width: 400px; _width: 45%; height: 120px; overflow: hidden; }
.work-page .latest-work p				{ margin-bottom: 5px; }
.latest-work p 						{ text-align: left; }
.service-block							{ width: 220px; _width: 218px; margin-right: 15px; margin-left: 15px; padding-left: 40px; background: url(style/images/icons/services-sprite.png) no-repeat; float: left; }
	span.work-status						{ position: absolute; right: 0; padding: 20px 10px 20px 40px; font-weight: bold; top: 0; font-size: 1.6em; }	
	.available							{ background: url(style/images/icons/accepted.png) no-repeat left center; color: #73C70A; }
	.unavailable							{ background: url(style/images/icons/cancel.png) no-repeat left center; color: #CB3C0B; }
	.service-block h4						{ margin-bottom: 0; }
	.service-film							{ background-position: 0 -878px; }
	.service-web							{ background-position: 0 -332px; }
	.service-graphic						{ background-position: 0 -514px; }
	.service-audio							{ background-position: 0 -696px; }
	.service-photo							{ background-position: 0 -1060px; }
	.service-pc							{ background-position: 0 -150px; }

/* 
	DYNAMIC STRUCTURE / POSTS
*/
p.meta-info							{ padding: 5px; border: 1px dotted #dbc8ba; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; clear: both; }
	.cal-meta							{ background: transparent url(style/images/icons/meta/cal-meta.png) no-repeat left center; padding: 2px 0 2px 18px; }
	.tag-meta							{ background: transparent url(style/images/icons/meta/tag-meta.png) no-repeat left center; padding: 2px 0 2px 18px; }
	.comment-meta						{ background: transparent url(style/images/icons/meta/comment-meta-2.png) no-repeat left center; padding: 2px 0 2px 18px; }
.edit-link								{ position: absolute; right: 0; top: 0; }
.edit-link a							{ color: #000000; font-weight: bold; text-transform: uppercase; background: #FFFF99 url(style/images/icons/meta/edit-icon.png) no-repeat left center;
									*position: absolute; *right: 0; *top: 0; padding: 2px 0 2px 18px; }
	.edit-link a:hover						{ background: #FFFF33 url(style/images/icons/meta/edit-icon.png) no-repeat left center; border: none; }
a.more-link							{ color: #000000; font-weight:bold; }
	a.more-link:hover						{ /*background: #BEEF77; color:#000000; */ }
	a.more-link span						{ margin: 0; font-size:1em; }
.post-date							{ font-weight: bold; }
.single_postDate						{ color:#999999; padding: 5px; border: solid 1px #999999; display: inline; float:right; }
.post								{ position: relative; }
	.post ol							{ margin-bottom: 10px; }
	.post ul							{ margin-bottom: 10px; }
	.post ul li							{ margin-bottom: 5px; }
	.post ol li							{ margin-bottom: 5px; }
	.post h3 a							{ color: #2c65b4; }
		.post h3 a:hover					{ border-bottom: 1px #000000 dotted; }
	.writing-about							{ padding: 0 0 10px 60px; margin-left: 15px; }
	#blog .writing-about					{ margin-left: 0; }
	.latest-work							{ width: 46%; *width: 45%; _width:43%; float: left; margin: 0 2%; _margin: 0 15px; }
	.latest-work .thumbnail					{ float: left; padding: 5px; border: 1px dotted #dbc8ba; margin-right: 10px;  }
	.latest-work .thumbnail:hover				{ border-style: solid; background-color: #FFEFF2; }
	.latest-work a.editlink					{ }
	#portfolio-return-link					{ padding: 10px 47px 10px 10px; background: #DEFFAF url(style/images/icons/forward_alt.png) no-repeat 160px center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: none; font-weight: bold; }
	#portfolio-return-link:hover				{ background-color: #BEEF77; border: none; color:#000000; }
	#email-updates-link					{ padding: 6px 0 6px 40px; background: url(style/images/icons/send.png) no-repeat left center; }
	#rss-updates-link					{ padding: 6px 0 6px 40px; background: url(style/images/icons/RSS_alt.png) no-repeat left center; }
img#wpstats							{ display: none; }
ul.post-meta							{ margin-left: 40px; margin-bottom: 10px; }
ul.post-meta li						{ margin-bottom: 5px; }
ul.post-meta span						{ font-size: 1em; }
.work-page .latest-work ul.post-meta li		{ margin-bottom: 0; }
.work-page .latest-work ul.post-meta		{ margin-left: 120px; padding-left: 30px; }
.wp-pagenavi							{ clear: both; }

/*****IMAGES*****/	
div.wp-caption 						{ border:1px solid #dbc8ba; text-align:center; background:#F2F0EB; padding:10px; margin-top: 0; margin-bottom: 10px; border-radius: 5px;
									-webkit-border-radius: 5px; -moz-border-radius: 5px; width: auto; position: relative; }
div.wp-caption .wp-caption-text			{ text-align: center; margin-bottom: 0; padding-top: 5px; }
	div.wp-caption a.lightview				{ border: none; }
.size-thumbnail						{ padding: 5px; border: 1px dotted #dbc8ba; margin-top: 0; margin-bottom: 10px; }
.size-thumbnail:hover					{ border-style: solid; background-color: #FFEFF2; }
.size-medium							{ border-bottom: 1px solid #DBC8BA; }

/*
	MISCELLANEOUS
*/
#lightview li, #lightview span			{ font-size: 1em; }

.single h3							{ margin-bottom: 10px; }

.standout								{ border-bottom: 1px dotted #dbc8ba; border-top: 1px dotted #dbc8ba; position: relative; padding: 10px; *padding-bottom: 0; margin: 10px 0px 0 0; float:left; width: 860px; }
.standout p							{ width: 260px; margin: 0 10px; float: left; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif;  font-style: italic; }
.standout span							{ font-size: 1em; padding-right: 25px; float: right; }
.standout .standout-left					{ border-right: 1px dotted #dbc8ba; margin-right: 9px; padding-right: 10px; min-height: 100px; }

.blog-standout							{ border-bottom: 1px dotted #dbc8ba; position: relative; padding: 10px; margin-bottom: 20px;}
.blog-standout p						{ margin: 0 10px; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif;  font-style: italic; }
.blog-standout .blog-standout-author		{ padding-right: 25px; text-align: right; }

div.wordtube							{}
div.video-box							{ border: 1px dotted #dbc8ba; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; }

/*****ARCHIVES RELOADED*****/		
a.car-toggler							{ font-size: 1.3em; }
span.car-yearmonth						{ font-size: 1em; }
ul.car-list							{ margin-top: 15px; }

/*****CAL-ICONS*****/	
p.date 								{ width: 42px; height: 10px; padding: 18px 0 14px 0; text-align: center; }
p.date span 							{ display: none; }
.shield 								{ position: absolute; left: 0; top: 0; _left: -60px; }
.commentscloud 						{ position: absolute; text-align: center; top: -4px; left: 22px; width: 30px; height: 24px; padding: 5px 0 3px 0;
									background: url(style/images/icons/bubble.png) no-repeat 0 0; }
.commentscloud span 					{ display: none; }

.month1 								{ background: url(style/images/icons/cal-icons/01.gif) no-repeat 0 0; }
.month2 								{ background: url(style/images/icons/cal-icons/02.gif) no-repeat 0 0; }
.month3 								{ background: url(style/images/icons/cal-icons/03.gif) no-repeat 0 0; }
.month4 								{ background: url(style/images/icons/cal-icons/04.gif) no-repeat 0 0; }
.month5 								{ background: url(style/images/icons/cal-icons/05.gif) no-repeat 0 0; }
.month6 								{ background: url(style/images/icons/cal-icons/06.gif) no-repeat 0 0; }
.month7 								{ background: url(style/images/icons/cal-icons/07.gif) no-repeat 0 0; }
.month8 								{ background: url(style/images/icons/cal-icons/08.gif) no-repeat 0 0; }
.month9 								{ background: url(style/images/icons/cal-icons/09.gif) no-repeat 0 0; }
.month10 								{ background: url(style/images/icons/cal-icons/10.gif) no-repeat 0 0; }
.month11 								{ background: url(style/images/icons/cal-icons/11.gif) no-repeat 0 0; }
.month12 								{ background: url(style/images/icons/cal-icons/12.gif) no-repeat 0 0; }