/*
Theme Name: Cork Board 2
Theme URI: http://theramblingchronicles.co.uk
Description: A theme based around paper pinned onto a cork board. Based on the original Cork Board Theme
Version: 1.0
Author: Thomas Craig
Author URI: http://theramblingchronicles.co.uk
Tags: cork, fixed width, single column, widgets

** Change Log: **

25/10/09 1.0: Version 0.1 start
31/01/2010 1.1: Added portfolio link + fixed tag overflow problem
01/03/2010 1.1.1: Changed the header to use the wordpress title rather than being hardcoded.
14/03/2010 1.1.2: Fixed search bug and search results page

*/

/* !HTML5 tag fixes */  
header, section, footer,  
aside, nav, article, figure {  
    display: block;  
}

/* !Fonts */

/*
 * The fonts included are copyrighted by the vendor listed below.
 * @vendor:     Joanne Taylor
 * @licenseurl: http://www.fontsquirrel.com/license/Qikki-Reg
 */

@font-face {
	font-family: 'Qikki Reg Regular';
	src: url('fonts/Qarmic_sans_Abridged.eot');
	src: local('Qikki Reg Regular'), local('QikkiReg'), url('fonts/Qarmic_sans_Abridged.ttf') format('truetype');
}

/*
 * The fonts included are copyrighted by the vendor listed below.
 * @vendor:     Manfred Klein Fonteria
 * @vendorurl:  http://manfred-klein.ina-mar.com/
 * @licenseurl: http://www.fontsquirrel.com/license/UglyQua
 */

@font-face {
	font-family: 'UglyQua Regular';
	src: url('fonts/UglyQua.eot');
	src: local('UglyQua Regular'), local('UglyQua'), url('fonts/UglyQua.ttf') format('truetype');
}


/* !HTML Tags */

* {
	padding: 0px;
	margin: 0px;
}

body {
	font-family: 'Qikki Reg Regular', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 16px;
	background: url('images/cork.jpg');
}

h1, h2, h3, nav{
	font-family: 'UglyQua Regular', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

h1 a, h2 a {
	text-decoration: none;
	border: none;
}

a {
	color: gray;
}

nav ul {
	list-style: none;
}

code, pre {
	line-height: 20px;
}

code {
	border-width: 0 5 0 5;
	-webkit-border-image: url(images/blue-scribble.png) 0 5 0 5 stretch stretch;
	-moz-border-image: url(images/blue-scribble.png) 0 5 0 5 stretch stretch;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* !Core layout */

#page {
	width:960px;
	margin: auto;
	margin-top:0px;
	position: relative;
}

#page-header {
	width: 620px;
	height: 154px;
	margin: auto;
	background: url(images/corkboard2.png) no-repeat 0px -1142px;
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
}

	#page-header h1 {
		display: block;
		padding-top: 70px;
		margin-left: 120px;
	}
	
#pages-navigation {
	margin-top: -10px;
}

	#pages-navigation ul li {
		width: 195px;
		height: 53px;
		display: block;
		float: left;
		background: url(images/corkboard2.png) no-repeat -302px -1065px;
		-moz-transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
	}
	
	#pages-navigation ul li:nth-child(2n) {
		-moz-transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
	}
	
		#pages-navigation ul li a {
			display: block;
			padding-top: 15px;
			padding-right: 15px;
			text-align: right;
			text-decoration: none;
		}
		
		#pages-navigation ul li a:hover {
			text-decoration: underline;
		}
		
		#pages-navigation ul li:nth-child(1) a{
			color: #C11C17;
		}
		#pages-navigation ul li:nth-child(2) a{
			color: #89AE54;
		}
		#pages-navigation ul li:nth-child(3) a{
			color: #71A3C5;
		}
		#pages-navigation ul li:nth-child(4) a{
			color: #E6AA19;
		}

		
.search {
	position: absolute;
	top: 40px;
	right: 0px;
	width: 270px;
	height: 70px;
	background: url(images/corkboard2.png) no-repeat 0px -465px;
}

	.search #searchform {
		padding-top: 16px;
		padding-left: 20px;
	}
	
		#searchform input[type=search]
		{
			border:none;
			border-bottom: 1px dashed black;
			background: transparent;
			font-family: 'Qikki Reg Regular', Sans-Serif;
		}
	

#contents li {
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: none;
}

.archive ol {
	list-style: none;
}

h2.page-title {
	width: 730px;
	height: 70px;
	padding-left: 30px;
	padding-top: 30px;
	background: url(images/corkboard2.png) no-repeat 0px -860px;
	-moz-transform: rotate(-0.8deg);
	-webkit-transform: rotate(-0.8deg);
}
	
