/*
Theme Name:		CorlenKruger.com
Theme URI:		http://www.corlenkruger.com
Description:	Theme for the personal blog of Corlen Kruger.
Version: 		1.0
Author: 		Andre Jacobs
Author URI:		http://www.andrejacobs.org
Tags:			personal, corlenkruger.com, andrejacobs.org
*/
@charset "utf-8";
/*
Website designed by Corlen Kruger http://www.corlenkruger.com and
        developed by Andre Jacobs http://www.andrejacobs.org

Colour reference:
Red background:		#5d1516
Orange link:		#f18719
Dark red text:		#ba3202
Button:				#5a120f
*/

/*-------------------------------------------
	Reset
-------------------------------------------*/
*
{
	margin:				0;
	padding:			0;
}

html
{
	overflow-y:			scroll;
}

html, body
{
	height:				100%;
}

body
{
	font-size:			62.5%;
	font-family:		Arial, sans-serif;
	color:				white;
	background: 		#cccccc;
}

ul
{
	list-style:			square inside;
}

ol
{
	list-style:			decimal inside;
}

a
{
	outline:			none;
	text-decoration:	none;
}

a img
{
	border:				none;
	background:			none;
}

img
{
	vertical-align:		middle;
}

table
{
	border-collapse:	collapse;
}

/*-------------------------------------------
	Utility
-------------------------------------------*/
.floatLeft,
.alignleft
{
	float:				left;
}

.floatRight,
.alignright
{
	float:				right;
}

.clear
{
	clear:				both;
}

.button
{
	border:				1px solid #f18719;
	background:			#f18719;
	padding:			3px 8px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	color:				white;
	font-weight:		bold;
}

.button:hover
{
	background:			white;
	color: 				#f18719;
}

/*-------------------------------------------
	Typography
-------------------------------------------*/
p
{
	font-size:			1.4em;
	line-height:		1.4em;
	margin: 			0 0 10px 3px;
}

li
{
	font-size:			1.4em;
	line-height:		1.4em;
	margin: 			0 0 0 20px;
}

ol, ul
{
	margin:				1.2em 0;
}

a
{
	color:				#f18719;
	font-weight:		bold;
}

a:hover
{
	background:			#f18719;
	color:				white;
}

h1
{
	font-size:			3.4em;
	margin:				0 0 10px 0;
}

h2
{
	font-size:			2.8em;
	margin:				0 0 10px 0;
}

h3
{
	font-size:			2.4em;
	margin:				0 0 10px 0;
}

h4
{
	color:				white;
	font-size:			2.0em;
	margin-bottom:		15px;
}

.post h4
{
	font-size:			1.8em;
	margin:				0 0 10px 0;
	color:				#900;
}

blockquote
{
	width:				425px;
	border-left:		3px solid #ba3202;
	background:			#7b1c1d;
	margin:				10px 0px 10px 40px;
	padding:			10px 10px 10px 15px;
	font-size:			1.4em;
	line-height:		1.4em;
}

blockquote p
{
	font-size:			1.0em;
	line-height:		1.0em;
}

pre
{
	font-size:			1.4em;
	background:			#7b1c1d;
	padding:			10px;
	margin:				10px 20px;
}

input
{
	border:				2px solid #f18719;
	padding:			2px;
	background:			#5d1516;
	color:				white;
}

textarea
{
	border:				2px solid #f18719;
	padding:			2px;
	background:			#5d1516;
	color:				white;
}

/*-------------------------------------------
	Structure
-------------------------------------------*/

#PageWrap
{
	position:			relative;
	top:				15px;
	left:				4px;
	width:				956px;
	margin:				0 auto 25px auto;
	min-height:			100%;
	height:				auto !important;
	height:				100%;
	background:			#999999
}

#PageWrapInner
{
	position:			relative;
	top:				-4px;
	left:				-4px;
	background:			black;
	padding:			10px;
}

#Header
{
	width:				936px;
	height:				226px;
	background:			url(images/header.jpg) no-repeat top left;
	margin-bottom:		10px;
}

#Header h1
{
	text-indent:		-9999px;
}

#MainRow
{
	width:				936px;
}

#Content
{
	width:				540px;
	float:				left;
	margin-right:		10px;
	background:			url(images/content_repeat.jpg) repeat-y top left;
}

#Sidebar
{
	width:				386px;
	float:				left;
	background:			url(images/sidebar_repeat.png) repeat-y top left;
}

#CorniceRow
{
	width:				936px;
	height:				274px;
	background:			url(images/content_repeat.jpg) repeat-y top left;
}

#CorniceContent
{
	width:				540px;
	height:				274px;
	float:				left;
	margin-right:		10px;
	background:			url(images/content_bottom.jpg) no-repeat bottom left;
}

#CorniceSidebar
{
	width:				386px;
	height:				274px;
	float:				left;
	background:			url(images/sidebar_bottom.jpg) no-repeat top left;
}

/*-------------------------------------------
	Blog Entries
-------------------------------------------*/

#PostHolder
{
	position:			relative;
	top:				-35px;
}

.post
{
	padding:			0 20px 10px 20px;
}

.postTitle
{
	margin-bottom:		0px;
}

.postDate
{
	color:				#ba3202;
	font-size:			1.2em;
	font-weight:		bold;
}

.postMetaData
{
	clear:				both;
	margin:				0 0 0 3px;
}

img.postMetaDataSep
{
	position:			relative;
	left:				-20px;
}

.more-link
{
	position:			relative;
	top:				8px;
	font-size:			0.5em;
	margin-left:		2px;
}

img.alignnone
{
	display:			block;
	border:				2px solid #5a120f;
	margin:				4px auto;
	padding:			4px;
}

