/*
//light brown theme
$bodyBackground = '#d8d8c8';    // This is the background color of the entire template, a transparent overlay of stripes is over it.
$mainBackground = '#d8d8c8';    // This is main content area background color. The vertical column between the left and right columns.
$leftBackground = '#EEE';       // This is the left column background color which included the photo and contact details.
$titlesBackground = "#d8d8c8";  // This is the resume section title backgrounds located in the right column.
$linkColor = "#585837";         // This is the link color values located throughout the template.
*/

/*
//gray theme
$bodyBackground = '#DDD';
$mainBackground = '#EEE';
$leftBackground = '#FFF';
$titlesBackground = "#EEE";
$linkColor = "#555";
*/

/*
//cmyk theme
$bodyBackground = '#FFF';
$mainBackground = '#7AD9F8';
$leftBackground = '#fcf2ca';
$titlesBackground = "#FE7890";
$linkColor = "#2687ac";	
*/

body {
	color:#444;	
	background-image:url('/Images/Resume/body-bg.png');
	background-repeat:repeat;
	background-color: #d8d8c8;
	font-family:'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', Georgia, serif;
	font-size:0.8em;
}

h1, h2, h3, h4, h5 {
	clear:both;
	letter-spacing:0.04em;	
}

dt {
	font-size:1.1em;
	margin-top:10px;
}

a {
	color:#585837;
}

/*********************************
 * defined DIVs
 *********************************/

#main {
	position:relative;
	width:960px;
	margin:0 auto;
	background-color:#d8d8c8;
}

/*********************************
 * left column elements
 *********************************/

#left-col {
	position:fixed;
	top:0;
	width:346px;
	height:100%;
	margin-right:50px;
	background-color:#EEE;
	border-left:1px solid #AAA;
	border-right:1px solid #AAA;
	z-index:1;
}

#photo {
	position:relative;
	width:272px;
	height:329px;
	background-image:url('/Images/Resume/photo-bg.png');
	background-repeat:no-repeat;
	background-position:0 0;
	margin:30px 0 0 35px;
	z-index:3;
}

#photo img {
	margin-top:26px;
	margin-left:37px;
}

#overlay {
	position:absolute;
	width:200px;
	height:280px;
	margin-top:26px;
	margin-left:37px;
	background-image: url('/Images/Resume/photo-overlay.png');
	background-repeat:no-repeat;
	z-index:4;
}


#name {
	width:222px;
	margin:10px 0 0 60px;
}

#name h2, #name h4 {
	text-align:center;
	margin:0;
	padding:0;
}

#contact-details {
	position:relative;
	width:222px;
	margin:10px 0 0 55px;
}

#contact-details table {
	margin-top:20px;
	border-collapse:separate;
	border-spacing:0 5px;
}

#contact-details table tr td {
	vertical-align:top;
	border-bottom:1px dashed #CCC;
}

.cd-item {
	padding:10px;
	font-weight:bold;
}

.cd-info {
	padding:10px;
}

/*********************************
 * right column elements
 *********************************/

#actions {
	position:fixed;
	background-image:url('/Images/Resume/actions-bg.png');
	background-repeat:no-repeat;
	width:560px;
	height:30px;
	z-index:4;
	font-size:.9em;
	line-height:20px;
}

#actions ul {
	position:relative;
	top:5px;
	margin-left:0;
	padding-left:0;
	text-align:center;
}

#actions ul li {
	display:inline;
	margin-left:40px;
}

#actions ul li:first-child {
	margin-left:0;
}

#actions ul li img {
	vertical-align:middle;
	margin-right:5px;
}

#right-col {
	position:relative;
	width:560px;
	float:right;
	background-color:#FFF;
	border-left:1px solid #AAA;
	border-right:1px solid #AAA;
	z-index:3;
}

#right-col h2 {
	clear:both;
	padding:10px;
	background-color:#d8d8c8;
}

#content {
	position:relative;
	margin:50px;
	z-index:2;
}



hr.clear {
	visibility:hidden;
	clear:both;
	margin:0;
	padding:0;
}

.col2-1 {
	float:left;
	width:40%;
	margin-right:10px;	
}

.col2-2 {
	float:left;
	width:40%;
	margin-right:10px;
}

.col3-1 {
	float:left;
	width:30%;
	margin-right:10px;
}

.col3-2 {
	float:left;
	width:30%;
	margin-right:10px;
}

.col3-3 {
	float:left;
	width:30%;
}