/*----------------------------------------------------------
	Main styles for all the website

	Project:		K1der.net
	Author:			Yannick Croissant
----------------------------------------------------------*/

/* ================================
 * Reset styles
 * Based on Eric Meyer's reset reloaded ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded )
 * ================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-shadow: #000000 0 0 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline:1px dotted;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	font-family:Arial, Helvetica, sans-serif;
	background:#222;
}

body {
	line-height:normal;
	color:#333;
	font-size:12px;
}

/* ================================
 * Layout
 * ================================*/

/* 
 * General layout
 */

#container { background:#CCC; position:relative; margin:0 auto; width:650px; }
		#primary h3 { color:#333; font-size:14px; font-weight:bold; padding:10px 0; text-decoration:none; }
#footer { background:#222; color:#FFF; clear:both; font-size:11px; padding:10px 0; text-align:right; }

/*
 * Commons layout components
 */

/* Branding */
#branding { background:#222; height:35px; padding:30px 0; }
		#branding a { background:url(images/title.png) no-repeat; display:block; height:35px; overflow:hidden; text-indent:-9999px; width:346px; }

#tagline { color:#444; font-size:18px; font-style:italic; padding:0 0 12px; position:absolute; right:20px; text-align:right; top:10px; width:280px; }
	#tagline cite { bottom:0; display:block; font-size:10px; position:absolute; right:-10px; text-align:right; }
#tagline:before, #tagline:after { content:'"'; font-family:Helvetica, Arial, sans-serif; }

/* Main Navigation */
#nav-main { background:#222; font-size:14px; margin-bottom:50px; overflow:hidden; }
	#nav-main li { background:url(images/menu_left_bg.png) no-repeat left; display:block; float:left; font-weight:bold; line-height:2.5em; margin-right:10px; }
		#nav-main li a { background:url(images/menu_bg_right.jpg) repeat-x right; color:#FFF; display:block; line-height:2.5em; margin-left:1px; padding-left:19px; padding-right:20px; }
	#nav-main li.current_page_item, #nav-main li.current_page_item a { background: #FFF; color: #C62D2D; }
		#nav-main li.current_page_item a:hover { text-decoration: none; }
	#nav-main li.special { background-image:url(http://dev.k1der.net/wp-content/themes/k1der/images/menu_left_bg.png); float:right; }
		#nav-main li.special a { background-image:url(http://dev.k1der.net/wp-content/themes/k1der/images/menu_bg_right.jpg); }

/* Skip navigation */
#nav-skip { background:#360013/*#181E24*/; display:none; position:absolute; top:0; z-index:1000; }
	#nav-skip li { float:left; padding:5px; }
		#nav-skip a, #nav-skip a:visited { color:#FFF; font-size:10px; }

/* Archives navigation */
#nav-archives { background:#FFF; margin:10px; overflow:hidden; padding:10px; }
	#nav-archives .prev { float:left; }
	#nav-archives .next { float:right; }

/* Feeds navigation */
#nav-feeds { top:-144px; position:absolute; z-index:1; }
	#nav-feeds li { display:inline; }
		#nav-feeds a { background:transparent url(images/feed.png) no-repeat 0 50%; color:#FF5100; float:left; line-height:1.6em; margin-left:20px; padding-left:20px; }

/* Search engine */
#search { background:#FFF; padding:10px; position:absolute; right:0; text-align:right; top:130px; width:630px; }
	#search legend { left:-9999px; position:absolute; }
	#search input { background:#FFF; border:1px solid #555; color:#333; vertical-align:middle; }
	#search button { background:#D4D0C8; border:1px solid #555; vertical-align:middle; }

/* ================================
 * Commons website items
 * ================================*/

hr { display:none; }

