/*
Theme Name: Kayleigh Jobes / Online Portfolio
Theme URI: http://www.kayleighjobes.co.uk
Description: The theme used for Kayleigh Jobes' portfolio. Please respect my efforts and do not use this theme without permission.
Version: 1.0
Author: Kayleigh Jobes
Author URI: http://www.kayleighjobes.co.uk
*/

body {
	font: 100% Helvetica, Arial, sans-serif;
	background: url(images/bg.jpg) #6a6a6a top left repeat-y;
	margin: 0;
	padding: 0;
	color: #6a6a6a;
}
#maincontainer {
	width: 1024px;
	margin: 0px 0px 0px 49px;
	padding: 0;
	text-align: left;
	height: auto;
}

/* Text styles */
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #6c92af;
	padding-bottom: 3px;
	padding-top: 7px;
	margin: 0;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #6a6a6a;
}
h5 {
	font-weight: normal;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.8em;
}
h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.6em;
	text-transform: lowercase;
	letter-spacing: 2px;
	color: #777;
	font-weight: normal;
	padding-top: 0px;
	margin-top: 0px;
}
p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 22px;
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
}
a {
	text-decoration: none;
}
strong, .blue {
	color: #6c92af;
}


/* Header styles */
.header {
	height: 109px;
	width: 864px;
	padding: 0px 0px 0px 160px;
	margin: 0;
}
.header h1 {
	font-size: 0.9em;
	color: #FFFFFF;
	text-indent: -3500px;
	padding: 0;
	margin: 0;
}

/* Navigation styles */
.nav {
	position: fixed;
	top: 109px;
	left: 49px;
	float: left;
	background: url(images/nav-bg.jpg) repeat-y #e1eaf1;
	width: 180px;
	height: auto;
	padding: 0;
	margin: 0;
}
.nav-bottom {
	background: url(images/nav.jpg) bottom no-repeat;
	width: 180px;
	height: auto;
	padding: 0;
	margin: 0;
}
.nav h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	letter-spacing: 1px;
	font-weight: normal;
	color: #6c92af;
	padding: 20px 8px 10px 15px;
	margin: 0;
	line-height: 4px;
}
.nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 15px;
	font-size: 0.7em;
	font-family: Helvetica, Arial, sans-serif;
	color: #5f5f5f;
	line-height: 18px;
	letter-spacing: 1px;
	font-weight: normal;
}
.nav li {
	padding: 0;
	margin: 0;
	line-height: 18px;
}
.nav a {
	color: #5f5f5f;
	text-decoration: none;
}
.nav li a:hover {
	border-bottom: 1px #5f5f5f dotted;
}

/* Content Styles */
.content-area {
	width: 770px;
	padding: 0;
	padding-right: 44px;
	padding-left: 30px;
	margin-bottom: 30px;
	margin: 0;
	height: auto;
	float: right;
}
.content-area a {
	color: #6c93af;
}
.post, .page {
	padding: 0;
	margin: 0;
	padding-left: 25px;
	padding-right: 45px;
	height: auto;
	width: 646px;
}

.post img {
	border: 1px #ccc solid;
	padding: 4px;
	background: #ffffff;
}
hr {
	border: 0;
	border-bottom: 1px #bbbbbb dotted;
	color: #ffffff;
	background: none;
	width: 80%;
	height: 1px;
	margin-left: 25px;
}

/* Form styles */

input {
	width: 170px;
	height: 18px;
	border: 1px #aaaaaa solid;
	padding: 4px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #777;
}
input.btn {
	height: 30px;
	font-size: 16px;
}
textarea {
	width: 360px;
	height: 170px;
	border: 1px #aaaaaa solid;
	padding: 4px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #777;
}



/* Footer Styles */
.footer {
	width: 936px;
	height: auto;
	background: url(images/footer.jpg) no-repeat top center;
	padding: 20px 0px 40px 24px;
	margin: 0;
	margin-left: 161px;
}
.footer h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	color: #5f5f5f;
	font-weight: normal;
	padding: 0;
	padding-left: 42px;
	margin: 0;
}