@charset "utf-8";
/* CSS Document */

/*	*************************
	Your website!
	*************************
	Desc:		stylesheet
	File:		general.css
	Version:	1.0
	Created:	November 24th, 2009
	Last Edit:	November 28th, 2009
	Author:		Kate Payton @ www.pixelnourish.com
	Comments:	This file was purchased from
				ThemeForest. Enjoy!
	************************* */

/* Extra Stylesheets for organisation! */
@import "buttons.css";
@import "fancybox.css";
@import "form.css";

/*	_________________________

	Main styles
	_________________________ */

a 			{ 				color: #343434;	text-decoration: underline; }
a:hover 	{ 				color: #343434;	text-decoration: none; }
a img 		{ 				border: 0px;	text-decoration: none; }

html, body {
	background-color:		#fff;
	color: 					#4d4f54;
	font-family: 			Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				11px;
	font-weight: 			normal;
	height:					100%;
	line-height: 			15px;
	margin: 				0px;
	padding: 				0px;
}

h1 {					
	color: 					#4d4f54;
	font-size: 				22px;
	line-height: 			28px;
	font-weight: 			normal;
	padding: 				0px;
	margin: 2px 0 30px 0;
	text-align: 			left;
	text-decoration: 		none;
}

h2 { 						/*  Used for content */
	color: 					#4d4f54;
	font-size: 				18px;
	font-weight: 			normal;
	padding: 				0px;
	text-align: 			left;
	text-decoration: 		none;
}

h3 { 						/*  Used for content sub titles */
	color: 					#4d4f54;
	font-size: 				15px;
	font-weight: 			normal;
	margin: 				5px 0px 10px 0px;
	padding: 				5px 0px 0px 0px;
	text-align: 			left;
	text-decoration: 		none;
}

img 		{ 				padding: 0px;	margin: 0px; }
img a 		{ 				border: 0px;	text-decoration: none; }

p {
	color:					#4d4f54;
	font-family: 			Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: 			normal;
	line-height: 			18px;
	margin: 				15px 0px 15px 0px;
	padding: 				0px;
}

#content_left {				/* This just holds all of the LHS content in place */
	position: relative;
	z-index: 1;
	float:					left;
	min-height:				100%;
	margin:					0px 0px 0px 0px;
	padding: 				0px 0 0px 5%;
	width:					20%;
}

#content_left_wrapper {
	position: relative;
	min-width: 170px;
	padding: 40px 0 0 30px;
	float: right;
}

#left_200 {					/* This moves the LHS content to its correct position */
	float:					right;
	padding: 				40px 0px 0px 0px;
	width:					170px;
}


#content_right {			/* This just holds all of the RHS content in place */
	position: relative;
	z-index: 1;	
	min-height:				700px;
	margin:					0px;
	padding: 				0px 0px 0px 0px;
	width:					75%;
	float: right;
	overflow: hidden;
}

#content_right_wrapper {
	position: relative;
	min-width: 300px;
	max-width: 680px;
	padding: 40px 40px 0 60px;
	overflow: hidden;
}

#right_440 {				/* This creates the twin-border affect and places content correctly */
	float:					left;
	padding: 				40px 20px 0px 20px;
	width:					400px;
}

div#background {
	position: fixed;
	z-index: 0;
	top: 0;
	left: 0;
	height: 100%;
	width: 25%;
	padding-right: 20px; /* Must match the left column dimensions. */
	background: #ADADAD;
	border-right: 1px solid #fff;
}

.left {		float: left; }
.right {	float: right; }

/*	_________________________

	Header styles
	_________________________ */




/*	_________________________

	Sidebar styles
	_________________________ */

ul.navigation {				/*  The main navigation */
	list-style:				none;
	margin:					5px 10px 15px 0px;
	padding:				0px;
	width: 					190px;
	overflow: hidden;
}

ul.navigation li {			/*  The main navigation's list items */
	margin:					0px 0px 0px 0px;
	padding: 0;
}

ul.navigation li a {
	display: block;
	padding: 7px;
	margin: 2px 0;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #666;
	border: 1px dotted #ADADAD;
}

ul.navigation li a:link {
	color: #fff;
}

ul.navigation li a:visited {
	color: #fff;
}

ul.navigation li a:hover, ul.navigation li a.current {
	color: #f1f1f1;
	background: #999;
	border: 1px dotted #ccc;	
}

ul.navigation li a:active {
	color: #ccc;
}

/* Level 3 Navigation */

ul.navigation li ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
	width: 175px;
}

/* Level 3 Navigation */

ul.navigation li ul li ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
	width: 160px;
}

.hide {
	display: none;
}