img.aligncenter
{
	display:			block;
	border:				2px solid #5a120f;
	margin:				4px auto;
	padding:			4px;
}

img.alignright
{
	float:				right;
	border:				2px solid #5a120f;
	margin:				4px;
	padding:			4px;
}

img.alignleft
{
	float:				left;
	border:				2px solid #5a120f;
	margin:				4px;
	padding:			4px;
}

div.wp-caption
{
	display:			block;
	margin:				4px auto 10px auto;
}

div.wp-caption img
{
	display:			block;
	border:				2px solid #5a120f;
	margin:				4px;
	padding:			4px;
}

p.wp-caption-text
{
	text-align:			center;
	font-weight:		bold;
}

/*-------------------------------------------
	Sidebar
-------------------------------------------*/

#NavAndNews
{
	float:				left;
	width:				320px;
}

#Navigation
{
	float:				left;
	margin-left:		12px;
}

#Navigation ul
{
	list-style:			none;
}

#Navigation li
{
	float:				left;
	margin: 			0px;
	padding: 			0px;
}

#Navigation li a
{
	text-indent:		-9999px;
	height:				26px;
	float:				left;
}

#Navigation li a.shop
{
	background:			url(images/nav_shop.png) no-repeat top left;
	width:				75px;
	height:				26px;
}

#Navigation li a.blog
{
	background:			url(images/nav_blog.png) no-repeat top left;
	width:				80px;
	height:				26px;
}

#Navigation li a.email
{
	background:			url(images/nav_email.png) no-repeat top left;
	width:				85px;
	height:				26px;
}	

#Navigation li a.about
{
	background:			url(images/nav_about.png) no-repeat top left;
	height:				26px;
	width:				65px;
}

#Navigation li a.shop:hover,
#Navigation li a.blog:hover,
#Navigation li a.email:hover,
#Navigation li a.about:hover
{
	background-position:	bottom left;
}

#RSS
{
	float:				right;
	position:			relative;
	left:				-10px;
}

#RSS a
{
	background:			url(images/RSS.png) no-repeat 0 0;
	width:				58px;
	height:				137px;
	display:			block;
	text-indent:		-9999px;
}

#RSS a:hover
{
	background-position:	-58px 0;
}

.sidebarSeperator
{
	clear:				both;
	background:			url(images/sidebar_sep.png) no-repeat top left;
	width:				386px;
	height:				29px;
}

#NewsBox
{
	float:				left;
	margin-left:		13px;
	margin-top:			8px;
	width:				298px;
	background:			url(images/newsbox_repeat.png) repeat-y top left;
}

#NewsBoxTop
{
	width:				298px;
	height:				27px;
	background:			url(images/newsbox_top.png) no-repeat top left;
}

#NewsBoxBottom
{
	width:				298px;
	height:				19px;
	background:			url(images/newsbox_bottom.png) no-repeat top left;
}

#NewsBoxContent
{
	padding:			0px 2px;
	font-size:			1.1em;
	font-weight:		bold;
}

.widget
{
	padding:			5px 20px 5px 17px;
}

.widget h1
{
	text-transform:		uppercase;
	font-size:			1.8em;
	font-weight:		bold;
	margin:				0 0 2px 0;
}

.widget ul
{
	list-style-type:	none;
	margin:				0px;
	padding:			0px;
}

.widget ul li
{
	font-size:			1.3em;
	line-height:		1.3em;
	background:			url(images/list_star.png) no-repeat 0px 4px;
	padding-left:		20px;
	margin:				0 8px 0 8px;
}

.widget ul li a
{
	padding:			2px;
	display:			block;
}

.searchInput
{
	font-size:			1.6em;
	border:				2px solid #f18719;
	padding:			2px;
	background:			#5d1516;
	color:				white;
	width:				284px;
}

#SearchSubmit
{
	position:			relative;
	top:				6px;
	left:				4px;
	border:				0px;
	background:			none;
}

.searchAgain
{
	margin:				0 20px;
}

.another_search
{
	margin:				0 auto;
	width:				340px;
}

/*-------------------------------------------
	Footer
-------------------------------------------*/

#FooterContent
{
	width:				936px;
	background:			url(images/footer_repeat.png) repeat-y top left;
}

#FooterContent p
{
	color:				white;
}

#FooterContent a
{
	color:				white;
	font-weight:		bold;
}

#FooterContent a:hover
{
	background:			white;
	color:				#f18719;
}

#Footer1
{
	width:				300px;
	float:				left;
	margin:				0 30px 0 10px;
}

#Footer2
{
	width:				200px;
	float:				left;
	margin-right:		30px;
}

#Footer3
{
	width:				200px;
	float:				left;
}

#Footer4
{
	width:				200px;
	float:				left;
}

#FooterContent ul
{
	color:				white;
	margin:				0;
}

#FooterContent li
{
	font-size:			1.4em;
	line-height:		1.4em;
	margin: 			0 0 0 4px;
}

#FooterContent li a
{
	color:				white;
	font-weight:		normal;
}

#FooterContent li a:hover
{
	background:			white;
	color:				#f18719;
}

/*-------------------------------------------
	Specifics
-------------------------------------------*/

h2.archiveTitle
{
	margin:				0 20px;
}

.archiveNav
{
	margin:				0 20px 10px 20px;
	font-size:			1.4em;
}

.comments
{
	border-top:			3px dashed #f18719;
	margin-top:			10px;
	padding-top:		10px;
}

.comments h3
{
	font-size:			2.0em;
}

ol.commentlist
{
	list-style:			none;
}

.comment-bubble
{
	background:			#5a120f;
	padding:			10px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
}

ol.commentlist li p
{
	font-size:			1.0em;
}

.gravatar
{
	margin-top:			3px;
	padding:			2px;
	height:				40px;
}