@charset "utf-8";
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/***																																				   ***/
/***	GHOSTS CV HTML Template, Version 1.0. Made by Alex Cowley, www.duskydolphin.co.uk															   ***/
/***																																				   ***/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/

/*********************************************************************************************************************************************************/
/***	THIS IS THE CSS FILE THAT SPECIFIES WHAT THE PAGE LOOKS LIKE WHEN PRINTED																	   ***/
/*********************************************************************************************************************************************************/

/*********************************************************************************************************************************************************/
/***	1.0 - CSS RESET ~ You don't need to touch this																								   ***/
/*********************************************************************************************************************************************************/

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;
}
ol,
ul {
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
ins { text-decoration: none }
del { text-decoration: line-through }
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
}
table,
td,
th { vertical-align: middle }
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
blockquote,
q { quotes: "" "" }
a img { border: none }
abbr,
acronym { border-bottom-width : 0 }
strong { font-weight : bold }
em { font-style : italic }

/*********************************************************************************************************************************************************/
/***	2.0 - PAGE LAYOUT ~ The tags that organize the layout of the page																			   ***/
/*********************************************************************************************************************************************************/

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
}
#width_constraint {
	width:900px;
}
.content_holder {
}
#social {
	display:none;
}

/*********************************************************************************************************************************************************/
/***	3.0 - FIXED SIDEBAR ~ The profile image and personal details that stay fixed to the left hand side of the page								   ***/
/*********************************************************************************************************************************************************/

#profile_image {
	display:none;
}
#profile_image_overlay {
	display:none;
}
#contact_details {
    width: 900px;
	position:absolute;
	top:0px;
	left:0px;
    font-size: 12px;
    color: #888;
}
#contact_details a {
    color: #000;
    text-decoration: underline;
}
#contact_details a:hover { text-decoration: underline }
h6 {
	text-indent:-1000000px;
	width:10px;
    margin-left: 10px;
    margin-top: 10px;
	display:inline-block;
}
h6 img	{ display:block; margin-top:-16px; }
h6:first-child { margin-left: 0px }

/*********************************************************************************************************************************************************/
/***	4.0 - PAGE HEADINGS ~ The styled black bars that break up the content of the page															   ***/
/*********************************************************************************************************************************************************/

#your_name {
    width: 100%;
    height: 110px;
	margin-bottom: 10px;
}
.heading {
    width: 900px;
    height: 40px;
    margin-bottom: 10px;
	margin-top:20px;
}
h1 {
    padding-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 62px;
    color: #000;
    text-transform: capitalize;
    letter-spacing: -5px;
}
h2 {
    height: 43px;
    padding-top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 32px;
    color: #000;
    text-transform: capitalize;
    letter-spacing: -3px;
}

/*********************************************************************************************************************************************************/
/***	5.0 - PRINT & DOWNLOAD LINKS ~ The links above the main header to let you download and print the CV											   ***/
/*********************************************************************************************************************************************************/

#print_download_links {
	display:none;
}

/*********************************************************************************************************************************************************/
/***	6.0 - COLUMNS ~ The columns that appear in the different sections of the CV - you shouldn't need to change any of this						   ***/
/*********************************************************************************************************************************************************/

.columns {
}
.columns:after {
}
.column_left, .column_right {
    width: auto;
    padding: 20px;
    margin-bottom: 10px;
	position:relative;
	border-bottom:#CCC 1px solid;
}

	/*****************************************************************************************************************************************************/
	/***	6.1 - COLUMN CONTENT																													   ***/
	/*****************************************************************************************************************************************************/

	h3 {
		color: #000;
		font-size: 16px;
		text-transform: capitalize;
		margin-bottom: 10px;
		margin-top:-10px;
	}
	h4 {
		color: #999;
		font-size: 15px;
		font-style: italic;
		text-transform: capitalize;
		margin-bottom: 10px;
		margin-top: -12px;
	}
	.column_footer {
		margin-top: 20px;
		font-size: 14px;
		font-weight: bold;
		color: #AAA;
		position:absolute;
		top:0px;
		right:0px;
	}
	.column_splitter {
		margin: 20px -21px;
		padding: 10px 20px 13px;
		font-size: 14px;
		font-weight: bold;
		color: #AAA;
		position:absolute;
		top:0px;
		right:0px;
	}

/*********************************************************************************************************************************************************/
/***	7.0 - SOCIAL ICONS ~ The social icons in the Social section of the CV															 			   ***/
/*********************************************************************************************************************************************************/