.activeParent {
	font-weight: bold;
	color: #000;
}

#left_200 p {				/* copyright stuff */
	display:				block;
	font-size:				.8em;
	line-height:			12px;
	margin:					60px 0px 10px 0px;
	padding:				0px 15px;
}

/*	_________________________

	Content styles
	_________________________ */

/* index */

.intro_avatar {				/*  Will fit whatever size avatar you want, and will align it right */
	display:				block;
	float:					right;
	margin:					15px 0px 10px 10px;
}

/* social */

/* portfolio */

.port_element {
	border:					1px solid #ffffff; 
	height:					90px;
	padding:				5px;
	margin:					0px auto 5px auto;
	width:					390px
}

.port_element img {			border: 1px solid #ffffff; }
.port_element .container {	border: 1px solid #c7c7c7; }
.port_element p {			color: #95969c; font-size: .9em; }
.port_element:hover {		background: #eaeaea; border: 1px solid #c7c7c7; }

/* varied */

.specialise, .social {
	float:					left;
	display:				block;
	margin:					5px 15px 5px 0px;
	width:					165px;
}
.social {		padding: 5px 7px; border: 1px solid #fff; }
.social:hover {	background: #eaeaea; border: 1px solid #c7c7c7; }

.specialise span, .social span {
	display:				block;
	float:					left;
	margin:					7px 0px 8px 10px;
}

/* about */

ul.list {
	margin:					0px 0px 10px 5px;
	padding:				0px;
}
ul.list li {
	background:				url(../images/li_bullet_dkgrey.png) no-repeat left top;
	list-style:				none;
	margin:					0px 0px 5px 0px;
	padding:				0px 0px 0px 20px;
}

.cv {
	border: 				1px solid #fff;
	float:					left;
	display:				block;
	height:					35px;
	margin:					5px 15px 5px 0px;
	padding:				5px 7px;
	width:					90px;
}
.cv:hover {	background: #eaeaea; border: 1px solid #c7c7c7; }

.cv span {
	display:				block;
	float:					left;
	margin:					7px 0px 8px 10px;
}


/* contact */

.error {	
	border: 				1px solid #c7c7c7;
	float:					right;
	margin:					5px 15px 0px 0px;
	width:					200px;
}
.error .container {
	border: 				1px solid #fff;
	background:				#dde2ed;
	display:				block;
	height:					auto;
	padding:				5px 7px;
}

.error span {
	display:				block;
	float:					left;
	margin:					7px 0px 8px 10px;
}

.means {
	border: 				1px solid #fff;
	clear:					left;
	display:				block;
	height:					35px;
	margin:					5px 15px 5px 0px;
	padding:				5px 7px;
}
.means:hover {	background: #eaeaea; border: 1px solid #c7c7c7; }

.means span {
	display:				block;
	float:					left;
	margin:					7px 0px 8px 10px;
}

/* Misc */

img.profileImage {
	float: right;
	padding: 10px;
	margin: 5px 0 10px 20px;
	background: #f3f3f3;
	border: 1px solid #c7c7c7;
}

h2.name {
	line-height: 35px; font-size: 24px; font-weight: bold; text-shadow: 1px 1px 1px #333; text-align: left; padding: 0 0 10px 0; margin: 0; font-family: Geneva, Arial, Helvetica, sans-serif;
}

h2.name a {
	text-decoration: none;
}

ul {
	position: relative;
	margin: 4px;
	padding: 5px 10px;
}

ul li {
	margin: 3px;
	padding: 3px;
}

h1 span.subHeading {
	display: block;
	margin: 10px 0;
	font-size: 16px;
}

form.contactForm {
	margin: 10px;
	padding: 0;
	border: 0;
}

form.contactForm .text {
	position: relative;
	border: 1px dotted #ccc;
	background: #f3f3f3;
	margin: 5px;
	padding: 4px;
	width: 75%;
}

form.contactForm .textarea {
	position: relative;
	border: 1px dotted #ccc;
	background: #f3f3f3;
	margin: 5px;
	padding: 4px;
	height: 40px;
	width: 75%;
}

form.contactForm label {
	position: relative;
	display: inline-block;
	width: 100px;
	margin: 5px;
}

form.contactForm .submit {

}

img.contactPageCaptcha  {
	position: relative;
	top: 10px;
	left: 15px;
}

div.contactPageCaptcha {
	margin: 10px 5px;
}

div.alert {
	padding: 25px;
	margin: 5px;
	background: #FF9999;
	border: 1px dotted #FF00CC;
	color: #000;
}

div.success {
	padding: 25px;
	margin: 5px;
	background: #00FF66;
	border: 1px dotted #009900;
	color: #000;	
}