/* @override http://charlesjpage.com/charlesjpage.css */

* {
	margin: 0;
	padding: 0;
}

body{
	background-color: black;
	background-image: url(images/bg.png);
}

.wrapper {
	width: 820px;
	margin: 20px auto;
	text-align: left;
	font: 12pt Verdana, Geneva, sans-serif;
}

/* @group nav "header" */

.header {
	display: inline;
	float: right;
	background-color: #c1c1c1;
	color: #1c1c1c;
	height: 20 px;
	font-size: .8em;
}

.header a {
	border-style: none;
	color: transparent;
}
.homeTab, .aboutTab, .folioTab, .resumeTab {
	display: inline;
	color: #1c1c1c;
	text-align: center;
	background-color: #c1c1c1;
	float: left;
	padding: 2px 5px 0;
}

.homeTab:hover, .aboutTab:hover, .folioTab:hover, .resumeTab:hover {
	color: #c1c1c1;
	background-color: #1c1c1c;
	text-decoration: underline;
}

#active{
	color: #c1c1c1;
	background-color: #1c1c1c;

}
/* @end */

.content {	
	background-color: #1C1C1C;
	float: left;
	width: 780px;
	font: 12pt/1.2em Arial, Verdana, Geneva, sans-serif;
	color: #c1c1c1;
	padding: 20px;
}

a {
	color: #C1C1C1;
	text-decoration: none;
}

a img {
	color: transparent;
}

div.sidebar {
	float: left;
	color: #C1C1C1;
	text-align: left;
	width: 190px;
	margin-top: 0px;
	padding-right: 20px;
	font-size: .8em;
}

div.sidebarContent {
	text-align: left;
	font-size: .8em;
}

div.sidebar a img {
	border-style: none;
	border-width: 0;
	text-decoration: none;
}

.mainCopy {
	width:550px;
	float: right;
	color: #c1c1c1;
	font-size: .8em;
}

.heading {
	font-size: 1.6em;
	line-height: 2em;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	padding-right: 20px;	
}

/* @group About */

.aboutMe, .howAndWhy, .tweet, .hobbies, .TV, .readings, .movies {
	padding-left: 20px;
}
/* @end */

/* @group Folio */

.disclaimer {
	line-height: 1.2em;
	float: left;
	margin-bottom: 20px;
	padding: 20px;
	border: 4px none #c1c1c1;
	font-size: .9em;
	background: #1c1c1c;
	color: #c1c1c1;
	width: 780px;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}

.portfolioItem {
	float: right;
	margin-bottom: 20px;
}

.portfolioItem img {
	float: right;
	width: 510px;
}



.portfolioItemSmall {
	float: right;
	margin-bottom: 20px;
}

.portfolioItemSmall img {
	float: right;
	width: 255px;
}

.portfolioDescription {
	margin-bottom: 20px;
	height:  314px;
	width: 270px;
	font: .85em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#firefox {
	margin-bottom: 0px;
}

/* @end */

/* @group FolioItem */
.projTitle{
	font: normal 2em/2em Palatino;
}

.subHead{
	font: bold 1.5em/1.5em Palatino;
}
/* @end */

/* @group Resume */

td.leftColumn {
	width: 460px;
}

td.rightColumn {
	width: 120px;
}

.school, .work {
	padding-left: 20px;
}

.degree, .job {
	font-weight: bold;
	font-size: 1.1em;
}

.skillSet {
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 20px;
	line-height: 1.5em;
}

.skills {
	padding-left: 20px;
}

.strengths {
	padding-left: 20px;
	float: left;
}

.jobTasks {
	padding: 5px 20px 0 0;
}

.mainCopy table {
	border:0;
	cellpadding: 0; 
	cellspacing: 0;
	color: #C1C1C1;
	font-size: 1em;
	padding-bottom: 5px;
}

.resumeHeader {
	font-size: 10px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.pdfIcon {
	text-align: center;
	margin-top: 50px;
}

/* @end */

/* @group footer */

.footer {
	float: left;
	margin-top: 20px;
	background-color: #1c1c1c;
	color: #cccccc;
	visibility: visible;
	text-align: left;
	font: normal 8pt "Verdana, Verdana, Geneva, sans-serif";
	clear: both;
	border-top: solid #c1c1c1;
	width: 820px;
	margin-bottom: 20px;
	padding-top: 5px;
}

.footer a {
	margin: 0;
	text-align: right;
	color: #CCCCCC;
	border: none;
}

.footer a:active a.visited{
	color: #888888;
}

.copyright {
	display: inline;
	float: left;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

.contact {
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
}

/* @end */