/* ----------- typography --------------- */


h1
{
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font: bold;
}

#seccol h1 a
{	
	text-decoration:none;
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font: bold;
}

.book_title
{ 
	font: italic;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.book_desc
{ 
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.book_heading
{ 
	color: #abc;
	font-size: 10px;
	height: 2em;
	font: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#titlenav p {margin: 0 0 0 0; }
#leftcol p { margin: 0 0 1em 0; }
#leftcol h1 { margin: 0 0 .5em 0; }
#seccol p {margin: 0 0 0 0; }
#seccol h1 { margin: 0 0 .5em 0; }
#footer p {margin: 0 0 0 0; }
#left_align p {margin: 0 0 0 0; }
#right_align p {margin: 0 0 0 0; }

/* -- MAINNAV -- */
#mainnav ul li a 
{ 
	text-decoration: none; 
	color: #abc;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#mainnav2 ul li a 
{ 
	text-decoration: none; 
	color: #abc;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* -- TITLENAV -- */
#titlenav
{
	color: #fff;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#titlenav a
{
	text-decoration:none;
	color: #ffffff;
	background-color: #000099;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.1em 1em 0.1em 1em;
}


/* -- HIGHLIGHTING WHICH PAGE YOU'RE ON -- */
.cat_aboutme #mainnav a#aboutme, .cat_interests #mainnav a#interests, .cat_pictures #mainnav a#pictures, .cat_blog #mainnav a#blog,
.cat_work #mainnav2 a#work, .cat_resume #mainnav2 a#resume
{
	background-color: #000099;
	color: #ffffff;
}


#pg_abouthome #leftcol a#aboutmehome, #pg_beliefs #leftcol a#beliefs, #pg_family #leftcol a#family, #pg_friends #leftcol a#friends,
#pg_lived #leftcol a#lived, #pg_quotes #leftcol a#quotes_link, #pg_workhome #leftcol a#workhome_link, #pg_interests #leftcol a#interests_link, #pg_infoforsf #leftcol a#infoforsf_link,
#pg_sitini #leftcol a#sitini_link, #pg_projects #leftcol a#projects_link, #pg_consulting #leftcol a#consulting_link,
#pg_interestshome #leftcol a#interestshome_link, #pg_sports #leftcol a#sports_link, #pg_entertainment #leftcol a#entertainment_link,
#pg_dining #leftcol a#dining_link, #pg_books #leftcol a#books_link, #pg_style #leftcol a#style_link, #pg_design #leftcol a#design_link, #pg_misc #leftcol a#misc_link,
#pg_contact #leftcol a#contact_link
{
	background-color: #ffffff;
	color: #ABC;
}


#titlenav a:hover { color: #ffffff; background-color:  #ff0000;}

span.sublinks
{
	text-align: left;
	background-color: #999999;
	margin: 0 0 0 135px;
	padding: 0;
}

#quotes
{
	font-style: italic;
	margin: 1em 0 0 0;
	clear: left;
}

.caption
{ 
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#leftcol p, #middle p, #rightcol p, #seccol p, #seccol ol li
{ 
	text-decoration: none; 
	color: #333333;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* -- LEFTCOL -- */
#leftcol ul li a
{ 
	text-decoration: none; 
	color: #000099;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#leftcol a
{	
	color: #009933;
}

#leftcol a:hover
{
	color: #abc;
}

#leftcol ul li a:hover, #footer a:hover
{
	color: #FF0000;
}


/* -- seccol - SECOND ON TWO COLUMN PAGE -- */
#staff_desc p
{	
	text-decoration: none; 
	color: #900000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#seccol h2
{	
	color: #333333; font-size: 18px;
}



/* -- FOOTER -- */
#footer, #footer a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


/* ----------- positioning -----------------*/

body{
	background:#DDE1E6;
	text-align:center;
	margin: 0;
	padding: 0;
}


/* -- CONTAINER -- */
#container 
{
	width: 800px;
	margin: 0px auto;
	background: #ffffff;
	padding: 10px;
	text-align: left;
	line-height: 120%;
}


/* -- HEADER -- */
#header
{	
	padding: 0em;
	background:#ffffff;
}

/* -- LOGO -- */
#logo-img 
{
	background: #FFFFFF url('../images/ckamlogo.gif') no-repeat;
	float: left;
	height: 46px;
	width: 253px;
	padding: 0;
	margin:0 0 0 0;
}

div.img-link a {
	display: block;
	height: 46px;
	width: 253px;
	text-decoration: none;
	}

/* -- MAIN NAV -- */	
#mainnav
{
	float: right;
	text-align: right;
	background-color: #ffffff;
	padding: 0;
	margin: 0 0 0 0;
}

#mainnav ul, #extranav ul
{ 
	list-style-type: none; 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
} 

#mainnav ul li, #extranav ul li 
{ 
	display: inline; 
}

#mainnav ul li a
{ 
	padding: .2em 1em .2em 1em;
	background-color: #99cccc;
	color: #000000;
}

#mainnav ul li a:hover
{
	color: #ffffff;
	background-color: #FF0000;
}

/* -- MAIN NAV2 -- */	
#mainnav2
{
	float: right;
	text-align: right;
	background-color: #ffffff;
	padding: 0 0 0 0;
	margin: 0 0 0 .25em;
}

#mainnav2 ul, #extranav ul
{ 
	list-style-type: none; 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
} 

#mainnav2 ul li, #extranav ul li 
{ 
	display: inline; 
}

#mainnav2 ul li a
{ 
	padding: .2em 1em .2em 1em;
	background-color: #99cccc;
	color: #000000;
}

#mainnav2 ul li a:hover
{
	color: #ffffff;
	background-color:  #009933;
}


/* -- TITLE NAV -- */
#titlenav
{
	clear: both;
	background-color: #999999;
	padding: 0 0 0 20;
	margin: 1 0 10 0;
}


/* -- LEFT COL -- */
#leftcol
{
	background:#ffffff;
	float: left;
	width: 150px;
}

#leftcol ul
{ 
	list-style-type: none; 
	padding: 0;
	margin: 0;
} 

#leftcol li { margin: 0 0 10 0; } 


/* -- SECOND COLUMN - FOR TWO COLUMN PAGE -- */
#seccol
{
	margin-left: 0px;
	border-left: 1px solid gray;
	margin-top: 0px;
	width: 624px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
}

#aboutme_pic
{
	float: left;
	width: 126px;
	margin-top: 0px;
	margin-right: 18px;
}

#aboutme_desc
{
	float: left;
	width: 470px;
	margin: 0 0 0 0;
}

#right_pic
{
	float: right;
	padding: 0 0 10px 10px;	
}

#left_pic
{
	float: left;
	padding: 10px 10px 0px 0px;	
}

/* -- UPDATED TEXT -- */
#updated p
{
	font-size: 10px;
	text-align: right;
}

/* -- FLICKRPIC - FOR FLICKR BADGE -- */
#flickrbadge
{
	text-align: left;
}

/* -- HOMEPG_PIC - FOR BIG PIC ON HOMEPAGE -- */
#homepg_pic
{
	text-align: center;
	margin: 10px 0 10px 0;
	text-decoration: none;
	border: 0;
}

#homepg_pic a
{
	text-decoration: none;
	border: 0;
}

/* -- FOOTER -- */
#footer
{
	color: #FF0000;
	clear: left;
	margin: 1 0 0 0;
	padding: 0 5 0 0;
	text-align: center;
	background-color: #ffffff;
}




/* ---------------- RESUME ---------------- */

span.company
{
	color: 009933;
	text-decoration: underline;
}

span.co_desc
{
	font-style: italic;
}

#resume_body
{
	width: 770px;
	background:#ffffff;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 100%;
}

#resume_body h1
{
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font: bold;
	margin: 10px 0 0 0; 
}

#resume_body h2
{
	clear: left;
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font: bold;
	padding-top: 1em;
	padding-bottom: 0px; 
	margin: 0 0 0 0;
}

#resume_body h3
{
	clear: left;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font: bold;
	padding-top: 5px;
	padding-bottom: 0px; 
	margin: 0 0 0 0;
}

#resume_body h4
{
	clear: left;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font: bold;
	padding-top: 0px;
	padding-bottom: 0px; 
	margin: 0 0 0 0;
}

#resume_body p
{	
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
}


#resume_bullets
{
	width: 300px;
	float: left;
}

#resume_bullets ul
{
	margin: 0 0 0 10px; 
	padding: 0 0 0 10px;
	list-style: disc; 
	line-height: 110%;
}


#resume_bullets li, #co_bullets li
{ 
	line-height: 110%;
	text-align: left;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}

#co_bullets ul li
{
	line-height: 140%;
	list-style: disc; 
}

#co_bullets
{
	line-height: 110%;
	float: left;
	margin: 10px 0 0px 0;
	width: 770px;
}



/* -- LEFT_ALIGN - for aligning stuff on left when text on right -- */
#left_align
{
	float: left;
	text-align: left;
	text-decoration: none;
}

#left_align p
{	
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* -- RIGHT_ALIGN - for aligning stuff on right when text on left -- */
#right_align p
{	
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#right_align
{
	float: right;
	text-align: right;
	text-decoration: none; 
}