a, a:visited { color:#C62D2D; text-decoration:underline; }
a:hover, a:active { text-decoration:none; }

.feed {	background:url(images/feed.png); display:block; height:16px; overflow:hidden; text-indent:-9999em; width:16px; }

input, textarea { font:normal 12px/1.6em Arial, Helvetica, sans-serif; padding:2px; }

/* ================================
 * Layout components
 * ================================*/

/*
 * Post
 */
.hentry { background:#FFF; margin:10px; padding:10px 10px 40px; position:relative; }
	.hentry h2 { color:#333; font-size:24px; font-weight:bold; }
		.hentry h2 a, .hentry h2 a:visited { color:#333; text-decoration:none; }
		.hentry h2 a:hover { text-decoration:underline; }
		.hentry h3 { font-size:20px; margin:10px 0; }
		.hentry h3 { font-size:18px; margin:10px 0; }
		.hentry h4 { font-size:16px; margin:10px 0; }
	.entry-meta { color:#999; font-size:11px; padding:4px 0; }
	.entry-content { font-size:12px; line-height:1.6em; margin:10px 0; }
		.entry-content p { line-height:1.6em; margin:10px 0; }
		.entry-content sup { font-size:11px; vertical-align:super; }
		.entry-content ul, .entry-content ol { list-style:disc; margin-left:20px; padding:10px 0; }
		.entry-content ol { list-style:decimal; }
			.entry-content li { line-height:1.6em; }
		.entry-content blockquote { background:#EEE; border-left:4px solid #C62D2D; padding:10px; }
			.entry-content blockquote p { margin:0; }
				.entry-content blockquote cite { display:block; padding:10px 0 0; text-align:right; }
		.entry-content .wp-caption { background:#EEE; border:1px solid #CCC; -moz-border-radius:4px; border-radius:4px; }
			.entry-content .wp-caption img { margin:5px 5px 0; vertical-align:middle; }
			.entry-content .wp-caption p { font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-size:11px; margin:0 0 5px; text-align:center; }
		.entry-content .alignleft { margin:0 auto 0 0; }
		.entry-content .alignright { margin:0 0 0 auto; }
		.entry-content .aligncenter { margin:0 auto; }
		.entry-content table { width:100%; }
			.entry-content th { background:#EEE; border:1px solid #CCC; padding:2px; white-space:nowrap; }
			.entry-content td { border:1px solid #CCC; padding:2px; white-space:nowrap; }
			.entry-content .devcode td { border:0; }
		
	.entry-utility { text-align:right; }
	.entry-comments { bottom:10px; font-size:12px; font-weight:bold; position:absolute; right:10px; }
	
	.tags { bottom:10px; overflow:hidden; position:absolute; width:50% }
		.tags li { float:left; margin-right:5px; }
			.tags a, .tags a:visited { background:#C62D2D; color:#FFF; font-size:11px; padding:0 5px; text-decoration:none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
			.tags a:hover { background:#D93131; }

/*
 * Search results
 */
.search-results { padding:0 10px; }
.search-results-empty { padding:0 10px 10px; text-align:center; }

		
/*
 * Comments
 */
#comments { background:#FFF; margin:-10px 10px 10px; padding:10px; position:relative; }
	#comments h2 { display:inline; float:left; font-size:18px; font-weight:bold; margin-right:10px; }
	#comments .feed { margin-top:4px; }
	
	#comments .list { clear:both; padding:10px 0 30px; }
		#comments .list li { background:#EEE; border-top:1px solid #555; padding:0 5px 10px; position:relative; margin:10px 0 0 44px; }
			#comments .list p.infos { color:#555; font-size:11px; }
				#comments .list p.infos span { color:#999; font-size:10px; }
			#comments .content { padding:0 5px; }
				#comments p { font-size:13px; line-height:1.6em; padding:5px 0; }
				#comments .avatar { border:1px solid #222; margin:0 10px 0 0; position:absolute; left:-44px; top:5px; }
	
	
	#comments form { clear:both; padding:10px 0 0; }
		#comments form p { color:#555; font-size:11px; padding:5px 0; }
			#comments form label { float:left; font-size:12px; line-height:1.6em; text-align:right; margin-right:5px; vertical-align:middle; width:100px; }
			#comments form #author, #comments form #email, #comments form #url, #comments form #comment { border:1px solid #555; margin-right:5px; vertical-align:middle; width:160px; }
			#comments form #comment { height:100px; margin:0; width:499px; }
			#comments form #submit { border:1px solid #555; display:block; margin:0 auto; width:100px; }

/*
 * Error 404
 */
#error-404 { background:#FFF; margin:10px; padding:10px; }
	#error-404 h2 { font-size:18px; font-weight:bold; }
	#error-404 p { padding:5px 0; }
	
.devcode, .devcodelines, .devcodeblock, .devcodetools { overflow:auto; }

/* ================================
 * IE patches
 * ================================*/

/* ================================
 * Layout
 * ================================*/

/*
 * Commons layout components
 */

/* Branding */
		.IE6 #branding a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.k1der.net/wp-content/themes/k1der/images/title.png'); }

/* Main Navigation */
.IE6 #nav-main { zoom:1; }

/* ================================
 * Layout components
 * ================================*/

/*
 * Comments
 */
.IE6 #comments { zoom:1; }