.post {
	width: 815px;
}

	.post-entry a {
		border-width: 0 5 0 5;
		-webkit-border-image: url(images/green-scribble.png) 0 5 0 5 stretch stretch;
		-moz-border-image: url(images/green-scribble.png) 0 5 0 5 stretch stretch;
	}

	.post header, #comments header {
		width: 815px;
		height:120px;
		background: url(images/corkboard2.png) no-repeat 0px -4px;
	}
	
		.post header h2 {
			display: block;
			padding-top: 70px;
			margin-left: 120px;
			font-variant: small-caps;
			-moz-transform: rotate(-1deg);
			-webkit-transform: rotate(-1deg);
		}
		
		.post.even header h2 {
			-moz-transform: rotate(1deg);
			-webkit-transform: rotate(1deg);
		}
		
		.post .post-entry, .section-contents, .commentlist {
			padding-right: 40px;
			padding-left: 110px;
			padding-top: 16px;
			position: relative;
			background: url(images/paper-repeat.png) repeat-y 0px;
			line-height: 20px;
			vertical-align: baseline;
		}
		
		.post .post-entry p {
			margin-bottom: 20px;
		}
		
		.post .post-entry .wp_syntax {
			margin-bottom: 20px;
		}
		
		.post .post-entry h3 {
			margin-bottom: 20px;
			font-variant: small-caps;
		}
		
		.post .post-date, .comment-date {
			width: 50px;
			position: absolute;
			top: 20px;
			left: 24px;
			font-size: 1.2em;
			text-align: center;
			font-weight: bold;
			-moz-transform: rotate(-10deg);
			-webkit-transform: rotate(-10deg);
		}
		
		.post .post-metadata {
			padding-top: 10px;
			font-size: 0.8em;
		}
		
		.post-metadata .tags a {
			padding: 2px;
		}
		
	.post footer {
		
	}
	
		.page-bottom {
			width: 815px;
			height:45px;
			background: url(images/corkboard2.png) no-repeat 0px -405px;
		}
	
	.post.even {
		margin-left: 90px;
	}
	
#comments header h3 {
	padding-top: 80px;
	padding-left: 120px;
}

	#comments form input[type="text"] {
		border:none;
		border-bottom: 1px dashed black;
		background: transparent;
		font-family: 'Qikki Reg Regular', Sans-Serif;
	}
	
	#comments form textarea {
		margin-top: 16px;
		padding: 5px;
		border: 1px dashed black;
		background: transparent;
		font-family: 'Qikki Reg Regular', Sans-Serif;
	}
	
	#comments form label {
		margin-right: 10px;
	}
	
	.comment {
		width: 680px;
		position: relative;
		list-style: none;
	}
	
	.comment-author {
		margin-bottom: 10px;
	}
	
	.comment-author-name {
		border-width: 0 5 0 5;
		-webkit-border-image: url(images/orange-scribble.png) 0 5 0 5 stretch stretch;
		-moz-border-image: url(images/orange-scribble.png) 0 5 0 5 stretch stretch;
	}
	
.commentlist p {
	width: 680px;
}

	.commentlist li {
		padding-bottom: 20px;
	}
	
	.comment-date {
		left: -80px;
		font-weight: normal;
	}
	
#comments .page-bottom {
	margin-bottom: 30px;
}
	
.comment-navigation {
	width: 815px;
}
	
.not-found {
	width: 400px;
	height: 300px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	background: url(images/corkboard2.png) no-repeat 0px -535px;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}

	.not-found .widgettitle {
		padding-top: 30px;
		padding-left: 50px;
	}

	.not-found .not-found-container {
		padding: 30px;
		padding-top: 20px;
	}
	
.post-navigation {
	width: 195px;
	height: 53px;
	display: block;
	padding-top: 16px;
	background: url(images/corkboard2.png) no-repeat -302px -1065px;
	text-align: center;
}

#sidebar {
	width: 960px;
	margin: auto;
}
	
#sidebar ul {
	list-style: none;
}
	
.widget {
	width: 400px;
	height: 300px;
	margin: auto;
	float: left;
	background: url(images/corkboard2.png) no-repeat 0px -535px;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
}

	.widget .widgettitle, .widget h2 {
		padding-top: 30px;
		padding-left: 50px;
	}
	
	.widget .widget-container {
		padding: 30px;
		padding-top: 20px;
	}
	
	.widget .widget-content {
		overflow: auto;
	}
	
footer {
	clear: both;
}
	
.site-details {
	width: 620px;
	height: 154px;
	margin: auto;
	background: url(images/corkboard2.png) no-repeat 0px -1142px;
	font-size: 0.8em;
	text-align: center;
}

	.site-details-contents {
		padding: 20px;
		padding-top: 60px;
	}